/*
#f1f4f6 = background color of navigation areas
#0086F1 = global link color
#CED5DB = border color of navigation areas
*/

/* set default styles */        
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font:inherit;
    vertical-align:baseline;
}
body
{
	
    color:#333;
    font-family:Arial,Helvetica,sans-serif;
    background:#efefef;
    line-height: 1;
    font-size: 62.5%; 	      
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-device-width: 320px) 
and (max-device-width: 480px)
{
	body
	{  
		font-size: 62.5%;
		-webkit-text-size-adjust:none;
	}
}     
   
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
        
/* clear float styles */ 
.cf:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height:0px;
    line-height:0px;
    font-size:0px;
}

/* default link style */
.blue,
a { color: #0086F1; }

a {	text-decoration: none; }
a:hover,
a:active 
{ 
    color: blue; 
    cursor:pointer;
} 
a:hover 
{
    text-decoration: underline;	
}
              
/* tables still need 'cellspacing="0"' in the markup */
table {
    /* width:100%; basically making it a block element */
    border-collapse: collapse;
    border-spacing: 0;
    margin:0;
    padding:0;
}

/* headers */         
h1
{
	font-size:1.6em;
}
h2,h3
{
	font-size:1.4em;
}

/* Header background styles */
.top
{
    background:#000;        
}

#ad,
#adBottom
{
	text-align:center;
	margin:.5em auto;
}
#CompanionAnchor
{
	margin:0 auto;
}

/* MaxPreps Logo & span for Mobile Site text */      
#header
{
    -moz-box-shadow:  0 1px 2px #686868;
    -webkit-box-shadow: 0 1px 2px #686868;
    box-shadow: 2px #686868;  
}
#logo li
{
	float:left;
	width:49%;
}
#logo .right
{
	text-align:right;
}
.header
{
    display:block;
    height:38px;
    width:100%;
    padding:.5em 0;
    background:url(http://www-content-v3.maxpreps.com.edgesuite.net/includes/images/mobile/logos/logo.png) no-repeat scroll 0 center transparent;
    border:solid 2px #CED5DB;
	border-style:none none solid none;
}
#logo .logo
{
	display:block;
	height:41px;
	width:147px;
}

/* content header styles */            
.sub-header,
.sub-header-search
{
    background:#000;        
    color:#FFFFFF;

    font-size:1.6em;
    font-weight:bold;
    line-height:1;
    
    margin:5px 0 0;
    padding:5px 10px;
}
.sub-header-search
{
	background: url("http://www-content-v3.maxpreps.com.edgesuite.net/includes/images/site_themes/sprites/header_background_tiles.png") repeat-x scroll 0 -120px #777;
}
/* content header styles */   
.page-content,
.page-content-full
{   
    border: solid 1px #CED5DB;
    background:#FFFFFF;
    padding:1em 0;
    overflow:hidden;
} 
.page-content
{
	margin-top:0;
}
.page-content-full
{

}      

/* menu button and pop-up styles */ 
 .menu
{
    position:absolute;
    background-color:#fff;
    border: thin solid #CED5DB;
    
    width: 80%;
    top:10%;
    left: 7%;
    padding:10px;
 
    z-index:5000;
}   
.menu-bg
{
    background: url(http://www-content-v3.maxpreps.com.edgesuite.net/includes/images/mobile/backgrounds/caption_background.png) repeat scroll 0 0 transparent;
    color: #333333;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 2500;
}  
.menu-list li
{   
    font-size:1.6em;
    margin:1.5em .5em;
    padding:0 0 0 18px; 
    background:url(http://www-content-v3.maxpreps.com.edgesuite.net/includes/images/mobile/sprites/arrow-icon.png) no-repeat 0px -24px;
}
.close
{
    float:right;
    clear:right;
}
.button 
{
   border:solid 1px #f1f4f6;
   background:#000;
    
    border-radius:.5em;
}
a.main-nav:link,
a.nav:link
{
    display:inline-block;
    text-align:center;
    font-weight:bold;
    font-size:1.4em;
    background:#232323;
    
    color:#fff;
    border:solid 2px #CED5DB;
    padding:5px 10px;
    margin:.33em .5em 0 0;
    
    border-radius:.5em;
}
a.main-nav:hover,
a.nav:hover,
a.main-nav:active,
a.nav:active
{
    color:#f1f4f6;
}   
           
/* Search Box styles */
#search
{       
   
    border: solid 1px #CED5DB;
    background:none repeat scroll 0 0 #FFFFFF;
    margin:0 0 10px;         
    padding:10px 0 10px 10px;
}
#search p
{
	padding:1em 10px 0 0;
	color: #808080;
	font-size:1.2em;
	text-align:center;
}
.searchbox
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CED5DB;
    font-size: 1.4em;
    height: 20px;
    line-height: 13px;
    padding: 4px 5px;

    vertical-align: top;
    width: 92%;
    
    border-radius:.5em;	        
}
.btn 
{
    background:url(http://www-content-v3.maxpreps.com.edgesuite.net/includes/images/mobile/icons/search_icon.png) no-repeat;
    border:none;
    height:18px;
    margin-top:7px;
    margin-left:-30px;
    vertical-align:top;
    width:22px;
}         
       
/* Footer styles */
#footer{
    background:#f1f4f6;
    margin-top:2px;
    padding:10px 0;
    text-align:center;
    border-top:solid 1px #CED5DB;	        
    border-bottom:solid 1px #CED5DB;
} 
#footer p
{
    font-size:85%;
    margin:5px 0;
}
#footer a
{
	font-size:1.2em;
}


/* share styles (icons and such) */
.site-tools
{
    display:inline;
}
.link-icon
{
    background:url(http://www-content-v3.maxpreps.com.edgesuite.net/includes/images/sprites/iconSprite.png) no-repeat;
    display:inline-block;
    padding-left:22px;
    height:20px;
    line-height:20px;
    margin:.5em .5em 0 0;
}
.site-tools .print
{
    background-position:left -70px;    
}
.site-tools .email
{
    background-position:left -90px;    
}        
.site-tools .share
{
	/* social icons */
    background:url(http://www-content-v3.maxpreps.com.edgesuite.net/includes/images/site_themes/default_sprite.20110606.png) no-repeat 0 -647px; 
    padding: 0 0 0 38px;
}