/* 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:1000px; background-color:#FFF;}
    #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*/}
    
#underuber {margin:auto auto; width:960px; padding: 0 20px;}
    
/* header above the narrower content area */
#header {position:relative; height:300px; width:960px; background-color: #FF9900;}
	#logo {position:absolute; bottom:0; left: 0; width:463px; height:267px; z-index:2;}
		#logo a {display:block; border:none; width:463px; height:267px; text-decoration:none;}
	#rotatingArtist {width:960px; height:300px; overflow:hidden;}
	#rotatingArtist img, #rotatingArtist img a {border:none;}

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

/* leaderboard advertising and listen live */
#leaderboard {position: relative; width:960px; height:110px; background:url(/theme/KOLT/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:56px; width:960px; background:url(/theme/KOLT/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/KOLT/i/bkgnd-main.gif) top left repeat-y; width:960px; position:relative; z-index:1;}

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

/* right */
#right {float:left; width:311px; margin:0; overflow:hidden; padding:12px 0 0 11px; background:url(/theme/KOLT/i/bkgnd-right.jpg) 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/KOLT/i/bkgnd-search.gif) top left no-repeat #FFF;}
        #search .searchField {position: absolute; top:16px; left:20px; height:16px; width:210px; color: #3684aa; background: transparent; border:none; outline: none;}
        #search .goButton {position: absolute; top:13px; left:248px; height:25px; width:50px; background: url(/theme/KOLT/i/go-button.gif) top left no-repeat;}
    #follow_KOLT {
        width:300px; margin:0 0 13px 0; padding:8px 0 8px 0; text-align: center; background-color:#FFF;
        font: 12px Georgia, Times, serif; color:#ed1c24;
    }
        #follow_KOLT h3 {font:24px/15px "Clarendon", Times, serif; margin:5px 0 0 0; padding:0;}
        #follow_KOLT p {color:#ed1c24; margin:0; padding:0;}
	#on_air {width:180px; height:92px; margin:0 6px 13px 0; padding:0; float:left; border:1px solid #FFF; background: url(/theme/KOLT/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/KOLT/i/default-upnext.jpg) top left no-repeat;}
    #weather {width:300px; height:105px; margin:0 0 13px 0; padding:9px 0 9px 0; clear: left; background-color:#FFF; text-align: center;}
	#boxad {width:300px; height:250px; margin:0 0 13px 0; padding:0; overflow:hidden; background-color: #FFF;}
	#mini_login {width:280px; height:195px; margin:0 0 8px 0; padding:18px 10px 10px 10px; background: url(/theme/KOLT/i/bkgnd-login.jpg) top left no-repeat; color:#000; text-align:center;}
	#polls {width:280px; height:220px; margin:0 0 5px 0; padding:28px 10px 10px 10px; background: url(/theme/KOLT/i/bkgnd-poll.jpg) top left no-repeat;}
    #right_connector {width:300px; height:37px; margin:0 0 13px 0; padding:0;}
    
/* footer at bottom  */
#footer {position:relative; width:960px; height:93px; padding:0; margin:0; background:url(/theme/KOLT/i/bkgnd-footer.jpg) top left no-repeat; overflow:hidden;}
    #footer_content {position:absolute; top:0; left:0; height:75px; width:618px; text-align: center;}
	#footer_nav {margin-bottom:10px;}
	#footer_text {font:12px/16px Georgia, Times, 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:618px; height:284px; margin:0 0 13px 0; padding:0; background:url(/theme/KOLT/i/bkgnd-imagecycler.jpg) top left no-repeat;}
.red_divider {background-color:#ed1c24; height:7px; width:638px; position:relative; z-index:1000; overflow: hidden; margin:0; padding:0;}
#welcome {position:relative; padding:48px 0 0 0; margin:10px 0 13px 0; width:618px; background:url(/theme/KOLT/i/bkgnd-welcome.gif) top left no-repeat; float:left;}
    #whats_happening {float:left; width:290px; margin:0 38px 0 0; padding:122px 0 0 0;background:url(/theme/KOLT/i/bkgnd-whatshappening.jpg) top left no-repeat;}
    #tmz_news {float:left; width:290px; margin:0 0 0 0; padding:122px 0 0 0; background:url(/theme/KOLT/i/bkgnd-tmznews.jpg) top left no-repeat;}
#musicnews {float:left; width:618px; padding:48px 0 12px 0; margin:10px 0 0 0; background:url(/theme/KOLT/i/bkgnd-musicnews.gif) top left no-repeat;}
	#bigdbubba {float:left; width:290px; margin:0 38px 0 0; padding:118px 0 0 0; background:url(/theme/KOLT/i/bigd-bubba.jpg) top left no-repeat;}
	#cmt {float:left; width:290px; margin:0; padding:118px 0 0 0; background:url(/theme/KOLT/i/cmt-news.jpg) top left no-repeat;}
    	#content #cmt ul, #content #tmz_news ul, #content #bigdbubba ul {width:290px; margin:0; padding:0; list-style-type:none; list-style-position:outside;}
    	#content #cmt ul li, #content #tmz_news ul li, #content #bigdbubba ul li {width:290px; margin:0; padding:5px 0; list-style-type:none; list-style-position:outside; border-bottom:1px dotted #666; font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif;}
    	#content #cmt ul li a, #content #tmz_news ul li a, #content #bigdbubba ul li a {}
    	#content #cmt ul li a:hover, #content #tmz_news ul li a:hover, #content #bigdbubba ul li a:hover {}
	
    #tmz_news p, #cmt p, #bigdbubba p {margin:0; padding:0; display:none;}
    /* hide now this is RSS not Twitter #bigdbubba p {color:#000; font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif;} */
    #musicnews a, #welcome a, #cmt a {text-decoration: none; color:#000;}
    #musicnews a:hover, #welcome a:hover, #cmt a:hover {color:#ed1c24;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {font:18px "Clarendon", Times, serif; color:#000; text-transform: uppercase; margin:0 0 5px 0; padding:0 0 5px 0;}
#mini_login input {margin:4px 0 5px 0;}
#mini_login #wrapper_padding {font:12px/12px Georgia, Times, serif;}
#mini_login #loginButton {border:none; outline:none; margin:5px 0 3px 0; padding: 0; width:120px; height:43px; text-align:center; font:16px "Clarendon", Times, serif; text-transform:uppercase; font-weight:bold; color:#FFF; background:url(/theme/KOLT/i/bkgnd-button-wood.png) bottom left no-repeat; line-height:10px;}
#mini_login a {font:12px/10px Georgia, Times, serif; color:#ed1c24; text-decoration:none; font-weight:bold;}
#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/11px Georgia, Times, serif;}
	#mini_login input {width:125px;}
	#mini_login .autoFormInputs #remember_cookie {width:15px;}
    #mini_login #forgotButton, #mini_login #joinButton {font:12px/11px Georgia, Times, serif; margin:0; padding: 0; border:none; background: none; text-transform: none; font-weight: normal;}
#mini_login #forgot_password_padding {font:12px/10px Georgia, Times, serif; color:#ed1c24;}

/* FOOTER NAV LINK STYLES */
#footer_nav ul {margin:0; padding:0; list-style-type:none; font:12px "Clarendon", Times, serif; color:#ed1c24;}
#footer_nav ul li {margin:0; padding:0; list-style-type:none; display:inline;}
    #footer_nav ul li a {margin: 0; padding: 0 4px 0 4px; font:12px "Clarendon", Times, serif; color:#ed1c24; text-decoration:none; text-transform:uppercase; border-right:1px solid #999;}
    #footer_nav ul li a:hover {text-decoration:underline;}
    #footer_nav ul li .active {text-decoration:underline;}

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

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