/* 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;} /*fixes FCK editor issue, formerly body#publicBody */
#uber ul {list-style-type:none; font:12px/16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
#uber dl {list-style-type:none; font:12px/16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
#uber ol {list-style-type:none; font:12px/16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
#uber li {font:12px/16px 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 */
#bottom {clear:left; width:990px; height:69px; margin:0 0 20px 0; padding:0; background:url(/theme/KOOQ/i/bkgnd_bottom.gif) top left no-repeat;}

/* header aka masthead */
#header {position:relative; height:108px; width:990px; background:url(/theme/KOOQ/i/bkgnd_header.jpg) top left no-repeat;}
#leaderboard {position:absolute; top:6px; left:131px; width:728px; height:90px; overflow:hidden; background-color:#FFF;}

/* content area usually three columns -- let's use 990 as a base width for this design ... normally 960 */
#main {float:left; width:990px; background:url(/theme/KOOQ/i/bkgnd_main.gif) top left repeat-y;}

/* left */
#left {float:left; width:205px; padding:102px 0 17px 0; background:url(/theme/KOOQ/i/bkgnd_left.gif) top left no-repeat;}
#google_search {width:160px; padding:0; text-align:center; margin:0 0 16px 19px; color:#000;}
#leftnav {width:167px; background-color:none; margin:0 0 16px 16px !important; margin:0 0 16px 8px; padding:0; float:left;}
#skyscraper {width:160px; height:600px; background-color:#cc0000; padding:0; margin:0 0 16px 19px; clear:left;}

/* middle */
#content {float:left; width: 580px; background-color:none;}
#content_text {width:580px; margin:0; padding:0 0 15px 0; background:url(/theme/KOOQ/i/bkgnd_content.gif) top center repeat-y; color:#FFF;}
#banner {width:580px; padding:0; margin:0 0 6px 0; height:256px; 
	position:relative; background:url(/theme/KOOQ/i/bkgnd_banner.jpg) top left no-repeat;
}
#logo {position:absolute; top:35px; left:0; height:113px; width:213px;}
#pageStatus {}
#inset {width:550px; margin:auto auto; padding:0; /* set up min height to avoid ugly missing bottom */
	min-height:610px; height:auto !important; height:610px;
}
#connectors {width:580px; height:145px; margin:20px 0 0 0; padding:7px 0 0 0; background:url(/theme/KOOQ/i/bkgnd_connectorads.jpg) top left no-repeat;}

/* footer */
#footer {position:relative; border-top:1px solid #4f4f4f; width:580px; height:100px; padding:0; margin:0; 
	background:url(/theme/KOOQ/i/bkgnd_footer.gif) top left repeat-y;
	font:11px/16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFF;
}
#footer_nav {width:580px; height:22px; margin:0; padding:0; position:absolute; top:0; left:0; border-bottom:1px solid #4f4f4f;}
#footer_text {position:absolute; top:40px; left:0px; text-align:center; width:437px;}
#logo_wecreate {position:absolute; top:39px; right:13px; width:113px; height:40px;}

/* right */
#right {float:left; width:205px; padding:102px 0 17px 0; background:url(/theme/KOOQ/i/bkgnd_right.gif) top left no-repeat;}
#on_air {width:165px; height:97px; padding:0; margin:0 0 7px 23px;}
#up_next {width:165px; height:97px; padding:0; margin:0 0 10px 23px;}
#image_cycler_container {margin:0 0 17px 23px; padding:0; height:268px; width:164px;}
#weatherBadge {width:160px; padding:0; margin:0 0 5px 27px;}
/* threat on content.css */
#mini_login {width:169px; height:231px; margin:0 0 16px 21px; padding:10px 0 0 0; background:url(/theme/KOOQ/i/bkgnd_right_box.gif) top left no-repeat; text-align:center;}
#polls {width:169px; height:226px; margin:0 0 16px 21px; padding:15px 0 0 0; background:url(/theme/KOOQ/i/bkgnd_right_box.gif) top left no-repeat; color:#FFF;}

/* STYLES HOME PAGE ONLY */
#localsports {width:276px; height:192px; margin:0 0 6px 0; padding:71px 38px 27px 266px; position:relative; 
	background:url(/theme/KOOQ/i/bkgnd_local.gif) top left no-repeat; color:#FFF;
}
#ap_feed {position:absolute; top:33px; left:28px; width:200px; height:228px; overflow:hidden;}

/* STYLES FOR CONTENT PAGES ONLY */
#content ul {font:12px/16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; list-style-type:square; padding:0 0 0 16px; margin:0 0 16px 0;list-style-position:outside; color:#FFF;}
#content ol {font:12px/16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; list-style-type:decimal; padding:0 0 0 16px; margin:0 0 16px 0;list-style-position:outside; color:#FFF;}
#content li {font:12px/16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0 0 0 16px; list-style-position:outside; color:#FFF;}
#content dl  {font:12px/16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 16px; margin:0 0 16px 0; color:#FFF;}

#content #rss_headline_list p {/*display:none;*/ padding:0;}
#content #rss_headline_list ul {margin:0; padding:0;}
#content #rss_headline_list ul li {margin:0; padding:0 0 14px -17px; list-style-type:none;}
#content ul li.odd, #content ul li.even {margin:0; padding:0 0 0 -17px; list-style-type:none;}
#content ul li.odd p, #content ul li.even p {padding:0;}


/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {color:#FFFF00; margin:0 0 5px 0; font: 16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-transform:uppercase;}
#mini_login input {margin-bottom:3px;}
#mini_login #loginButton {margin:5px 0px; padding:1px; border:1px solid #FFF; background-color:#FF0000; cursor:hand;}
#mini_login a, #polls a {color:#FFFF00; text-decoration:none;}
#mini_login a:hover, #polls a:hover {text-decoration:underline;}

#content input, #content textarea, #content select, #content button {font:12px/14px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333; padding:1px;}

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