body { color: #4f4f4f; }

a {
  color: #3095d1;
  outline: none;
  text-decoration: underline;
}

a:hover {
  color: #89c1de;

}

h1, h2, .condensed { font-family: 'Roboto Condensed', 'Helvetica Condensed', Helvetica, Arial, sans-serif; }

h1 {
  font-size: 30px;
  font-weight: bold;
  margin: 0 130px 20px 0;
  text-transform: capitalize;
}

h2 {
  font-size: 22px;
  font-weight: normal;
  margin: 15px 0;
}

h3 {
  font-size: 16px;
  margin: 10px 0 5px;
}

h1 a, h2 a { text-decoration: none; }

hr {
  border: 0;
  border-top: 1px dashed #e1e1e1;
  clear: both;
  height: 1px;
  margin: 15px 0;
}

img { border: 0; height: auto; max-width: 100%; }

form {
  margin: 0;
  padding: 0;
}

p {
  line-height: 1.5em;
  margin: 0 0 15px 0;
}

.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.bordered { border: 1px solid #7e7e7e; }
.green { color: #8be65f !important; }
.float-clear, .clr, .clearfix { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.uppercase { text-transform: uppercase; }

/****************************************
***** LAYOUT ELEMENTS: Wrapper **********
*****************************************/

#top {
  background-image: url( '../images/bg_top.png' );
  background-position: left top;
  background-repeat: repeat-x;
  height: 68px;
  width: 100%;
}

#top-inner {
  height: 50px;
  margin: 0 auto;
  overflow: hidden;
  padding: 9px 0;
  position: relative;
  width: 950px;
}

#wrapper {
  margin: 0 auto;
  position: relative;
  width: 950px;
}

#top-inner > div.moduletable { position: absolute; top: 9px; }

.moduletable.social {
  border-left: 1px solid #4f4f4f;
  right: 0;
  text-align: right;
  width: 147px;
}

.moduletable.listen {
  border-left: 1px solid #4f4f4f;
  right: 148px;
  text-align: center;
  width: 191px;
}

.moduletable.listen a {
  display: block;
  height: 40px;
  margin: 5px auto;
  width: 155px;
}

.moduletable.social div { height: 50px; line-height: 50px; }
.moduletable.social img { margin: 5px 0 5px 5px; }

.moduletable.onair {
  color: #a3a3a3;
  font-family: 'Roboto Condensed', 'Helvetica Condensed', Helvetica, Arial, sans-serif;
  font-size: 12px;
  right: 340px;
  width: 177px;
}

.onair a { color: #a3a3a3; }

.onair .staff-photo {
  /*border: 1px solid #5f5f5f;*/
  margin-right: 8px;
}

.onair p {
  line-height: 15px;
  margin: 0;
}

img.schedule { margin-top: 3px; }

/****************************************
***** LAYOUT ELEMENTS: Masthead *********
*****************************************/

#masthead {
  height: 210px;
  position: relative;
  width: 950px;
}

.moduletable.logo,
.moduletable.preferred,
.moduletable.on-air-mic { position: absolute; }

.moduletable.logo {
  left: 0;
  top: 10px;
}

.moduletable.preferred {
  bottom: 12px;
  right: 164px;
}

.moduletable.on-air-mic {
  bottom: 0;
  right: 25px;
}

.moduletable.950x90 {
  height: 90px;
  width: 950px;
}

.moduletable.weather {
  bottom: 15px;
  font-family: 'Roboto Condensed', 'Helvetica Condensed', Helvetica, Arial, sans-serif;
  font-size: 12px;
  left: 310px;
  position: absolute;
  width: 270px;
}

.weather table {
  border: 0;
  border-collapse;
  border-spacing: 0;
}

.weather td {
  padding: 3px;
  vertical-align: middle;
}

td.degrees {
  font-size: 61px;
  font-weight: bold;
}

.moduletable.rayweather {
  bottom: 30px;
  font-family: 'Roboto Condensed', 'Helvetica Condensed', Helvetica, Arial, sans-serif;
  font-size: 12px;
  left: 272px;
  position: absolute;
  width: 330px;
}

.rayweather table {
  border: 0;
  border-collapse;
  border-spacing: 0;
}

.rayweather td {
  padding: 4px;
  vertical-align: middle;
}

td.raydegrees {
  font-size: 40px;
  font-weight: bold;
  width: 110px;
}

img.rayface {
  position: absolute;
  top: 55px;
  left: 70px;
}

/****************************************
***** NAVIGATION ************************
*****************************************/

#navbar { position: relative; }

#mainmenu {
  background-color: #464646;
  background-image: url( '../images/bg_mainmenu.png' );
  background-position: left top;
  background-repeat: repeat-x;
  border: 1px solid #424242;
  border-radius: 5px;
  color: #fff;
  font-family: 'Roboto Condensed', 'Helvetica Condensed', Helvetica, Arial, sans-serif;
  font-size: 15px;
  height: 48px;
  list-style: none;
  margin: 9px 0 12px;
  width: 948px;
}

#mainmenu a {
  color: #fff;
  border-radius: 5px;
  display: block;
  padding: 14px 0;
  text-decoration: none;
}

#mainmenu li {
  background-image: url( '../images/bg_navitem.png' );
  background-position: right center;
  background-repeat: no-repeat;
  float: left;
  position: relative;
  text-align: center;
  width: 66px;
}

#mainmenu li.item-101 { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#mainmenu li.item-113 { width: 81px; }
#mainmenu li.item-114 { width: 75px; }
#mainmenu li.item-115 { width: 83px; }
#mainmenu li.item-116 { width: 63px; }
#mainmenu li.item-117 { width: 70px; }
#mainmenu li.item-118 { width: 65px; }
#mainmenu li.item-119 { width: 83px; }
#mainmenu li.item-120 { width: 62px; }
#mainmenu li.item-222 {background: none; width: 57px;}


#mainmenu li:hover,
#mainmenu li.active {
  background-color: #e9132f;
  background-image: none;
}

#mainmenu li ul {
  background-color: #464646;
  display: none;
  left: 0;
  position: absolute;
  top: auto;
  z-index: 150;
}

#mainmenu li:hover ul { display: block; }

#mainmenu li li {
  background-image: none;
  float: none;
  list-style: none;
  text-align: left;
  width: 200px;
}

#mainmenu li li a { padding: 10px; }

#navbar div.search {
  height: 30px;
  overflow: hidden;
  position: absolute;
  right: 15px;
  text-align: right;
  top: 10px;
  width: 225px;
}

#navbar .search input {
  border: 0;
  display: inline;
  height: 30px;
  margin: 0;
  outline: none;
  vertical-align: top;
}

#navbar .search input.inputbox {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  padding: 0 10px;
  width: 155px;
}

#navbar .search input[type="image"] {
  height: 30px;
  margin-left: -3px;
  width: 42px;
}

/****************************************
***** LAYOUT ELEMENTS: Main Content *****
*****************************************/

#copyarea {
  clear: both;
  position: relative;
  width: 950px;
}

#left {
  float: left;
  width: 160px;
}

#copy {
  float: left;
  margin-right: 34px;
  width: 580px;
}

div.item-page, div[class^='leading-'] { position: relative; }
div[class^='leading-'] { margin: 0 0 30px; }
div[class^=leading-] h2 { margin-right: 130px; }

#copy ul { margin: 10px 30px; }

div.blog-intro-image,
div.image-fulltext {
  border: 1px solid #7e7e7e;
  float: left;
  margin: 0 20px 0 0;
  width: 98px;
}

div.image-fulltext { width: 220px; }

.blog-intro-image img {
  height: 98px;
  width: 98px;
}

.blog-intro-image small,
.image-fulltext small {
  display: block;
  font-size: 10px;
  margin: 2px auto;
  width: 96px;
}

.moduletable.obituary-archive {
  background-color: #fafafa;
  border: 1px solid #e1e1e1;
  float: right;
  margin: 0 0 25px 25px;
  min-height: 90px;
  padding: 10px;
  position: relative;
  width: 158px;
  z-index: 2;
}

.moduletable.obituary-archive h3 { margin: 0 0 5px; }
.moduletable.obituary-archive ul { list-style: none; margin: 0 !important; }
.moduletable.obituary-archive li { padding: 2px 0; }

table.photo.category {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.photo.category td {
  padding: 0 11px;
  width: 164px;
}

.photo-category .cycle-slideshow {
  position: relative;
  z-index: 2;
}

.photo-category .cycle-nav { width: 100%; }

.photo-category .cycle-overlay {
  background-color: rgba( 51, 51, 51, 0.15 );
  color: #fff;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  padding: 5px;
  position: absolute;
  text-align: right;
  top: 0;
  width: 570px;
  z-index: 110;
}

.home-slideshow {
  border: 1px solid #333;
  font-family: 'Roboto Condensed', 'Helvetica Condensed', Helvetica, Arial, sans-serif;
  margin: 0 0 15px;
  width: 578px;
}

.home-slideshow a { color: #fff; }

.home-slideshow .cycle-overlay {
  background-image: url( '../images/bg_overlay.png' );
  background-position: left top;
  background-repeat: repeat;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 8px 15px;
  position: absolute;
  width: 548px;
}

.latestnews { }

.mod-articles-category-title { margin: 0; }

table.staff-bio.category {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto 10px;
  text-align: center;
  width: 500px;
}

.staff-bio.category img { margin-bottom: 5px; }

.staff-bio.category td {
  padding: 10px;
  width: 122px;
  vertical-align: top;
}

table.staff-member {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 10px;
}

.staff-member h2 { margin: 0 0 5px; }
.staff-member h3 { margin-top: 0; }

.staff-member td {
  padding: 0 5px;
  vertical-align: top;
}

.addthis_toolbox { clear: both; margin: 15px 0 0 0; }
/*.episode iframe { height: 550px; }*/
div#episode_playlist ul { height: 410px !important; }

.moduletable.related-articles { margin: 20px 0; }

.squarephoto { margin: 0 auto; position: relative; }
.squarephoto::before, .squarephoto:before { content: ''; float: left; margin-left: -1px; padding: 100% 0 0 0; width: 1px; }
.squarephoto.ar16-9::before, .squarephoto.ar16-9:before { padding: calc(100% * 0.5625) 0 0 0; }
.squarephoto::after, .squarephoto:after { clear: both; content: ''; display: table; }
.squarephoto img { border: 0; height: 100%; margin: 0; max-width: unset; object-fit: cover; object-position: center; position: absolute; top: 0; width: 100%; }

/****************************************
***** LAYOUT ELEMENTS: Sidebar **********
*****************************************/

#sidebar {
  border-left: 1px dashed #e1e1e1;
  float: left;
  padding-left: 35px;
  width: 300px; /* 335px */
}

#sidebar div.moduletable { margin: 0 0 10px; }

.moduletable.photo-gallery {
  background-color: #393939;
  border: 1px solid #393939;
  border-radius: 5px;
  position: relative;
}

a.submit-link {
  color: #a6a6a6;
  left: 142px;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  top: 15px;
}

a.submit-link:hover { text-decoration: none; }

.slideshow__container { position: relative; }

.photo-gallery h3 {
  background-image: url( '../images/bg_photo-gallery.png' );
  background-position: 95% bottom;
  background-repeat: no-repeat;
  color: #fff;
  font-family: 'Roboto Condensed', 'Helvetica Condensed', Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-weight: normal;
  margin: 0;
  padding: 7px 15px;
}

.photo-gallery h3 a { color: #fff; text-decoration: none; }

.photo-gallery h3 a:hover { color: #89c1de; }

.photo-gallery .next-photo,
.photo-gallery .prev-photo {
  background-position: center;
  background-repeat: no-repeat;
  /* bottom: 0; */
  cursor: pointer;
  height: 180px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  z-index: 100;
}

.photo-gallery .next-photo { background-image: url('../images/icon_next-photo.png'); right: 0; }
.photo-gallery .prev-photo { background-image: url('../images/icon_prev-photo.png'); left: 0; }

/****************************************
***** LAYOUT ELEMENTS: Split Sidebar ****
*****************************************/

#splitleft, #splitright { float: left; }

#splitleft {
  height: 582px;
  width: 140px;
}

#splitright {
  margin-left: 14px;
  width: 146px;
}

#splitright h3 { font-family: 'Roboto', Helvetica, Arial, sans-serif; }

#splitright .moduletable { border-radius: 5px; position: relative; }

.moduletable.featured-audio {
  background-image: url( '../images/bg_waveform.png' );
  background-position: left bottom;
  background-repeat: no-repeat;
  background-color: #e9132f;
  border: 1px solid #a50016;
  color: #fff;
  font-family: 'Roboto Condensed', 'Helvetica Condensed', Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 283px;
  margin-bottom: 5px;
  padding: 0 0 5px;
}

.featured-audio a { color: #fff; display: block; padding-left: 30px; }
.featured-audio a:hover { color: #fec855; }

.featured-audio h3 {
  background-color: #a50016;
  background-image: url( '../images/bg_audio.png' );
  background-position: 100px 28px;
  background-repeat: no-repeat;
  height: 36px;
  line-height: 18px;
  margin: 0;
  padding: 8px 40px 10px 10px;
}

.featured-audio ul { list-style: none; margin: 10px 10px 5px 10px; }
.featured-audio li { font-size: 12px; min-height: 17px; padding: 0 0 5px; }

.featured-audio li a {
  background-image: url( '../images/li_audio.png' );
  background-position: left 5px;
  background-repeat: no-repeat;
}

.featured-audio li a:hover { background-image: url( '../images/li_audio-hover.png' ); }

.featured-audio .button {
  background-image: url( '../images/btn_all-clips.png' );
  background-repeat: no-repeat;
  /*bottom: 10px;*/
  display: block;
  height: 35px;
  padding: 0;
  position: absolute;
  right: 10px;
  width: 80px;
}

.featured-audio .button:hover { background-image: url( '../images/btn_all-clips-hover.png' ); }

.moduletable.webpoll {
  background-color: #449bc8;
  border: 1px solid #1b5a7b;
  color: #fff;
  font-size: 12px;
  height: 280px;
  margin: 0 !important;
  padding: 0;
  position: relative;
}

.moduletable.webpoll a { color: #b8e7ff; font-style: italic; }
.moduletable.webpoll a:hover { text-decoration: none; }

.moduletable.webpoll h3 {
  background-color: #1b5a7b;
  background-image: url( '../images/bg_poll.png' );
  background-position: 95px 14px;
  background-repeat: no-repeat;
  height: 16px;
  line-height: 18px;
  margin: 0;
  padding: 10px 10px;
}

.moduletable.webpoll p { margin: 0 0 5px; }
.poll.webpoll { padding: 15px 10px 0; }
#poll_buttons_1, #poll_links { text-align: right; }
#poll_links { padding-right: 10px; }

.webpoll input[type="submit"] {
  background-color: transparent;
  background-image: url( '../images/btn_vote.png' );
  background-position: left top;
  background-repeat: no-repeat;
  border: 0;
  color: transparent;
  cursor: pointer;
  height: 35px;
  width: 80px;
}

.webpoll input[type="submit"]:hover { background-image: url( '../images/btn_vote-hover.png' ); }

/****************************************
***** VIDEO GALLERY *********************
*****************************************/

.video-thumbs { }
.video-thumbs a { display: block; height: 120px; text-decoration: none; }
.video-row { margin-bottom: 15px; }

.video-thumb {
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #aaa;
  display: inline-block;
  *display: inline;
  margin: 0 13px 0 0;
  padding: 0;
  width: 128px;
  *zoom: 1;
}

/****************************************
***** LAYOUT ELEMENTS: Form Elements ****
*****************************************/

.submit-photo { }

fieldset {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  margin: 10px 0 15px;
  padding: 0 10px;
}

fieldset.main-field { background-color: #fafafa; }

legend {
  font-family: 'Roboto Condensed', 'Helvetica Condensed', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.control-group { clear: both; margin: 15px 0; min-height: 15px; }

.control-label,
.controls {
  display: inline-block;
  vertical-align: top;
}

label { cursor: pointer; }
.control-label { padding-right: 10px; width: 115px; }
.controls { width: 425px; }

.inputbox {
  font-family: inherit;
  max-width: 290px;
  padding: 3px 5px;
  width: 190px;
}

.inputbox.small { width: 90px; }
.required { color: #bb0010; }

/****************************************
***** LAYOUT ELEMENTS: Footer ***********
*****************************************/

#bottom {
  background-color: #262626;
  background-image: url( '../images/bg_bottom.png' );
  background-position: left top;
  background-repeat: repeat-x;
  clear: both;
  color: #a5a5a5;;
  font-family: 'Roboto Condensed', 'Helvetica Condensed', Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 197px; /* 222px */
  margin-top: 12px;
  padding-top: 25px;
  width: 100%;
}

#bottom a { color: #a5a5a5; }
#bottom a:hover { color: #fff; }

#footer {
  height: 197px;
  margin: 0 auto;
  overflow: hidden;
  width: 950px;
}

#footer .moduletable { float: left; }

.moduletable.small-logo {
  margin-right: 19px;
  width: 190px;
}

.moduletable.copyright {
  margin-right: 60px;
  width: 350px;
}

.moduletable.small-mic {
  margin-right: 60px;
  width: 117px;
}

.moduletable.card-logos {
  width: 154px;
}

table.niceTable { font-size: 12px; }

table.niceTable thead tr th {
  background-color: #eee;
  border-bottom: solid 2px #4f4f4f;
  color: #4f4f4f;
  padding: 5px;
}

table.niceTable tbody tr.striped td,
table.niceTable tbody tr:nth-child(even) td { background-color: #eee; }

.niceTable td { padding: 5px; }

/****************************************
***** LAYOUT ELEMENTS: Coupon ***********
*****************************************/

.coupon {
    text-align: center;
    font-family: arial;
    font-weight: bold;
    border: 0px solid gold;
    padding: 7px 63px;
    background-color: #006400;
    color: gold;
    border-radius: 20px;
    text-decoration: none;
}
.coupon:hover {
    color: #006400;
    background-color: gold;
}

/****************************************
***** LAYOUT ELEMENTS: Home Town Hero ***
*****************************************/

.hometownhero {
    text-align: center;
    font-family: arial;
    font-weight: bold;
    border: 0px solid gold;
    padding: 7px 36px;
    margin-top: 30px;
    background-color: red;
    color: white;
    border-radius: 20px;
    text-decoration: none;
}
.hometownhero:hover {
    color: #006400;
    background-color: gold;
}