html, body, div, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, a, span, iframe {
  margin: 0;
  padding: 0; }

body {
  position: relative;
  margin: 0 auto; }

.clear {
  clear: both; }

.floatleft {
  float: left; }

.floatright {
  float: right; }

blockquote {
  padding: 0 0 5px 15px; }

.extra-padding-top {
  padding-top: 10px; }

#on-air, #on-air-iframe {
  position: absolute;
  top: 0;
  right: 5%;
  width: 450px;
  height: 50px;
  z-index: 10; }

.on-air-sign {
  position: absolute;
  top: 0;
  right: 0;
  width: 101px;
  height: 70px;
  padding: 0 10px; }
  .on-air-sign a {
    width: 101px;
    height: 50px; }

#on-air p {
  position: absolute;
  top: 5px;
  right: 121px; }

#logo {
  position: relative;
  top: 15px;
  left: 15px;
  width: 480px;
  height: 70px;
  padding: 0 0 15px; }

h1 a {
  width: 480px;
  height: 50px; }

#menu {
  position: relative;
  width: 100%;
  z-index: 10000; }
  #menu ul {
    padding: 0 0 0 30px; }
    #menu ul li {
      float: left;
      position: relative; }
      #menu ul li a {
        padding: 5px 15px; }
  #menu #menu-add-this a {
    margin: 5px 15px;
    padding: 1px; }
  #menu #menu-search ul {
    float: left;
    position: absolute;
    top: 29px;
    left: 0;
    padding: 0; }
    #menu #menu-search ul li {
      width: 221px;
      padding: 10px; }
      #menu #menu-search ul li p {
        float: left; }
        #menu #menu-search ul li p img {
          float: left;
          padding: 0 2px; }
        #menu #menu-search ul li p.radio-buttons {
          width: 100px;
          padding: 10px 10px 0 0; }
        #menu #menu-search ul li p.input {
          float: left; }
          #menu #menu-search ul li p.input input {
            width: 150px; }
        #menu #menu-search ul li p.submit {
          float: right;
          padding: 0 0 0 5px; }

#content {
  clear: both;
  position: relative;
  width: 100%;
  padding: 25px 0; }

#sidebar {
  float: right;
  width: 25%; }
  #sidebar li {
    clear: both;
    margin: 0 0 10px;
    padding: 0 5px; }
    #sidebar li h3 {
      padding: 15px 15px 0; }
    #sidebar li ul {
      padding: 0 0 5px; }
      #sidebar li ul li {
        margin: 0;
        padding: 5px 20px 10px; }
    #sidebar li .left-floater {
      float: left;
      width: 100px;
      padding: 0 10px 10px 0;
      overflow: hidden; }
      #sidebar li .left-floater img {
        width: 98px; }
  #sidebar #sidebar-archive {
    padding: 0 0 10px 10px; }
    #sidebar #sidebar-archive li {
      margin: 0;
      padding: 0 10px; }
      #sidebar #sidebar-archive li li.border {
        padding-bottom: 5px; }
      #sidebar #sidebar-archive li h4 a, #sidebar #sidebar-archive li h5 a {
        padding: 0 0 0 10px; }
      #sidebar #sidebar-archive li.parent ul {
        padding: 0; }

.djs {
  padding: 5px 0; }

#player {
  clear: both;
  width: 100%;
  height: 19px;
  padding: 10px 0 5px; }

#player2 {
  width: 100%;
  height: 19px;
  padding: 0 0 15px; }

#main {
  float: left;
  width: 70%;
  padding: 0 0 0 30px; }
  #main h2 {
    padding: 5px 0 20px; }
    #main h2 span {
      padding: 5px 0 0; }
  #main h3 {
    padding: 0 0 5px; }
    #main h3.line {
      padding: 10px 0 5px; }
    #main h3.podcast {
      padding: 0 0 15px; }
    #main h3.show {
      padding: 0; }
  #main h4 {
    padding: 0 0 5px; }
  #main p, #main ol {
    padding: 0 0 15px; }
  #main .indent {
    padding: 5px 15px; }
  #main ul li {
    clear: both;
    padding: 15px 10px; }
    #main ul li li {
      clear: none;
      padding: 0; }
  #main .back {
    clear: both;
    padding: 10px 0 0; }
  #main #past, #main .pagination {
    clear: both;
    padding: 5px; }
  #main .right-floater {
    float: right;
    padding: 0 0 15px 20px; }
    #main .right-floater img {
      width: 300px; }
  #main .left-floater {
    float: left;
    padding: 0 10px 15px 0; }
    #main .left-floater img {
      width: 300px; }
  #main div img.rss {
    height: 14px; }
  #main div img.archive {
    height: 9px; }
  #main div img.thumbnail {
    width: 250px; }
  #main .submit input {
    margin: 0 10px 0 0; }

#main .home-schedule li {
  clear: none;
  float: left;
  width: 44%;
  padding: 20px 15px; }
#main .home-schedule p img {
  width: 98%;
  margin: 5px 0 0; }
#main .home-schedule #previous-schedule {
  margin: 0 0 0 15px; }

#main .postings li {
  clear: none;
  float: left;
  width: 315px;
  margin: 0 15px 15px 0;
  padding: 15px 10px 0; }
#main .postings .left-floater {
  width: 125px;
  padding: 0 0 15px; }
#main .postings .inner-info {
  float: right;
  width: 55%; }
#main .postings div img {
  width: 100%; }
  #main .postings div img.rss {
    width: 14px; }
  #main .postings div img.calendar {
    width: 14px; }

#main .djs li {
  clear: none;
  float: left;
  width: 125px;
  margin: 0 15px 10px 0; }
  #main .djs li li {
    clear: none;
    float: none;
    width: auto;
    margin: 0;
    padding: 0; }
#main .djs .left-floater {
  width: 100%;
  padding: 0 0 10px; }
#main .djs .inner-info {
  float: left;
  width: 100%; }

#main #schedule li {
  width: 95%; }
#main #schedule .left-floater {
  float: left;
  width: 20%;
  padding: 0; }
  #main #schedule .left-floater p {
    padding: 0; }
  #main #schedule .left-floater img {
    width: 100%; }
#main #schedule .schedule-floater {
  float: right;
  width: 78%;
  padding: 0 0 15px; }
#main #schedule .schedule {
  padding: 0; }

#main .playlist {
  float: left;
  margin: 0 0 15px;
  padding: 10px 10px 0; }

#main #categories li {
  clear: none;
  float: left;
  margin: 9px 0 10px 10px;
  padding: 0 0 3px 0; }
  #main #categories li a {
    padding: 0 0 2px; }
#main .schedule {
  padding: 0 0 10px; }
  #main .schedule li {
    clear: none;
    padding: 0; }
  #main .schedule .date {
    padding: 0 10px 0 0; }
  #main .schedule .time {
    width: 110px; }
#main .privacy {
  padding: 0 0 15px; }
#main .caption {
  padding: 5px; }

#main .search-results td {
  padding: 10px 10px 0; }
#main .search-results .results .link {
  padding: 0; }

#main #no-comments {
  padding: 0; }
#main #comments {
  clear: both; }
  #main #comments h3 {
    clear: both;
    padding: 20px 0 10px; }
  #main #comments h4 {
    clear: both; }
  #main #comments ul {
    width: 50%; }
    #main #comments ul li {
      margin: 0 0 15px;
      padding: 15px 10px 0; }
  #main #comments #comment_comment {
    width: 50%;
    height: 80px; }

#main #list_form span {
  display: none; }
  #main #list_form span.fieldWithErrors {
    float: none;
    width: auto; }

#footer {
  position: relative;
  width: 100%;
  padding: 15px 0 30px; }
  #footer p {
    float: left; }
    #footer p img {
      float: left;
      padding: 0 2px; }
    #footer p span {
      padding: 0 2px 0 0; }
  #footer .mailing-list {
    float: right; }
  #footer .privacy {
    float: right;
    padding: 0 20px; }
  #footer .social-media {
    padding: 0 5px 0 28px; }
  #footer .submit {
    padding: 0 0 0 5px; }
  #footer .input input {
    width: 150px; }
  #footer .submit input {
    margin: 0 10px 0 0; }

#main #error-notice {
  width: 50%;
  margin: 0 0 5px;
  padding: 5px; }
  #main #error-notice ul {
    width: 100%; }
    #main #error-notice ul li {
      padding: 0; }
#main .fieldWithErrors input, #main .fieldWithErrors select, #main .fieldWithErrors textarea {
  padding: 2px; }
#main .notice {
  clear: both;
  width: 100%;
  margin: 0 0 15px;
  padding: 5px 0; }

body {
  background: black url(/images/bg.jpg) left top;
  color: #fce7cf; }

a {
  color: #004433; }
  a:hover {
    background: #fce7cf; }
  a img {
    border: none; }

.red {
  color: #bb0000; }

.gray {
  color: #333333; }

#off-air-now {
  background: url(/images/off-air.png) left top no-repeat; }

#on-air-now {
  background: url(/images/on-air.png) left top no-repeat; }

#on-air p {
  color: #fce7cf; }
  #on-air p a {
    color: #cc0000; }

#logo {
  background: url(/images/whfr-title.png) left top no-repeat; }

h1 a:hover {
  background: transparent; }

#menu li a {
  background: #161616;
  border: 1px solid #222222;
  border-right: 1px solid black;
  border-bottom: none;
  color: #fce7cf; }
  #menu li a:hover {
    border: 1px solid #aaaaaa;
    border-bottom: none; }
  #menu li a.active, #menu li a.current {
    background: white;
    border: 1px solid #666666;
    border-bottom: none;
    color: #dd0000; }
#menu #menu-about a {
  border-right: 1px solid #222222; }
  #menu #menu-about a:hover {
    border-right: 1px solid #aaaaaa; }
#menu #menu-add-this a {
  background: none;
  border: none; }
#menu #menu-search ul li {
  background: #161616;
  border: 1px solid #222222;
  border-right: 1px solid black;
  border-top: none;
  color: #fce7cf; }

#content {
  background: white;
  color: black; }
  #content h3 a {
    color: black; }

#sidebar li {
  background: #e8cfb4 url(/images/sidebar-bg-side.gif) left top repeat-y; }
  #sidebar li a {
    color: #aa3300; }
    #sidebar li a span {
      color: black; }
    #sidebar li a:hover {
      background-color: transparent;
      color: red; }
  #sidebar li span a {
    color: black; }
    #sidebar li span a:hover {
      background-color: transparent;
      color: red; }
  #sidebar li .left-floater img {
    border: 1px solid #dddddd; }
  #sidebar li h3 {
    background: #ebd3b9 url(/images/sidebar-bg-top.gif) left top repeat-x;
    color: #561003; }
    #sidebar li h3 a {
      color: #561003; }
      #sidebar li h3 a:hover {
        color: red; }
  #sidebar li h4 a, #sidebar li h5 a {
    color: #561003; }
    #sidebar li h4 a:hover, #sidebar li h5 a:hover {
      color: red; }
  #sidebar li ul {
    background: #ebd3b9 url(/images/sidebar-bg-bottom.gif) left bottom repeat-x; }
    #sidebar li ul li {
      background: none; }
      #sidebar li ul li ul {
        background: none; }
#sidebar #sidebar-archive li a:hover {
  background-color: transparent;
  color: red; }
#sidebar #sidebar-archive li li.border {
  border-bottom: 1px solid #cccccc; }
#sidebar #sidebar-archive li h4 a, #sidebar #sidebar-archive li h5 a {
  background: url(/images/sidebar-arrows.gif) 0 3px no-repeat; }
  #sidebar #sidebar-archive li h4 a:hover, #sidebar #sidebar-archive li h5 a:hover {
    color: red; }
#sidebar #sidebar-archive li.current h4 a, #sidebar #sidebar-archive li.active h4 a {
  background: url(/images/sidebar-arrows.gif) 0 -14px no-repeat;
  color: #561003; }
  #sidebar #sidebar-archive li.current h4 a:hover, #sidebar #sidebar-archive li.active h4 a:hover {
    color: red; }
#sidebar #sidebar-archive li.current li.current h5 a, #sidebar #sidebar-archive li.current li.active-child h5 a, #sidebar #sidebar-archive li.active li.current h5 a, #sidebar #sidebar-archive li.active li.active-child h5 a {
  background: url(/images/sidebar-arrows.gif) 0 -14px no-repeat;
  color: #561003; }
  #sidebar #sidebar-archive li.current li.current h5 a:hover, #sidebar #sidebar-archive li.current li.active-child h5 a:hover, #sidebar #sidebar-archive li.active li.current h5 a:hover, #sidebar #sidebar-archive li.active li.active-child h5 a:hover {
    color: red; }

#main h3, #main h4 {
  color: black; }
#main .alt {
  background: #ebeae5 url(/images/alt-bg-bottom.gif) left bottom repeat-x;
  border: 1px solid #d9d9d9; }
#main #past {
  border-top: 1px solid #e5e4db; }
#main .right-floater img, #main .left-floater img, #main .home-schedule p img {
  border: 1px solid #dddddd; }

#main .home-schedule h3 a {
  color: black; }
#main .home-schedule h4 a {
  color: #cc0000; }
#main .home-schedule #next-schedule {
  background: #fdeab2 url(/images/next-bg-bottom.gif) left bottom repeat-x;
  border: 1px solid #d9d9d9; }
#main .home-schedule #previous-schedule {
  background: #f6f5ec url(/images/previous-bg-bottom.gif) left bottom repeat-x;
  border: 1px solid #d9d9d9; }

#main #categories li a.active, #main #categories li a.current {
  border-bottom: 1px dotted #004433; }
#main .podcast a {
  color: #333333; }
#main div img.rss {
  border: none; }

#main .search-results {
  background: white;
  border: 1px solid #dddddd;
  border-bottom: none; }
#main .results {
  border-bottom: 1px solid #dddddd; }

#main #comments {
  color: #444444; }
  #main #comments h3 {
    border-top: 1px dotted #777777; }
  #main #comments h4 {
    color: #444444; }
  #main #comments .alt {
    background: #f0f4ee url(/images/comments-bg-bottom.gif) left bottom repeat-x;
    border: 1px solid #dddddd; }
#main .captcha img {
  border: 1px solid #dddddd; }

#footer a {
  color: #bb0000; }

#main #error-notice, #sidebar #error-notice {
  background: #fce7cf;
  border: 1px solid #623604; }
#main .fieldWithErrors input, #main .fieldWithErrors select, #main .fieldWithErrors textarea, #sidebar .fieldWithErrors input, #sidebar .fieldWithErrors select, #sidebar .fieldWithErrors textarea {
  background: #fce7cf;
  border: 1px solid #623604; }
#main .notice, #sidebar .notice {
  background: #ffffbb;
  border: 1px solid #ffbb00; }

html, body {
  font-size: 76%; }

body {
  font-family: "Trebuchet MS", Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

p, li, .pagination {
  font-size: 1.2em;
  line-height: 1.75em; }

td {
  font-size: 1.2em; }

#main .pagination p, p p, li li, li p, li td, td p, td li {
  font-size: 1em; }

ul, ol {
  list-style: none; }

a {
  overflow: hidden;
  text-decoration: none; }

.bold {
  font-weight: bold; }

.center {
  text-align: center; }

textarea, input, select {
  font: 11px "Arial", sans-serif; }

.on-air-sign {
  text-indent: -9999px; }
  .on-air-sign a {
    display: block; }

#on-air {
  overflow: hidden; }
  #on-air p {
    font: bold 1.15em/1.25em "Trebuchet MS", Helvetica, sans-serif;
    text-align: right; }

h1 {
  text-indent: -9999px; }
  h1 a {
    display: block; }

#menu li a {
  display: block;
  text-transform: uppercase; }
  #menu li a.active, #menu li a.current {
    font-weight: bold; }
#menu li ul {
  display: none; }
#menu li:hover ul {
  display: block; }

#content {
  overflow: hidden; }

.error-page h2 {
  font-size: 1.5em;
  line-height: 2em; }

#sidebar li {
  overflow: hidden; }
  #sidebar li h3 {
    font-size: 1.1em;
    text-transform: uppercase; }
  #sidebar li h4 a, #sidebar li h5 a {
    outline: none; }
#sidebar .show-description {
  line-height: 1.25em; }

#sidebar-archive li a {
  display: block; }
  #sidebar-archive li a.inline {
    display: inline; }
#sidebar-archive li ul {
  display: none; }
#sidebar-archive li.current ul, #sidebar-archive li.active ul {
  display: block; }
  #sidebar-archive li.current ul li ul, #sidebar-archive li.active ul li ul {
    display: none; }
  #sidebar-archive li.current ul li.current ul, #sidebar-archive li.current ul li.active-child ul, #sidebar-archive li.active ul li.current ul, #sidebar-archive li.active ul li.active-child ul {
    display: block; }

#sidebar form {
  overflow: hidden; }
  #sidebar form p span {
    display: block;
    text-align: right; }

#main h2 {
  font-size: 2em; }
  #main h2 span {
    display: block;
    font-size: 0.65em;
    font-weight: normal; }
#main h3 {
  font-size: 1.35em; }
#main h4 {
  font-size: 1.25em; }
#main li {
  overflow: hidden; }
  #main li h3 {
    font-size: 1.35em; }
  #main li h4 {
    font-size: 1.05em; }

#main .home-schedule h3 {
  font-size: 1.25em;
  text-align: center; }
#main .home-schedule h4 {
  font-size: 1em;
  text-align: center; }

#main .search-results .results h4 {
  font-size: 1.25em; }
#main .search-results .results .link {
  padding: 0; }

#main #categories li a.active, #main #categories li a.current {
  outline: none; }
#main .schedule td {
  line-height: 1.2em; }
#main ol {
  list-style: inside decimal; }
#main #past {
  font-size: 1.35em;
  font-weight: bold; }
#main .caption {
  font-size: 1.05em;
  font-weight: bold;
  text-align: center; }
#main .postings .inner-info h3 {
  font-size: 1.25em; }

#main p.small {
  font-size: 1.05em; }
#main #comments h4 {
  font-size: 1.05em; }
#main #comments ul {
  font: 0.95em "Arial", sans-serif; }
#main #comments .no-comments #no-comments {
  display: none; }

#footer {
  overflow: hidden; }
  #footer p {
    line-height: 32px; }

#main #error-notice {
  text-align: left; }
  #main #error-notice p {
    font-weight: bold; }
#main .notice {
  font-weight: bold;
  text-align: center; }

img {
  -ms-interpolation-mode: bicubic; }

#main .button a {
  padding: 3px 10px;
  color: black; }
#main .button input {
  padding: 2px 10px;
  font-family: "Trebuchet MS", Helvetica, sans-serif; }
#main .button a, #main .button input {
  background: #ffffbb;
  border: 1px solid #ffbb00; }
#main .button a:hover, #main .button input:hover {
  background: #ee8800;
  color: black;
  cursor: pointer;
  text-decoration: none; }
#main .fieldWithErrors input, #main .fieldWithErrors select, #main .fieldWithErrors textarea {
  background: #ffffbb;
  border: 1px solid #ffbb00; }
#main #login-box {
  position: relative;
  left: 140px; }
#main #error-notice {
  clear: both;
  width: 100%;
  margin: 0 0 15px;
  padding: 5px 0;
  background: #ffffbb url(/images/cms/no.png) right center no-repeat;
  border: none;
  font-weight: bold;
  text-align: center; }
#main #comment_form #error-notice {
  float: left;
  width: auto;
  padding: 10px;
  background: #ffffbb;
  border: 1px solid #ffbb00;
  text-align: left; }
  #main #comment_form #error-notice p, #main #comment_form #error-notice li {
    margin: 0;
    padding: 0; }