#site-nav > li {
  padding: 12px 15px 12px 30px;
}
.home #main {
  padding-bottom:20px;
  background-image:none;
}
.about .header-underline {
  margin-top:30px;
}
.paged-result-thumb-wrapper {
  float: left;
  margin-bottom: 10px;
}
.paged-result-thumb {
  border-color:#666666;
  float: none;
  margin-bottom: 0;
}
.paged-result-downloadable, .paged-result-downloadable:hover {
  color: #a7a7a7;
  font-size: 10px;
}
.js .paged-result-description {
  padding-left:146px;
  visibility:hidden; 
}
#featured-videos {
  padding-bottom:15px;
  position:relative;
}
#featured-videos .player-wrapper {
  border:0;
}
#featured-videos .more-videos {
  position:absolute;
  top:455px;
  right:30px;  
}
.featured-video-large-header {
  color:inherit;
  width:85%;
  float:left;
}
.featured-video-large-link {
  float:right;
}
.featured-video {
  background-image:linear-gradient(bottom, #001123 0%, #000000 100%);
  background-image:-o-linear-gradient(bottom, #001123 0%, #000000 100%);
  background-image:-moz-linear-gradient(bottom, #001123 0%, #000000 100%);
  background-image:-webkit-linear-gradient(bottom, #001123 0%, #000000 100%);
  background-image:-ms-linear-gradient(bottom, #001123 0%, #000000 100%);      
  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #001123), color-stop(1, #000000));
  margin-bottom:10px;
  padding:0 15px 0 10px;
  border:1px solid #182b3e;
  position:relative;  
}
.featured-video.active {
  background:#001123 none;
  cursor:pointer;
}
.featured-video-thumb {
  float:left;
}
.featured-video-thumb > img {
  border:1px solid #666666;  
  margin:10px 15px 10px 0;
}
.featured-video-header {
  color:inherit;
}
.featured-video-summary {
  color:#ffffff;  
}
.featured-video-link {
  position:absolute;
  bottom:10px;
  right:15px;
}
#featured-series {
  border-top:1px solid #182b3e;  
}
.ios-slider-wrapper {
  padding:0 44px 30px 44px; 
  position:relative;
}
.ios-slider {
  position:relative;
  top:0;
  left:0;
  overflow:hidden;
  width:830px;
  height:91px;
}
.ios-slider .slider {
  width:100%;
  height:100%;
}
.ios-slider .slider .slide {
  float:left;
  width:136px;
  height:89px;
  border:1px solid #666666;
  margin:0 14px;
}
.prev-slide, .next-slide {
  width:20px;
  height:40px;
  position:absolute;
  top:0;
  padding:24px 12px;
  border:1px solid #182b3e;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
} 
.prev-slide {
  background:#001123 url('/resources/images/shared/slider-prev.png') 12px 24px no-repeat;
  left:0;
}
.next-slide {
  background:#001123 url('/resources/images/shared/slider-next.png') 12px 24px no-repeat;
  right:0;
}
#site-social {
  margin-top:20px;
}
.addthis_toolbox {
  float:right;
  width:225px;
  margin-top:5px;  
}
.fb-like {
  padding-left:20px;
}
.video-page .content-padding {
  padding:20px 0 40px 0;  
}
#video-info {
  margin-bottom:10px;
  padding-left:20px;
  border-left:1px solid #182b3e;  
}
#video-player {
  margin-bottom:10px;
}
#subscribe {
  background-image:linear-gradient(top, #001123 0%, #000000 100%);
  background-image:-o-linear-gradient(top, #001123 0%, #000000 100%);
  background-image:-moz-linear-gradient(top, #001123 0%, #000000 100%);
  background-image:-webkit-linear-gradient(top, #001123 0%, #000000 100%);
  background-image:-ms-linear-gradient(top, #001123 0%, #000000 100%);      
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #001123), color-stop(1, #000000));
  margin:30px 0 10px 20px;
  padding:10px;
  border:1px solid #182b3e; 
}
#subscribe * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#subscribe h2 {
  color:#fae568;
  font-size:13px;
  font-weight:normal;
  margin-top:0;
}
#subscribe input[type=text] {
  background:#0f1c25;
  color:#a7a7a7;
  height:16px;
  width:150px;
  padding:2px 3px 3px 3px;
  margin-right:-4px;
  margin-left:5px;
  border:1px solid #235071;
  display:inline-block; 
}
#subscribe input[type=submit] {
  background:#0084ff;
  color:#ffffff;
  text-transform:uppercase;
  font-weight:bold;
  border:0;
  height:23px;
  display:inline-block;
  vertical-align:bottom;
}
.series-page .key-series-image {
  margin:20px 0;
  padding:0 20px 0 0;
}
.series-page .key-series-image img {
  border:1px solid #182b3e;
  max-width:100%;
}
.series-page .key-series-description {
  margin:20px 0;
  padding:0 0 0 20px; 
}
.series-page .playlist-item img {
  border:1px solid #182b3e; 
}
.playlist-page .series-title {
  margin-bottom:-0.83em; 
}
.playlist-page .video-player {
  margin:20px 0;
}

/* Mobile overrides */

@media screen and (max-width: 400px) {
  #main {
    margin-top: 0;
  }
  #featured-videos .player-wrapper *,
  #video-player * {
    max-width: 278px;
    max-height: 210px;
  }
  #video-info {
    padding: 0;
    border: 0;
  }
  .video-page .content-padding {
    padding: 10px 0 20px 0;
  }
  #subscribe {
    margin: 30px 0 10px 0;
  }
}

@media screen and (min-width: 767px) and (max-width: 1025px) and (orientation: portrait) {
  #site-nav > li {
    padding: 12px 10px 12px 20px;
  }
}

/* All mobile */
@media only screen and (max-width: 1024px) {
  #featured-videos .more-videos {
    position:static;
  }  
}

/* Smartphone, portrait */
@media only screen and (max-width: 320px) {
  .featured-video-thumb {
    float:none;
  }
  .featured-video-thumb > img {
    margin:0 auto;
  }
}
/* Smartphone, both orientations */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .ios-slider .slider .slide {
    margin:0 12px;
  }
}
/* Tablet, portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .ios-slider .slider .slide {
    margin:0 22px;
  }
}
/* Tablet, landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .ios-slider .slider .slide {
    margin:0 10px;
  }
}
