/* 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 pixels wide or up to 1160 pixels wide when inside containers are required for drop shadows etc */ /* ----- 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:960px; background-color:#FFF;} /*fixes FCK editor issue, formerly body#publicBody */ #uber ul {list-style-type:none; font:12px/15px Arial,Helvetica,sans-serif; color:#000;} #uber dl {list-style-type:none; font:12px/15px Arial,Helvetica,sans-serif; color:#000;} #uber ol {list-style-type:none; font:12px/15px Arial,Helvetica,sans-serif; color:#000;} #uber li {font:12px/15px Arial,Helvetica,sans-serif; color:#000;} #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:134px; width:960px; background:url(/theme/KSJQ/i/bkgnd-header.gif) top left no-repeat;} #leaderboard {position:absolute; top:31px; right:15px; width:728px; height:90px; overflow:hidden; background-color:#000;} #on_air {position:absolute; top:0; left: 0; width:203px; height:134px;} #hide-me {position:absolute; top:0; left:0; width:203px; height:16px; z-index:100; background:url(/theme/KSJQ/i/bkgnd-orange-hide.gif) top left no-repeat;} /* main artist banner */ #artistBanner {position:relative; width:960px; height:139px; overflow:hidden; background:url(/theme/KSJQ/i/bkgnd-banner.jpg) top left no-repeat;} #artistBanner img, #artistBanner img a {border:none;} #logo {position:absolute; top:0; left: 0; width:304px; height:139px;} #logo a {display:block; width:304px; height:139px; border:none;} /* horizontal login area per client design */ #login {width:814px; height:30px; overflow:hidden; background:url(/theme/KSJQ/i/bkgnd-login.gif) top left no-repeat; margin:0; padding:3px 0 0 146px;} #mini_login {width:418px; height:30px; background:url(/theme/KSJQ/i/bkgnd-mini-login.gif) top right no-repeat; margin:0; padding:0; float:left;} #searchbox {width:258px; height:30px; text-align:right; float:left; margin:0; padding:0; overflow:hidden;} #searchbox form a {float:right;} #searchbox form input {float:left; width:160px; margin-left:20px;} /* main navigation under artist banner */ .nav {width:950px; height:32px; margin:0; padding:10px 0 0 10px; background:url(/theme/KSJQ/i/bkgnd-mainnav.gif) top left no-repeat; position:relative; z-index:200;} /* content area usually three columns -- let's use 960 as a base width */ /* re-arrange elements within right and left sidebars as required */ #main {float:left; background:url(/theme/KSJQ/i/bkgnd-main.gif) top left repeat-y;} /* left content area */ #content {float:left; width:780px; padding:0; margin:0;} #pageStatus {} #inset {width:750px; margin:auto auto;} #video_connectorads {position:relative; width:750px; height:248px; overflow:hidden; margin:15px 0 0 0; padding:0;} #apvideo {/*position:absolute; top:10px; right:0;*/ margin:-180px 0 0 0; padding:0; float:right; height:228px; width:200px;} /* right */ #right {float:left; width:180px; margin:0; overflow:hidden; padding:0 0 15px 0;} #cl_logo {width:180px; height:46px; padding:0; margin:0;} #listenlive {width:180px; height:99px; padding:0; margin:0 0 5px 0;} #skyscraper {background-color:#C90202; width:160px; height:600px; margin:0 10px 15px 10px; padding:0;} #polls {background: url(/theme/KSJQ/i/bkgnd-box.gif) top left repeat-x #eba1a1; width:160px; margin:0 10px 15px 10px; padding:0;} #weather_container { position: relative; top: 0px; left: 0px; text-align: left;width:160px; margin:7px 10px 10px 10px; padding:0;background-image: url(i/weather_center_tiling.jpg); background-repeat: repeat-y; } /* footer at bottom of page */ #footer {position:relative; width:960px; height:87px; padding:0; margin:0; border-top:1px solid #C90202; background-color:#000; font:11px/15px Arial, Helvetica, sans-serif; color:#FFF;} #logo_connectorlocal {position:absolute; top:24px; right:11px; width:163px; height:42px;} #footer_nav {position:absolute; top:15px; left:0; width:780px; text-align:center;} #footer_text {position:absolute; top:44px; left:0; width:780px; text-align:center;} /* STYLES HOME PAGE ONLY */ /* client designed multiple blocks need to be absolutely positioned and fixed size tp prevent weird wrapping issues */ #homepagedesign {position:relative; width:750px; height:962px; overflow:hidden;} #image_cycler_container {position:absolute; top:0px; left:0px; width:447px; height:237px; padding:32px 0 0 4px; background:url(/theme/KSJQ/i/bkgnd-image-cycler.jpg) top left no-repeat; overflow:hidden;} #recentlyplayed {position:absolute; top:0px; right:0px; width:260px; height:189px; padding:50px 12px 30px 20px; background:url(/theme/KSJQ/i/bkgnd-recentlyplayed.jpg) top left no-repeat; overflow:hidden;} #musicnews {position:absolute; top:269px; left:0px; width:196px; height:290px; padding:50px 12px 61px 12px; background:url(/theme/KSJQ/i/bkgnd-musicnews.jpg) top left no-repeat; overflow:hidden;} #musicnews ul li p.rss_description, #localnews ul li p.rss_description {display: none;} #localnews {position:absolute; top:269px; left:233px; width:196px; height:321px; padding:50px 12px 30px 12px; background:url(/theme/KSJQ/i/bkgnd-localnews.jpg) top left no-repeat; overflow:hidden;} #welcome {position:absolute; top:269px; right:0px; width:252px; height:197px; padding:156px 20px 340px 20px; background:url(/theme/KSJQ/i/bkgnd-welcome.jpg) top left no-repeat; overflow:hidden; color:#0099cc; font-weight:bold;} #podcasts {position:absolute; top:754px; right:25px; height:180px; width:246px; z-index:320;} #podcasts p {margin:0; padding:0;} #qvideo {position:absolute; top:670px; left:0px; width:427px; height:227px; padding:40px 12px 25px 12px; background:url(/theme/KSJQ/i/bkgnd-qvideo.jpg) top left no-repeat; overflow:hidden;} /* styles needed for multiple blocks on home page */ #content #inset #recentlyplayed ul {width:248px; margin:0; padding:0;} #content #inset #recentlyplayed ul li {list-style-type:none; padding:4px 0 5px 0; margin:0; list-style-position:outside; border-bottom:1px solid #76bbd2; color:#000;} #content #inset #musicnews ul, #content #inset #localnews ul {width:185px; margin:0; padding:0;} #content #inset #musicnews ul li, #content #inset #localnews ul li {list-style-type:none; margin:0; padding:4px 0 5px 3px; border-bottom:1px solid #76bbd2;} #content #inset #podcasts ul {width:246px; margin:0; padding:0;} #content #inset #podcasts ul li {list-style-type:none; padding:4px 0 5px 0; margin:0; list-style-position:outside; border-bottom:1px solid #76bbd2; color:#000;} #cmtlink {position:absolute; top:610px; left:10px; height:46px; width:138px; z-index:350;} #cmtlink a {display:block; border:none; height:46px; width:138px;} #itunes {position:absolute; top:637px; right:11px; height:35px; width:90px; z-index:350;} #itunes a {display:block; border:none; height:35px; width:90px;} #google {position:absolute; top:676px; right:11px; height:35px; width:90px; z-index:350;} #google a {display:block; border:none; height:35px; width:90px;} #yahoo {position:absolute; top:715px; right:11px; height:35px; width:90px; z-index:350;} #yahoo a {display:block; border:none; height:35px; width:90px;} /* STYLES FOR CONTENT PAGES ONLY */ #content ul, #inset ul {list-style-type:square; padding:0 0 0 14px; margin:0 0 14px 0; list-style-position:outside; color:#000;} #content ol, #inset ol {list-style-type:decimal; padding:0 0 0 14px; margin:0 0 14px 0; list-style-position:outside; color:#000;} #content li, #inset li {padding:0; margin:0 0 0 14px; list-style-position:outside; color:#000;} #content dl, #inset dl {padding:0 0 0 14px; margin:0 0 14px 0; color:#000;} /* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */ #mini_login h3 {display:none;} #mini_login input {width:150px; margin-top:6px;} #mini_login #loginButton {display:none; /*margin:7px 0px; padding:0 2px; width:50px; line-height:20px; height:20px; font:12px Arial, Helvetica, sans-serif; color:#FFF; border:1px solid #FFF; cursor:hand; background:url(/theme/KRBI/i/bkgnd-button.gif) top left repeat-x;*/} #mini_login a {} #mini_login a:hover {} #miniLoginLoggedUser {width:418px; height:22px; background:url(/theme/KSJQ/i/bkgnd-mini-logged-in.gif) top right no-repeat; margin:0; padding:8px 0 0 0;} .mini_login_welcome {margin:0; padding:0 0 0 5px; font:13px Arial,Helvetica,sans-serif; color:#000; font-weight:bold;} #mini_login .autoFormText {width:191px; float:left; margin:0; padding:0;} #mini_login .autoFormText label {display:none;} /* hide the label */ #mini_login .autoFormPassword {width:217px; float:left; margin:0; padding:0;} #mini_login .autoFormPassword label {display:none;} /* hide the label */ #mini_login .autoFormCheckbox {display:none;} #mini_login .autoFormInputs #remember_cookie {display:none;} #forgot_password_container {display:none;} #wrapper_logo {display:none;} #wrapper_padding {float:left; width:418px; overflow:hidden; height:30px;} /* ----- end template ----- */