/* 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:1020px; background:url(/theme/knpq/i/bkgnd-uber.jpg) top center no-repeat;} /*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:241px; width:1020px; background:url(/theme/knpq/i/bkgnd-header.jpg) top left no-repeat; z-index:200;}
#leaderboard {position:absolute; top:11px; left:263px; width:728px; height:90px; overflow:hidden; background-color:#FFF;}
#logo {position:absolute; top:101px; left: 0; width:303px; height:139px;}
#primarynav {position:absolute; top:198px; right:30px; height:43px; width:714px; z-index:200;}

/* artist banner underneath */
#bannerMain {position:relative; z-index:1; width:1020px; margin:auto auto; height:229px; overflow:hidden; background:url(/theme/knpq/i/bkgnd-artistbanner.jpg) top left no-repeat;}
#artistBanner {position:absolute; top:1px; left:30px; width:960px; height:227px; overflow:hidden; border:none;}
#artistBanner img, #artistBanner img a {border:none;}
#googlesearch {position:absolute; top:196px; left:113px; height:31px; width:375px;}

/* content area usually three columns -- let's use 960 as a base width */
/* re-arrange elements within right and left sidebars as required */
#shadows {width:1020px; margin:auto auto; overflow:hidden;}
#main {width:960px; margin:auto auto; background:url(/theme/knpq/i/bkgnd-main-new.gif) top left repeat-y; overflow:hidden:}

/* left */
#left {float:left; width:160px; padding:10px 10px 10000px 10px; margin-bottom:-10000px; background:url(/theme/knpq/i/bkgnd-left.gif) top left repeat-y;}
#leftnav {width:160px; margin-bottom:5px; padding:0;}
#mini_login {width:150px;  margin:0 0 14px 0; padding:10px 5px; background:url(/theme/knpq/i/bkgnd-boxes.gif) top left repeat-y; color:#FFF; text-align:center; font:12px Georgia, "Times New Roman", Times, serif;}
#polls {width:160px; margin:5px 0 14px 0; padding:0; background:url(/theme/knpq/i/bkgnd-boxes.gif) top left repeat-y;}
#weatherBadge {width:160px; padding:0; margin:0 0 5px 0;}

/* middle */
#content {float:left; width: 598px; padding: 0 0 10014px 0; margin-bottom:-10000px; border-right:1px solid #FF9900;border-left:1px solid #FF9900;}
#inset {width:570px; margin:auto auto; padding-top:14px;}
#pageStatus {}
/* second level nav if needed may be here or coded in navmenu.css file */
#image_cycler_container {margin-bottom:10px;}
#weather {}

/* right */
#right {float:right; width:150px; margin:0; overflow:hidden; padding:10px 20px 10000px 0; margin-bottom:-10000px; background:url(/theme/knpq/i/bkgnd-right.gif) top right repeat-y;}
#on_air {width:160px; height:87px; margin-bottom:7px;}
#up_next {width:160px; height:87px; margin-bottom:7px; margin-top:-7px;}
#skyscraper {width:160px; height:600px; margin-bottom:14px; background-color:#FF9900;}

/* footer at bottom of page */
#footer {position:relative; margin:auto auto; width:1020px; height:162px; padding:0; background:url(/theme/knpq/i/bkgnd-footer.jpg) top left no-repeat; clear:left;}
#footer_text {position:absolute; top:59px; left:210px; width:780px; text-align:center; color:#FFF; font:13px/17px "Times New Roman", Times, serif;}
#footer_nav {position:absolute; top:28px; left:210px; width:780px; text-align:center; color:#FFF; font:14px/17px "Times New Roman", Times, serif;}
#logo_wecreate {position:absolute; top:35px; left:60px; width:116px; height:46px;}

/* STYLES HOME PAGE ONLY */
#ap_news_image_cycler {width:570px; height:250px; margin-bottom:2px; padding:0;}
#welcome_home {float:left; margin:0 0 15px 0; padding:0;}
#news_nav {clear:left; border-bottom:1px solid #cbbe9f; border-left:1px solid #cbbe9f; width:569px; height:26px; overflow:hidden; background:url(/theme/knpq/i/bkgnd_news_nav.gif) top right no-repeat; margin-top:15px;}
#news_block {border:1px solid #cbbe9f; border-top:none; width:538px; padding:15px; margin:0 0 15px 0;}

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

#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 0 8px -17px; padding:0 0 0 -17px; list-style-type:none;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#mini_login h3 {color:#FFF; font: 14px "Times New Roman", Times, serif; font-weight:bold; margin-bottom:12px; text-align:center;}
#mini_login input {margin:2px 0 6px 0;font: 12px "Times New Roman", Times, serif;}
#mini_login #loginButton {margin:5px 0px; padding:2px; border:1px solid #FFF; cursor:hand; background-color:#FF9900; color:#FFF;}
#mini_login a {font: 13px/14px "Times New Roman", Times, serif; color:#114887; text-decoration:none;}
#mini_login a:hover {text-decoration:underline;}

#footer_nav ul {margin:0; padding:0; list-style-type:none;}
#footer_nav li {margin:0; padding:0; list-style-type:none; display:inline;}
#footer_text a:link, #footer_text a:visited {color:#ff8d17; text-decoration:none;}
#footer_text a:hover, #footer_text a:active {color:#ffe4c8; text-decoration:underline;}
#footer_nav li a:link, #footer_nav li a:visited {color:#ff8d17; text-decoration:none; padding:0 7px;}
#footer_nav li a:hover, #footer_nav li a:active {color:#ffe4c8; text-decoration:none; padding:0 7px;}

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