/* Content stuff */


@font-face {
  font-family: MetaWeb-Medium;
  src: url("font/MetaWeb-Medium.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: MetaWeb-Medium;
  src: url("font/MetaWeb-Medium.woff") format("woff");
}

@font-face {
  font-family: MetaWeb-Normal;
  src: url("font/MetaWeb-Normal.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: MetaWeb-Normal;
  src: url("font/MetaWeb-Normal.woff") format("woff");
}


/* mascot image */
img.mascotbig
{
    margin-top:-1em;
    float:left;
}
/*/H/*/
.entry-content h1,
.entry-content h2,
.entry-content h3,
#comments-title
{
    text-transform: uppercase;
    font-weight:bold;
    font-family:MetaWeb-Normal;
    letter-spacing: -.5px;
}

#comments-title
{
    margin-bottom:1.5em;
}

.entry-content h1
{
    font-size: 4em;
    line-height:1em;
    margin:0.35em 0;  
    float:left;
}

.entry-content h2
{
    /*color:#4A4A4A;*/
    color:#717576;
    font-size:1.5em;
    font-weight:600;
    
    clear:both; 
    padding-left: 1em; 
    padding-top: 0.25em;     
}

div.entry-content p
{
    line-height: 1.45;
    margin-bottom: 1.15
}

@media screen and (max-width: 600px)
{
    .entry-content h2
    {
        padding-left: 1.25em; 
    }
    
    .entry-content h1
    {
        font-size: 3.5em;
     }   
      
}
@media screen and (max-width: 400px)
{
    .entry-content h2
    {
        padding-left: 1.25em; 
        padding-top: 0.25em; 
        font-size:1.25em; 
    }  
}

.entry-content h3
{
    color:#717576;
    font-size:1em;
    float:left;
    width:25%; 
}

span.detailInfo
{
    font-weight:bold;
    float:left;
    clear:right;
    margin-left:0.5em;
    margin-bottom:0.25em;
    width:73%;
}

div.mascotInfo
{
    float:left;
    width: 100%;
    cleear:both;
    margin-bottom:1.5em;
}

/* Colours */

.purple
{
    color: #393f63;
}

#comments
{
    float:left;
}


/* CARDS */

div.card
{
    width:96%;

    float:left;    
   /* margin-right:2%;*/
    margin-bottom:1.25em;
    padding:1%;
    
    border:#C3C3C3 1px solid;
    border-radius:0.75em;
    -moz-border-radius:0.75em;    
    
    transform:rotate(0deg);
-ms-transform:rotate(0deg); /* IE 9 */
-moz-transform:rotate(0deg); /* Firefox */
-webkit-transform:rotate(0deg); /* Safari and Chrome */
-o-transform:rotate(0deg); /* Opera */

    -webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.0);        
    box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;


}

div.card:hover
{
  transform:rotate(2deg);
-ms-transform:rotate(2deg); /* IE 9 */
-moz-transform:rotate(2deg); /* Firefox */
-webkit-transform:rotate(2deg); /* Safari and Chrome */
-o-transform:rotate(2deg); /* Opera */

    -webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);        
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
}

div.cardTitle
{
    width:100%;
    background:#000000;
    float:left;
        
    position:relative;
}

div.cardTitle p
{
    width:100%;
    margin:-0.5em 0 0.5em 0;
    float:left;
}

h3.carHeadline
{
    width:80%;
    padding:3%;
    
    display:inline;
    float:left;
    
    text-indent: 10%;
    text-align:center;
    text-transform:uppercase;
    font-size:0.85em;
    letter-spacing:1px;
    color:#ffffff;
}

span.titleNo
{
    width: 75%;
    float:left;
    
    font-size: 0.65em;
    text-align: center;
    text-indent:10%;
    color: #FFFFFF;
    
}

.starGreen
{
    background: url('images/starGreen.png') no-repeat scroll 5% 45% transparent;
}
.starGreenH2
{
    background: url('images/starGreenH2.png') no-repeat scroll 0% 50% transparent;
}


.starTurq
{
    background: url('images/starTurq.png') no-repeat scroll 5% 45% transparent;
}
.starTurqH2
{
    background: url('images/starTurqH2.png') no-repeat scroll 0% 50% transparent;
}


.starYell
{
    background: url('images/starYell.png') no-repeat scroll 5% 45% transparent;
}
.starYellH2
{
    background: url('images/starYellH2.png') no-repeat scroll 0% 50% transparent;
}


.starPurple
{
    background: url('images/starPurple.png') no-repeat scroll 5% 45% transparent;
}
.starPurpleH2
{
    background: url('images/starPurpleH2.png') no-repeat scroll 0% 50% transparent;
}


.starPink
{
    background: url('images/starPink.png') no-repeat scroll 5% 45% transparent;
}
.starPinkH2
{
    background: url('images/starPinkH2.png') no-repeat scroll 0% 50% transparent;
}


.starCream
{
    background: url('images/starCream.png') no-repeat scroll 5% 45% transparent;
}
.starCreamH2
{
    background: url('images/starCreamH2.png') no-repeat scroll 0% 50% transparent;
}



div.firtsInfo
{
    width:25%;
    position:absolute;
    top:0;
    right:0;
    
    background: #00B4CC;
    color:#ffffff;  
}

div.firtsInfo img
{
    position: absolute;
    width: 100%;
}

span.firstTitle
{
    font-size: 0.75em;
    text-transform: uppercase;
    text-align: center;
    line-height:1.15;
    
    position: absolute;
    width:100%;
   
    padding-top:15%; 
    z-index: 10;
}

span.firstYear
{
    font-size: 1.5em;
    font-weight: 100;
    text-align:center;
    
    width:68%;
    padding:47.5% 15%; 
    position: absolute;
    z-index: 10;    
}

div.greyInfoArea
{
    width:92%;
    float:left;
    margin:2% 0;
    padding:4%;
    
    background: #ebebeb;
    color:#000000;
    
    font-size: 0.75em;
    font-family: Georgia, serif;    
}

div.greyInfoArea p
{
    font-size:1.25em;    
    margin-bottom:0.5em;
}
div.greyInfoArea b
{
    font-weight: bold;
    text-transform: uppercase;
    font-family: MetaWeb-Medium;
  
    
}

span.greyInfoText, div.whiteInfoArea p
{
    font-family: Georgia, serif;
}

div.cardImage img
{
    width: 100%;
}

div.right
{
    float:right;
}

div.left
{
    float:left;
}

div.whiteInfoArea
{
    width:96%;
    float:left;
    margin:2% 0;
    padding:2%;
    
    background: #fff;
    color:#000000;
    
    font-size: 0.75em;    
}
div.whiteInfoArea p
{
    margin-bottom:0;
}

div.cardGreyBoxBottom
{
    width:96%;
    float:left;
    margin:2% 0;
    padding:2%;
    
    background: #555555;
    color:#FFFFFF;
    
    line-height:1.15em;
    font-size: 1em;
    font-style: italic;
    font-family: MetaWeb-Normal; 
    text-align:center;
    
}

@media screen and (max-width: 940px)
{
    div.card
    {
       /* width:45.5%;*/
    }   
    
    /*span.firstTitle
    {
        font-size: 0.6em;
    }
    span.firstYear
    {
        font-size: 1em;
    } */
}

@media screen and (max-width: 600px)
{
    div.card
    {
       /* width:98%;*/
    }
     span.firstTitle
    {
        font-size: 0.75em;
    }
    span.firstYear
    {
        font-size: 1.5em;
    } 
  
}

/* Extra */

div.clear
{
    clear:both;
    float:left;
    width: 100%;
}

#fcbk_share,
div.entry-content #fcbk_share
{
    float:left;
    width:15%;
    margin-top:2.85em;
    margin-left:1em;
    height: auto;
    clear: right;
   
/*   width: 100%;*/
}


/* College Search */

#collegeSearch
{
    position: static;
    width: auto;
}