/* 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:990px; position:relative;} /*fixes FCK editor issue, formerly body#publicBody */
#uber ul {list-style-type:none; font:13px/17px Arial, Helvetica, Geneva, Verdana, sans-serif; color:#00466d;}
#uber dl {list-style-type:none; font:13px/17px Arial, Helvetica, Geneva, Verdana, sans-serif; color:#00466d;}
#uber ol {list-style-type:none; font:13px/17px Arial, Helvetica, Geneva, Verdana, sans-serif; color:#00466d;}
#uber li {font:13px/17px Arial, Helvetica, Geneva, Verdana, sans-serif; color:#00466d;}
#uber ol li, #uber ul li {/*add margin or padding as needed*/}

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

/* leaderboard at top */
#leader {position:relative; width:990px; height:110px; margin:auto auto; background-color:#007bbf;}
#leaderboard {position:absolute; top:8px; left:130px; width:728px; height:90px; border:1px solid #FFF;}

/* header aka masthead */
#header {position:relative; height:131px; width:990px; background:url(/theme/klbu/i/bkgnd_header.jpg) top left no-repeat;}
#google_search {position:absolute; top:11px; right:17px; margin:0; padding:0; text-align:right;}

/* nav under header area */
#nav {width:990px; height:39px; overflow:hidden; background:url(/theme/klbu/i/bkgnd_nav.jpg) top left no-repeat; padding:0; margin:0; position:relative;}
#logo {position:absolute; top:206px; left:15px; margin:0; padding:0; height:109px; width:180px; overflow:hidden; z-index:5000;}
#logo a {height:109px; width:180px; display:block; border:none; outline:none;}

/* 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/klbu/i/bkgnd_shadow.gif) top left no-repeat; padding:0;}
#main {width:960px; margin-left:15px; padding:0; background:url(/theme/klbu/i/bkgnd_main.gif) top left repeat-y;}

/* left */
#left {float:left; width:180px; overflow:hidden; padding:70px 0 15px 0; margin:0; background:url(/theme/klbu/i/bkgnd_left.jpg) top left no-repeat;}
#leftnav {width:178px; margin:0 0 15px 1px; padding:0; overflow:hidden; text-align:right; background-color:#e49585; font-weight:bold;}
/* second level nav if needed may be here or coded in navmenu.css file */
#mini_login {width:160px; margin:0 0 15px 0; padding:10px; background-color:#eebfb5;
	text-align:center; font:12px/15px Arial, Helvetica, Geneva, Verdana, sans-serif; color:#00466d;
}
#polls {width:160px; margin-bottom:15px; padding:10px; background-color:#eebfb5; 
	font:12px/15px Arial, Helvetica, Geneva, Verdana, sans-serif; color:#00466d;
}

/* middle */
#content {float:left; width: 598px; position:relative; overflow:hidden; margin:0 0 0 1px; padding:0 0 15px 0; color:#0f3449;
	background: url(/theme/klbu/i/bkgnd_content.jpg) top right no-repeat #FFF; /*min-height:800px; height:auto !important; height:800px*/;
}
/* this needs to be 570 wide with padding */
#inset {width:565px; margin:0; padding:7px 15px 0 18px;}
#pageStatus {}


/* right */
#right {float:left; width:180px; padding:0 0 10px 0; margin:0 0 0 1px; overflow:hidden; background:url(/theme/klbu/i/bkgnd_right.jpg) top right no-repeat;}
#image_cycler_container {margin:0; padding:0; border-bottom:1px solid #00466d; width:180px; height:251px; overflow:hidden;}
#on_air {width:160px; height:68px; overflow:hidden; margin:12px 0 9px 10px; padding:0;background-color:#7babc5; }
#up_next {width:160px; height:68px; overflow:hidden; margin:2px 0 15px 10px; padding:0; background-color:#7babc5;} 
#skyscraper {width:160px; height:600px; overflow:hidden; background-color:#7babc5; margin:15px 10px 0 0 !important; margin:0 5px 0 0; padding:0; border:0; float:right;}
#listen_live {}

/* footer at bottom of page */
#footer {width:990px; height:103px; padding:0; margin:auto auto; background:url(/theme/klbu/i/bkgnd_footer.jpg) top left no-repeat;
	font:11px/16px Arial, Helvetica, Verdada, Geneva sans-serif; color:#ccdce5;
}
#footer a {font:11px/16px Arial, Helvetica, Verdada, Geneva sans-serif;}
#footer a:link, #footer a:visited {text-decoration:none; color:#ccdce5;}
#footer a:hover, #footer a:active {text-decoration:underline; color:#FFF;}
#footer_content {width:960px; margin:auto auto; height:103px; position:relative;}

#footer_nav {position:absolute; top:32px; left:279px; text-transform:uppercase;}
#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-right:10px; padding:0;}

#footer_text {position:absolute; top:48px; left:279px;}
#logo_wecreate {position:absolute; top:29px; right:48px; width:112px; height:46px;}
#logo_hutton {position:absolute; top:25px; left:139px; height:57px; width:117px; overflow:hidden;}

/* STYLES HOME PAGE ONLY */
#rotatingArtist {width:598px; height:226px; overflow:hidden; margin:0; padding:0;}
#rotatingArtist img, #rotatingArtist img a {border:none;}
#now_playing {
	width:567px; border-top:1px solid #00466d; border-bottom:1px solid #00466d; 
	background:url(/theme/klbu/i/bkgnd_nowplaying.jpg) top left no-repeat; height:19px;
	margin:0; padding:5px 0 0 32px; font:11px Arial, Helvetica, Geneva, Verdana, sans-serif; color:#FFF; font-weight:bold;
}
#recently_played {
	width:411px; height:76px; overflow:hidden; margin:0; padding:7px 0 0 154px; 
	background:url(/theme/klbu/i/bkgnd_recentlyplayed.gif) top left no-repeat;
	font:10px/13px Arial, Helvetica, Geneva, Verdana, sans-serif; color:#FFF;
}
#weather {width:565px; padding:14px 0 12px 0; margin:1px 0 15px 0 ; clear:left; border-top:1px solid #c3ccd1; border-bottom:1px solid #c3ccd1; text-align:center; overflow:hidden;}
#title_tunein {width:565px; height:29px; margin:0; padding:0; overflow:hidden;}

#homepagecontent {float:left;}

#musicnews {width:565px; margin:auto auto; padding:0; float:left; overflow:hidden;}
#musicnews .title {padding:0; margin:23px 0 0 0; width:565px;}

#musicnews p {padding:0 50px 0 15px;}
#musicnews ul {width:565px; margin:0 0 15px 0; padding:0; float:left; list-style-type:none; border-bottom:1px solid #00466d; background:url(/theme/klbu/i/bkgnd_musicnews.gif) bottom right no-repeat #e5ecf0;}
#musicnews ul li {width:545px; margin:0; padding:10px 10px 10px 0; list-style-type:none; 
	float:left; clear:left; font:12px/16px Arial, Helvetica, Geneva, Verdana, sans-serif; color:#00466d;
	border-bottom:1px solid #c0d6e3;
}
#musicnews ul li img {float:left; margin:5px 10px 0 0; padding:0; width:75px; height:75px; overflow:hidden;}
#musicnews ul li a:link, #musicnews ul li a:visited {text-decoration:none;color:#cb2b0b; font-weight:bold;}
#musicnews ul li a:hover, #musicnews ul li a:active {text-decoration:underline;color:#cb2b0b; font-weight:bold;}
#musicnews a {font:12px/16px Arial, Helvetica, Geneva, Verdana, sans-serif; color:#cb2b0b; font-weight:bold; text-decoration:none;}


#concerts {width:565px; margin:0 0 15px 0; padding:0; position:relative; clear:left;
	font:12px/15px Arial, Helvetica, Geneva, Verdana, sans-serif; color:#0f3449; overflow:hidden;	
}
#concerts .title {width:565px; height:126px; overflow:hidden; margin:30px 0; padding:0;}
#concerts p.odd img, #concerts p.even img {width:78px; height:78px; overflow:hidden; margin:0 10px 0 20px; padding:0; float:right; border:1px solid #FFF;}
#concerts p.odd {margin:0 0 6px 0; padding:12px 0 12px 23px; width:532px; min-height:78px; height:auto !important; height:78px;
	border-left:8px solid #134662; border-bottom:1px solid #999; background:url(/theme/klbu/i/bkgnd_events_p.jpg) top right repeat-y;}
#concerts p.even {margin:0 0 6px 0; padding:12px 0 12px 23px; width:532px; min-height:78px; height:auto !important; height:78px; border-left:8px solid #5a879f; border-bottom:1px solid #999; background:url(/theme/klbu/i/bkgnd_events_p.jpg) top right repeat-y;}

/* 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:#00466d;}
#content ol {list-style-type:decimal; padding:0 0 0 14px; margin:0 0 14px 0;list-style-position:outside; color:#00466d;}
#content dl {list-style-type:none; padding:0 0 0 14px; margin:0 0 14px 0;list-style-position:inside; color:#00466d;}
#content li {padding:0; margin:0 0 0 14px; list-style-position:outside; color:#00466d;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {color:#00466d; font:13px Arial, Helvetica, Geneva, Verdana, sans-serif; font-weight:bold;}
#mini_login input {margin-bottom:5px;}
#mini_login #loginButton {margin:5px 0px; padding:2px; border:1px solid #FFF; background-color:#00466d; cursor:hand; font:11px Arial, Helvetica, Geneva, Verdana, sans-serif;}
#mini_login a {color:#00466d; text-decoration:underline;}
#mini_login a:hover {text-decoration:none;}

#polls a {color:#1c5185; text-decoration:underline;}
#polls a:hover {text-decoration:none;}
#view_polls_content .poll_question {text-align:center; padding-bottom:6px; margin-bottom: 6px;color: #00466d; font:12px Arial, Helvetica, Geneva, Verdana, sans-serif; font-weight:bold; border-bottom:1px solid #00466d;}
#view_polls_content .poll_question p {color: #00466d; font:12px Arial, Helvetica, Geneva, Verdana, sans-serif; font-weight:bold;}
#polls #pollMsg {text-align:center; color: #00466d; font:11px/14px Arial, Helvetica, Geneva, Verdana, sans-serif;}
#polls .autoFormRadio_group input{margin-right: 5px;}	

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

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