* {padding:0; margin:0;}

BODY {background:#262626 url('/graphics/bg_page.jpg'); font:12px Verdana, Arial, Helvetica, sans-serif; color: #333;}

td, p, div {font:12px Verdana, Arial, Helvetica, sans-serif; color: #333;}

th {font:bold 12px Arial; color:#FDCE4B; background-color:#000} 

img {border:0}

#shell {background:#000; border-left:18px solid #525252; border-right:18px solid #525252; padding:8px; margin:0 auto; width:749px;}

#masthead {height: 157px; width: 749px; border-bottom:12px solid #000;}
#logo {height:125px; width:264px; float:left;}
#artists {height:125px; width:485px; float:left; position:relative;}
#artistsNone {height:125px; width:485px; z-index:10; position:absolute; top:0; left:0; background-image:url('/graphics/artist_none.jpg'); visibility:visible;}
#slogan {height:32px; width:749px; clear:left; background-image:url('/graphics/slogan.gif');} 
#now_playing {width:747px; height:36px; background:#000; padding:0; border:1px solid #686014; overflow:hidden;}
#now_playing_text {width:220px; height:32px; background:url('/graphics/now_playing.gif') -153px -2px no-repeat; float:right; margin-top:4px;}
#div_artist {font:bold 16px Arial; color:#BFBFBF; float:right; margin:10px 10px 0 0;}
#div_title {font:bold italic 16px Arial; color:#FFF; float:right; margin-top:10px;}
.playing_text {font:bold 16px Arial; color:#FFF; float:right; margin:10px 8px 0 8px;}
#scroll {width:749px; height:20px; margin-top:13px; background-color:#000;}

/* navigation */
ul#main_nav { width: 749px; height: 33px; background-color: #000000; list-style-type: none; } 
ul#main_nav span{ width: 749px; height: 33px; background-color: #000000; display: none; } 
ul#main_nav li { display: block; float: left; height: 33px; } 
ul#main_nav li#nav_home { width: 50px; height: 33px; background: url('/graphics/nav/home_off.jpg'); }
ul#main_nav li#nav_morningbeat { width: 158px; height: 33px; background: url('/graphics/nav/morningbeat_off.jpg');  }
ul#main_nav li#nav_airstaff { width: 75px; height: 33px; background: url('/graphics/nav/airstaff_off.jpg'); }
ul#main_nav li#nav_picpages { width: 91px; height: 33px; background: url('/graphics/nav/picpages_off.jpg');  }
ul#main_nav li#nav_onthestreets { width: 122px; height: 33px; background: url('/graphics/nav/onthestreets_off.jpg'); }
ul#main_nav li#nav_messageboards { width: 133px; height: 33px; background: url('/graphics/nav/messageboards_off.jpg');  }
ul#main_nav li#nav_linkz { width: 63px; height: 33px; background: url('/graphics/nav/linkz_off.jpg');  }
ul#main_nav li#nav_oc { width: 57px; height: 33px; background: url('/graphics/nav/oc_off.jpg');  }
ul#main_nav a { width: 100%; height: 33px; display: block; }

#content {border:9px solid #CBCBCB; border-top:16px solid #CBCBCB; width:730px; background:#CBCBCB url('/graphics/bg_content.gif') -9px 0 repeat-y; padding:0 0 0 1px;}
.content_cap {height:1px; width:730px; background:url('/graphics/content_cap.gif') -1px 0; clear:both; overflow:hidden;}

#left {float:left; width:120px; margin:6px 27px 6px 0; border-left:6px solid #E0E0E0;}
#listen {margin-bottom:6px; width:120px;}
#left div.sideitem {text-align:center; font:11px Arial; color:#333; margin-top:6px; width:120px;}

#center {float:left; width:415px; margin:6px 31px 6px 0;}

#right {float:left; width:120px; margin:6px 0;}
#right div.sideitem {text-align:center; font:11px Arial; color:#333; margin-bottom:6px; width:120px;}

.listen_sponsor {width:120px; padding-top:9px; background:#000 url('/graphics/sponsored_by.gif') no-repeat; text-align:center;}
.todays_news {width:120px; padding-top:9px; background:#000 url('/graphics/todays_news.gif') no-repeat; text-align:center; border-bottom:5px solid #000;}
.profile {width:120px; padding-top:9px; background:#000 url('/graphics/artist_profile.gif') no-repeat; text-align:center;}

.title {font:bold 18px Verdana, Arial, sans-serif; color:#511710; margin-bottom:5px;}
#contentbody, .contentbody {width:100%;}
#contentbody p {margin-bottom:8px;}

.imgleft {float:left;}
.imgleft img {margin:0 5px 5px 0}
.imgright {float:right;}
.imgright img {margin:0 0 5px 5px}
.sm_title, .headline {color:#DFE203; font: bold 14px Arial}
.eventdate {color:#FFD800; font: bold 12px Arial}
.dj_time {color:#1173B3; font: bold 13px Arial}
.dj {padding:6px 0; border-bottom:1px solid #C9C9C9; width:100%;}
.dj_div {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #264F6A; width:100%;}
.left {float:left}

#footer {background:#000; margin:13px 0; width:749px;}
#footer div {font:11px Arial; color:#FFF}
#fineprint {width:100%; padding:10px 0; background:#333; font:11px Arial; color:#DDD; text-align:center;}
#fineprint a:link, #fineprint a:visited {color:#DDD; font:11px Arial; text-decoration:underline}
#fineprint a:hover {color:#FFF; font:11px Arial; text-decoration:none}

.clear {clear:both}

A:link, a:active, A:VISITED {color: #6C2303; text-decoration: underline; }
A:HOVER {color: #6C2303; text-decoration: none;}

#content input, #content select {color:#000; padding:1px; border:1px solid #333; background-color:#FFF;}
#content input[type="radio"] {background-color:transparent; border:0}
#content input[type="checkbox"] {background-color:transparent; border:0}
#content input.button {border:1px solid #999; padding:3px; background-color:#FDDD55; color:#333; font:bold 12px Arial}


/* POLL INFORMATION */
div#home_poll { width: 100%; }
div#home_poll * { margin: 0; padding: 0;  }
div#home_poll a, div#home_poll img { border: 0; }

/* header */
div#home_poll h1 { font: 14px Arial, sans-serif; color: #ffffff  display: none; }
div#home_poll h1 span { font: 14px Arial, sans-serif;  color: #ffffff } /* header text */ 

/* question */
div#home_poll h2 { font: bold 11px Arial, sans-serif; color: #ffffff; background-color:transparent } /* question */
div#home_poll p.image_q { clear: both; width: 100%; margin: 5px auto; text-align: center } 

/* answers */
div#home_poll ul { margin: 2px 5px; list-style-type: none; width: 100% } /* answers container */
div#home_poll li { margin: 2px 0; font: 10px Arial, sans-serif; color: #000; width: 100%; display: block; clear: both; } /* answer container */
div#home_poll li input { padding: 0; margin: 0 0 0 5px; vertical-align: middle; } /* radio button */
div#home_poll label { margin: 3px 0 0 5px; vertical-align: middle; } /* text container */
div#home_poll li.video_a p { display: inline; margin: 2px; vertical-align: middle; }
div#home_poll li.image_a img { vertical-align: middle; }
div#home_poll li.audio_a p { display: inline; margin: 2px; vertical-align: middle; }

/* submit */
div#home_poll p.submit { text-align: center; margin: 0px auto 10px auto; cursor: pointer; cursor: hand; clear: both; color: #ccc; border: solid 1px #fff; width: 80px; background-color: #444;  }
div#home_poll p.submit span { }

/* results link */
div#home_poll p.results { cursor: pointer; cursor: hand; text-align: center; }
div#home_poll p.results span { color: #DDD; text-decoration: underline; font: bold 13px Arial, sans-serif; }

/* results */
div#home_poll p.results_text { color: #000; margin: 3px 0 0 0; clear: both; width: 90% }
div#home_poll div.results_1 { background-color: #c00; height: 10px; float: left }
div#home_poll div.results_2 { background-color: #339999; height: 10px; float: left }
div#home_poll div.results_3 { background-color: #cc0099; height: 10px; float: left }
div#home_poll div.results_4 { background-color: #666699; height: 10px; float: left }
div#home_poll div.results_5 { background-color: #ffcc33; height: 10px; float: left }
div#home_poll span.results_pct { display: block; float: left; margin-left: 3px; width: 20% }

/* POLL INFORMATION */
div#roof_poll { width: 100%; }
div#roof_poll * { margin: 0; padding: 0;  }
div#roof_poll a, div#roof_poll img { border: 0; }

/* header */
div#roof_poll h1 { font: 14px Arial, sans-serif; display: none; }
div#roof_poll h1 span { font: 14px Arial, sans-serif;  } /* header text */ 

/* question */
div#roof_poll h2 { font: bold 13px Arial, sans-serif; color: #fff } /* question */
div#roof_poll p.image_q { clear: both; width: 100%; margin: 5px auto; text-align: center } 

/* answers */
div#roof_poll ul { margin: 2px 5px; list-style-type: none; width: 100% } /* answers container */
div#roof_poll li { margin: 2px 0; font: 12px Arial, sans-serif; width: 100%; display: block; clear: both; } /* answer container */
div#roof_poll li input { padding: 0; margin: 0 0 0 5px; vertical-align: middle; } /* radio button */
div#roof_poll label { margin: 3px 0 0 5px; vertical-align: middle; color: #000} /* text container */
div#roof_poll li.video_a p { display: inline; margin: 2px; vertical-align: middle; }
div#roof_poll li.image_a img { vertical-align: middle; }
div#roof_poll li.audio_a p { display: inline; margin: 2px; vertical-align: middle; }

/* submit */
div#roof_poll p.submit { text-align: center; margin: 0px auto 10px auto; cursor: pointer; cursor: hand; clear: both; color: #ccc; border: solid 1px #fff; width: 80px; background-color: #444;  }
div#roof_poll p.submit span { }

/* results link */
div#roof_poll p.results { cursor: pointer; cursor: hand; text-align: center; }
div#roof_poll p.results span { color: #fc0; text-decoration: underline; font: bold 13px Arial, sans-serif; }

/* results */
div#roof_poll p.results_text { color: #000; margin: 3px 0 0 0; clear: both; width: 90% }
div#roof_poll div.results_1 { background-color: #c00; height: 10px; float: left }
div#roof_poll div.results_2 { background-color: #339999; height: 10px; float: left }
div#roof_poll div.results_3 { background-color: #cc0099; height: 10px; float: left }
div#roof_poll div.results_4 { background-color: #666699; height: 10px; float: left }
div#roof_poll div.results_5 { background-color: #ffcc33; height: 10px; float: left }
div#roof_poll span.results_pct { display: block; float: left; margin-left: 3px; width: 20% }

.triton_poll p {
  background: #E0E0E0 !important;
  font-weight: bold;
}

