/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the programmers. */

/* our main container that holds the site in the centre of the body is called "uber"
and will generally be margin:auto auto and be 960 pixels wide or up to 1160 pixels wide
when inside containers are required for drop shadows etc */

/* ----- comment styles well for better reference later! ----- */
/* ----- lay these styles out in sections, and from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */
#uber {margin:auto auto; width:960px; background-color:#FFF;}
    #uber ul {list-style-type:none; font:13px/18px Arial, Helvetica Neue, Helvetica, sans-serif; color:#000;}
    #uber dl {list-style-type:none; font:13px/18px Arial, Helvetica Neue, Helvetica, sans-serif; color:#000;}
    #uber ol {list-style-type:none; font:13px/18px Arial, Helvetica Neue, Helvetica, sans-serif; color:#000;}
    #uber li {font:13px/18px Arial, Helvetica Neue, Helvetica, sans-serif; color:#000;}
    #uber ol li, #uber ul li {/*add margin or padding as needed*/}

/* any containers inside #uber for floating or padding */

/* ESPN Flash score thingy */
#espn_bottomline {position:relative; width:960px; height:46px; overflow: hidden; background-color: #FFF; margin:0; padding:0; border-bottom:8px solid #FFF;}
#espn_bottomline iframe {width:971px; height:46px; overflow: hidden; z-index:1;}
    #hide_customize {position: absolute; top:2px; left:533px; height:16px; width:26px; z-index:500; background: url(/theme/KOOQ-new/i/hide-customize.gif) top left no-repeat;}

/* header */
#header {position:relative; height:190px; width:960px; margin-bottom:5px;}
	#logo {position:absolute; top:10px; left: 20px; width:280px; height:170px; z-index:2;}
		#logo a {display:block; border:none; width:306px; height:135px; text-decoration:none;}
	#rotatingArtist {position:absolute; top:0; left:10px; width:940px; height:190px; overflow:hidden; background:none;}
	#rotatingArtist img, #rotatingArtist img a {border:none;}

/* leaderboard advertising and listen live */
#leaderboard {position: relative; width:960px; height:90px; padding-bottom:5px; background:url(/theme/KOOQ-new/i/bkgnd-leaderboard.gif) top left no-repeat #FFF;}
	#leaderboard-ad {position:absolute; top:0px; left:10px; width:728px; height:90px; overflow:hidden;}
	#listen_live {position:absolute; top:0px; right: 10px; width:204px; height:90px; overflow:hidden;}

/* dropdown menu with custom font */
.nav {margin:0; padding:0; height:51px; width:960px; background:url(/theme/KOOQ-new/i/bkgnd-nav.gif) top left repeat-x; float:left; position:relative; z-index:200;}

/* main content area with two columns */
#main {float:left; background:url(/theme/KOOQ-new/i/bkgnd-main.gif) top right repeat-y; width:960px; margin:auto auto; position:relative; z-index:1;}

/* left = content area */
#content {float:left; width: 630px; margin:0 10px 0 10px !important; margin: 0 0 0 5px; padding:0; overflow:hidden;}
	#inset {width:630px; margin:0; padding:0;}
	#pageStatus {}

/* right */
#right {float:right; width:300px; margin:0 10px 0 0 !important; margin:0 5px 0 0; overflow:hidden; padding:0 0 10px 0; background: url(/theme/KOOQ-new/i/bkgnd-right.jpg) top left no-repeat;}
	#cl_right {height:35px; width:300px; margin:0; padding:0; position:relative;}
		#cl_right a {position:absolute; top:0; left:66px; display:block; border:none; width:163px; height:34px; text-decoration:none;}
	#badges {width:300px; height:95px; margin:0; padding:5px 0 10px 0; overflow: hidden;}
    	#on_air {width:144px; height:95px; margin:0 4px 0 4px; padding:0; float:left;}
    	#up_next {width:144px; height:95px; margin:0 0 0 0; padding:0; float:left;}
	#polls {width:280px; color:#FFF; margin:0 0 10px 0; padding:10px; border-bottom:1px solid #FFF; border-top:1px solid #FFF; background-color: #444142;}
	#mini_login {width:280px; color:#FFF; margin:0 0 5px 0; padding:10px; border-bottom:1px solid #FFF; border-top:1px solid #FFF; background-color: #444142; color:#FFF; text-align:center;}
	/* may be required inside mini_login ... logo_MiniForm, wrapper_logo, loginButton, forgot_password_container */
	
	/* STILL TO DO */ #ap_video {width:300px; height:102px; margin:0 0 5px 0; padding:5px 0; text-align: center;}
	
	#espn_video {width:300px; height:387px; margin:0 0 10px 0; padding:0;}
	#boxad {width:300px; height:250px; margin:0 0 10px 0; padding:0; border-bottom:1px solid #FFF; border-top:1px solid #FFF; overflow:hidden;}
    #weatherBadge {width:280px; margin:0 0 5px 0; padding:0 10px 3px 10px; border-bottom:1px solid #FFF; } /* specific weather badge styling located in content.css */
    #weather_threat { width:210px; height:90px; margin:5px 0 0 90px; background: transparent; overflow:hidden; }

/* footer at bottom of page */
#footer {position:relative; width:960px; height:155px; padding:0; margin:0; background:url(/theme/KOOQ-new/i/bkgnd-footer.gif) top left no-repeat; overflow:hidden; }
	#footer_nav {position:absolute; top:24px; left:129px; z-index:3;}
	#footer_text {font-size:12px; position:absolute; top:48px; left:135px; text-align:left; font:12px/19px Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFF;}
	#logo_connectorlocal {position:absolute; bottom:20px; right:20px; width:165px; height:30px; z-index:5;}
	   #logo_connectorlocal a {display: block; width:165px; height:30px; border:none;}
	
/* STYLES FOR CONTENT PAGES ONLY */
#content ul {list-style-type:square; padding:0 0 0 14px; margin:0 0 18px 0; list-style-position:outside; color:#000;}
#content ol {list-style-type:decimal; padding:0 0 0 14px; margin:0 0 18px 0; list-style-position:outside; color:#000;}
#content li {padding:0; margin:0 0 0 14px; list-style-position:outside; color:#000;}
#content dl  {padding:0 0 0 14px; margin:0 0 14px 0; color:#000;}

/* STYLES HOME PAGE ONLY */
#image_cycler_container {position:relative; width:630px; height:307px; margin:0; padding:0; background:url(/theme/KOOQ-new/i/bkgnd-imagecycler.gif) top left no-repeat;}
#welcome {position:relative; padding:15px; margin:0 0 25px 0; width:600px; background-color:#dedede; -moz-border-radius: 10px; -webkit-border-radius: 10px; /* rounded corners ... ha ha on IE */}
    #welcome img {border:1px solid #000;}
    #welcome_text ul {margin:0; padding:0;}
    #welcome_text ul li.odd, #welcome_text ul li.even {margin:0; padding:5px 0; list-style-type: none;}
    #welcome_text ul li.odd p, #welcome_text ul li.even p {margin:0; padding:0;}

#events_calendar {width:608px; margin:0 0 20px 0; padding:10px; border:1px solid #000;}
    #events_calendar h2 {}
#news {width:630px; overflow:hidden; padding:0 0 0 0; margin:0 0 10px 0; position:relative;}
	#news a {color:#ee3b33; text-decoration:none;}
	#news h2 {width:630px; float:left;}
	#news p {margin:0; padding:0;}
	#espn_news {clear:left; float:left; width:203px; margin:0 10px 0 0; padding:0; color:#333;}
	#espn_news ul li p.rss_description {display: none;}
	#local_news {float:left; width:203px; margin:0 10px 0 0; padding:0; color:#333;}
	#sports_news {float:left; width:203px; margin:0 0 0 0; padding:0; color:#333;}
    	#content #espn_news ul, #content #local_news ul, #content #sports_news ul {width:203px; margin:0; padding:0; list-style-type:none; list-style-position:outside; color:#333;}
    	#content #espn_news ul li, #content #local_news ul li, #content #sports_news ul li {width:203px; margin:0; padding:5px 0; list-style-type:none; list-style-position:outside; border-bottom:1px dotted #333; font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#333;}
    	#content #espn_news ul li a, #content #local_news ul li a, #content #sports_news ul li a {color:#000; text-decoration:none;}
    	#content #espn_news ul li a:hover, #content #local_news ul li a:hover, #content #sports_news ul li a:hover {color:#ee3b33; text-decoration: none;}
        #content #espn_news ul li p.rss_description, #content #local_news ul li p.rss_description, #content #sports_news ul li p.rss_description {display:none; margin:0; padding:0;}
        #content #espn_news ul li img.rss_image, #content #local_news ul li img.rss_image, #content #sports_news ul li img.rss_image {display: none;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {font:14px Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: bold; color:#FFF;}
#mini_login input {margin:4px 0 5px 0;}
#mini_login #loginButton {margin:7px 0px; padding:0 2px 2px 2px; width:50px; line-height:17px; height:20px; font:13px/18px Arial, Helvetica Neue, Helvetica, sans-serif; font-weight:bold; color:#FFF; border:1px solid #FFF; background-color:#ee3b33;}
#mini_login a {color:#ee3b33; text-decoration:none;}
#mini_login a:hover {text-decoration:underline;}
	#mini_login .autoFormText {width:130px; margin-right:7px; float:left;}
	#mini_login .autoFormPassword {width:130px; float:right;}
	#mini_login .autoFormCheckbox {width:240px; margin-left:20px; clear:right;}
	#mini_login input {width:120px;}
	#mini_login .autoFormInputs #remember_cookie {width:15px;}

/* FOOTER NAV LINK STYLES */
#footer_nav ul {margin:0; padding:0; list-style-type:none;}
#footer_nav ul li {margin:0; padding:0; list-style-type:none; display:inline;}
    #footer_nav ul li a {
    margin: 0; padding: 2px 6px; font:12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; /* rounded corners ... ha ha on IE */
    }
    #footer_nav ul li a:hover, #footer_nav ul li .active {text-decoration:none;color:#FFF; background-color: #ee3b33;}
#footer_text a {color:#FFF; text-decoration:none; font-weight: bold;}

/* ----- end template ----- */