/* 
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 Thomas Brown
Version: 1.0
Author: AWS Sports
Author URI: http://www.awssports.com/
*/

	/**** Testing Rule ***************************************************************************/
	#asdf { background-color:red; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
	
	/**
	 * BODY LAYOUT
	 ***********************************************************************************/
	body { 
        text-align:center; 
        background: #000 url('../images/bg.jpg') top center no-repeat;
    }

	#wrapper { 
		position:relative;
		width:900px; 
		height:765px; 
		text-align:left;  
		margin:0 auto; 
        padding:0;
	}

	
	/**
	 * HEADER LAYOUT
	 ***********************************************************************************/
	#header { 
		width:900px; 
		height:67px; 
	}
	#header h1, 
	#header h2, 
	#header ul#jNav { position:absolute; left:-9999px; list-style:none; }

    /* MEMBERSHIP LINK */
    #membership_link {
        position:relative;
        top:25px;
        left:5px;
        background: url('../images/free_membership_bg.jpg') 0 0 no-repeat;
        width:277px;
        height:21px;
    }
    #membership_link a {
        display:block;
        position:relative;
        top:3px;
        left:211px;
        width:64px;
        height:15px;
        text-indent:-9999px;
    }
    #membership_link a:hover {
        background: url('../images/free_membership_bg.jpg') -277px -3px no-repeat;
    }
	
	/**
	 * SITENAV LAYOUT
	 ***********************************************************************************/
    ul#sitenav {
        position:relative;
        z-index:5;
        width:902px;
        height:35px;
        margin:0;
        padding:0;
        list-style:none;
    }
    ul#sitenav li {
        z-index:5;
        position:relative;
        top:0;
        left:0;
        float:left;
        height:36px;
        padding:0 1px 0 0;
        margin:0;
    }
    ul#sitenav li a {
        width:100%;
        height:100%;
        display:block;
        text-indent:-9999px;
        position:relative;
        outline: none;
        margin:0;
        padding:0;
    }
    ul#sitenav li a:hover {
        background: url('../images/sitenav.jpg') 0 0 no-repeat;
    }
     
    ul#sitenav li#sitenav_home       { width:79px; }
    ul#sitenav li#sitenav_about      { width:65px; }
    ul#sitenav li#sitenav_blog       { width:56px; }
    ul#sitenav li#sitenav_widgets    { width:82px; }
    ul#sitenav li#sitenav_galleries  { width:91px; }
    ul#sitenav li#sitenav_ask_thomas { width:113px; }
    ul#sitenav li#sitenav_downloads  { width:113px; }
    ul#sitenav li#sitenav_games      { width:67px; }
    ul#sitenav li#sitenav_store      { width:64px; }
    ul#sitenav li#sitenav_links      { width:56px; }
    ul#sitenav li#sitenav_inquiries  { width:103px; }  

    ul#sitenav li#sitenav_home       a:hover { background-position:     0px   0px; }
    ul#sitenav li#sitenav_about      a:hover { background-position:   -80px   0px; }
    ul#sitenav li#sitenav_blog       a:hover { background-position:  -146px   0px; }
    ul#sitenav li#sitenav_widgets    a:hover { background-position:  -203px   0px; }
    ul#sitenav li#sitenav_galleries  a:hover { background-position:  -286px   0px; }
    ul#sitenav li#sitenav_ask_thomas a:hover { background-position:  -378px   0px; }
    ul#sitenav li#sitenav_downloads  a:hover { background-position:  -492px   0px; }
    ul#sitenav li#sitenav_games      a:hover { background-position:  -606px   0px; }
    ul#sitenav li#sitenav_store      a:hover { background-position:  -674px   0px; }
    ul#sitenav li#sitenav_links      a:hover { background-position:  -739px   0px; }
    ul#sitenav li#sitenav_inquiries  a:hover { background-position:  -796px   0px; }



    /**** DROPDOWN MENU RULES ***/
    #sitenav li ul { /* second-level lists */
        list-style: none;
        position: absolute;
        top: 36px;
        left:-9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        width: 126px;
        margin:0;
        padding:0;
        z-index:5;
    }
    #sitenav li#sitenav_downloads ul { width:185px; }

    #sitenav li ul li {
		position:relative;
		clear:left;
		height:20px;
		width:100%;
        margin:0;
        padding:0;
    }

    #sitenav li ul li a {
		height:100%;
		width:95%;
		margin:0;
        padding:0 0 0 5%;
        background: url('../images/button_bg.jpg') 0 0 repeat;
    }
/*     #sitenav li ul li a:hover {
        background: url('../images/button_bg.jpg') 0 0 repeat;
    } */

    #sitenav li:hover ul, #sitenav li.sfhover ul { /* lists nested under hovered list items */
        left: auto;
    }



	/**
	 * HOME PAGE CONTENT LAYOUT
	 ***********************************************************************************/
	#home_content_wrapper {
        z-index:0;
        position:relative;
        top:10px;
        left:0;
        width:900px;
        height:600px;
    }
    
    #home_top_content {
        z-index:0;
        position:relative;
        width:899px;
        height:229px;
        background: url('../images/home_top_bg.jpg') 0 0 no-repeat;
    }
    
    /* Welcome */
    #welcome {
        position:relative;
        top:65px;
        left:480px;
        width:390px;
        height:140px;
    }
    
    /* Home Flash */
    #home_flash {
        position:absolute;
        top:6px;
        left:157px;
        width:366px;
        height:462px;
    }

    /* Latest News */
    #latest_news_wrapper {
        position:absolute;
        top:395px;
        left:500px;
    }
    #latest_news_wrapper,
    #latest_news_png {
        width:186px;
        height:180px;
    }
   
    
    /* Store Promo */
    #store_promo_wrapper {
        position:absolute;
        top:395px;
        left:700px;
    }
    #store_promo_wrapper, 
    #store_promo_png {
        width:186px;
        height:180px;
    }
    #store_promo_wrapper a {
        position:relative;
        display:block;
        width:100%;
        height:100%;
        text-indent:-9999px;
    }
    #store_promo_wrapper a:hover {
        background: url('../images/home_store_promo_rollover.jpg') 122px 155px no-repeat;
    }   

    /* Team Link */
    #team_link_wrapper {
        position:absolute;
        top:140px;
        left:685px;
    }
    #team_link_wrapper,
    #team_link_png {
        width:129px;
        height:98px;
    } 
    #team_link_wrapper a {
        position:relative;
        display:block;
        width:100%;
        height:100%;
        text-indent:-9999px;
    }


    /* Video Player */
    #home_video_player {
        border:1px solid #999;
        position:absolute;
        top:445px;
        left:220px;
        width:219px;
        height:143px;
    }

    /* Blog */
    #home_blog_wrapper {
        position:absolute;
        top:243px;
        left:500px;
    }
    #home_blog_wrapper,
    #home_blog_png {
        width:388px;
        height:146px;
    }
    /* Blog */
    #home_page_video {
        position:absolute;
        top:243px;
        left:15px;
    }
	/**
	 * INTERIOR CONTENT LAYOUT
	 ***********************************************************************************/
	#content_wrapper {
        z-index:0;
        position:relative;
        top:43px;
        left:210px;
        overflow:hidden;
    }
    #content_wrapper,
    #content_png {
        width:666px;
        height:547px;
    }
    
    h3#cHead { 
		width:666px; 
		height:35px; 
		margin:0 0 10px 0;
        text-indent:-9999px;
	}

	#content_scroll { 
        position:relative;
		width:666px; 
        height:501px; 
        overflow-y:auto;
        overflow-x:hidden;
	}
	#interior_content { 
        position:relative;
        margin:10px;
		width:635px; 
		height:auto !important;
        height:400px; 
        min-height:400px; 
		padding:0;
        overflow-x:hidden;
	}

	
	/* PROMOS LAYOUT */
    #promos_wrapper {
        z-index:0;
        position:absolute;
        top:145px;
        left:10px;
        width:186px;
        height:544px;
    }
    ul#promos {
        list-style:none;
        margin:0;
        padding:0;
        width:186px;
        height:544px;
    }
    ul#promos li {
        position:relative;
        width:186px;
        height:127px;
        margin:0 0 11px 0;
    }
    ul#promos li a {
        display:block;
        width:100%;
        height:100%;
        text-indent:-9999px;
        text-decoration:none;
    }
    ul#promos li#promos_widget a:hover { background: url('../images/home_widget_promo_rollover.jpg') 122px 105px no-repeat; }
    ul#promos li#promos_store  a:hover { background: url('../images/home_store_promo_rollover.jpg') 122px 106px no-repeat; }
    ul#promos li#promos_newsletter a:hover { background: url('../images/home_widget_promo_rollover.jpg') 122px 106px no-repeat; }
    ul#promos li#promos_tell_a_friend a:hover { background: url('../images/home_widget_promo_rollover.jpg') 122px 104px no-repeat; }
     
	/**
	 * FOOTER LAYOUT
	 ***********************************************************************************/
	ul#footer { 
		clear:both;
		position:absolute;
        top:725px;
		width:900px; 
		height:20px; 
		margin:0; 
		list-style:none; 
	}
	ul#footer li	{ 
		position:absolute; 
		top:0px; 
		display:inline; 
		line-height:20px;
	}
	ul#footer li#footer_copy { left:10px; }
	ul#footer li#footer_terms { left:190px; }
	ul#footer li#footer_privacy { left:270px; }
	ul#footer li#footer_curv_sports { right:320px; }
	ul#footer li#footer_curv_sports a {
        display: block;
        width: 220px;
        height: 20px;
        text-indent: -9999px;
        outline: none;
    }
	ul#footer li#footer_aws { right:20px; }
	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;
	}
    
    .news_list_article_title a{
		color:#999;
	}