.content_title, .spotlight_title {
  width: 100%;
  clear: both;
  padding: 6px 5px 2px 5px;
  margin: -5px 0 0 -5px;
  text-transform: capitalize;
  font-weight: normal;
  font-family: berlinsmallcapsregular;
  font-size: 105%;
  color: #846dc2;
  text-shadow: 1px 1px 3px #6dabc2;
}

#sign-up {
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  width: 100%;
  background: #6dc2af;
  border: solid 7px #846dc2;
  color: #000000;
  padding: 5px;
  margin: -20px 0 0 0;
  border-radius: 7px;
  display: inline-block;
}

#sign-up h2, #sign-up h3, #sign-up a {
  color: #f4f4f4;
  text-shadow: 1px 1px 3px #6dabc2;
}

#sign-up strong {
  color: #c03b09;
}

#chart-buffer {
  height: 20px;
  background: #000000;
  clear: both;
}

#bd-player, #roots-player {
  margin: 50px 0 0 0;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  width: 44%;
  display: inline-block;
  vertical-align: top;
}

#bd-player a, #roots-player a {
  color: #846dc2;
}

#bd-player a:hover, #roots-player a:hover {
  color: #6d81c2;
}

.player-spacer {
  margin: 50px 0 0 0;
  display: inline-block;
  vertical-align: top;
  height: 300px;
  width: 10%;
}

.player-spacer .inner-space {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #6dabc2 50%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  width: 2px;
  height: 350px;
  margin: 0 auto;
}

.tall {
  height: 500px;
}

.tall .inner-space {
  height: 500px;
}

#hot-radiosubmit {
  padding: 5px;
  margin-top: 10px;
  clear: both;
  border-radius: 7px;
  display: block;
  float: left;
}

#bottom-content {
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  clear: both;
  margin: 75px 0 0 5px;
  width: 100%;
  height: 600px;
}

#featured-review, #latest-news {
  margin-top: 70px;
}

#featured-review {
  padding: 0;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  border-radius: 7px;
  display: inline-block;
  vertical-align: top;
  height: 550px;
  width: 43%;
}

#featured-review .bigger {
  font-size: 120%;
}

#featured-review #review-slider li {
  height: 550px;
}

#featured-review .review {
  height: 550px;
}

#featured-review #review-slider {
  width: 100%;
  margin: 5px 0 0 0;
}

#featured-review .review-album-front-cover {
  border-radius: 7px;
  width: 170px;
  height: 170px;
  margin: 0 0 0 0;
  display: inline-block;
  vertical-align: top;
}

#featured-review .review-album-info {
  display: inline-block;
  vertical-align: top;
  width: 207px;
  margin: 0 0 0 3px;
  font-size: 85%;
}

#featured-review .rating-star {
  width: 1em;
  height: 1em;
}

#featured-review #review-brief {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}

#latest-news {
  padding: 0;
  height: 500px;
  display: inline-block;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  vertical-align: top;
  width: 43%;
}

#latest-news hr {
  margin: 5px auto;
  width: 100%;
  background: #6dabc2;
  color: #6dabc2;
  border-color: #6dabc2;
}

#latest-news #articles-list {
  font-size: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 500px;
}

#latest-news span {
  color: #6dabc2;
}

#featured-dj {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

#featured-dj .dj-info .bio {
  margin-top: 9px;
}

#featured-dj .staff-image-div-contain {
  float: left;
  background: #000000;
  background-size: cover;
  width: 200px;
  height: 200px;
  margin-right: 9px;
  margin-bottom: 9px;
  border: #3a3a3a solid 2px;
  border-radius: 7px;
}

#featured-dj .staff-image-div-contain .staff-image {
  border-radius: 7px;
}

#footer-spacer {
  height: 300px;
}

.fader {
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f4f4f4);
  position: relative;
  bottom: 115px;
  width: 100%;
  height: 100px;
  z-index: 1000;
}

.readmore {
  position: relative;
  text-align: right;
  bottom: 75px;
  height: 20px;
  width: 100%;
  z-index: 1050;
  background: #f4f4f4;
}

.readmore a {
  color: #846dc2;
}

/*# sourceMappingURL=index.css.map */
