body div#page_outer div.page table.ma tr td.interior div.custom_home { background:url(/wgbh/pages/frontline/art/progs/3212/maintop_new.png); background-repeat: no-repeat; height: 99px; } body div#page_outer div.page td.interior div.custom_home_partner { background: #000 } body div#page_outer div.page td.interior div.custom_home span.airdate, div.page td.interior div.custom_home_partner span.airdate { color: #818181; text-align: left; font-weight: 100; margin-right: 6px; line-height: 50px;} body div#page_outer div.page td.interior div.custom_home h4 { color: #fff; padding-top:120px; font-size: 11px; text-align: center;} body div#page_outer div.custom_page { background: #000 url(/wgbh/pages/frontline/art/progs/3212/maintop-interior2_new.png) no-repeat; height: 80px; } body.oral-history div#page_outer div.custom_page { background: #000 url(/wgbh/pages/frontline/art/progs/3212/maintop-interior2_new.png) no-repeat top left; height: 80px; } body div#page_outer div.page td.interior div.freeform { height: 150px; margin-bottom: 5px; } body div#page_outer div.page td.interior div.freeform a { text-decoration: none; color: #fff; font-family: 'Oswald'; font-size: 19px; line-height: 19px; } body div#page_outer div.page td.interior div.freeform img.hpa { width: 115px; height: 21px; float: right; } body div#page_outer div.page td.interior div.freeform img.hpb { width: 85px; height: 21px; float: right; } body div#page_outer div.page td.interior div.freeform div.hp_a { cursor: pointer; background: url(/wgbh/pages/frontline/art/progs/3212/oh-point_new.png); clear: left; width: 666px; height: 150px; padding: 108px 8px 2px 8px; background-repeat: no-repeat;} /* body div#page_outer div.page td.interior div.freeform div.hp_a { cursor: pointer; background: url(/wgbh/pages/frontline/art/progs/3212/cw-point.png); clear: left; width: 384px; height: 150px; padding: 108px 8px 2px 8px; background-repeat: no-repeat;} body div#page_outer div.page td.interior div.freeform div.hp_b { float: right; cursor: pointer; background: url(/wgbh/pages/frontline/art/progs/3212/oh-point.png); clear: left; width: 280px; height: 150px; background-repeat: no-repeat;} */ body div#page_outer div.page td.interior div.freeform div.hp_a:hover { opacity:0.8;} body div#page_outer div.page td.interior div.freeform div.hp_b:hover { opacity:0.8;} body div#page_outer div.page td.interior div.freeform span.hp_blurb { display: block; font-size: 13px; color: #ddd; margin-top: 2px; line-height: 15px; } div.page td.interior div.sharecategory {background-image: none; background: #000;} td.right div.upcoming:hover a.titlelink, div.page td.interior ul.showtop li { color:#fff !important;} div.share table td {border-right: 1px solid #5c5c5c;} div.page td.interior div.corecontent li.drawer div.transcript span.oh_photo { background-size:100%; background-repeat:no-repeat; } body {background-image: none; background-color: #1e1e1e; } html body div#page_outer.ctr div.page table.ma tbody tr td.interior div.corecontent div#leftwrapper { display: inline-block; margin: 0 0 0 10px; width: 420px; background-color: #fff; padding: 20px; padding-right: 30px; overflow: hidden; border-right: 1px dashed #aaaaaa;} body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#rightwrapper {display: inline-block; margin: 0 0 0 10px; width: 420px; background-color: #fff; padding: 20px; padding-left: 30px; overflow: hidden;} body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#leftwrapper div.int,body div#page_outer div.page table.ma tr td.interior.wide div#rightwrapper div.int { position: relative;} body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#leftwrapper .int p,body div#page_outer div.page table.ma tr td.interior.wide div#rightwrapper div.int p {color: #000; font-size: 14px; padding: 10px 0px; margin: 0; line-height: 22px; } body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#leftwrapper div.int p.lchead,body div#page_outer div.page table.ma tr td.interior.wide div#rightwrapper div.int p.lchead {color: #333; font-size: 18px; line-height: 26px; font-family: Oswald; padding: 0; margin: 0; } body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#rightwrapper div.int p.lchead {text-align: left; } body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#leftwrapper div.int p.lchead {text-align: right; margin-right: 0px;} body div#page_outer div.page table.ma tr td.interior.wide div.corecontent div#leftwrapper div.int p.initial,body div#page_outer div.page table.ma tr td.interior.wide div#rightwrapper div.int p.initial {color: #fff; background-color: #1e1e1e; font-size: 20px; line-height: 26px; padding: 8px 20px; margin: 0; text-align: right; width:380px; font-weight: 200; text-transform: uppercase; } /* second video kill all default styles for now -- incorporate to master */ div.videotablarge_off:hover div.vtback { height: 120px; margin-top: 280px; background-color: rgba(0,0,0,.4); } div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off div.vtinfo, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on div.vtinfo, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_disabled div.vtinfo { font-size: 20px; line-height: 25px; font-family: Oswald; position: absolute; z-index: 3; color: #fff; padding: 3px 0 3px 0; margin-left: 0px; height: 80px; margin-top: 340px; } div.page td.interior div.videopicker_outer div.videopickerbg { background-image: url(/wgbh/pages/frontline/art/progs/3212/usos-double-poster.jpg); background-repeat: no-repeat; } div.page td.interior div.videoouter div.videopicker_outer div.videotab div.vtinfo span.vdesc {display: block; font-family: helvetica; font-size: 12px;} div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover { margin-top: 320px; } /* Hover */ div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo { padding-left: 8px; margin-left: 0px; display: block; } /* Hover */ div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo span.vdesc, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo span.vdesc { line-height: 25px; padding-top: 5px; margin-top: 0px; display: block; color: #fff; } div.page td.interior div.videoouter div.videopicker_outer c:hover div.vtinfo span.vtitle, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo span.vtitle { } div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off span.playar, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on span.playar { display: none; } div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover span.playar, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover span.playar { display: none; } div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off div.vtback, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on div.vtback { height: 120px; margin-top: 280px; display: block; background-color: rgba(0,0,0,.7); } div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtback, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtback { height: 120px; margin-top: 280px; background-color: rgba(0,0,0,.9); } div.page td.interior div.videoouter div.videopicker_outer div.videotab{ border-right:none; } div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off div.vtinfo, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on div.vtinfo, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_disabled div.vtinfo{ margin-top: 300px; } div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo { margin-top: 300px; } div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo span.vdesc, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo span.vdesc { line-height: 25px; margin-top:0px; padding-top:0px; } div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off div.vtinfo, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo { padding-left: 4px; } div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_off:hover div.vtinfo span.vdesc, div.page td.interior div.videoouter div.videopicker_outer div.videotablarge_on:hover div.vtinfo span.vdesc { font-size: 12px; }