body { background:url(/images/bg.gif) 0 0 repeat-x #3f3f3f; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#fff; }
a { color:#fff; }

#outer { width:990px; margin:0 auto; position:relative; }

#top { height:130px; }
#top h1 a { display:block; position:absolute; width:258px; height:110px; left:0; top:12px; text-indent:-9999px; background:url(/images/logo.gif) 0 0 no-repeat; }

#onAir { position:absolute; left:515px; top:38px; width:455px; height:57px; border:1px solid #fff; background:url(/images/onair.png) 0 0 no-repeat; padding:9px; }
#onAir a.listen { position:absolute; top:0; left:0; display:block; padding:10px 12px 9px 12px; font-size:174%; font-weight:bold; text-decoration:none; }
#onAir a.listen:hover { background-color:#fff; color:#000; }
#onAirRight { float:right; text-align:right; width:340px; }
#onAirRight img { float:right; width:57px; height:57px; margin-left:10px; }
#onAirRight strong { font-size:131%; }
#onAirRight span { font-size:85%; font-weight:bold; display:block; margin-top:4px; }

#nav { height:32px; border:1px solid #fff; margin-bottom:15px; background:url(/images/nav.gif) 0 0 repeat-x; }
#nav ul { float:right; margin:0; padding:0; list-style:none; }
#nav ul li { float:left; }
#nav ul li a { display:block; padding:8px 12px; }

#mid { overflow:hidden; }
#midLeft { float:left; width:794px; }
#midRight { float:left; width:185px; margin-left:11px; } 

h2.pageHeader { border:1px solid #fff; background:url(/images/pageheader.png) 0 0 no-repeat #000; font-size:153.9%; height:30px; padding:6px 0 0 8px; }
div.pageContent { border:1px solid #fff; border-top:0; padding:15px 12px; background-color:#000; margin-bottom:15px; overflow:hidden; }

#homeMpu { width:300px; height:250px; float:left; }
div.largePod { width:300px; float:left; }
div.largePod img { width:300px; height:225px; display:block; margin-bottom:5px; }
div.largePod strong { display:block; }
div.largePod span { font-size:85%; display:block; }
div.smallCol { float:left; margin-left:12px; width:220px; }
div.smallPod { margin-top:20px; overflow:hidden; }
div.smallPod.first { margin-top:0; }
div.smallPod img { width:84px; height:56px; border-bottom:3px solid; float:left; margin-right:6px; }
div.smallPod img.red { border-color:#ff0202; }
div.smallPod img.orange { border-color:#fb6a01; }
div.smallPod img.yellow { border-color:#ffe300; }
div.smallPod img.green { border-color:#37f601; }
div.smallPod img.blue { border-color:#0185f7; }
div.smallPod img.pink { border-color:#cb005a; }
div.smallPod strong { font-size:93%; }
div.smallPod span { font-size:85%; display:block; }

ul.ppNews { list-style:square; font-size:108%; margin:0; padding-left:18px; }
ul.ppNews li { margin-top:5px; }

#played { border:1px solid #fff; height:222px; background:url(/images/played.png) 100% 100% no-repeat #000; padding:14px 18px; }
#played strong { display:block; font-size:123.1%; margin-bottom:5px; clear:both; }
#played p { margin:0 0 10px 0; padding:0; clear:both; overflow:hidden; }
#played img { float:left; margin-right:5px; width:50px; height:50px; }
#played span { font-size:85%; }

div.ad185x100 { height:100px; margin-top:15px; }
div.ad185x600 { height:600px; margin-top:15px; }

#outerFooter { clear:both; margin-top:15px; background:url(/images/footer.gif) 95% 0 no-repeat #0c0c0c; }
#footer { width:990px; margin:0 auto; padding:20px; overflow:hidden; }
#footer .footerCol { float:left; width:260px; font-size:93%; }
#footer .footerCol ul { margin:0; padding:0; list-style:none; }
#footer .footerCol ul li { margin-bottom:4px; }

/*------- NAV REQUIRED -------*/
div#iNav { left:1px; top:131px; position:absolute; width:790px; height:32px; }
div#iNav li { float:left; margin-right:0px; }
div#iNav li li { margin:0; }
#iNavTop { margin:0; padding:0; list-style-type:none; }

/*------- USE THIS FOR TEXT TABS -------*/
div#iNav h2 { font-size:123.1%; padding:0; margin:0; }
div#iNav h2 a { text-decoration:none; display:block; margin:0; position:relative; padding:7px 20px 5px 20px; height:20px; color:#fff; }
div#iNav h2 a:hover { margin:0; _padding-bottom:0px; color:#fff; }
div#iNav li.active a { _padding-bottom:0px; color:#fff; }

div#iNav h2#iNav_black a:hover, div#iNav li.active h2#iNav_black a, div#iNav li.on h2#iNav_black a { background:url(/images/nav_black.gif); }
div#iNav h2#iNav_red a:hover, div#iNav li.active h2#iNav_red a, div#iNav li.on h2#iNav_red a{ background:url(/images/nav_red.gif); }
div#iNav h2#iNav_orange a:hover, div#iNav li.active h2#iNav_orange a, div#iNav li.on h2#iNav_orange a { background:url(/images/nav_orange.gif); }
div#iNav h2#iNav_yellow a:hover, div#iNav li.active h2#iNav_yellow a, div#iNav li.on h2#iNav_yellow a { background:url(/images/nav_yellow.gif); color:#000; }
div#iNav h2#iNav_green a:hover, div#iNav li.active h2#iNav_green a, div#iNav li.on h2#iNav_green a { background:url(/images/nav_green.gif); color:#000; }
div#iNav h2#iNav_blue a:hover, div#iNav li.active h2#iNav_blue a, div#iNav li.on h2#iNav_blue a { background:url(/images/nav_blue.gif); }
div#iNav h2#iNav_pink a:hover, div#iNav li.active h2#iNav_pink a, div#iNav li.on h2#iNav_pink a { background:url(/images/nav_pink.gif); }

/*------- SUB NAV -------*/
div#iNav li.active div.subNav { display:block; }
div#iNav div.subNav { display:none; position:absolute; top:32px; border-top:1px solid #fff; border-bottom:1px solid #fff; }
div#iNav div.subNav ul { list-style-type:none; margin:0; padding:5px 0; float:left; width:162px; z-index:999999; background-color:#fff; border-left:1px solid #fff; border-right:1px solid #fff; }
div#iNav div.subNav a { display:block; padding:3px 6px; width:150px; background-color:#fff; color:#000; font-size:93%; text-align:left; text-decoration:none; font-weight:bold; }
div#iNav div.subNav a:hover {  }
div#iNav div.subNav a:before { /*content: "+ ";*/ }

div#iNav div#iNavSub_red a:hover { background-color:#ff0202; color:#fff; }
div#iNav div#iNavSub_orange a:hover { background-color:#fb6a01; color:#fff; }
div#iNav div#iNavSub_yellow a:hover { background-color:#ffe300; }
div#iNav div#iNavSub_green a:hover { background-color:#37f601; }
div#iNav div#iNavSub_blue a:hover { background-color:#0185f7; color:#fff; }
div#iNav div#iNavSub_blue a:hover { background-color:#cb005a; color:#fff; }

/*
* -- Home Only --
*/
#flipbook { border:1px solid #fff; height:250px; margin-bottom:15px; background-color:#000; }
#fS { margin:0; padding:0; list-style:none; float:left; width:66px; border-right:1px solid #fff; }
#fS li { border-top:1px solid #fff; height:83px; }
#fS li.first { border-top:0; height:82px; }
#fS li a { display:block; height:68px; padding-top:15px; background:url(/images/flip_off.gif) 0 100% repeat-x; text-decoration:none; font-size:320%; font-weight:bold; text-align:center; }
#fS li.on a { background:url(/images/flip_on.gif) 0 100% repeat-x; }
#fL { margin:0; padding:0; list-style:none; float:left; width:725px; height:250px; overflow:hidden; }
#fL li { display:none; height:250px; background-position:0 0; background-repeat:no-repeat; position:relative; }
#fL li.on { display:block; }
#fL li h3 { display:inline-block; background-color:#2a2929; font-size:161.6%; padding:3px 8px; position:absolute; right:4px; top:193px; }
#fL li a { display:block; width:630px; height:250px; color:#fff; text-decoration:none; }
#fL li span { display:inline-block; background-color:#000; font-weight:bold; font-size:93%; padding:3px 7px; position:absolute; right:4px; top:225px; }

/*
* -- DJs Index --
*/
.djPod { padding:10px; height:96px; }
.djPod.alt { background-color:#111; }
.djPod .djLeft { float:left; width:440px; }
.djPod img { width:144px; height:96px; float:left; display:inline; margin-right:20px; border:1px solid #333; }
.djPod a span { display:block; font-weight:bold; margin-top:15px; font-size:182%; }
.djPod em { display:block; font-style:normal; margin-top:10px; color:#333; }
.djPod .djRight { float:left; width:304px; }
.djPod .djRight strong { float:left; display:block; width:98px; height:65px; font-size:182%; text-align:center; padding-top:31px; }
.djPod .djRight.on strong { background-color:#fb6a01; color:#fff; }
.djPod .djRight.next strong { background-color:#444; color:#000; }
/*.djPod .djRight.off strong { background:url(images/djstatus_off.gif) 0 0 repeat-x #e0e0e0; color:#fff; border:1px solid #fff; }*/
.djPod .djRight.off { padding-left:100px; width:204px; }
.djPod .djRight .times { float:left; display:block; font-size:85%; margin-left:10px; width:194px; }
.djPod .djRight .days { font-weight:bold; }


/*
* Customizations to Global Style
*/
h3.secTitle { color:#fff; }
h4.subTitle { background-color:#555; color:#fff; }
div.boxCont { background-color:#222; }
ul.actBtn li { background-color:#000; border-color:#fff; }
ul.actBtn li a { color:#fff; }