/* 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 ----- */

/* odd design sizing widths due to shadows in background ...
    uber 1032 with PNG background only 300 high
        banner 960
    underbanner 1000 white background
        content 960 with fake column background
    footer 1032


/* STYLES FOR ALL PAGES */

#uber {margin:auto auto; width:1032px; background:url(/theme/KFLX/i/bkgnd-uber.png) top left no-repeat;}
    #uber ul {list-style-type:none; font:13px/18px Arial, Helvetica Neue, Helvetica, sans-serif; color:#333;}
    #uber dl {list-style-type:none; font:13px/18px Arial, Helvetica Neue, Helvetica, sans-serif; color:#333;}
    #uber ol {list-style-type:none; font:13px/18px Arial, Helvetica Neue, Helvetica, sans-serif; color:#333;}
    #uber li {font:13px/18px Arial, Helvetica Neue, Helvetica, sans-serif; color:#333;}
    #uber ol li, #uber ul li {/*add margin or padding as needed*/}
    
/* header above the narrower content area */
#header {position:relative; height:300px; width:1032px;}
	#logo {position:absolute; top:145px; left: 36px; width:475px; height:155px; z-index:2;}
		#logo a {display:block; border:none; width:475px; height:155px; text-decoration:none;}
	#rotatingArtist {position:absolute; top:0; left:36px; width:960px; height:300px; overflow:hidden;}
	#rotatingArtist img, #rotatingArtist img a {border:none;}

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

#underbanner {margin:auto auto; width:960px; padding: 0 20px; background-color:#FFF;}

/* leaderboard advertising and listen live */
#leaderboard {position: relative; width:960px; height:110px; background:url(/theme/KFLX/i/bkgnd-leaderboard.jpg) top left no-repeat; border-bottom:1px solid #FFF; border-top:1px solid #FFF;}
	#leaderboard-ad {position:absolute; top:10px; right:14px; border:1px solid #FFF; width:728px; height:90px; overflow:hidden;}
	#listen_live {position:absolute; top:10px; left: 8px; width:202px; height:92px; background:#FFF; overflow:hidden;}

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

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

/* left = content area */
#content {float:left; width: 600px; margin:0 16px 0 15px; padding:0; overflow:hidden;}
	#inset {}
	#pageStatus {}

/* right */
#right {float:left; width:307px; margin:0; overflow:hidden; padding:12px 0 0 7px; background:url(/theme/KFLX/i/bkgnd-right.gif) top left no-repeat;}
    #search {position:relative; width:285px; height:40px; margin:0 0 13px 0; padding:13px 0 0 15px; overflow: hidden; background:url(/theme/KFLX/i/bkgnd-search.gif) top left no-repeat;}
        #search .searchField {position: absolute; top:19px; left:21px; height:12px; width:210px; color: #3684aa; background: transparent; border:none;}
        #search .goButton {position: absolute; top:15px; left:251px; height:22px; width:40px; background: url(/theme/KFLX/i/go-button.gif) top left no-repeat;}
    #follow_KFLX {width:300px; margin:0; padding:15px 0 9px 0; text-align: center; background:url(/theme/KFLX/i/corners-social-top.gif) top left no-repeat #FFF;}
        #close_follow {width:300px; height:15px; overflow: hidden; margin:-1px 0 13px 0; padding:0; background:url(/theme/KFLX/i/corners-social-bottom.gif) top left no-repeat;}	
	#on_air {width:180px; height:92px; margin:0 6px 13px 0; padding:0; float:left; border:1px solid #FFF; background:url(/theme/KFLX/i/default-onair.jpg) top left no-repeat;}
	#up_next {width:111px; height:92px; margin:0 0 13px 0; padding:0; float:left; border:1px solid #FFF; background:url(/theme/KFLX/i/default-upnext.jpg) top left no-repeat;}
    #weather {width:267px; height:85px; margin:0 0 13px 0; padding:31px 0 8px 33px; clear: left; background:url(/theme/KFLX/i/bkgnd-weather.gif) top left no-repeat;}
	#boxad {width:300px; height:250px; margin:0 0 13px 0; padding:0; overflow:hidden; background-color: #FFF;}
	#mini_login {width:278px; margin:0 0 13px 0; padding:18px 10px 10px 10px; border:1px solid #FFF; background-color: #3a78ab; color:#FFF; text-align:center;}
	#polls {width:278px; margin:0 0 13px 0; padding:8px 10px 10px 10px; border:1px solid #FFF; background-color: #3a78ab;}
    #right_connector {width:300px; height:37px; margin:0 0 13px 0; padding:0;}

/* footer at bottom of page 1032 wide */
#footer {position:relative; width:1032px; height:107px; padding:0; margin:0; background:url(/theme/KFLX/i/bkgnd-footer.png) top left no-repeat; overflow:hidden;}
    #footer_content {position:absolute; top:5px; left:51px; height:75px; width:600px; text-align: center;}
	#footer_nav {margin-bottom:10px;}
	#footer_text {font:11px/13px Arial, Helvetica Neue, Helvetica, sans-serif; color:#666;*/}
	
/* 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:600px; height:274px; margin:0 0 1px 0; padding:11px 0 13px 0; background:url(/theme/KFLX/i/bkgnd-imagecycler.gif) top left no-repeat; border-bottom:1px solid #f19401;}
#welcome {position:relative; padding:53px 0 24px 0; margin:0 0 1px 0; width:600px; background:url(/theme/KFLX/i/bkgnd-welcome.gif) top left no-repeat; float:left; border-top:1px solid #f19401; border-bottom:1px solid #f19401;}
    #whats_happening {float:left; width:289px; margin:0 22px 0 0; padding:0 0 0 0; }
    #tmz_news {float:left; width:289px; margin:0 0 0 0; padding:122px 0 0 0; background:url(/theme/KFLX/i/bkgnd-tmznews.jpg) top left no-repeat;}
#musicnews {float:left; width:600px; padding:50px 0 12px 0; margin:0 0 0 0; background:url(/theme/KFLX/i/bkgnd-musicnews.jpg) top left no-repeat; border-top:1px solid #f19401;}
	#seacrestnews {float:left; width:289px; margin:0 15px 0 0; padding:122px 0 0 0; background:url(/theme/KFLX/i/bkgnd-seacrestnews.jpg) top left no-repeat;}
    	#content #whats_happening ul, #content #tmz_news ul, #content #seacrestnews ul {width:289px; margin:0; padding:0; list-style-type:none; list-style-position:outside;}
    	#content #whats_happening ul li, #content #tmz_news ul li, #content #seacrestnews ul li {width:289px; margin:0; padding:5px 0; list-style-type:none; list-style-position:outside; border-bottom:1px dotted #6aa7d9; font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif;}
    	#content #whats_happening ul li a, #content #tmz_news ul li a, #content #seacrestnews ul li a {}
    	#content #whats_happening ul li a:hover, #content #tmz_news ul li a:hover, #content #seacrestnews ul li a:hover {}
	#seacresttop10 {float:left; width:289px; height:390px; margin:0; padding:10px 0 0 0;}
    #musicnews p, #tmz_news p {margin:0; padding:0; display:none;}
    #musicnews a, #welcome a {text-decoration: none; color:#333;}
    #musicnews a:hover, #welcome a:hover {color:#9b2614;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {font:16px Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFF; text-transform: uppercase; font-weight: bold; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #9dbcd5;}
#mini_login input {margin:4px 0 5px 0;}
#mini_login #loginButton {margin:7px 0px; padding: 3px 5px; width:50px; font:11px Arial, Helvetica Neue, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; color:#FFF; border:1px solid #FFF; background:url(/theme/KFLX/i/bkgnd-button.gif) center left repeat-x;}
#mini_login a {color:#f19401; text-decoration:none;}
#mini_login a:hover {text-decoration:underline;}
	#mini_login .autoFormText {width:125px; margin-right:7px; float:left;}
	#mini_login .autoFormPassword {width:125px; float:right; margin-right:7px;}
	#mini_login .autoFormCheckbox {width:240px; margin-left:18px; clear:right; font:12px/13px Arial, Helvetica Neue, Helvetica, sans-serif;}
	#mini_login input {width:125px;}
	#mini_login .autoFormInputs #remember_cookie {width:15px;}
    #mini_login #forgotButton, #mini_login #joinButton {font:12px Arial, Helvetica Neue, Helvetica, sans-serif; margin:0; padding: 0; border:none; background: none; text-transform: none; font-weight: normal;}

/* FOOTER NAV LINK STYLES */
#footer_nav ul {margin:0; padding:0; list-style-type:none; font:12px Arial, Helvetica, sans-serif; color:#3684aa;}
#footer_nav ul li {margin:0; padding:0; list-style-type:none; display:inline;}
    #footer_nav ul li a {margin: 0; padding: 0 6px 0 6px; font:12px Arial, Helvetica, sans-serif; color:#3684aa; text-decoration:none; text-transform:uppercase;}
    #footer_nav ul li a:hover {text-decoration:underline;}
    #footer_nav ul li .active {text-decoration:underline;}

#footer_text a {color:#f19401; text-decoration:none;}
    #footer_text a:hover {color:#f19401; text-decoration:underline;}

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