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; }

#clubLogin { position:absolute; left:515px; top:12px; width:475px; font-size:85%; text-align:right; }

#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_home a:hover, div#iNav li.active h2#iNav_home a, div#iNav li.on h2#iNav_home a{ background:url(/images/nav_red.gif); }
div#iNav h2#iNav_on-air a:hover, div#iNav li.active h2#iNav_on-air a, div#iNav li.on h2#iNav_on-air a { background:url(/images/nav_orange.gif); }
div#iNav h2#iNav_news a:hover, div#iNav li.active h2#iNav_news a, div#iNav li.on h2#iNav_news a { background:url(/images/nav_yellow.gif); color:#000; }
div#iNav h2#iNav_music a:hover, div#iNav li.active h2#iNav_music a, div#iNav li.on h2#iNav_music a { background:url(/images/nav_green.gif); color:#000; }
div#iNav h2#iNav_events a:hover, div#iNav li.active h2#iNav_events a, div#iNav li.on h2#iNav_events a { background:url(/images/nav_blue.gif); }
div#iNav h2#iNav_contact a:hover, div#iNav li.active h2#iNav_contact a, div#iNav li.on h2#iNav_contact 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_home a:hover { background-color:#ff0202; color:#fff; }
div#iNav div#iNavSub_on-air a:hover { background-color:#fb6a01; color:#fff; }
div#iNav div#iNavSub_news a:hover { background-color:#ffe300; }
div#iNav div#iNavSub_music a:hover { background-color:#37f601; }
div#iNav div#iNavSub_events a:hover { background-color:#0185f7; color:#fff; }
div#iNav div#iNavSub_contact a:hover { background-color:#cb005a; color:#fff; }

/*
* -- Sectional --
*/
div.pageContent { overflow:hidden; border:1px solid #e0e0e0; border-top:0; padding:14px 12px; }
div.pageContent .clearsec  { clear:both; font-size:0; overflow:hidden; height:25px; }
div.pageContent .clear { clear:both; font-size:0; overflow:hidden; }
div.pageContent .f144 { width:144px; margin-left:12px; float:left; display:inline; }
div.pageContent .f144.first { margin-left:0; }
div.pageContent .f144 img { width:144px; height:96px; margin-bottom:6px; }
div.pageContent .f144 a span { display:block; margin-bottom:6px; font-weight:bold; }
div.pageContent .f144 .tease { font-size:85%; }
div.pageContent .f300 { width:300px; margin-left:12px; float:left; display:inline; }
div.pageContent .f300.first { margin-left:0; }
div.pageContent .f300 img { width:300px; height:225px; margin-bottom:6px; }
div.pageContent .f300 a span { display:block; margin-bottom:6px; font-weight:bold; }
div.pageContent .f300 .tease { font-size:85%; }
div.pageContent .secmpu { width:300px; height:250px; margin-right:12px; float:left; display:inline; }

div.news300Cont { width:300px; float:left; display:inline; }
div.newsItem { margin-bottom:20px; clear:both; overflow:hidden; }
div.newsItem img { width:80px; height:60px; float:left; margin-right:10px; }
div.newsItem span { font-weight:bold; }


/*
* -- 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; margin-bottom:8px; }
.djPod.even { 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; }

/*
* -- News Centre --
*/
div.ad728x90 { margin-bottom:15px; text-align:center; }
div.ad120x600 { margin-top:15px; text-align:center; }

/*
* -- Comments --
*/
#dCom div.col2 { background-color:#111; border-color:#333; }

/*
* -- Music Page --
*/
div.musicPage ul.similar li a { background-color:#fff !important; }
div.musicPage ul.similar li a:hover { background-color:#ccc !important; color:#000 !important; }
div.musicPage div.fullHeader, div.musicPage div.smallHeader { background-color:#333 !important; }
div.musicPage div.smallHeader h1 a { color:#fff !important; }
div.musicPage p.smallBio { color:#fff !important; }
div.musicPage p.smallBio a { color:#fff !important; }
div.musicPage ul.videos { background-color:#333 !important; }
div.musicPage ul.videos li a { background-color:#000 !important; }
div.musicPage ul.videos li a:hover { background-color:#fff !important; color:#000 !important; }
div.musicPage a.expander { background-color:#333 !important; }




/*
* 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; }