/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
}                  
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */

html {
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
}
header {
  background: url(../images/borb-header-bgscreen.jpg) #000 no-repeat top left;
}
ul, li {
  list-style: none;
}

img,
video,
object,
iframe {
  max-width: 100%;
}

iframe, .video-player img, video, object {
  margin: 0 auto;
  display: block;  
}

body {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  color: white;
  font: normal 62.5%/1.2 "Helvetica", Arial, sans-serif;
  background-color: #000;
}
.pbs-header-content {
    display: none;
}
h1, h2, h3, .primary-nav, .enhanced-heading {
  font-family: "Futura Condensed", "Futura", Helvetica, Arial, sans-serif;
}
a,
a:hover,
a:visited {
  color: #fff;
  text-decoration: none;
}
.mod,
#main {
  zoom: 1;
}
.mod:after,
#main:after,
header:after,
footer:after,
.footer-legal ul:after,
#site-nav:after,
.primary-nav:after,
.article:after,
.facebook-feed li:after,
.twitter-feed li:after  {
  clear: both;
  content: " 0020";
  display: block;
  height: 0;
  visibility: hidden;
}
#page {
  width: 100%;
  margin: -.5em auto 0;
  position: relative;
}
#main{
  display: block;
  position: relative;
  margin: 0em auto 3em;
  width: 100%;
  min-height: 1360px;
  background-color: #000;
}
.tmpl-home #main {
  min-height: 1420px;
}

#mast {
  position: relative;
  top: .5em;
  display: block;
  padding-bottom: 2em;
  background-color: #24170e;
}
.page-contents {
  padding-top: .5em;
}
.hgroup {
  padding-top: 0em;
}
.logo {
  text-align: center;
}
.logo img,
.showtimes img {
  width: auto;
  width: 70%;
}
.pbs-default-logo {
  position: relative;
  display: block;
  top: 1px;
  right: 0;
  background: rgba(0, 0, 0, .5);
  padding: .1em 1em;
  width: 5em;
}
.gold-button {
  font-family: "Futura Condensed", "Futura", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  background: #ffffd1; /* Old browsers */
  background: -moz-linear-gradient(left, #ffffd1 0%, #ddc37e 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffd1), color-stop(100%,#ddc37e));
  background: -webkit-linear-gradient(left, #ffffd1 0%,#ddc37e 100%);
  background: -o-linear-gradient(left, #ffffd1 0%,#ddc37e 100%);
  background: -ms-linear-gradient(left, #ffffd1 0%,#ddc37e 100%);
  background: linear-gradient(to right, #ffffd1 0%,#ddc37e 100%);
  padding: .3em .75em;
}
.times-wrap-sub {
  display: block;
  margin-top: 2em;
}
.times-wrap-main {
  display: none;
}

.showtimes {
  width: auto;
  position: relative;
  text-align: center;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
}
.showtimes-png {
  display: none;
}
.showtimes:after {
  content: 'Sunday nights, 8pm ET September 9-23';
  font-size: 1.6em;
  color: #ffff44;
  font-weight: normal;
}

/*
  Navigation
*/
.sections-heading, 
.menu-heading {
  text-indent: 0;
  position: relative;
  margin-bottom: 1em;
  background-color: #000;
  width: 49.9%;
  text-align: center;
  font-weight: normal;
}
.sections-heading {
  float: left;
}
.menu-heading {
  float: right;
}
.sections-heading a,
.menu-heading a{
  padding: .75em 2em;
  line-height: 2.5;
  position: relative;
  font-size: 1.4em;
  text-transform: uppercase;
  color: #ffffd1;

}
.sections {
  position: absolute;
  display: block;
  width: 100%;
}

.footer-links .last:after {
  content: " ";
  border-right: none;
}
.utility-nav {
  padding: 1em 0;
}
.utility-nav .primary-nav {
  position: relative;
  display: block;
  top: 0;
  border: none;
  border-bottom: 1px solid #444;
}
.utility-nav .primary-nav li {
 background-color: transparent;
 margin: .3em 0;
}
.utility-nav .primary-nav li a{
  font-size: 1em;
  padding: .5em 1em;
}
.utility-nav .primary-nav {
  background: rgb(0, 0, 0); 
  background:rgba(0,0,0,0.4);
}
.primary-nav {
    border-top: 2px solid #ffffd1;
    border-bottom: 2px solid #ffffd1;
}
.lt-ie8 .primary-nav,
.lt-ie8 .secondary-nav {
  display: table;
  border-collapse: collapse;
}
.primary-nav li {
  display: block;
  width: 100%;
  background-color: #000;
  border-top: 1px solid #444;
}
.primary-nav li:last-child {
  /*border-bottom: 1px solid #222;*/
}

.primary-nav li a {
  display: inline-block;
  padding: 1em 0;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: normal;
  padding-left: 1em;
  color: #ffffd1;
  -webkit-transition:color 0.1s linear;
}
.primary-nav .selected a {
  color: #e03f00;
}
.primary-nav li a:hover {
  color: #e03f00;
}
.pagination {
  text-align: center;
  font-size: 1.2em;
  color: #ffffd1;
  text-transform: uppercase;
  display: block;
  margin: 1em auto;
  padding: .5em 0;
  width: 95%;
  border-top: 1px solid #5b5b5b;
  /*border-bottom: 1px solid #5b5b5b;*/
}
.pagination-top {
  display: block;
}
.pagination a {
  color: #ffffd1;
}

/* an IMAGE MAP of regions */
.cast-map {
  width: 98%;
  margin: 1em 0;
  border: 1px solid #ffffd1;
}

.equal {
  display: block;
  float: none;
  width: auto;
}

.col-a {
  float: none;
  clear: both;
  position: relative;
  width: 100%;
  margin: 0;
}

.featured {
  width: 100%;
  display: block;
  margin-top: 1em;
}

.video-player {
  /*max-width: 100%;*/
  height: auto;
  clear: both;
  float: none;
  position: relative;
  background-color: #000;
  left: -.75em;
  width: 102%;
}

.video-player object {
  overflow: hidden;
  clear: both;
}

.slidewrap {
  margin: 0;
  position: relative;
  overflow: hidden;
}
.slide {
  display: none;
}
.article-title a.more-videos {
  font-size: .6em;
  color: #fff;
  background: none;
  white-space: nowrap;
  display: block;
  position: relative;
  font-weight: bold;
  left: 0;
  bottom: 5px;
  padding: .5em 0;
}
.more-videos:after {
  content: " >>";
}
.screen-bg {
  background: rgb(0, 0, 0);
  background:rgba(0,0,0,0.4);
}
.section-title {
  color: #ffffd1;
  font-size: 1.8em; 
  line-height: 1;
  font-weight: normal;
  text-transform: uppercase;
  padding: 1em 0 0 .5em;
}
.article {
  margin: 1em;
}
.top-feature {
  border: 1px solid #ffffd1;
  background: rgb(0, 0, 0); 
  background: rgba(0, 0, 0, 0.4);
  padding: 1em;
  margin: 1em;
}
.body-copy {
  padding: 1em;
  border: 2px solid #ffffd1;
}
.article-title {
  width: 100%;
  border-bottom: 1px solid #ffffd1;
  color: #ffffd1;
  font-size: 1.6em; 
  line-height: 1.5;
  font-weight: normal;
  text-transform: uppercase;
  display: block;
  position: relative;
  z-index: 0;
}
.article a.back-top {
  font-size: 1em;
  color: #e03f00;
  text-transform: uppercase;
  display: inline;
  float: right;
  margin-top: .5em;
}
.article p {
  font-size: 1.4em;
  line-height: 1.5;
  margin-top: .5em;
}
.individual p a{
    color: #E03F00;
}
.person-index .list-item p {
  line-height: 1.2;
  font-size: 1.6em;
}
 .align-center {
  display: block;
  text-align: center;
}
.align-left {
  float: left;
  clear: left;
}
.align-right {
  float: right;
  clear: right;
}

/*
  Person grids and slats
*/
.person-index h4 {
  font-size: 2.2em;
  color: #ffffd1;
}
.person-index h3 span,
.person-index h4 span {
  display: block;
  color: #fff;
}
.article .person-details h3{
  font-size: 3em;
  font-weight: normal;
  line-height: 1.2;
}
.person-index li {
  float: none;
  padding: 1em 0 1em 1em;
  margin-top: 1em;
  position: relative;
  font-size: .875em;
  height: 15em;
  overflow: visible;
}
/* Student <li>'s have different height than Meet Pros page */
.region-index .person-index li {
  height: 12em;
}
.person-active {
  -moz-box-shadow:    0px 0px 7px 3px #ffffd1;
  -webkit-box-shadow: 0px 0px 7px 3px #ffffd1;
  box-shadow:         0px 0px 7px 3px #ffffd1;
}
.person-index .person-thumb img {
  float: left;
  width: auto;
  /*border: 1px solid #ffffd1;*/
}
.individual .person-index {
  margin-top: 2em;
  text-align: center;
}
.individual a.gold-button,
.individual a.gold-button:hover,
.individual a.gold-button:visited {
  color: #000;
  font-size: 1.8em;
  padding: 0 .5em;
  margin-top: .5em;
  text-transform: none;
  display: inline-block;
}
.individual .person-index .person-thumb img {
  float: none;
}
.person-index .person-details {
  float: left;
  margin-left: 1em;
  width: 50%;
}
.individual .person-index .person-details {
  float: none;
  width: 100%;
  margin: 0;
}
.individual h1,
.individual h2,
.individual h3,
.individual h4 {
  line-height: 1.1;
  margin-top: 1em;
}
.individual h3.section-title {
  margin: 0;
  color: #ddc37e;
  font-size: 2em;
  text-transform: none;
}
.individual h1 {
  font-size: 2em;
}
.individual h2 {
  font-size: 1.8em;
  color: #ffffd1;
}
.individual h3 {
  font-size: 1.6em;
}
.individual  h4 {
  font-size: 1.4em;
}

.person-index .odd,
.person-index .list-item {
  margin-left: 0;
}

.person-index .even {
  margin-right: 0;
}

/*
  Tune-in module
*/
.lt-ie8 .article .tune-in {
  position: relative;
  top: -20px;
}
.promo .carousel-tune-in {
  display: none;
}
.tune-in .broadcast-details {
  width: 86.9563%; /* 618/687 */
  margin: 0 auto;
  padding: .75em 0;
  overflow: hidden;
}

.tune-in .date-tile {
  width: 35%;
  height: 73px;
  background-color: #ffffd1;
  padding: .5em 0 0;
  float: left;
}
.tune-in .date-tile p {
  font-family: "Futura Condensed", "Futura", Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  line-height: 1.2;
  color: #e03f00;
  text-transform: uppercase;
  margin: auto auto;
  padding: 0;
  margin: 0;
  text-align: center;
}

.tune-in .tunein-thumb {
  float: right;
  margin-left: .5em;
  width: auto;
  border: 1px solid #ffffd1;
}
.tune-in .episode-summary {
  float: none;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 9em;
}
.tune-in h3 {
  color: #ffffd1;
  font-size: 1.8em;
  line-height: 1.4;
}
.article .episode-summary p {
  margin-top: 0;
  font-size: 1.3em;
  line-height: 1.3;
}
.tune-in .episode-summary ul {
  margin: 1em 0 0;
  width: 100%;
  text-align: center;
}
.tune-in .episode-summary li {
  display: block;
  margin: .1em .5em;
  width: auto;
}
.tune-in .episode-summary a {
  color: #000;
  padding: .3em .5em;
  font-size: 1.2em;
  font-weight: bold;
  width: auto;
  display: block;
}

.carousel-prev,
.carousel-next,
.promo .carousel-prev,
.promo .carousel-next 
 {
  width: 4.36681%; /* 3/687 */
  position: absolute;
  z-index: 100;
}

.carousel-prev {
  top: 0;
  left: 0;
  height: 100%;
  text-indent: -9999em;
  background: url(../images/l-tune-arrow.png) no-repeat 0 50%;
  background-color: transparent;
}
.article .carousel-prev,
.article .carousel-next {
  background-color: #000;
}
.article .carousel-prev {
  border-right: 1px solid #444;
}
.article .carousel-next {
  border-left: 1px solid #444;
}
.carousel-next {
  top: 0;
  right: 0;
  height: 100%;
  text-indent: -9999em;
  background: transparent url(../images/r-tune-arrow.png) no-repeat 100% 50%;
}

.col-b {
  float: none;
  clear: both;
  position: relative;
  width: 100%;
  margin: 0;
}

.promo {
  display: block;
  position: relative;
  margin: 1em 1em;
}
.promo h4 {
  color: #7e7976;
  background-color: #3a322e;
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
  padding: .25em 0;
  max-width: 25em; /* 300/12 */
  margin: 0 auto;
  display: block;
}

.promo a {
  margin: 0 auto;
  width: 100%;
  display: block;
}
.ad iframe, 
.ad div, 
.ad iframe embed{
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.ad iframe embed,
.ad iframe div {
  width: 100%;
}
.promo img {
  display: block;
  margin: 0 auto;
}

/*
  Social whatnot
*/
.social-feeds-sidebar .feed-wrapper {
  /*background-color: #614d34;*/
  background: rgb(164,145,94); 
  background: rgba(164,145,94, 0.5);
  padding: 3px;
  min-height: 230px;
}

.social-feeds-sidebar .feed-tabs {
  list-style: none;
  margin: 0;
  position: relative;
  top: 1px;
  z-index: 10;
  display: block;
}

.feed-tabs li {
  float: left;
  width: 149px;
  height: 27px;
  text-indent: -9999em;
}
.feed-tabs li:hover {
  cursor: pointer;
}

.feed-tabs .facebook-tab {
  background: url(../images/social-tabs.png) no-repeat top left;
}
.feed-tabs .facebook-tab.active {
  background-position: 0 -26px;
}
.feed-tabs .twitter-tab {
  background: url(../images/social-tabs.png) no-repeat 99% 0;
}
.feed-tabs .twitter-tab.active {
  background-position: 99% -26px;
}
.feed-wrapper .visit-us {
  text-align: center;
  padding: .5em 0;
  font-size: 1.2em;
}
.feed-wrapper .visit-us a {
  color: #ffffd1;
  display: inline;
  font-weight: bold;
}
.feed-wrapper .posts {
  overflow-x: hidden;
  overflow: auto;
  padding: .5em;
  height: 23em;
  background-color: #000;
}

.promo .follow-button,
.promo .like-button {
  margin-top: .5em;
  position: relative;
  left: 0;
  height: 2em;
}
.follow-button iframe {
  position: absolute;
}

.social-share {
  margin: .3em 1em;
}

/* Social share on individual video pages */
.social-action-bar li {
  float: left;
  margin-right: 1em;
}

/*
  Footer
*/
footer {
  background-repeat: no-repeat;
  background-color: transparent;
  position: relative;
  width: 100%;
  margin-bottom: 3em;
}

.wgbh-mark {
  display: block;
  width: 71px;
  height: 28px;
  width: 100%;
  margin: 0 auto;
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMUE2MTNDMjAwNjNBOTgyODQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzk1MjBGQzdDMjVGMTFFMUI2OUZEQUYyMjRBQkI2QTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzk1MjBGQzZDMjVGMTFFMUI2OUZEQUYyMjRBQkI2QTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozOUVGNTFFRUE4MjQ2ODExOTJCMEVERjkwRTM1QjVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExQTYxM0MyMDA2M0E5ODI4NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIABsARwMBEQACEQEDEQH/xAB7AAACAgMBAQAAAAAAAAAAAAADBQQHAAIGAQgBAQEBAAAAAAAAAAAAAAAAAAABAhAAAQMCBAUCAwcEAwAAAAAAAQIDBBEFACESEzEUFQYHUSJBciNhcYGhQlIWkWKSokM0VBEBAAMBAQEAAAAAAAAAAAAAAAERITFBAv/aAAwDAQACEQMRAD8A+YLXa5NylJjsFKBxcedUENNprTUtZySM8SZpYhdFi7X7BtdlaL7kGaCrS7PfU2oLdpUpSSSBT4JxMVIidu+OrdDQpaYLjUla3GpEhTStdVZhCjlpTwoMMNAVYvGdmhi3y1Q0OKSauyFNqfOsV1VOYyPtywqAwtcTx8zbSqEm3qhsgJdeJaXSpoNxaqnM+pww1CFo8XdQXO1W4urTpLRda2uNdQbrpCsMNHuVk8criFl9FvjpkoJadSpptVDlrQoEcDhhrRfbPjyBbW4T6YbSXWSGpLymt5aVCm4Fq4nOoPDDDRn+zOzEWQNphRxFLaE85ROvbURVzd+U11YTAVR+0rUx4zlNQUa3JsISnX1ZrcWlIdT+AIoBh5Z6pw3GWq2t23VWK28qQlHx3FpSg/kjFpLev3CXKiQ4a/c3DC0x0jM0cWVq/M4UHPZMaNcu5a3NhVxRtPvuMEqK3VobUsCoNSSRifSwHenu1UtymoEOfDmldCy86gtIouqkKSEhftplU4RZIDPLfxd+tocckbw03gKXttj2/TIA01+/1w9TwukMhDEZQkJe3EFRaSTVr3EaVVAzPHLGkN+6r7LuqLYmRCMQQ4qGGidX1Ep4LGoJxIWVvz3GWvGaEuuJQF21ltBUaVUppISB9pOJPCOs8ZzEzuyIaF+4shyO4D6JUaD/AAIxYJJ7B4hZtl7YuL04SWWFlYj7WmpoQmpKjwJrwwotll8Qs26+sXFU4Px2HC4mMWqVGekE6jw+7EotpI8UTIN26l23dORXVRbbcSVaNQoUhQrVOfxGFFop8LPyQ9Im3grnvLK1OJaqkqUaqKqqqSfwxQVHiS7N29y2t9wKTAdVrcjBohClZZka/wC0YFgveD2tLYauxCqfUK2gQVV/SAoUFPvw0xN787JhP26DMnXVMKNaoqYy1qb1lZTw0jUM1emJxeq5vfdMm7OQIry1otNvS0ywykDVobASXFCtCtQHrlwwpLdz4q5/+Ov8vz2jml15bk9uuhH/AKPdq9fhihr231TZnbPXKc27q3On69VE1rvZ1+X2+mMwsovZPP71x2Ou/wDad3N7k9utf1b/APy/v0YQSe37qnJr1dc26e7kun6/9fqf0xRs31rbRTrVNIpXpVeH254BfI6r16JXru7tO6a9O26e2umn09XzZ+mAFM6p/JbdXrW9tP6NXT9NKCuin0tX7tWdOGJI5fytzm1B5nqddStPO8rscP08tlr+b4YsIrrGkf/Z) top center no-repeat;
}

.footer-legal {
  color: white;
  position: relative;
  top: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 68em;
  padding-bottom: 2em;
}
.footer-links {
  display: none;
  text-align: left;
  margin: 1em 0 1em 25%;
}
.footer-links li {
  float: none;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  text-align: center;
  text-transform: uppercase;
  display: inline;
  width: auto;
}
.lt-ie8 .footer-links li {
  display: table-cell;
  padding-right: 20px;
}

.footer-links li:after{
  content: "|";
  margin: 0 0.5em;
}
.footer-links li:last-child:after {
  content: "";
}
.footer-links a,
.footer-links a:visited {
  color: #ffffd1;
  /*display: block;*/
  width: auto;
}
.footer-only {
  display: block;
}

/*
  Module-specific styling
*/
.slidewrap .tabnav {
  padding: 0;
  margin: 1em 0;
  clear: both;
}
.secondary-position .tabnav {
  position: absolute;
  top: -5px;
  right: 0;
}
.slidewrap .tabnav li {
  display: inline-block; 
  padding: 0 2px;
  position: relative;
  zoom: 1;
}
.slidewrap .tabnav a {
  outline: none;
  background: #ffffd1;
  display: inline-block;
  position: relative;
  zoom: 1;
  height: 25px;
  text-indent: -9999px;
  width: 25px;
  border-radius: 2px;
  background-image: linear-gradient(right bottom, rgb(225,218,163) 17%, rgb(253,254,214) 59%, rgb(253,254,214) 80%);
  background-image: -o-linear-gradient(right bottom, rgb(225,218,163) 17%, rgb(253,254,214) 59%, rgb(253,254,214) 80%);
  background-image: -moz-linear-gradient(right bottom, rgb(225,218,163) 17%, rgb(253,254,214) 59%, rgb(253,254,214) 80%);
  background-image: -webkit-linear-gradient(right bottom, rgb(225,218,163) 17%, rgb(253,254,214) 59%, rgb(253,254,214) 80%);
  background-image: -ms-linear-gradient(right bottom, rgb(225,218,163) 17%, rgb(253,254,214) 59%, rgb(253,254,214) 80%);
}
.secondary-position .tabnav a {
  width: 15px;
  height: 15px;
  margin: 0 1px;
}
.lt-ie8 .slidewrap .tabnav li,
.lt-ie8 .slidewrap .tabnav a { 
  display: block;
  float: left;
}
.slidewrap .tabnav .carousel-active-tab a {
  outline: none;
  background: #ef6638;
  background-image: linear-gradient(right bottom, rgb(230,93,43) 17%, rgb(250,141,120) 53%);
  background-image: -o-linear-gradient(right bottom, rgb(230,93,43) 17%, rgb(250,141,120) 53%);
  background-image: -moz-linear-gradient(right bottom, rgb(230,93,43) 17%, rgb(250,141,120) 53%);
  background-image: -webkit-linear-gradient(right bottom, rgb(230,93,43) 17%, rgb(250,141,120) 53%);
  background-image: -ms-linear-gradient(right bottom, rgb(230,93,43) 17%, rgb(250,141,120) 53%);
}



.slats li {
  margin: 0;
  padding: 0 0 10px 0;
  position: relative;
}

.slats li a h3 {
  position: relative;
  font-size: 1.6em;
  color: #ffffd1;
  font-weight: normal;
  line-height: 1.1;
}

.slats li a img {
  float: none;
  margin: 0 1em 0 0;
  width: 100%;
}
.slats li a:hover img {
  background: #eee;
}
.slats li a p {
  margin: .5em .5em .5em   0;
  font-size: 1.4em;
  line-height: 1.4;
  color: #ffffd1;
  width: 100%;
  float: none;
  display: none;
}
.slats li a p span.meta {
  display: block;
  font-size: 12px;
  color: #999;
}
.caption {
  width: 100%;
  background: rgb(0,0,0);
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 1.2em;
  padding: .5em;
}
.thumb-grid .caption {
  position: relative;
  bottom: 0;
  margin-top: .25em;
}
.top-feature .caption span {
  display: inline-block;
  font-size: 1.2em;
  float: none;
  margin-top: .5em;
  margin-right: 1em;
}
ol.thumb-grid li {
  position: relative;
  zoom: 1;
  max-width: 100%;
  /*width: 80%;*/
  margin: 0 auto;
}
ol.thumb-grid .caption {
  width: auto;
  max-width: 148px;
}

.thumb-grid .thumb-group .caption {
  bottom: .2em;
}
.thumb-grid .caption h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.2em;
  color: #ffffd1;
}
.thumb-grid .thumb-group .call-to-action {
  display: block;
  font-size: .875em;
  margin-top: .5em;
}
.thumb-grid .thumb-group .details {
  display: none;
}
.thumb-grid .thumb-group {
  float: left;
  position: relative;
  margin: .5em .5em;
  width: auto;
}

.thumb-grid .even {
  float: left;
  clear: left;
  width: 45%;
}
.thumb-grid .odd,
.thumb-grid .list-item {
  float: right;
  clear: right;
  width: 45%;
}
.thumb-grid .thumb-group a {
  position: relative;
  color: #ffffd1;
}
.thumb-grid a.details-toggler {
  display: block;
  margin: .5em 0;
}
.featured-slats {
  padding: 1em;
}
.featured-slats li {
  margin: 0 0 1em 0;
  padding: 0 0 1em 0;
}
.featured-slats li:last-child {
  margin: 0;
  padding: 0;
}
.featured-slats li h4 {
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.2;
  color: #ffffd1;
}
.featured-slats li span.call-to-action {
  color: #E03F00;
  white-space: nowrap;
}
.featured-slats li a img {
  width: 30%;
  float: left;
  margin: 0 1em 0 0;
  border: 1px solid #ffffd1;
}
.featured-slats li p {
  margin: 0;
  font-size: 1.3em;
  line-height: 1.4;
}


/*
  More from PBS
*/
.promo .pbs-related h4 {
  color: #ffffd1;
  background: rgb(0, 0, 0); 
  background: rgba(164,145,94, 0.5);
  font-weight: normal;
  font-size: 2em;
  max-width: 100%;
}
.pbs-related .rel-article {
  display: block;
  width: 100%;
  padding: .5em 0;
  /*border-bottom: 1px solid #999;*/
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,.4);
  position: relative;
}
.pbs-related .rel-article .last {
  border-bottom: none;
}
.pbs-related .rel-article a {
  width: 95%;
  border-bottom: 1px solid #999;
  padding: .5em 0;
}
.promo .pbs-related .summary h4 {
  background: transparent;
  font-size: 1em;
  width: auto;
  text-align: left;
  font-weight: bold;
  color: #ffffd1;
  padding: 0;
}
.promo .pbs-related .summary p {
  font-size: .9em;
  line-height: 1.1;
}
.promo .pbs-related img {
  float: left;
  width:  31.6666667%; /* 95/300 */
  max-width: 7.91666667em;
  margin: 0 .5em;
}

.pbs-related .summary {
  float: left;
  font-size: 1.2em;
  width: 70.3333333%; 
  color: #fff;
}

/* 
  Vendor-specific wrangling 
*/
/* wraps PBS belt, added in borb-common.js. PBS belt only is added in >800px context for now */
#pbs-belt-control {
  position: absolute;
  display: none;
  top: -9999em;
}

#pbs-belt-control .header-content {
  width: 0;
}


/*
  fb and twitter feeds
*/
.facebook-feed {
  position: relative;
  overflow: hidden;
}
.facebook-feed li,
.twitter-feed li {
  clear: both;
  margin-bottom: 1em;
  padding: 1em;
  border-bottom: 1px solid #ddd;
}
.facebook-feed li a,
.twitter-feed li a {
  color: #ffffd1;  
}
.facebook-feed li img,
.twitter-feed li img {
  float: left;
  clear: left;
  border: 1px solid #90711e;
}
.facebook-feed li div,
.twitter-feed li div {
  float: left;
  margin-left: .5em;
  width: 73%;
}
.facebook-feed .timestamp-icon {
  position: relative;
  padding-left: 22px;
}
.facebook-feed li div div {
  float: none;
}
.facebook-feed li div img {
  float: none;
  margin: .35em 0;
}
.facebook-feed li div h4,
.facebook-feed li div h4 a,
.facebook-feed li div p,
.twitter-feed li div h4,
.twitter-feed li div h4 a,
.twitter-feed li div p {
  color: #fff;
  background-color: transparent;
  text-align: left;
  background-repeat: no-repeat;
  margin: 0;
}
.facebook-feed li div p,
.twitter-feed li div p {
  margin: .35em 0;
}
.facebook-feed li div h4,
.twitter-feed li div h4  {
  font-weight: bold;
  font-size: 1em;
  margin: 0;
  padding-top: 0;
}
.facebook-feed li div h4 a,
.twitter-feed li div h4 a {
  color: #ffffd1;  
}

/*
  Cast image map
*/
.basic-region-selector {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.map-regions-ally {
  margin: 0 0 0 25%;
  width: 50%;
}
.castmap-wrapper {
  width: 605px;
  margin: 0 auto;
  display: none;
}

.castmap-subhed {
  font-size: 1.8em;
  text-align: center;
  text-transform: uppercase;
  margin: .5em 0;
  font-weight: normal;
}

/*
  Form styles
*/
.article form {
  display: block;
  margin: 1em 0;
  padding: 1em;
}
.article form p {
  padding: .5em 0;
  position: relative;
  clear: both;
  content: " 0020";
  display: block;
  zoom: 1;
}
.article form label {
  width: auto;
  display: block;
  color: #ffffd1;
  margin-bottom: .5em;
  text-transform: uppercase;
  font-size: .85em;
}

.article form input,
.article form textarea {
  width: 90%;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  border: none;
  padding: .5em;
  border: 1px solid #DDD;
  border-top-color: #BDBDBD;
  background-color: #ededed;
  /*background-color: rgb(255,255,255,1);*/
  /*background-color: rgba(255,255,255,.7);*/
}
.article input[type=submit]{
  width: auto;
  background-color: #ffffd1; 
  color: #222;
  text-transform: uppercase;
  border: none; 
  padding: 1em;
}
.errorlist {
  background-color: darkRed;
  color: whiteSmoke;
  padding: .5em;
  width: 90%;
  font-size: 1.2em;
  margin-top: 2em;
}
@media screen and (max-width: 420px), print {
  .promo h4 {
    width: 100%;
  }

}

@media screen and (min-width: 420px), print {

  .logo img,
  .showtimes img,
  .logo img {
    width: auto;
  }

  .logo {
    float: left;
    clear: left;
    width: 43.5672515%;/* 447/1026 */
  }

  .showtimes {
    float: right;
    clear: right;
    width: 43.5672515%; /* 447/1026 */
    top: 0;
  }

  .times-wrap-sub {
    display: none;
  }
  .times-wrap-main {
    display: block;
    padding-top: 1em;
    position: relative;
    z-index: 100;
  }

  .showtimes-png {
    display: block;
    float: right;
    position: relative;
    right: 2%;
  }
  .showtimes:after {
    content: '';
  }

  .person-index li {
    width: 45%; /* wuz 47% */
    float: left;
    padding: 1em 0 1em 1em;
    margin-top: 3em;
    margin-right: 1em;
    margin-left: 1em;
    position: relative;
  }
  .person-index .person-details {
    float: left;
    margin-left: 1em;
    width: 55%;
  }

  .person-index h4 {
    font-size: 1.8em;
  }
  .person-index .list-item p {
    font-size: 1.4em;
  }
  .person-index .list-item .person-headshot {
    float: left;
    width: 35%;
  }
  .region-index .person-details {
    width: 60%;
  }
  .region-index .person-headshot-small {
    float: left;
    width: 25%;
  }

}

@media screen and (min-width: 520px), print {
  ol.thumb-grid li {
    width: 96%;
  }
  .thumb-grid .even,
  .thumb-grid .odd,
  .thumb-grid .list-item {
    float: left;
    clear: none;
    width: 22.2%;
    /* width: 22.2352941%; 158/680 */
  }
  .individual .person-index {
    text-align: left;
  }
  .individual .person-index.person-thumb img {
    float: left;
    width: auto;
  }
  .person-thumb img {
    max-width: 100%;
  }
  .individual .person-index .person-details {
    float: left;
    width: 60%;
    margin-left: 1em;
  }

  .top-feature .caption span {
    float: right;
    margin-top: 0;
    margin-right: 1em;
  }
  .slats li a p {
    display: block;
    margin: .5em .5em 0 0;
    font-size: 1.4em;
    line-height: 1.4;
    color: #ffffd1;
    width: 75%;
    float: left;
  }

  .featured-slats li a img {
    width: auto;
  }
  .featured-slats li h4 {
    font-weight: bold;
  }

  .article-title,
  .section-title {
    font-size: 2.4em;
  }

  .article-title a.more-videos {
    font-size: .4em;
  }
  .secondary-position .tabnav {
    top: 2px;
  }

  .article-title a.more-videos {
    display: inline;
    padding: .5em .3em;
    text-transform: none;
  }

}

@media screen and (min-width: 650px), print {
  .thumb-grid .thumb-group {
      margin: .5em .95em;
      width: 21.235%;
  }
  #mast {
    padding-bottom: 7em;
  }
  .page-contents {
    padding-top: 1.5em;
  }
  .sections-heading, 
  .menu-heading {
    position: absolute;
    left: -9999em;
  }
  .sections {
    position: absolute;
    top: 0em;
  }
  .utility-nav .primary-nav {
    border: none;
  }
  .primary-nav {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background-color: #000;
    border: none;
    top: 16em;
    overflow: hidden;
  }
  .primary-nav li {
    display: inline-block;
    float: none;
    width: auto;
    text-align: center;
    border-bottom: none;
    border-top: none;
    margin: 1em 0;
    border-right: 1px solid #5b5b5b;
  }
  .primary-nav li:first-child a {
    padding-left: .75em;
  }
  .lt-ie8 .primary-nav li {
    display: inline;
  }
  .primary-nav li.last {
    border-right: none;
  }
  .primary-nav li a {
    font-size: 1.7em;
    padding: 0 1.5em;
  }
  .lt-ie7 .primary-nav li a {
    display: inline;
    padding: 4px 8px;
  }
  .equal {
    display: inline;
    float: left;
    width: 47%;
  }

  .individual h3.section-title {
    margin: 0;
    font-size: 3.78em;
  }
  .person-index h3 span {
    margin-top: .2em;
    font-size: .65em;
  }
  footer {
    position: relative;
    top: 4em;
    left: 45%;
    width: 50%;
    margin-bottom: 3em;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMUE2MTNDMjAwNjNBOTgyODQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mzk1MjBGQzdDMjVGMTFFMUI2OUZEQUYyMjRBQkI2QTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mzk1MjBGQzZDMjVGMTFFMUI2OUZEQUYyMjRBQkI2QTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozOUVGNTFFRUE4MjQ2ODExOTJCMEVERjkwRTM1QjVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExQTYxM0MyMDA2M0E5ODI4NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIABsARwMBEQACEQEDEQH/xAB7AAACAgMBAQAAAAAAAAAAAAADBQQHAAIGAQgBAQEBAAAAAAAAAAAAAAAAAAABAhAAAQMCBAUCAwcEAwAAAAAAAQIDBBEFACESEzEUFQYHUSJBciNhcYGhQlIWkWKSokM0VBEBAAMBAQEAAAAAAAAAAAAAAAERITFBAv/aAAwDAQACEQMRAD8A+YLXa5NylJjsFKBxcedUENNprTUtZySM8SZpYhdFi7X7BtdlaL7kGaCrS7PfU2oLdpUpSSSBT4JxMVIidu+OrdDQpaYLjUla3GpEhTStdVZhCjlpTwoMMNAVYvGdmhi3y1Q0OKSauyFNqfOsV1VOYyPtywqAwtcTx8zbSqEm3qhsgJdeJaXSpoNxaqnM+pww1CFo8XdQXO1W4urTpLRda2uNdQbrpCsMNHuVk8criFl9FvjpkoJadSpptVDlrQoEcDhhrRfbPjyBbW4T6YbSXWSGpLymt5aVCm4Fq4nOoPDDDRn+zOzEWQNphRxFLaE85ROvbURVzd+U11YTAVR+0rUx4zlNQUa3JsISnX1ZrcWlIdT+AIoBh5Z6pw3GWq2t23VWK28qQlHx3FpSg/kjFpLev3CXKiQ4a/c3DC0x0jM0cWVq/M4UHPZMaNcu5a3NhVxRtPvuMEqK3VobUsCoNSSRifSwHenu1UtymoEOfDmldCy86gtIouqkKSEhftplU4RZIDPLfxd+tocckbw03gKXttj2/TIA01+/1w9TwukMhDEZQkJe3EFRaSTVr3EaVVAzPHLGkN+6r7LuqLYmRCMQQ4qGGidX1Ep4LGoJxIWVvz3GWvGaEuuJQF21ltBUaVUppISB9pOJPCOs8ZzEzuyIaF+4shyO4D6JUaD/AAIxYJJ7B4hZtl7YuL04SWWFlYj7WmpoQmpKjwJrwwotll8Qs26+sXFU4Px2HC4mMWqVGekE6jw+7EotpI8UTIN26l23dORXVRbbcSVaNQoUhQrVOfxGFFop8LPyQ9Im3grnvLK1OJaqkqUaqKqqqSfwxQVHiS7N29y2t9wKTAdVrcjBohClZZka/wC0YFgveD2tLYauxCqfUK2gQVV/SAoUFPvw0xN787JhP26DMnXVMKNaoqYy1qb1lZTw0jUM1emJxeq5vfdMm7OQIry1otNvS0ywykDVobASXFCtCtQHrlwwpLdz4q5/+Ov8vz2jml15bk9uuhH/AKPdq9fhihr231TZnbPXKc27q3On69VE1rvZ1+X2+mMwsovZPP71x2Ou/wDad3N7k9utf1b/APy/v0YQSe37qnJr1dc26e7kun6/9fqf0xRs31rbRTrVNIpXpVeH254BfI6r16JXru7tO6a9O26e2umn09XzZ+mAFM6p/JbdXrW9tP6NXT9NKCuin0tX7tWdOGJI5fytzm1B5nqddStPO8rscP08tlr+b4YsIrrGkf/Z);
  }

  .wgbh-mark {
    display: none;
  }

  .footer-legal {
    color: white;
    position: relative;
    top: 3em;
    left: -70%;
    width: 150%;
    text-align: center;
    position: relative;
  }
  .footer-links {
    display: block;
    margin: .5em auto;
    width: 100%;
    text-align: center;
    position: relative;
  }
  .lt-ie8 .footer-links {
    display: table;
  }
  .primary-nav li.footer-only {
    display: none;
  }

  .article .tune-in .broadcast-details {
    width: 89.9563%; /* 618/687 */
    margin: 0 auto;
    padding: .75em 0;
  }
  .article .tune-in .date-tile {
    max-width: 84px;
    height: 73px;
    background-color: #ffffd1;
    padding: .5em 0 0;
    float: left;
  }
  .article .tune-in .date-tile p {
    font-size: 1.6em;
  }

  .article .tune-in .tunein-thumb {
    float: left;
  }
  .article .tune-in .episode-summary {
    float: left;
    margin-left: .5em;
    margin-top: 0;
    width: 55%; /* spitballing here */
    display: inline;
    text-align: left;
  }

  .article .tune-in .episode-summary li {
    display: inline;
    margin: 0 .5em;
    width: auto;
  }
  .article .tune-in .episode-summary a {
    color: #000;
    padding: .3em .5em;
    font-size: 1em;
    font-weight: bold;
    display: inline;
  }

  .article .carousel-prev,
  .article .carousel-next {
    position: absolute;
  }
  .article .carousel-prev {
    top: 0;
    left: 0;
    height: 100%;
    text-indent: -9999em;
    background: #000 url(../images/l-tune-arrow.png) no-repeat 0 6px;
    border-right: 1px solid #444;
  }
  .article .carousel-next {
    top: 0;
    right: 0;
    height: 100%;
    text-indent: -9999em;
    background: #000 url(../images/r-tune-arrow.png) no-repeat 0 6px;
    border-left: 1px solid #444;
  }

  .basic-region-selector {
    width: 100%;
    margin: 0 auto;
    display: none;
  }
  .castmap-wrapper {
    display: block;
  }
  .castmap-subhed {
    font-size: 2.4em;
  }

  .article a.back-top {
    display: none;
  }

}

@media screen and (min-width: 750px), print {
  /* wraps PBS belt, added in borb-common.js */
  #pbs-belt-control {
    display: inline;
    position: relative;
    top: 0;
  }
  .pbs-header-content {
    display: block;
  }
  .pbs-default-logo {
    display: none;
  }
  
}

@media screen and (min-width: 860px), print {

  .slats li a h3 {
    font-size: 1.8em;
    font-weight: bold;
  }
  .pagination-top {
    display: none;
  }
}

@media screen and (min-width: 915px), print {

  ol.thumb-grid li {
    width: 100%;
  }
}

@media screen and (min-width: 650px) and (max-width: 900px), print {
  .primary-nav {
    top: 14em;
  }

  .primary-nav li a {
    font-size: 1.4em;
    padding: 0 1.5em;
  }

}

@media screen and (min-width: 1020px), print {
  #page {
    width: 95%;
  }
  .feed-tabs li {
    width: 49.9%;
  }
  .sections {
    position: absolute;
    z-index: 0;
    /*top: 22em;*/
  }

  .primary-nav {
    width: 87%;
    margin: 0 auto;
    top: 16em;
  }

  .equal {
    display: block;
    float: none;
    width: auto;
  }

  .col-a {
    float: left;
    clear: left;
    position: relative;
    width: 66.9590643%; /* 687/1026 */ 
    padding: 1em 0 0 1.1695906%; /* 12/1026 margin-left */
  }
  .section-title {
    padding: 0;
  }
  .article {
    margin: 1em 0 2em 0;
  }

  .video-player {
    margin-top: 0;
  }

  /* context: 312px over 1026px, minus 12px for right-side gutter */
  .col-b {
    float: right;
    clear: right;
    position: relative;
    width: 29.2397661%; /* 300/1026 */
    padding: 1em 1.16959064% 0 0; /* 12/1026   margin-right */
  }
  .promo {
    margin: 2em 0;
  }
  .promo img {
    margin: 0;
  }
  .promo h4 {
    max-width: 25em; /* 300/12 */
    display: block;

  }
  .promo div,
  .promo embed,
  .promo a {
    margin: 0 auto;
    display: block;
  }

  .promo .ad {
    width: 100%;
    display: block;
    margin: 0;
  }

  .promo .carousel-tune-in {
    display: block;
  }
  .pbs-related .summary {
    width: 64.3333333%; /* 193/300 */    
  }
  .top-feature {
    margin: 1em 0 0;
  }

}

@media screen and (min-width: 1026px), print {

  #page {
    width: 1026px;
  }

  .primary-nav{ 
    width: 98%;
    top: 18em;
  }
  .primary-nav li a {
    font-size: 1.7em;
    padding: 0 1.5em;
  }

  #cast-image-map {
    left: 35px;
  }

}

