/* 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 or 970 pixels wide */

/* ----- 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:1160px;} /*fixes FCK editor issue, formerly body#publicBody */
#uber ul {list-style-type:none; font:11px/14px Arial,Helvetica,sans-serif; color:#424242;}
#uber dl {list-style-type:none; font:11px/14px Arial,Helvetica,sans-serif; color:#424242;}
#uber ol {list-style-type:none; font:11px/14px Arial,Helvetica,sans-serif; color:#424242;}
#uber li {font:11px/14px Arial,Helvetica,sans-serif; color:#424242;}
#uber ol li, #uber ul li {/*add margin or padding as needed*/}

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

/* header aka masthead */
#header {position:relative; height:131px; width:1160px;}
#google_search {position:absolute; top:0; left:110px; width:161px; height:81px; margin:0; padding:15px 0 0 0; background:url(/theme/project/i/bkgnd_google_search.jpg) top left no-repeat; text-align:center;}
#google_search input {margin-bottom:5px;}
#leaderboard {position:absolute; top:5px; left:331px; width:728px; height:90px; overflow:hidden; background-color:#FFF;}

/* nav under header area */
#nav {width:1160px; height:38px; overflow:hidden; background:url(/theme/project/i/bkgnd_nav.jpg) top left no-repeat; padding:0; margin:0!important; margin:-2px 0 0 0; position:relative;}
#logo {position:absolute; top:0; left:70px; margin:0; padding:0; height:38px; width:210px;}

/* content area usually three columns -- let's use 960 as a base width */
/* re-arrange elements within right and left sidebars as required */
#main_shadow {width:990px; margin:auto auto; background:url(/theme/project/i/bkgnd_main_shadow2.png) top left no-repeat; padding:0;}
#main {width:960px; /*margin-left:15px;*/ padding:0; margin:0 0 0 15px;}

/* left */
#left {float:left; width:180px; overflow:hidden; padding:0; margin:0; background:url(/theme/project/i/bkgnd_left.jpg) top left no-repeat #0d1407;}
#tagline {font:12px/16px Georgia, "Times New Roman", Times, serif; color:#FFF; text-align:center; width:160px; margin:26px 0 14px 10px; padding:0;}
#leftnav {width:170px; margin:0 0 0 10px; padding:0; text-align:right;}
/* second level nav if needed may be here or coded in navmenu.css file */
#mini_login {width:160px; margin:0; padding:10px; background-color:#8b9174;text-align:center; 
	font:11px/15px Georgia, "Times New Roman", Times, serif; color:#FFF;}
/* may be required inside mini_login ... logo_MiniForm, wrapper_logo, loginButton, forgot_password_container */
#polls {width:160px; margin:0; padding:10px; background-color:#8b9174; 
	font:11px/15px Georgia, "Times New Roman", Times, serif; color:#FFF;}
#boxcap_top {width:180px; margin:0; padding:0; height:9px; overflow:hidden;}
#boxcap_bottom {width:180px; margin:-5px 0 10px 0; padding:0; height:9px; overflow:hidden;}

/* middle */
#content {float:left; width: 600px; position:relative; overflow:hidden; margin:0; padding:0; color:#0f3449;}
/* this needs to be 570 wide with padding */
#inset {width:570px; margin:0; padding:0 15px;}
#pageStatus {}


/* right */
#right {float:left; width:180px; padding:0 0 10px 0; margin:0; background:url(/theme/project/i/bkgnd_right.jpg) top right no-repeat #FFF; overflow:hidden;}
#image_cycler_container {margin:0; padding:0; border-bottom:1px solid #244c5e; width:180px; overflow:hidden;}
#on_air {width:160px; height:92px; overflow:hidden; margin:2px 0 0 10px; padding:0; background-color:#FFF;}
#up_next {width:160px; /*height:92px;*/ overflow:hidden; margin:2px 0 13px 10px; padding:0; background-color:#FFF;}
#skyscraper {width:160px; height:600px; overflow:hidden; background-color:#FFF; margin:0; padding:0; border:0;}
#listen_live {}

/* footer at bottom of page */
#footer {width:100%; height:103px; padding:0; margin:0; background-color:#0d1407;
	font:11px/16px Georgia, "Times New Roman", Times, serif; color:#FFF;
}
#footer a:link, #footer a:visited {text-decoration:none; color:#FFF;}
#footer a:hover, #footer a:active {text-decoration:none; color:#ff8d17;}
#footer_content {width:960px; margin:auto auto; height:103px; position:relative;}
/* footer_nav in navmenu.css */
#footer_text {position:absolute; top:50px; left:168px;}
#logo_wecreate {position:absolute; top:25px; right:29px; width:121px; height:57px;}
#logo_hutton {position:absolute; top:25px; left:35px; height:56px; width:116px; overflow:hidden;}

/* STYLES HOME PAGE ONLY */
#rotatingArtist {width:600px; height:227px; overflow:hidden; margin:0; padding:0; border-bottom:1px solid #244c5e;}
#rotatingArtist img, #rotatingArtist img a {border:none;}
#now_playing {
	width:568px; height:19px; overflow:hidden; margin:0; padding:5px 0 0 31px; border-bottom:1px solid #244c5e; border-right:1px solid #244c5e;
	background:url(/theme/project/i/bkgnd_nowplaying.jpg) top left no-repeat;
	font:11px Georgia, "Times New Roman", Times, serif; color:#0f3449; font-weight:bold;
}
#recently_played {
	width:582px; height:102px; overflow:hidden; margin:0; padding:12px 0 0 16px; 
	border-bottom:1px solid #244c5e; border-right:1px solid #244c5e; border-left:1px solid #FFF;
	background:url(/theme/project/i/bkgnd_recentlyplayed.jpg) top left no-repeat;
	font:11px/15px Georgia, "Times New Roman", Times, serif; color:#FFF;
}
#outdoors {width:568px; margin:-10px 0 14px -15px; padding:0 15px 10px 15px; background:url(/theme/project/i/bkgnd_outdoors.jpg) top left repeat-x; border-bottom:1px solid #244c5e; border-right:1px solid #244c5e; border-left:1px solid #FFF;
	font:11px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#0f3449;	
}
#sponsors {width:95px; margin:0 0 0 5px; padding:0; float:left;}
#outdoors p.odd {margin:0 0 14px 116px; padding:0 0 0 11px; width:430px; border-left:8px solid #134662;}
#outdoors p.even {margin:0 0 14px 116px; padding:0 0 0 11px; width:430px; border-left:8px solid #5a879f;}
#musicnews {width:570px; margin:auto auto; padding:0;}
#weather {width:570px; padding:12px 0px; margin:auto auto; border-top:1px solid #c3ccd1; border-bottom:1px solid #c3ccd1; text-align:center;}

/* STYLES FOR CONTENT PAGES ONLY */
#content ul {list-style-type:square; padding:0 0 0 14px; margin:0 0 14px 0;list-style-position:outside; color:#0f3449;}
#content ol {list-style-type:decimal; padding:0 0 0 14px; margin:0 0 14px 0;list-style-position:outside; color:#0f3449;}
#content dl {list-style-type:none; padding:0 0 0 14px; margin:0 0 14px 0;list-style-position:inside; color:#0f3449;}
#content li {padding:0; margin:0 0 0 14px; list-style-position:outside; color:#0f3449;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {color:#f5d5a4; font:12px Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#mini_login input {margin-bottom:5px;}
#mini_login #loginButton {margin:5px 0px; padding:2px; border:1px solid #f5d5a4; background-color:#424e1c; cursor:hand; font:11px Georgia, "Times New Roman", Times, serif;}
#mini_login a {color:#f5d5a4; text-decoration:none;}
#mini_login a:hover {text-decoration:underline;}
#polls a {color:#f5d5a4; text-decoration:none;}
#polls a:hover {text-decoration:underline;}
#view_polls_content .poll_question, #view_polls_content .poll_question p {text-align:center; margin-bottom: 6px; color:#f5d5a4; font:12px Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#polls #pollMsg {text-align:center; color: #fff;}
#polls .autoFormRadio_group input{margin-right: 5px;}	

#musicnews .title {font: 16px Tahoma, Verdana, Arial,Helvetica,sans-serif; text-transform:uppercase; color:#576e8c; font-weight:bold; padding:5px 0 0 0; margin:0; width:570px; border-bottom:1px solid #576e8c;}
#musicnews ul {width:570px; margin:0 0 15px 0; padding:0; list-style-type:none;}
#musicnews ul li {width:550px; margin:0 0 10px 0; padding:10px; list-style-type:none; 
	background:url(/theme/project/i/bkgnd_musicnews_li.jpg) top left repeat-x;
	font:12px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#0f3449;
}
#musicnews ul li img {float:left; margin:0 10px 0 0; padding:0; width:76px; height:76px; overflow:hidden; float:left;}
#musicnews ul li a:link, #musicnews ul li a:visited {text-decoration:none;color:#ff8d17;}
#musicnews ul li a:hover, #musicnews ul li a:active {text-decoration:underline;color:#ff8d17;}

/* CSS NAVIGATION STYLES are either here or pulled in via the navmenu.css */

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