body { background: #fff; text-align: center; font-family: 'Gill Sans','Lucida Grande','Franklin Gothic Medium','Lucida Unicode',Lucida,Verdana,Sans-serif; font-weight: normal; padding: 0px; height: 100%; width: 100%; margin: 0px; min-width: 1000px; } div,p,span,ul,h1,h2,h3,h4,h5,form,table,input,textarea { padding: 0; margin: 0; } img { border: 0; } div.social { margin-bottom: 10px;} div.social div.fbshare { float: right; width: 140px; margin: 0 10px 2px 4px; } div.main { clear: both; text-align: left; } h1 { margin: 0 0 0 60px; padding: 12px 0 0 0; } h2 { margin: 0 0 15px 60px; padding: 0; text-align: left; font-size: 16px; line-height: 15px; font-weight: 500; } h3 { text-transform: uppercase; font-weight: normal; font-size: 16px; line-height: 16px; } h4 { text-align: left; padding: 0 0 5px 20px; font-size: 15px; line-height: 16px; font-weight: normal; } a.comlink { float: right; width: 180px; height: 20px; text-decoration: none; text-align: right; font-size: 14px; text-transform: uppercase; padding: 6px 35px 4px 0; margin-right: 10px; background-position: top right; background-repeat: no-repeat; } table.main { padding: 0; margin: 0; clear: both; } table.main td { vertical-align: top; border: 0; padding: 0; margin: 0; width: 100%; } table.main td.right { width: 320px; background: url(/wgbh/pages/frontline/art/2011/elseboxouter.gif) repeat-y; } table.main td.title { padding-right: 20px; } table.main td.social { padding: 10px 10px 0px 10px; text-align: center; width: 300px; clear: right; vertical-align: bottom; } table.main td.social div.fbshare { margin:0px 0px 2px 4px; float: left; width: 120px;} table.main div.videoarea { padding: 10px 10px 5px 10px; overflow: auto; } table.main div.video h3 { margin: 9px 0 9px 0; padding-top: 9px; } table.main div.video { text-align: center; margin-left: 25px; margin-right: 4px; clear: both; } table.main div.video table.main div.videoarea { padding: 10px 10px 0 10px; } table.main div.video div.bar { padding: 4px 15px 4px 30px; margin: -5px 10px 0 10px; text-align: left; } table.main div.video div.bar a { text-decoration: none; font-size: 16px; } table.main div.video div.bar a.comments { text-decoration: none; float: right; background-position: right center; padding-right: 22px; } table.main div.video div.bar a.comments:hover { text-decoration: none; float: right; background-position: right center; padding-right: 22px; } table.main div.mainlinks { padding: 10px 0 10px 10px; margin-left: 35px; clear: left; } table.main div.mainlinks div.relatedvideo { width: 180px; float: left; padding: 4px; background-color: #666; background-image: -moz-linear-gradient(100% 100% 90deg, #800, #222); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#800), to(#222)); } table.main div.mainlinks div.relatedvideo span.reltitle { font-size: 12px; display: block; letter-spacing: 2px; color: #fff; padding: 2px; } table.main div.mainlinks div.relatedvideo div.rels { cursor: pointer; background-color: #f00; color: #fff; } table.main div.mainlinks div.relatedvideo div.rels:hover { background-color: #f600ff; } table.main div.mainlinks div.relatedvideo div.rels a.tl { display: block; padding: 3px; color: #fff; font-size: 15px; text-decoration: none; } table.main div.mainlinks div.relatedvideo div.rels span.relds { display: none; } table.main div.mainlinks div.relatedvideo div.rels span.relar { position: absolute; z-index: 5; display: block; width: 30px; height: 30px; background: url(../../art/2011/relplay.png)} table.main div.mainlinks div.relatedvideo div.rels:hover span.relar { background: url(../../art/2011/relplaya.png)} table.main div.mainlinks div.relatedvideo div.rels:hover span.reldsb { position: absolute; z-index: 2; display: block; width: 180px; height: 100px; background-color: #000; opacity: .7; filter: alpha(opacity=70); } table.main div.mainlinks div.relatedvideo div.rels:hover span.relds { position: absolute; z-index: 3; display: block; width: 135px; height: 80px; padding: 10px 10px 10px 35px; font-size: 13px; line-height: 13px; color: #fff; } table.main div.mainlinks a.major { text-decoration: none; padding: 5px 15px 5px 15px; margin: 0px 0 10px 0; font-size: 22px; line-height: 22px; } table.main div.mainlinks a.major span.mainblurb { text-decoration: none; display: block; font-size: 13px; color: #ccc; margin-top: 2px; line-height: 13px; } table.main div.mainlinks a.top { width: 20%; display: block; float: left; } table.main div.mainlinks a.last { border-right: 0px; } table.main div.mainlinks a.links { text-decoration: none; padding: 5px 20px 5px 10px; margin: 10px; font-size: 18px; font-weight: 300; } table.main div.mainlinks a.sublinks { text-decoration: none; padding: 5px 20px 5px 10px; margin: 10px 0 10px 0; font-size: 16px; font-weight: 300; } table.main div.synopsis { margin-top: 30px; padding: 0 40px 30px 67px; font-size: 15px; line-height: 19px; } div.comments { text-align: left; clear: both; padding: 15px 80px 20px 40px; } div.comments h3 { letter-spacing: 2px; color: #444; margin-bottom: 4px; } div.comments h3.nopad { color: #4a4ca2; border-bottom: 1px dotted #aaa; padding-bottom: 4px; margin-bottom: 9px; } div.comments p.commentguide { font-size: 14px; padding: 8px; color: #4a4ca2; line-height: 14px; margin-top: 20px; background-color: #eee; } td.funding { background-color: #aaa; } td.funding div.word { padding: 20px 20px 20px 20px; color: #333; font-size: 13px; line-height: 14px; } td.funding div.logos { float: right; width: 330px; padding: 20px 10px; text-align: left; } td.funding div.logos img { float: left; display: block; overflow: auto; margin-right: 10px; margin-bottom: 4px; } td.journalism { background-color: #b53939; text-align: center; } div.bottom { padding: 20px; } div.subtitleouter { height: 30px; margin-bottom: 3px; margin-top: 10px; margin-left: 35px;} div#subtitle { padding: 5px 15px 10px 25px; text-align: left;font-size: 16px; display: none; }