/* 
This style sheet and the images to which it refers to 
may not be reused, resold or redistributed by any means necessary
================================================================
Description: Layout styles for Karlos Dansby
Version: 1.0
Author: AWS Sports
Author URI: http://www.awssports.com/
*/

	/**** Testing Rule ***************************************************************************/
/* 	#- { background-color:red; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
	#- { background-color:blue; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
	#- { background-color:green; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
	#- { background-color:yellow; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
	#- { background-color:orange; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
 */
	/**
	 * BODY LAYOUT
	 ***********************************************************************************/
	body { 
        background: #000 url('../images/bg.jpg') top center no-repeat fixed;
        text-align:center; 
    }

	#wrapper { 
		position:relative;
		width:998px; 
		height:auto !important; 
		min-height:580px; 
		height:580px; 
		text-align:left;  
        padding:202px 0 0 0;
		margin:0 auto; 
	}

	
	/**
	 * HEADER LAYOUT
	 ***********************************************************************************/
	#header { 
        position:absolute;
        top:18px;
        left:58px;
		width:853px; 
		height:215px; 
	}
	#header h1, 
	#header ul#jNav { position:absolute; left:-9999px; list-style:none; }
	h2#header_tag {
        position:absolute;
        top:57px;
        left:29px;
        width:514px;
        height:117px;
    }

	
	/**
	 * SITENAV LAYOUT
	 ***********************************************************************************/
	#sitenav { 
        z-index:1;
		position:absolute;
        top:234px;
        left:132px;
		width:178px; 
		height:373px; 
		margin:0;
        padding:7px 0 0 0;
		list-style:none; 
	}
	#sitenav li { 
        position:relative;
		float:left; 
        width:100%;
		height:27px; 
		padding:0; 
		margin:0 0 1px 0; 
	}
	#sitenav li a {
        display:block; 
		text-indent:-9999px; 
		position:relative;
		width:100%; 
		height:100%; 
		padding:0;
		margin: 0 3px 0 0; 
	}
    span.sitenav_rollover {
        position:absolute;
        top:-1px;
        left:0;
        height:29px;
        width:4px;
        background:#999;
    }
    ul#sitenav li#sn_home         a { background-position:0 0; }
    ul#sitenav li#sn_about_karlos a { background-position:0 -28px; }
    ul#sitenav li#sn_blog         a { background-position:0 -56px; }
    ul#sitenav li#sn_widget       a { background-position:0 -84px; }
    ul#sitenav li#sn_photos       a { background-position:0 -112px; }
    ul#sitenav li#sn_video        a { background-position:0 -140px; }
    ul#sitenav li#sn_ask_karlos   a { background-position:0 -168px; }
    ul#sitenav li#sn_downloads    a { background-position:0 -196px; }
    ul#sitenav li#sn_games        a { background-position:0 -224px; }
    ul#sitenav li#sn_store        a { background-position:0 -252px; }
    ul#sitenav li#sn_links        a { background-position:0 -280px; }
    ul#sitenav li#sn_inquiries    a { background-position:0 -308px; }


    /**** DROPDOWN MENU RULES ***/
    #sitenav li ul { /* second-level lists */
        list-style: none;
        position: absolute;
        top: 0px;
        left:-9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        width: 170px;
        margin:0;
        padding:0;
    }
    li#sn_downloads ul { width: 220px; }

    #sitenav li ul li {
		position:relative;
		clear:left;
		height:20px;
        margin:0;
        padding:0;
    }

    #sitenav li ul li a {
		line-height:20px;
		height:20px;
		width:100%;
        margin:0;
        padding:0;
    }

    #sitenav li:hover ul, #sitenav li.sfhover ul { /* lists nested under hovered list items */
        left: 178px;
    }


	/**
	 * HOME CONTENT LAYOUT
	 ***********************************************************************************/
	#home_content { 
        z-index:0;
        position:relative;
        top:0;
        left:310px;
		width:688px; 
		height:412px; 
	}
    
    /* HOME PAGE FEATURES */
    /* latest news */
	#home_lastest_news_wrapper { 
        position:relative;
        top:33px;
        width:214px;
        height:198px;
    }
    
    /* welcome */
	#home_welcome_wrapper { 
        position:absolute;
        top:0;
        left:214px;
        width:370px;
        height:211px;
    }
    #home_welcome {
        position:relative;
        top:35px;
        left:15px;
        width:200px;
        height:174px;
        color:#fff;
        font-size:12px;
        overflow:hidden;
    }
    
    /* widget */
	a#home_widget_promo { 
        display:block;
        position:relative;
        top:33px;
        width:215px;
        height:181px;
        text-indent:-9999px;
    }
    a#home_widget_promo:hover {
        background: url('../images/home_widget_rollover.jpg') 19px 150px no-repeat;
    }
    
    /* video */
	#home_video_wrapper { 
        position:absolute;
        top:211px;
        left:214px;
        width:383px;
        height:201px;
    }
/*  OLD VIDEO PLAYER
#home_video {
        position:relative;
        top:14px;
        left:7px;
        width:367px;
        height:197px;
    } */
    #home_video {
        position:relative;
        top:30px;
        left:50px;
        width:367px;
        height:197px;
    }
/*  Alternative screen size
    #home_video {
        height:197px;
        left:121px;
        position:relative;
        top:7px;
        width:367px;
    }
 */    
    
    /* HOME BOTTOM CONTENT */
    #home_bottom_content {
        position:relative;
        top:0;
        left:156px;
        width:736px;
        height:109px;
    }
    
    #home_gameday_countdown {
        float:left;
        width:395px;
        height:109px;
    }
    #countdown_flash {
        width:386px;
        height:89px;
        margin:5px 0 0 5px;
    }
    
    ul#home_bottom_promos {
        float:right;
        width:339px;
        height:109px;
        margin:0;
        padding:0;
        list-style:none;
    }
    ul#home_bottom_promos li {
        margin:0;
        padding:0;
        height:109px;
        float:left;
    }
    ul#home_bottom_promos li a {
        display:block;
        width:100%;
        height:100%;
        text-indent:-9999px;
    }
    li#home_store_promo {
        width:170px;
    }
    li#home_store_promo a:hover {
        background: url('../images/home_store_rollover.jpg') 99px 86px no-repeat;
    }
    li#home_team_promo {
        width:169px;
    }
    li#home_team_promo a:hover {
        background: url('../images/home_team_rollover.jpg') 87px 86px no-repeat;
    }

	/**
	 * INTERIOR CONTENT LAYOUT
	 ***********************************************************************************/
    #content_wrapper {
        z-index:0;
        position:relative;
        top:-1px;
        left:310px;
        width:601px;
        height:auto !important;
        height:400px;
        min-height:400px;
        background: url('../images/content_bg.jpg') 0 0 repeat-y;
    }
    
	#content_heading { 
		width:601px; 
		height:34px; 
        background: #ccc url('../images/page_heading_bg.jpg') 0 0 no-repeat;
	}
	h3#cHead { 
        display:block;
		width:601px; 
		height:34px; 
		margin:0;
        padding:0;
        text-indent:-9999px;
	}
	#interior_content { 
		width:405px; 
		height:auto !important; 
		min-height:560px;
        margin:5px 0 0 5px;
		padding:0 0 20px 0;
		line-height:1.5em; 
        
	}

    
    /* INTERIOR PROMOS */
    ul#promos { 
        position:absolute;
        top:200px;
        right:0;
        width:186px;
        list-style:none;
        margin:0;
        padding:13px 0 0 0;
    }

    ul#promos li a {
        display:block;
        width:100%;
        height:100%;
    }
	
    /* CONTENT FOOTER */
    #content_footer {
        position:relative;
        top:-1px;
        left:310px;
        width:601px;
        height:14px;
    }
    
    /* ATHLETE CUTOUT */
    #athlete_cutout {
        position:absolute;
        top:45px;
        right:30px;
        width:245px;
        height:360px;
    }
    
	/**
	 * FOOTER LAYOUT
	 ***********************************************************************************/
	ul#footer { 
		clear:both;
		position:relative;
		width:998px; 
		height:30px; 
		margin:25px 0 0 0; 
		list-style:none; 
	}
	ul#footer li	{ 
		position:absolute; 
		top:0px; 
		display:inline; 
		line-height:20px;
	}
	ul#footer li#footer_copy { left:65px; }
	ul#footer li#footer_terms { left:275px; }
	ul#footer li#footer_privacy { left:355px; }
	ul#footer li#footer_curv_sports { right:315px; }
	ul#footer li#footer_curv_sports a {
        display: block;
        width: 220px;
        height: 20px;
        text-indent: -9999px;
        outline: none;
    }
	ul#footer li#footer_aws { right:60px; }
	ul#footer li#footer_aws a {
        display: block;
        width: 240px;
        height: 20px;
        text-indent: -9999px;
        outline: none;
    }
	ul#footer li#jtop { display:none; }	

#breadcrumb{
	display:none;
}
