body {
  background-color: #0c0c0c !important;
  overflow-x: hidden;
  color: #FFF;
  /*overflow-y: hidden;*/
}

a {
  color: #6ab1ed;
}

#masker {
  overflow: hidden;
}

#topSect {
  margin-bottom: 0px;
  border-top: 1px dotted #444;
  padding-top: 20px;
}

.thumb {
  width: 260px;
  margin-right: 20px;
  float: left;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.thumb:hover {
  opacity: .8;
}

#allThumbs {
  position: relative;

}

.nowPlaying {
  background-color: #144aa8;
  font-size: 11px;
  padding: 5px 7px;
  width: 98px;
  color: #FFF;
  position: absolute;
  top: 0px;
  display: none;
}

.kicker {
  font-size: 14px;
  font-weight: 700;
  color: #666;
  text-transform: uppercase;
}

.charTh {
  width: 40px;
  float: left;
  margin-right: 15px;
    margin-bottom: 10px;
}
.charDesc {
  font-size: 14px;
}
.char {
  clear: both;
}
#charCon {
  max-height: 195px;
  overflow-y: scroll;
}

.fadeoutR {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 155px;
    width: 6em;
    background: -webkit-linear-gradient( 90deg,
        rgba( 12,  12,  12, 0) 0%,
        rgba( 12,  12,  12, 1) 100%
    );
    background-image: -moz-linear-gradient( 90deg,
        rgba( 12,  12,  12, 0) 0%,
        rgba( 12,  12,  12, 1) 100%
    );
    background-image: -o-linear-gradient( 90deg,
        rgba( 12,  12,  12, 0) 0%,
        rgba( 12,  12,  12, 1) 100%
    );
    background-image: linear-gradient( 90deg,
        rgba( 12,  12,  12, 0) 0%,
        rgba( 12,  12,  12, 1) 100%
    );
    background-image: -ms-linear-gradient( 90deg,
        rgba( 12,  12,  12, 0) 0%,
        rgba( 12,  12,  12, 1) 100%
    );
}
.fadeoutL {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 155px;
    width: 3em;
    background: -webkit-linear-gradient( -90deg,
        rgba( 12,  12,  12, 0) 0%,
        rgba( 12,  12,  12, 1) 100%
    );
    background-image: -moz-linear-gradient( -90deg,
        rgba( 12,  12,  12, 0) 0%,
        rgba( 12,  12,  12, 1) 100%
    );
    background-image: -o-linear-gradient( -90deg,
        rgba( 12,  12,  12, 0) 0%,
        rgba( 12,  12,  12, 1) 100%
    );
    background-image: linear-gradient( -90deg,
        rgba( 12,  12,  12, 0) 0%,
        rgba( 12,  12,  12, 1) 100%
    );
    background-image: -ms-linear-gradient( -90deg,
        rgba( 12,  12,  12, 0) 0%,
        rgba( 12,  12,  12, 1) 100%
    );
}

.fadeout {
    position: relative;
    bottom: 2.5em;
    height: 2.5em;
    background: -webkit-linear-gradient(
        rgba( 255,  255,  255, 0) 0%,
        rgba( 255,  255,  255, 1) 100%
    );
    background-image: -moz-linear-gradient(
        rgba( 255,  255,  255, 0) 0%,
        rgba( 255,  255,  255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba( 255,  255,  255, 0) 0%,
        rgba( 255,  255,  255, 1) 100%
    );
    background-image: linear-gradient(
        rgba( 255,  255,  255, 0) 0%,
        rgba( 255,  255,  255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba( 255,  255,  255, 0) 0%,
        rgba( 255,  255,  255, 1) 100%
    );
}

#nextBtn {
  position: absolute;
  right: 0px;
  top: 50px;
}

#prevBtn {
  position: absolute;
  left: 0px;
  top: 50px;
}

.btn:hover {
  background-color: rgba(255,255,255,.2);
}



#vidCon {
}

.vidTitle {
  font-family: "ArtHouseMed", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 28px;
  line-height: 1.2em;
}

.chTitle {
  font-family: "ArtHouseMed", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  margin: 10px 0px;
  line-height: 1.3em;
}
.chDesc {
  font-size: 16px;
  color: #c8c8c8;
}

.vidEpi {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 0px;
}

#fullLink a {
  font-family: 'ArtHouseMed', sans-serif;
}

.seasonLinks {
  font-size: 14px;
  font-weight: 700;
  color: #CCC;
}
.seasonLinks a {
  color: #FFF;
}

@media (max-width: 500px) {

  body {
    padding: 0px 15px;

  }

  .thumb {
    width: 155px;
  }

  #nextBtn {
    top: 15px;
  }

  #prevBtn {
    top: 15px;
  }

  .vidEpi {
    margin-top: 20px;
  }

  .chDesc {
    font-size: 14px;
    line-height: 1.4em;
  }

  .chTitle {
    font-size: 18px;
  }

  .vidTitle {
    font-size: 25px;
  }

  .vidDesc p {
    font-size: 15px;
  }

  .fadeoutR, .fadeoutL {
    height: 90px;
  }

}