/* 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; position:relative;} /*fixes FCK editor issue, formerly body#publicBody */
#uber ul {list-style-type:none; font:11px/14px Georgia, "Times New Roman", Times, serif; color:#633415;}
#uber dl {list-style-type:none; font:11px/14px Georgia, "Times New Roman", Times, serif; color:#633415;}
#uber ol {list-style-type:none; font:11px/14px Georgia, "Times New Roman", Times, serif; color:#633415;}
#uber li {font:11px/14px Georgia, "Times New Roman", Times, serif; color:#633415;}
#uber ol li, #uber ul li {/*add margin or padding as needed*/}

/* any containers inside #uber for floating or padding */
#rotatingArtist {position:absolute; top:170px; left:280px; height:226px; width:780px; overflow:hidden; z-index:10001;}
#rotatingArtist img, #rotatingArtist img a {border:none;}

/* header aka masthead */
#header {position:relative; height:130px; width:1160px; background:url(/theme/kqba/i/bkgnd_header.jpg) top left no-repeat;}
#leaderboard {position:absolute; top:18px; left:331px; width:728px; height:90px; overflow:hidden; background-color:#d1b786;}
#logo {position:absolute; top:0px; left:64px; margin:0; padding:0; height:124px; width:232px; overflow:hidden; z-index:5000;}

/* nav under header area */
#nav {width:1160px; height:40px; overflow:hidden; background:url(/theme/kqba/i/bkgnd_nav.jpg) top left no-repeat; padding:0; margin:0;}

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

/* left */
#left {float:left; width:180px; overflow:hidden; padding:25px 0 0 0; margin:0; background:url(/theme/kqba/i/bkgnd_left.jpg) top left no-repeat;}
#google_search {margin:0; padding:0; text-align:center;}
#google_search input {margin-bottom:5px;}
#leftnav {width:169px; margin:20px 0 20px 10px; padding:0; overflow:hidden; text-align:right; 
	background: url(/theme/kqba/i/bkgnd_leftnav.gif) top right no-repeat;
}
#leftnav a {font: 13px Tahoma, Geneva, Arial, Helvetica, sans-serif;}
#mini_login {width:160px; margin:0 0 15px 0; padding:10px; background: url(/theme/kqba/i/bkgnd_left_box.jpg) top left no-repeat #6f492a;
	text-align:center; font:11px/13px Georgia, "Times New Roman", Times, serif; color:#FFF;}
#polls {width:160px; margin-bottom:15px; padding:10px; background: url(/theme/kqba/i/bkgnd_left_box.jpg) top left no-repeat #6f492a; 
	font:11px/15px Georgia, "Times New Roman", Times, serif; color:#1c5185;}

/* middle */
#content {float:left; width: 600px; position:relative; overflow:hidden; margin:0; padding:226px 0 15px 0; color:#633415;
	/*min-height:800px; height:auto !important; height:800px;*/
}
/* this needs to be 570 wide with padding */
#inset {width:570px; margin:0; padding:0 15px 0 15px;}
#pageStatus {}


/* right */
#right {float:left; width:180px; padding:253px 0 10px 0; margin:0; overflow:hidden; background:url(/theme/kqba/i/bkgnd_right.jpg) top left no-repeat;}
#image_cycler_container {margin:0; padding:0; width:180px; height:243px; overflow:hidden;}
#on_air {width:160px; height:66px; overflow:hidden; margin:12px 0 9px 10px; padding:0; background-color:#d1b786; }
#up_next {width:160px; height:66px; overflow:hidden; margin:2px 0 9px 10px; padding:0; background-color:#d1b786;}
#weather {width:150px; height:50px; padding:0 0 10px 15px; margin:0; text-align:center; overflow:hidden;}
#skyscraper {width:160px; height:600px; overflow:hidden; background-color:#d1b786; margin:0 10px 0 0 !important; margin:0 5px 0 0; padding:0; border:0; float:right;}
#listen_live {}

/* footer at bottom of page */
#footer {width:960px; height:113px; padding:0; margin:auto auto; background:url(/theme/kqba/i/bkgnd_footer.jpg) top left no-repeat;
	font:11px/16px Georgia, "Times New Roman", Times, serif; color:#FFF;}
#footer_content {position:relative;}
#footer a:link, #footer a:visited {text-decoration:none; font:12px/16px Georgia, "Times New Roman", Times, serif; color:#fabe60;}
#footer a:hover, #footer a:active {text-decoration:underline; font:12px/16px Georgia, "Times New Roman", Times, serif; color:#fabe60;}
#footer_nav {position:absolute; top:32px; right:0px; width:652px; text-align:center;}
#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:55px; right:0px; width:652px; text-align:center;}
#logo_wecreate {position:absolute; top:30px; left:30px; width:120px; height:51px;}
#logo_hutton {position:absolute; top:30px; left:226px; height:57px; width:116px; overflow:hidden;}

/* STYLES HOME PAGE ONLY */
#now_playing {
	width:563px; height:26px; overflow:hidden; margin:0; padding:5px 0 0 37px;
	background:url(/theme/kqba/i/bkgnd_nowplaying.jpg) top left no-repeat;
	font:12px Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold;
}
#recently_played {
	width:585px; height:102px; overflow:hidden; margin:-5px 0 18px 0; padding:12px 0 0 15px;
	background:url(/theme/kqba/i/bkgnd_recentlyplayed.jpg) top left no-repeat; overflow:hidden;
	font:11px/15px Georgia, "Times New Roman", Times, serif; color:#FFF; font-style:italic;
}
#introblock {
	width:365px; background:url(/theme/kqba/i/bkgnd_introblock.jpg) top left no-repeat;
	font:12px/16px Georgia, "Times New Roman", Times, serif; color:#633415;
	margin:0 0 15px 0; padding:34px 185px 0 20px;
	min-height:150px; height:auto !important; height:150px;
}
#events {width:448px; margin:0 0 15px 0; padding:146px 0 0 122px; background:url(/theme/kqba/i/bkgnd_events.jpg) top right no-repeat;
	font:12px/15px Georgia, "Times New Roman", Times, serif; color:#633415;}
#events p.odd img, #events p.even img {width:79px; margin:0 10px 0 20px; padding:0; float:right; border:1px solid #FFF;}
#events p.odd {margin:0 0 6px 0; padding:12px 0 12px 11px; width:438px; border-left:7px solid #d0b584;}
#events p.even {margin:0 0 6px 0; padding:12px 0 12px 11px; width:438px; border-left:7px solid #d0b584;}

#news_nav {border-bottom:1px solid #cbbe9f; border-left:1px solid #cbbe9f; width:569px; height:26px; margin:0; padding:0; position:relative; overflow:hidden; background:url(/theme/kqba/i/bkgnd_news_nav.gif) top right no-repeat;}
#news_block {border:1px solid #cbbe9f; border-top:none; width:540px; padding:15px; margin:0 0 15px 0;}

#news_nav ul {margin:0; padding:0; position:absolute; top:0; left:-15px; list-style-type:none; font:12px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#633415;}
#news_nav li {margin:0; padding:0; list-style-type:none; display:inline; font:11px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#633415; height:26px;}
#news_nav ul li a {margin: 0; padding:0; text-decoration:none; color:#633415; height:26px; display:block; width:190px; text-align:center; float:left;}
#news_nav ul li a:link, #news_nav ul li a:visited {margin: 0; padding: 6px 0 0 0; text-decoration:none; color:#633415; background:url(/theme/kqba/i/bkgnd_news_nav_li_on.gif) top right no-repeat;}
#news_nav ul li a:hover, #news_nav ul li a:active {margin: 0; padding: 6px 0 0 0; text-decoration:none; color:#633415; background:url(/theme/kqba/i/bkgnd_news_nav_li.gif) top right no-repeat;}
#news_nav #news_active_tab a:link, #news_nav #news_active_tab a:visited {margin: 0; padding: 6px 0 0 0; text-decoration:none; color:#633415; background:url(/theme/kqba/i/bkgnd_news_nav_li.gif) top right no-repeat;}
#news_nav #news_active_tab a:hover, #news_nav #news_active_tab a:active {margin: 0; padding: 6px 0 0 0; text-decoration:none; color:#633415; background:url(/theme/kqba/i/bkgnd_news_nav_li.gif) top right no-repeat;}

/* THESE STYLES ARE FOR MOHANNAD'S METHOD OF RSS-XML SCRAPING INTO A UL-LI STRUCTURE */
#news_block h3 {font-size:13px; margin:0 0 5px 0; padding:0 0 5px 0;}
#news_block ul {margin:0; padding:0;}
#news_block ul li {list-style-type:none; margin:0; background-color:none; padding:7px 10px; border-bottom:1px solid #cbbe9f;}
#news_block ul li .rss_title {font-weight:bold; font-size:11px; color:#ff8d17;}
#news_block ul li a {text-decoration:none; color:#ff8d17;}
#news_block ul li a:hover {text-decoration:underline; color:#ff8d17;}


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


/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {color:#FFF; font:12px Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#mini_login input {margin-bottom:8px;}
#mini_login #loginButton {margin:10px 0px; padding:1px; border:1px solid #FFF; background-color:#633415; cursor:hand; font:11px Georgia, "Times New Roman", Times, serif;}
#mini_login a {color:#fabe60; text-decoration:none;}
#mini_login a:hover {text-decoration:underline;}

#polls a {color:#fabe60; text-decoration:none;}
#polls a:hover {text-decoration:underline;}
#view_polls_content .poll_question {text-align:center; margin-bottom: 6px;color: #FFF; font:12px Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#view_polls_content .poll_question p {color: #FFF; 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;}	

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