/* 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:1000px; background-color:#FFF; margin-top:39px;}
    #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*/}
    
#underuber {margin:auto auto; width:960px; padding: 0 20px;}
    
/* header above the narrower content area */
#header {position:relative; height:301px; width:960px; border-bottom:8px solid #FFF; background-color: #FFF;}
	#logo {position:absolute; top:60px; left: 227px; width:500px; height:184px; z-index:2;}
		#logo a {display:block; border:none; outline:none; width:463px; height:267px; text-decoration:none;}
	#rotatingArtist {width:960px; height:301px; 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/WOLF/i/bkgnd-leaderboard.jpg) top left no-repeat; border-bottom: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/WOLF/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/WOLF/i/bkgnd-main.gif) top left repeat-y; width:960px; position:relative; z-index:1;}

/* left */
#left {float:left; width:311px; margin:11px 20px 0 11px !important; margin:11px 20px 0 5px; overflow:hidden; padding:0; background:url(/theme/WOLF/i/bkgnd-right.gif) top left no-repeat;}
    #BobandTom {width:300px; height:128px; margin:0 0 10px 0; padding:0; background:url(/theme/WOLF/i/bkgnd-BobandTom.jpg) top left no-repeat;}
    	#BobandTom a {display:block; border: none; outline: none; height:128px; width:300px;}
    #search {position:relative; width:285px; height:40px; margin:0 0 10px 0; padding:13px 0 0 15px; overflow: hidden; background: url(/theme/WOLF/i/bkgnd-search.gif) top left no-repeat #FFF;}
        #search .searchField {position: absolute; top:16px; left:44px; height:16px; width:186px; color: #c83124; background: transparent; border:none; outline: none;}
        #search .goButton {position: absolute; top:13px; left:248px; height:25px; width:45px; background: url(/theme/WOLF/i/go-button.gif) top left no-repeat;}
    #follow_WOLF {
        width:295px; height:118px; overflow:hidden; margin:0 0 10px 0; padding:8px 5px 8px 0; 
        text-align: right; background: url(/theme/WOLF/i/bkgnd-follow.gif) top left no-repeat #FFF;
        font: 12px Helvetica, Arial, san-serif; color:#c83124;
    }
	#on_air {width:182px; height:94px; margin:0 5px 10px 0; padding:0; float:left; background:url(/theme/WOLF/i/default-onair.jpg) top left no-repeat;}
	#up_next {width:113px; height:94px; margin:0 0 10px 0; padding:0; float:left; background:url(/theme/WOLF/i/default-upnext.jpg) top left no-repeat;}
    #weather {width:300px; height:90px; margin:0 0 10px 0; padding:31px 0 0 0; clear: left; background:url(/theme/WOLF/i/bkgnd-weather.gif) top left no-repeat #FFF; text-align: center;}
	#boxad {width:300px; height:250px; margin:0 0 10px 0; padding:0; overflow:hidden; background-color: #FFF;}
	#mini_login {width:276px; border:2px solid #FFF; margin:0 0 9px 0; padding:18px 10px 10px 10px; background: url(/theme/WOLF/i/bkgnd-login.jpg) top left no-repeat; color:#FFF; text-align:center;}
	#polls {width:276px; border:2px solid #FFF; margin:0 0 9px 0; padding:18px 10px 10px 10px; background: url(/theme/WOLF/i/bkgnd-poll.jpg) top left no-repeat;}

/* right = content area */
#content {float:left; width: 618px; margin:0; padding:0; overflow:hidden;}
	#inset {}
	#pageStatus {}
    
/* footer at bottom  */
#footer {position:relative; width:960px; height:92px; padding:0; margin:0; background:url(/theme/WOLF/i/bkgnd-footer.gif) top left no-repeat; overflow:hidden;}
    #footer_content {position:absolute; top:0; left:342px; height:92px; width:618px; text-align: center;}
	#footer_nav {margin-bottom:10px;}
	#footer_text {font:12px/16px Helvetica, Arial, san-serif; color:#666;}
	#connectorradio {position:absolute; top:0; left:0; width:300px; height:77px; margin:0; padding:0;}
		#connectorradio a {display:block; border:none; outline:none; width:300px; height:77px; text-decoration: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:618px; height:288px; margin:0 0 13px 0; padding:0; background:url(/theme/WOLF/i/bkgnd-imagecycler.jpg) top left no-repeat;}
#welcome {position:relative; padding:169px 0 0 0; margin:10px 0 13px 0; width:618px; height:219px; overflow:hidden; background:url(/theme/WOLF/i/bkgnd-welcome.jpg) top left no-repeat; float:left;}
	#welcome h2 {font:36px/21px "Shortcut", Helvetica, Arial, san-serif; margin:0; padding:0; letter-spacing:-1px;}
    #whats_happening {float:left; width:280px; margin:0 28px 0 15px; padding:0 0 0 0;  font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFF;}
    #bob_tom {float:left; width:280px; margin:0 15px 0 0; padding:0 0 0 0; font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFF;}
    	#whats_happening, #whats_happening p {color:#FFF;}
    	#content #bob_tom ul {width:280px; margin:0; padding:0; list-style-type:none; list-style-position:outside;}
    	#content #bob_tom ul li {width:280px; margin:0; padding:5px 0; list-style-type:none; list-style-position:outside; border-bottom:1px dotted #FFF; font:12px/15px Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFF;}
    	#content #bob_tom ul li a, #welcome a {text-decoration: none; color:#FFF;}
    	#content #bob_tom ul li a:hover, #welcome a:hover {text-decoration: underline; color:#FFF;}
	    #bob_tom p {margin:0; padding:0; display:none;}
#musicnews {float:left; width:618px; padding:0 0 12px 0; margin:10px 0 15px 0; border-bottom:1px solid #c83124;}
	#musicnews h2 {font:36px/21px "Shortcut", Helvetica, Arial, san-serif; margin:0; padding:0 0 5px; letter-spacing:-1px;}
	#realrocknews {float:left; width:290px; margin:0 38px 0 0; padding:116px 0 0 0; background:url(/theme/WOLF/i/bkgnd-realrocknews.jpg) top left no-repeat;}
	#tmz {float:left; width:290px; margin:0; padding:116px 0 0 0; background:url(/theme/WOLF/i/bkgnd-tmznews.jpg) top left no-repeat;}
    	#content #tmz ul, #content #realrocknews ul {width:290px; margin:0; padding:0; list-style-type:none; list-style-position:outside;}
    	#content #tmz ul li, #content #realrocknews 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 #tmz ul li a, #content #realrocknews ul li a {}
    	#content #tmz ul li a:hover, #content #realrocknews ul li a:hover {}
	    #tmz p, #realrocknews p {margin:0; padding:0; display:none;}  
	    #tmz a, #realrocknews a {text-decoration: none; color:#000;}  
	    #tmz a:hover, #realrocknews a:hover {color:#c83124;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {font:21px "Shortcut", san-serif; color:#FFF; text-transform: uppercase; letter-spacing:-1px; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #d18886;}
#mini_login input {margin:4px 0 5px 0;}
#mini_login #wrapper_padding {font:12px/12px Helvetica, Arial, san-serif;}
#mini_login #loginButton {border:none; outline:none; margin:7px 0 8px 0; height:24px; padding: 0; width:100px; text-align:center; font:16px "Shortcut", Helvetica, Arial, san-serif; text-transform:uppercase; font-weight:bold; color:#FFF; background:url(/theme/WOLF/i/bkgnd-button.gif) top left repeat-x #ffb100; line-height:20px; border:1px solid #FFF;}
#mini_login a {font:12px/10px Helvetica, Arial, san-serif; color:#FFF; 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 Helvetica, Arial, san-serif;}
	#mini_login input {width:125px;}
	#mini_login .autoFormInputs #remember_cookie {width:15px;}
    #mini_login #forgotButton, #mini_login #joinButton {font:12px/11px Helvetica, Arial, san-serif; margin:0; padding: 0; border:none; background: none; text-transform: none; font-weight: normal; color:#ffb100;}
#mini_login #forgot_password_padding {font:12px/10px Helvetica, Arial, san-serif; color:#c83124;}

/* FOOTER NAV LINK STYLES */
#footer_nav ul {margin:0; padding:0; list-style-type:none; font:14px "Shortcut", Helvetica, Arial, san-serif; color:#c83124; letter-spacing: -1px;}
#footer_nav ul li {margin:0; padding:0; list-style-type:none; display:inline;}
    #footer_nav ul li a {margin: 0; padding: 0 5px 0 5px; font:14px "Shortcut", Helvetica, Arial, san-serif; color:#c83124; letter-spacing: -1px; 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:#c83124; text-decoration:none;}
    #footer_text a:hover {color:#c83124; text-decoration:underline;}

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