@charset "utf-8";

/* GLOBAL */

body {
margin:0;
background-color:#212d33;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#999;
}
div#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:url(../img/bg20111114.jpg) top center no-repeat;
z-index:-100;
}
@font-face {
font-family:Bebas;
src:url(Bebas.ttf) format("truetype");
}
.h1 {
font-size:200%;
font-weight:bold;
color:#fff;
letter-spacing:-1px;
line-height:80%;
}
.h2 {
font-size:150%;
font-weight:bold;
color:#fff;
}
.h3 {
font-size:125%;
font-weight:bold;
color:#fff;
}
.h4 {
font-size:110%;
font-weight:bold;
color:#fff;
}
.h1Bebas {
color:#fff;
font-family:Bebas, Helvetica, Arial, sans-serif;
font-size:200%;
letter-spacing:-1px;
word-spacing:5px;
}
.h2Bebas {
color:#fff;
font-family:Bebas, Helvetica, Arial, sans-serif;
font-size:150%;
word-spacing:5px;
}
.small {
font-size:11px;
color:#999;
}
.bold {
font-weight:bold;
}
.red {
color:#f00;
}
.redBold {
color:#f00;
font-weight:bold;
}
.smallGray {
font-size:11px;
color:#999;
}
.gray {
color:#999;
}
a:link, a:visited, a:hover, a:active {
color:#528fcc;
outline:none;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
img {
font-size:9px;
color:#808080;
}
hr {
clear:both;
color:#808080;
background-color:#808080;
height:1px;
border:none;
margin:2em 0 2em 0;
}
a.btn, a.btn:link, a.btn:visited, a.btn:hover, a.btn:active {
font-weight:bold;
color:#ccc;
text-decoration:none;
padding:4px 20px 3px 20px;
margin:0 0 5px 0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow:inset 0 0 5px #808080;
-webkit-box-shadow:inset 0 0 5px #808080;
-moz-box-shadow:inset 0 0 5px #808080;
background-color:#4d4d4d;
background-image:-moz-linear-gradient(#666, #333);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
background-image:-webkit-linear-gradient(#666, #333);
background-image:-o-linear-gradient(#666, #333);
outline:none;
text-shadow:-1px -1px 1px #333;
}
a.btn:hover {
color:#fff;
box-shadow:inset 0 0 5px #909090;
-webkit-box-shadow:inset 0 0 5px #909090;
-moz-box-shadow:inset 0 0 5px #909090;
background-color:#5d5d5d;
background-image:-moz-linear-gradient(#777, #444);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#444));
background-image:-webkit-linear-gradient(#777, #444);
background-image:-o-linear-gradient(#777, #444);
}
span.btn {
font-weight:bold;
color:#ccc;
text-decoration:none;
padding:4px 20px 3px 20px;
margin:0 0 5px 0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow:inset 0 0 7px #808080;
-webkit-box-shadow:inset 0 0 7px #808080;
-moz-box-shadow:inset 0 0 7px #808080;
background-color:#4d4d4d;
background-image:-moz-linear-gradient(#666, #333);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
background-image:-webkit-linear-gradient(#666, #333);
background-image:-o-linear-gradient(#666, #333);
outline:none;
text-shadow:-1px -1px 1px #333;
}
span.btn:hover {
color:#fff;
box-shadow:inset 0 0 5px #909090;
-webkit-box-shadow:inset 0 0 5px #909090;
-moz-box-shadow:inset 0 0 5px #909090;
background-color:#5d5d5d;
background-image:-moz-linear-gradient(#777, #444);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#444));
background-image:-webkit-linear-gradient(#777, #444);
background-image:-o-linear-gradient(#777, #444);
}
div#underline {
width:100%;
border-bottom:1px #404040 solid;
margin-bottom:10px;
}
div#shadowTop {
position:fixed;
top:0;
left:0;
width:100%;
height:20px;
background:url(../img/bgShadowTop20.png) top repeat-x;
z-index:1000;
}
div#header {
margin:20px 20px 0 20px;
}
div#header img {
width:100%;
height:auto;
}
div#center {
width:960px;
margin:-54px auto 0 auto;
}
div#slogan {
padding:0 0 0 260px;
height:72px;
}
div#clear {
clear:both;
}
div#nowPlaying {
float:left;
width:100%;
margin:0 0 20px 0;
color:#fff;
text-shadow:1px 1px 1px #000;
}
span.npTitle {
color:#999;
color:#84ff48; /* green */
font-weight:bold;
}
div#npTitle {
float:left;
margin:24px 10px 26px 0;
color:#84ff48; /* green */
color:#999; /* grey */
font-size:150%;
letter-spacing:-1px;
}
div#npInfo {
float:left;
width:790px;
}
div#npPic {
float:left;
color:#999;
height:72px;
}
div#npPic img {
margin:0 10px 0 0;
box-shadow:0 1px 9px #000;
-webkit-box-shadow:0 1px 9px #000;
-moz-box-shadow:0 1px 9px #000;
}
div#npText {
float:left;
width:582px;
height:40px;
margin:0 0 0 0;
padding:5px 0 27px 0;
font-size:16px;
color:#fff;
}
div#npText:first-line {
line-height:22px;
}
div#npText span.loading {
position:relative;
top:7px;
padding:17px 0 0 0;
color:#bfbfbf;
}
span.npAlbum {
color:#fff;
font-size:12px;
}
div#npHistory {
float:left;
width:170px;
text-align:right;
line-height:20px;
margin-top:1px;
}
a.npHistory:link, a.npHistory:visited, a.npHistory:active {
font-size:15px;
color:#bfbfbf;
text-decoration:none;
}
a.npHistory:hover {
color:#fff;
}
div#nav {
float:left;
width:100%;
margin:0 0 20px 0;
text-shadow:1px 1px 2px #000;
background:url(../img/bgFade66.png);
}
div#nav a:link, div#nav a:visited, div#nav a:hover, div#nav a:active {
display:block;
float:left;
font-family:Bebas, Helvetica, Arial, sans-serif;
color:#999;
font-size:24px;
letter-spacing:-1px;
text-decoration:none;
margin:0 5px 0 5px;
padding:8px 10px 10px 10px;
}
div#nav a:hover {
color:#fff;
}
div#columnL {
float:left;
width:720px;
margin:0 20px 0 0;
}
div#columnR {
float:left;
width:220px;
margin:0 0 20px 0;
}
div.eCrewFeature {
float:left;
width:100%;
margin:0 0 20px 0;
}
div#columnR img.ecrewAlbum {
float:left;
margin:0 5px 0 0;
}
div#footer {
clear:both;
float:left;
width:100%;
background:url(../img/bgFade66.png);
}
div#footer img.logo {
float:left;
width:100%;
height:auto;
}
div#footerLinks {
float:left;
width:151px; /* without events column */
/* width:130px; */ /* with events column */
text-align:left;
margin:20px 0 20px 0;
line-height:2em;
}
div#footer a {
color:#666;
text-decoration:none;
}
div#footer a:hover {
color:#fff;
}
div#section {
float:left;
width:100%;
margin:0 0 20px 0;
background:url(../img/bgFade66.png);
}
div#margin {
margin:20px;
}
form, form select, form select option {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
}
form input.btn {
cursor:pointer;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#ccc;
text-decoration:none;
padding:2px 15px 2px 15px;
border-style:none;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow:inset 0 0 7px #808080;
-webkit-box-shadow:inset 0 0 7px #808080;
-moz-box-shadow:inset 0 0 7px #808080;
background-color:#4d4d4d;
background-image:-moz-linear-gradient(#666, #333);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
background-image:-webkit-linear-gradient(#666, #333);
background-image:-o-linear-gradient(#666, #333);
outline:none;
text-shadow:-1px -1px 1px #333;
}
form input.btn:hover {
cursor:pointer;
color:#fff;
box-shadow:inset 0 0 5px #909090;
-webkit-box-shadow:inset 0 0 5px #909090;
-moz-box-shadow:inset 0 0 5px #909090;
background-color:#5d5d5d;
background-image:-moz-linear-gradient(#777, #444);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#444));
background-image:-webkit-linear-gradient(#777, #444);
background-image:-o-linear-gradient(#777, #444);
}
form#intForm {
margin:.5em 0 1em 0;
}
div.subTabs {
float:left;
margin:20px 0 20px 0;
padding:0;
width:100%;
border-bottom:1px #404040 solid;
}
div.subTabs a {
display:block;
float:left;
text-decoration:none;
padding:.5em 1em .5em 1em;
margin:0;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
cursor:pointer;
}
div.subTabs a:hover {
color:#fff;
}
div.subTabs a.selected {
background-color:#404040;
color:#fff;
}
div.subTabs a.selected:hover {
cursor:default;
}
div.tabContent {
display:none;
}
@media print {
.tabContent {
display:block !important;
}
}
a#back2top {
display:none;
position:fixed;
top:100%;
left:100%;
width:120px;
margin:-45px 0 0 -140px;
padding:5px 0;
background-color:#000;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color:#999;
text-align:center;
text-decoration:none;
}
a#back2top:hover {
color:#fff;
}

/* HOME PAGE */

div#gallery {
width:720px;
overflow:hidden;
}
div#slides {
width:720px;
height:300px;
overflow:hidden;
}
div.slide {
float:left;
}
div#menu {
height:30px;
margin:0 0 20px 0;
padding:5px 0 0 0;
text-align:center;
}
div#menu ul {
margin:0px;
padding:0px;
}
div#menu ul li {
width:72px;
height:30px;
display:inline-block;
list-style:none;
overflow:hidden;
margin:0 5px 0 0;
}
div#menu ul li.inact {
opacity:0.4;
filter:alpha(opacity=40);
}
div#menu ul li.inact:hover {
opacity:1.0;
filter:alpha(opacity=100);
}
div#menu ul li.act, li.act:hover {
opacity:1.0;
filter:alpha(opacity=100);
}
div#menu ul li.act a {
cursor:default;
}
div#menu ul li a {
display:block;
height:30px;
}
div#menu ul li a img {
border:none;
}
div#newMusicCol33 {
float:left;
width:33%;
padding:20px 0 0 0;
text-align:center;
}
div#newMusicCol50 {
float:left;
width:50%;
padding:20px 0 0 0;
text-align:center;
}
img.newMusic {
height:100px;
width:auto;
}
div#newMusicColumn .h3 {
letter-spacing:0;
}
div#newMusicVote {
clear:both;
text-align:center;
}


/* STATIONS PAGE */

div#stationsState {
clear:both;
width:525px;
padding:0 0 0 46px;
background-color:#f2f2f2;
}
div#stationsStateName {
clear:both;
width:360px;
color:#bfbfbf;
font-size:150%;
font-weight:bold;
padding:1em 0 .5em 0;
}
div#stationsCity {
float:left;
width:240px;
line-height:1.5em;
padding:0 0 0 15px;
}
div#stationsFreq {
float:left;
width:60px;
margin:0 30px 0 0;
line-height:1.5em;
text-align:right;
}
div#stationsCall {
float:left;
width:50px;
line-height:1.5em;
margin:0 20px 0 0;
}
div#stationsMap {
float:left;
width:110px;
font-size:12px;
line-height:1.5em;
}
div#coverageMap {
display:none;
position:absolute;
top:210px;
left:50%;
width:500px;
margin:0 0 0 -280px;
padding:30px;
text-align:center;
background-color:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0 0 8px #000;
-moz-box-shadow:0 0 8px #000;
-webkit-box-shadow:0 0 8px #000;
z-index:1000;
}
div#coverageMap div#picHolder {
margin:1em 0 1em 0;
}
div#stationNewsItem {
margin:1em 0 2em 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
div#stationNewsTitleLine {
font-size:125%;
font-weight:bold;
color:#fff;
}
.stationNewsDate {
font-size:11px;
}


/* LISTEN PAGE */

div#listenL {
float:left;
width:160px;
margin-right:20px;
line-height:20px;
}
a.listen {
display:block;
color:#999;
background-image:url(../img/bgFade50.png);
padding:5px 7px 5px 7px;
margin:0 0 1px 0;
text-decoration:none;
}
a.listen:hover {
color:#fff;
background-color:#000;
}
ul.listen {
list-style:none;
}
ul.listen li {
line-height:13px;
margin-top:10px;
}
div#listenR {
float:left;
width:500px;
margin:0 0 20px 0;
}
div.playerEmbed {
clear:both;
margin:0 0 3em 0;
font-family:monospace;
font-size:9px;
}
div.audioPlayerToggle {
font-weight:bold;
color:#ccc;
text-align:center;
text-decoration:none;
width:100px;
padding:4px 0 3px 0;
margin:1em 0 2em 0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow:inset 0 0 7px #808080;
-webkit-box-shadow:inset 0 0 7px #808080;
-moz-box-shadow:inset 0 0 7px #808080;
background-color:#4d4d4d;
background-image:-moz-linear-gradient(#666, #333);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
background-image:-webkit-linear-gradient(#666, #333);
background-image:-o-linear-gradient(#666, #333);
outline:none;
text-shadow:-1px -1px 1px #333;
cursor:pointer;
}
div.audioPlayerToggle:hover {
color:#fff;
box-shadow:inset 0 0 5px #909090;
-webkit-box-shadow:inset 0 0 5px #909090;
-moz-box-shadow:inset 0 0 5px #909090;
background-color:#5d5d5d;
background-image:-moz-linear-gradient(#777, #444);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#444));
background-image:-webkit-linear-gradient(#777, #444);
background-image:-o-linear-gradient(#777, #444);
}
div.audioPlayer {
display:none;
clear:both;
width:100%;
margin:.5em 0 0 0;
}
div#phoneDiv {
clear:both;
}
div#phoneTitle {
clear:both;
margin:20px 0 0 0;
}
div#phonePic {
float:left;
width:120px;
padding:20px 0 0 0;
}
div#phoneInfo {
float:left;
width:380px;
height:240px;
padding:20px 0 0 0;
margin-bottom:20px;
}


/* RECENT SONG HISTORY */

div.rsHourToggle {
clear:both;
width:660px;
padding:10px;
margin:0 0 1px 0;
background-image:url(../img/bgFade50.png);
font-weight:bold;
font-size:110%;
color:#fff;
cursor:pointer;
}
div.rsHourToggle:hover {
background-color:#000;
}
div.rsHour {
display:none;
margin:1em 0 1em 0;
}
div#rsTime {
float:left;
width:100px;
margin:0 0 0 10px;
}
div#rsSong {
float:left;
width:300px;
}
div#rsArtist {
float:left;
width:270px;
}


/* PLAYLOGS PAGE */

div#playlogMonth {
float:left;
margin:20px 0 20px 0;
width:33%;
}


/* INTERVIEWS PAGE */

div#interviewMonth {
float:left;
width:100%;
margin:1em 0 0 0;
font-size:150%;
font-weight:bold;
color:#fff;
border-bottom:1px #404040 solid;
}
div#interview {
float:left;
width:100%;
margin:1.5em 0 .5em 0;
}
div#interview div#interviewPic {
float:left;
width:180px;
margin:0 20px 0 0;
}
div#interview div#interviewAudio {
float:left;
}

/* MUSIC PAGES */

div#musicTabs {
clear:both;
width:100%;
margin:2em 0 2em 0;
}
a.musicTabs:link, a.musicTabs:visited, a.musicTabs:hover, a.musicTabs:active {
font-size:125%;
margin:0 .5em 0 .5em;
}
div#top30 {
clear:both;
width:720px;
height:92px;
padding:10px 0 10px 0;
}
div#top30number {
float:left;
color:#ccc;
font-size:36px;
font-weight:bold;
width:30px;
height:56px;
padding:23px 15px 13px 0;
text-align:center;
letter-spacing:-3px;
}
div#top30album {
float:left;
width:72px;
padding:10px 0 10px 0;
margin-right:10px;
}
div#top30tags {
float:left;
width:38px;
padding-top:18px;
font-size:11px;
line-height:18px;
color:#4d4d4d;
}
div#top30info {
float:left;
width:338px;
padding-top:17px;
font-size:12px;
line-height:18px;
}
div#top30info:first-line {
font-size:15px;
}
div#top30audio {
float:left;
width:170px;
padding-top:30px;
}
div#top30audio audio {
width:170px;
}
form#top30form, form#top30form select, form#top30form select option, form#top30form input {
font-size:11px;
}
div#nmAlbum {
float:left;
width:92px;
margin:2em 0 1em 0;
}
div#nmInfo {
float:left;
width:488px;
color:#999;
margin:2em 0 1em 0;
}
div#nmInfo:first-line {
font-size:120%;
}
div#nmInfo audio {
margin:.5em 0 0 0;
}
div#nmLink {
float:left;
width:100px;
color:#999;
text-align:right;
margin:2em 0 1em 0;
}
div.nmMore {
clear:both;
display:none;
width:100%;
margin:0 0 1em 0;
}
div.nmLyrics {
margin:1em 0 0 0;
color:#528fcc;
cursor:pointer;
}
div.nmLyrics:hover {
text-decoration:underline;
}
div#nmPoll {
float:left;
width:250px;
}
div#nmPoll img {
width:180px;
height:auto;
}
div#nmLyrics {
float:left;
width:390px;
margin:0 0 0 20px;
}
div#nmBuy img {
margin:0 0 1em 0;
}


/* SUPPORT PAGE */

div.subscribe33 {
float:left;
width:33%;
margin:20px 0 20px 0;
}
div#MonthCD {
float:left;
padding:0;
width:100%;
}
div#ecrewCD2 {
float:left;
width:46%;
padding:2%;
margin-bottom:2em;
}
div#ecrewCD3 {
float:left;
width:29%;
padding:2%;
margin-bottom:2em;
}


/* LINKS PAGE */

div.linkColumn {
float:left;
width:50%;
}


/* CONTACT PAGE */

form#contactForm input, form#contactForm textarea {
width:300px;
background-color:#000;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#999;
border:1px #404040 solid;
padding:9px;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
form#contactForm input:focus, form#contactForm textarea:focus {
color:#fff;
border:1px #999 solid;
}
form#contactForm input.btn {
width:auto;
font-weight:bold;
color:#ccc;
text-decoration:none;
padding:4px 20px 3px 20px;
margin:0 0 5px 0;
border-style:none;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-shadow:inset 0 0 7px #808080;
-webkit-box-shadow:inset 0 0 7px #808080;
-moz-box-shadow:inset 0 0 7px #808080;
background-color:#4d4d4d;
background-image:-moz-linear-gradient(#666, #333);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
background-image:-webkit-linear-gradient(#666, #333);
background-image:-o-linear-gradient(#666, #333);
outline:none;
text-shadow:-1px -1px 1px #333;
cursor:pointer;
}
form#contactForm input.btn:hover {
color:#fff;
box-shadow:inset 0 0 5px #909090;
-webkit-box-shadow:inset 0 0 5px #909090;
-moz-box-shadow:inset 0 0 5px #909090;
background-color:#5d5d5d;
background-image:-moz-linear-gradient(#777, #444);
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#444));
background-image:-webkit-linear-gradient(#777, #444);
background-image:-o-linear-gradient(#777, #444);
}