@charset "utf-8";
/* CSS Document */

@font-face {font-family:CenturyGothic;src: url(../fonts/GOTHIC.TTF);}
@font-face {font-family:CenturyGothicBold;src: url(../fonts/GOTHICB.TTF);}
/*Reset default browser CSS.-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
}
table{ margin:0px; padding:0px; border-collapse:collapse;}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { line-height:normal; color:#000;}
h1{ font-size:44px; padding-bottom:15px; font-weight:bold; color:#33ccff; font-family:CenturyGothicBold}
h2{ font-size:24px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:16px;}
/* Lists
-------------------------------------------------------------- */
ul, ol, ul li{ padding:0px; margin:0px;}
li ul,
li ol       { padding:0px; margin:0px;}
ul          { list-style-type:none; }
ol          { list-style-type: decimal; }
dl          { padding:0px; margin:0px; }
dl dt       { font-weight: bold; }
dd          { padding:0px; margin:0px;}
/* Remove annoying border on linked images. */
a img { border: none; outline:none; }
a {outline:none; text-decoration:none; color:#03372a;}
a:hover{ text-decoration:underline;}
input[type=submit]{ cursor:pointer;}
.error{ color:#ff0000; font-size:11px;}
strong , b{}
/*common class*/
.clear{ clear:both;}
.alignleft{ float:left;}
.alignright{ float:right;}
.alignmiddle{ text-align:center;}
.spacer10 { height:10px; clear:both;}
.pnone{ padding:0px !important;}
/* Body  ==============================================*/
body {font-size: 13px;padding:0; margin:0;color:#222425; font-family:CenturyGothic; background:url(../images/body-bg.jpg) repeat-x 0px 0px;}
#body-inner {background:url(../images/body-bg-inner.jpg) repeat-x 0px 0px;}
/* This fixed width Wrapper surrounds all other blocks ============================================== */
#wrapper , .wrapper{ width:1000px; margin:0px auto; padding:0px;}
/*header css ==============================================*/
#header{overflow:hidden; height:169px;}
#header #nav{ margin: 0px; padding:0px; float:left;}
#header #nav li{ float:left;}
#header #nav li a{ float:left; height:41px; color:#fff; line-height:40px; font-size:15px;padding:0px 16px; text-transform:uppercase; font-weight:bold; font-family:CenturyGothicBold;}
#header #nav li a:hover , #header #nav li.select a{ background:url(../images/nav-hover.jpg) repeat-x 0px 0px; text-decoration:none;}
#header .weather{ float:right; background:url(../images/weather-icon.jpg) no-repeat 0px 0px; line-height:41px; font-size:11px; color:#fff; padding:0px 0px 0px 60px;}
#header .request{ float:right; background:url(../images/musicrequest.png) no-repeat 0px center; line-height:41px; font-size:12px; font-weight:bold;color:#fff; padding:0px 0px 0px 40px;}
#header .request a{ color:#fff;}
.requestform{width:400px;height:350px;overflow:auto;}
.sub{ text-indent:-9999em; float:left;}
#header .logo{margin:20px 0px 0px 18px; float:left;}
#header .social{ float:right; margin-top:15px;}
#header .social li{ display:block; background:url(../images/soical-border.jpg) no-repeat 0px 0px; font-family:CenturyGothicBold;}
#header .social li a{ display:block; padding:6px 0px 6px 28px; font-weight:bold; font-size:12px;}
#header .social li.facebook{ background:none;}
#header .social li.facebook a{ background:url(../images/facebook.jpg) no-repeat 0px 7px; color:#134589;}
#header .social li.twitter a{ background:url(../images/twitter.jpg) no-repeat 0px 7px; color:#33ccff;}
#header .social li.youtube a{ background:url(../images/youtube.jpg) no-repeat 0px 7px; color:#e21c1c;}
#header .prog-info{ background:url(../images/gradient--bg.jpg) repeat-y 0px 0px; width:367px; padding:10px 20px 10px 10px; height:70px; float:right; margin:15px 40px 0px 0px; border-right: 1px solid #cbbfbf;}
.prog-info .mic{ float:left; margin:0px 0px 0px 20px;}
.prog-info .prog-inner{ float:left; margin: 0px 0px 0px 20px;}
.prog-info .prog-inner h6{ color:#bf0c0c; text-decoration:underline; font-weight:bold; font-family:CenturyGothicBold;}
.prog-info .prog-inner small{ font-family:Trebuchet MS; font-size:13px; display:block;}
.prog-info .prog-inner small span{ color:#0f9186;}
.prog-info .prog-inner .mustlisten{ background:url(../images/must-listen.jpg) no-repeat 0px 0px; float:left; padding:0px 0px 0px 30px; color:#b90b0c;font-family:Trebuchet MS; margin:10px 0px 0px 0px; text-decoration:underline;}
.newsletter{ overflow:hidden;}
.newsletter .newstext{ font-size:16px; margin:15px 0px 0px 50px; float:left;}
.newsletter .newstext span{ font-size:17px; color:#d80f15; font-weight:bold;font-family:CenturyGothicBold;}
.email{ float:left;width:308px;margin:12px 0px 0px 20px;}
#mce-success-response{ display:block; font-size:11px; clear:both; overflow:hidden; text-align:right;}
.inputemail{ height:28px; width:288px !important; padding-left:10px; padding-right:10px; border:1px solid #bbb4b4; font-size:14px; color:#b8b7b7; float:left; }
.newsletter .inputbtn{ background:url(../images/subscribe.jpg) no-repeat 0px 0px; width:94px; height:32px; border:none; float:left; margin:12px 0px 0px 0px; text-indent:-9999em;}
 div.mce_inline_error{ font-size:11px; width:308px; color:#ff0000; padding:0px !important; margin:0px !important;}
#content{ overflow:hidden; padding:25px 0px 0px 0px; margin-top:14px; position:relative; background:#fff;}
.whatsnew{ width:440px; float:left;}
.whatsnew h4{ font-size:44px; color:#13ad92; float:left; border-bottom:5px solid #f4efef;font-family:CenturyGothicBold;}
.whatsnew span{ float:right; width:170px; margin:14px 0px 0px 0px; font-family:Trebuchet MS; font-weight:bold; color:#939492;}
.whatsnew .whatsarea{ border:5px solid #f4efef; overflow:hidden; clear:both; margin:20px 0px 0px 0px;}
.event{ float:right; width:520px; position:relative;}
.event h4{ font-size:44px; color:#33ccff; float:left; border-bottom:5px solid #f4efef;font-family:CenturyGothicBold;}
.event span{ float:left; width:190px; margin:14px 0px 0px 20px; font-family:Trebuchet MS; font-weight:bold; color:#939492;}
.eventarea{ margin:15px 0px 0px 0px;}
.eventtxt{ margin:10px 0px 10px 0px; background:url(../images/border-event.jpg) repeat-x 0px bottom; padding:5px 0px 20px 0px;}
.eventtxt big{ display:block; font-size:15px; color:#df1511; font-family:CenturyGothicBold; font-weight:bold;}
.eventtxt p{ font-size:12px; line-height:17px; padding:5px 0px;}
.eventtxt small{ display:block;font-family:CenturyGothicBold; font-weight:bold; font-size:12px;}
.listenlive{ position:absolute; right:0px; top:30px; z-index:9999;}
.toptenarea{ overflow:hidden; clear:both; padding:20px 0px 20px 0px; position:relative;}
.toptenarea h1{ font-size:44px; color:#e99591;font-family:CenturyGothicBold; font-weight:bold; padding-bottom:20px;}
.toptenarea .box{ float:left;width:222px; background:#f0eaea url(../images/shadow.jpg) no-repeat 0px bottom; padding:0px 0px 20px 0px;}
.toptenarea .box h2{ padding:7px 0px 7px 12px; font-weight:bold;font-family:CenturyGothicBold; color:#0fb0df;}
.toptenarea .box ul{ margin:10px;}
.toptenarea .box ul li{padding:0px 0px 8px 15px; background:url(../images/arrow.jpg) no-repeat 0px 3px; font-size:12px;}
#box2 { margin:0px 36px;}
#box3{ margin:0px 36px 0px 0px;}
#box2 h2{ color:#2cb60b;}
#box3 h2{ color:#d9720e;}
#box4 h2{ color:#df1511;}
.how-to-tune{ float:left; width:435px;}
.how-to-tune h2{ font-size:30px; color:#bf0309;font-family:CenturyGothicBold; font-weight:bold; padding-bottom:20px;}
.how-to-tune p{ padding-bottom:15px;}
.how-to-tune .readmore{ color:#c91009;font-family:CenturyGothicBold; font-weight:bold; font-size:12px;}
.fblike{ float:left; width:240px; overflow:hidden; margin:0px 0px 0px 20px}
.twitterbox{ float:right;width:270px;}
.leftcolumn{ float:left; width:200px;}
.middlecolumn{ float:left; width:560px; padding:0px 20px;}
.rightcolumn{ float:right; width:200px;}
.adv{ font-size:18px; background:#faf6f6; padding:15px; line-height:28px; color:#d80f15; margin:20px 0px 0px 0px;}
.outersc{ border-bottom:1px dotted #ccc;}
.time{ font-size:11px; width:90px; border-right:1px dotted #ccc; float:left; height:30px; padding:8px 0px 0px 0px;}
.progrm{float:left; width:380px;padding:8px 0px 0px 10px;font-size:12px}
.progrm big{ color:#ff0000; font-size:12px;}
.form{ margin:0px; padding:0px;}
.form li{ display:block; margin-bottom:10px;}
.form li label{ display:block; font-size:14px; padding-bottom:5px;}
.form li input{ padding:10px; border:1px solid #ccc; background:#f7f7f7; width:60%;}
.form li textarea{ padding:10px; border:1px solid #ccc; background:#f7f7f7; width:80%; height:150px;}
.form .error{ display:block;}
#fotter{ background:#0a0a0a; width:100%; padding:25px 0px; color:#fff; margin:20px 0px 0px 0px;}
#fotter a{ color:#fff;}
#fotter p{ padding-top:5px; font-size:11px;}
#fotter .button{ background:url(../images/fo-button.jpg) no-repeat; width:238px; height:38px; float:right; text-align:center; line-height:38px; font-size:17px; color:#fff; text-shadow: 0.1em 0.1em #333;}


.teamarea{}
.teamarea li{ float:left; height:170px;margin:0px 10px; position:relative;}
.teamarea li a .info{ display:none;}
.teamarea li a:hover .info{ display:block;}
.teamarea .info{
	position:absolute;
	background:#f2f2f2;
	border:1px #e2e2e2 solid;
	left: 30px;
	top: 120px;
	width:160px;
	display:none;
	z-index:1000;
	padding:6px;
}
.teamarea .info .tip{position:absolute;top:-20px;left:10px;}
.teamarea .info h5 {font-size:13px; color:#555;display:block; font-weight:bold;}
.teamarea .info span{ font-size:11px; color:#ff0000; display:block; }
.teamarea .info .networkIcon{padding:0 0 5px 10px;}
.teamarea .info .networkIcon img{vertical-align:middle; margin-right:4px;}
.teamarea a:hover img{outline:none; border:none;}

.temcontent{ width:600px; padding:20px; height:400px; overflow:auto; line-height:20px;}
.temcontent p{ padding-bottom:10px}
.temcontent ul , .temcontent ol{ margin-left:20px;}