/* == 9.0 Video Ribbon
-------------------------------------------------------------- */
.video-ribbon {
  min-height: 300px;
  background-color: #d1d2d4;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.video-ribbon-title {
  background-color: #000;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  padding: 0 5px;
}
.video-ribbon .post {
  min-height: 280px;
  /* Video navigation */
}
.video-options {
  float: right;
  text-transform: uppercase;
  padding: 7px 0;
}
.video-options a, .video-options span {
  color: #000;
  text-decoration: none;
}
.video-options a:hover, .video-options span:hover {
  color: #00aeef;
}
.video-options .prev {
  background-image: url(../img/no-repeat.png);
  background-repeat: no-repeat;
  background-position: -16px -254px;
  padding-left: 30px;
}
.video-options .prev:hover {
  background-position: -16px -278px;
  cursor: pointer;
}
.video-options .divider {
  color: #919395 !important;
  padding: 0 10px;
}
.video-options .next {
  background-image: url(../img/no-repeat.png);
  background-repeat: no-repeat;
  background-position: 42px -253px;
  padding-right: 30px;
}
.video-options .next:hover {
  background-position: 42px -277px;
  cursor: pointer;
}