body { margin: 0; padding: 0; min-width: 950px; font-family: 'gill sans','lucida grande',verdana,sans-serif; }
div,ul,li,h1,h2,h3,h4,h5,span { padding: 0; margin: 0 }
h1, h2, h3, h4, td.main, div.top, td.side { font-family: "Droid Sans" }
img { border: 0; }
a:link { color: #f00; }
a:visited { color: #933; }
a:hover,a:active { text-decoration: none; color: #ff0000; }
div#page_outer { background: url(../art/generic/bodybg.jpg) no-repeat; }
div.top { padding: 35px 0 15px 15px; text-align: left; }
h1 {color: #0f5091; font-size: 26px; font-weight: 300; margin: 5px 20px 0 30px; }
div.partner { clear: right; float: right; width: 290px; padding: 20px 15px 15px 15px; color: #666; text-align: center; }
div.top span.date { text-align: right; display: block; color: #777; font-size: 13px; margin: 0 20px 0px 20px; border-radius: 10px; -moz-border-radius: 10px; padding: 2px 10px 2px 10px; width: 595px; border: 1px solid #aaa; }
div.top span.date span.heading { display: block; float: left; text-align: left; width: 300px; color: #61768b; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; }
div.top span.byline { display: block; color: #0f5091; font-size: 14px; margin: 0 20px 0 20px; border-radius: 10px; opacity: .7; -moz-opacity: .7; filter: opacity(alpha=70); -moz-border-radius: 10px; padding: 4px 10px 4px 10px; width: 595px; background-color: #fff; }
h4 { color: #61768b; padding: 0px 60px 8px 30px; font-weight: normal; font-size: 15px; }
div.bottom { text-align: center; font-size: 13px; color: #555; padding: 20px 10px 10px 10px; background: #edefef; border-top: 1px solid #fff; }
table.generic { border:0; margin: 0; padding: 0; width: 100%; border-collapse: collapse; }
table.generic td { padding: 0; margin: 0; border: 0; vertical-align: top; }
table.generic td.toparea { padding-right: 10px; }
table.generic td.toparea div.videoarea { border-left: 30px solid #494949; width: 619px; }
table.generic td.toparea div.videoarea div.veouter { width: 514px; }
table.generic td.toparea div.videoarea div.social { background: #ccc url(../art/generic/shareside.png) repeat-y; height: 336px; float: right; width: 105px; text-align: center; }
div.osocial { float: right; width: 105px; margin: 5px 0 15px 15px; }
table.generic td.toparea div.videoarea div.social div { padding: 25px 5px 25px 8px; border-top: 1px solid #aaa; }
div.osocial div { padding: 25px 5px 25px 8px; border-top: 1px dotted #aaa; }
table.generic td.toparea div.videoarea div.social div.twitter, div.osocial div.twitter { width: 55px; padding: 25px 20px 25px 30px; }
table.generic td.toparea div.videoarea div.social a.comlink, div.osocial a.comlink { display: block; text-decoration: none; width: 90px; margin: 20px 0 0 8px; background-image: url(../art/generic/commentbubble.png); background-repeat: no-repeat; padding: 55px 0 18px 0; font-size: 13px; text-align: center; }
table.generic td.toparea div.videoarea div.social a.comlink:hover, div.osocial a.comlink:hover { background-image: url(../art/generic/commentbubble_hover.png); }
table.generic td.toparea div.freeform { border-left: 30px solid #494949; }
table.generic td.side { background-color: #eee; width: 310px; }
table.generic td.side div.ad { background-color: #aaa; padding: 5px; } 
table.generic td.side div.ad span.pbsad { font-size: 13px; color: #fff; text-align: center; line-height: 13px; display: block; padding: 4px; }
table.generic td.side ul.sidenav { list-style-type: none; background: #8f0116 url(../art/generic/linksbg.gif) repeat-x; }
table.generic td.side ul.sidenav li { cursor: pointer; color: #fff; text-transform: uppercase; letter-spacing: 3px; border-bottom: 1px solid #c03349; padding: 9px 15px 9px 10px; }
table.generic td.side ul.sidenav li:hover { cursor: pointer; color: #fff; background-color: #ff0000; }
table.generic td.side ul.sidenav li img.bubble {margin-bottom: -5px; }
table.generic td.side ul.links li.hitop, table.generic td.side ul.links li.hitop:hover { margin-top: 3px; background-color: #c3c8cc; text-transform: uppercase; color: #51585d; }
table.generic td.side ul.links li { list-style-type: none; margin-bottom: 1px; padding: 6px 10px; background-color: #eff0f0; }
table.generic td.side ul.links li:hover { cursor: pointer; background-color: #ebafaf; }
table.generic td.side ul.links a { text-decoration: none; }
table.generic td.side div.producersouter { background: #f1f2f2 url(../art/generic/producerbg.gif) repeat-x; padding-top: 15px; margin-top: 6px; }
span.title { color: #465763 }
table.generic div.producersouter span.title { text-transform: uppercase; color: #465763; font-size: 16px; padding-left: 10px;}
table.generic div.producersouter div.producer {font-size: 13px; line-height: 15px; color: #696b68; overflow: auto; padding: 17px 10px; border-bottom: 1px solid #dbdbdb;}
table.generic div.producersouter div.last {border: 0;}
table.generic div.producersouter div.producer img {float: left; margin-right: 10px; margin-bottom: 10px; width: 150px; }
table.generic div.producersouter div.producer span.title {color: #465763; font-size: 16px; text-transform: none; }
table.generic div.producersouter div.producer p {margin: 2px 0 8px 0; }
table.generic div.credits { background: #f1f2f2; padding: 10px; color: #696b68; border-top: 1px solid #aaa; font-size: 12px;}
table.generic div.credits h2, table.generic div.credits h3 { color: #465763; letter-spacing: 2px; font-weight: normal; }
table.generic div.credits span.title { text-transform: uppercase; color: #465763; font-size: 16px;}
table.generic td.main { vertical-align: top; font-size: 15px; line-height: 18px; color: #6d6f6f; } 
div.standard { padding: 15px 40px 20px 40px; margin-right: 5px; color: #444; }
table.generic td.main div.standard p.by { color: #53687d; padding-bottom: 10px; font-size: 17px; line-height: 20px; }
table.generic td.main div.standard p.synopsis { font-size: 17px; }
table.generic td.main div.standard img.small { float: right; margin: 10px -40px 15px 15px; border-top: 5px solid #d6d6d6; width: 200px}
div.photoleft { width: 300px; float: left; margin: 5px 10px 10px 0; }
div.photoright { width: 300px; float: right; margin: 5px 0 10px 10px; }
div.photoleft p, div.photoright p { margin: 0; font-size: 13px; padding: 8px; color: #61768b; }
div.bottombox { padding: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #d9e3e8; color: #0f5091 }

table.videoselector2,table.videoselector3 { border-collapse: collapse; border: 0; margin: 0; padding: 0; width: 514px; }
table.videoselector2 td, table.videoselector3 td { font-family: "Droid Sans"; color: #fff; font-size: 13px; line-height: 14px; margin: 0; border: 0; vertical-align: top; text-align: left; }
table.videoselector2 td img, table.videoselector3 td img { float: left; width: 50px; margin: 0 6px 3px 0; }
table.videoselector2 td span.videolength, table.videoselector3 td span.videolength { font-size: 12px; color: #aaa; }
table.videoselector2 td.videoon, table.videoselector2 td.videooff { width: 245px; }
table.videoselector3 td.videoon, table.videoselector3 td.videooff { width: 158px; }
table.videoselector2 td.videoon, table.videoselector3 td.videoon { padding: 8px 8px 8px 4px; border-left: 1px solid #aaa; background: #272727 url(../art/2011/videoon.jpg) repeat-x; }
table.videoselector2 td.videooff, table.videoselector3 td.videooff { padding: 8px 8px 8px 4px; border-left: 1px solid #aaa; background: #7b3132 url(../art/2011/videooff.jpg) repeat-x; }
table.videoselector2 td.videooff:hover, table.videoselector3 td.videooff:hover { background: #a208a4 url(../art/2011/videooff_over.jpg) repeat-x; }


div.pullquote_right, div.pullquote_left { color: #0f5091; font-family: "Droid Sans"; line-height: 24px; font-size: 20px; width: 150px; padding: 10px; }
div.pullquote_right { float: right; margin: 10px 0 10px 15px; }
div.pullquote_left { clear: left; float: left; margin: 10px 15px 10px 0; }
div.photolonely { float: left; width: 400px; margin: 0 10px 10px 0; padding: 2px; background-color: #ccc; }
div.photolonely div.audiobox_inphoto, div.audiobox { background-color: #fff; padding: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 14px; background-color: #596688; color: #aaa; }
div.photolonely div.audiobox_inphoto span.audiotitle, div.audiobox span.audiotitle { display: block; padding: 3px; color: #fff; font-size: 13px; letter-spacing: 3px; }
div.photolonely div.audiobox_inphoto { margin-top: 10px; }
div.photolonely div.audiobox_inphoto p, div.audiobox p { background-color: #596688; font-size: 14px; color: #aaa; margin: 0; padding: 4px 0 0 0; }
div.audiobox { float: left; clear: left; width: 380px; margin: 1em 15px 1em 0; }

div.photolonely p { margin: 0; font-size: 13px; padding: 8px; color: #61768b; }

div.comments {
	text-align: left;
	clear: both;
	background: #ddd url(../art/generic/cmbg.png) repeat-x;
	padding: 15px 80px 20px 40px;
}

div.comments h3 {
	letter-spacing: 2px;
	color: #444;
	margin-bottom: 4px;
}

div.comments h3.nopad {
	color: #4a4ca2;
	font-weight: normal;
	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;
}

p.question, p.questiontop { font-weight: bold; color: #633; }
p.question { margin-top: 30px; }

div.longintro p { font-size: .9em; color: #633 }
p.wendots { text-align: center; margin: 25px 0 25px 0; font-weight: bold; color: #0f5091; font-size: 18px; }

ul.highlights {
	width: 150px;
	float: left;
	margin: 0px 10px 10px 0;
	clear: left;
}

ul.highlights li {
	list-style-type: none;
	padding: 2px 8px 2px 8px;
	margin-bottom: 1px;
	font-size: 14px;
	background-color: #efcbd2;
}

ul.highlights li:hover {
	background-color: #f00;
}

ul.highlights li a {
	text-decoration: none;
}

ul.highlights a:hover {
	color: #fff;
}

ul.highlights li.hightop, ul.highlights li.hightop:hover {
	color: #fff;
	background-color: #633;
	padding: 8px 8px 2px 8px;
	letter-spacing: 2px;
	font-size: 12px;
	text-transform: uppercase;
}

h2 {
	color: #0f5091;
	padding-top: 10px;
	border-top: 1px dotted #aaa;
	margin-top: 40px;
}

h3 {
	color: #0f5091;
	letter-spacing: 2px;
	font-weight: normal;
}

p.links { 
	border-left: 1px solid #0f5091;
	padding-left: 8px;
	font-size: .9em;
	color: #666;
	margin-left: -9px;
}

ul.srelrept {
	list-style-type: none;
}

ul.srelrept li {
	cursor: pointer;
	padding: 100px 0px 5px 0px;
	position: relative;
	border-left: 10px solid #b0001a;
	margin-bottom: 2px;
}

ul.srelrept li span.relplay {
	position: absolute;
	z-index: 5;
	display: block;
	width: 30px;
	margin-top: -100px;
	height: 30px;
	background: url(/wgbh/pages/frontline/art/2011/relplay.png);
}

ul.srelrept li:hover span.relplay {
	background: url(/wgbh/pages/frontline/art/2011/relplaya.png);
}


ul.srelrept li a, ul.srelrept li a:link, ul.srelrept li a.visited, ul.srelrept li a:hover {
	display: block;
	padding: 5px 20px 5px 10px;
	text-decoration: none;
	background-color: #222;
	color: #f00;
	font-size: 17px;
}

ul.srelrept li:hover {
	border-left: 10px solid #f00;
}

ul.srelrept li:hover a, ul.srelrept li:hover a:hover {
	color: #fff;
	background-color: #f00;
}

ul.srelrept li span.relds {
	font-size: 13px; display: block; color: #ddd; 
	padding: 5px 20px 5px 10px;
}

ul.srelrept li.he, ul.srelrept li.he:hover {
	padding: 25px 10px 5px 10px;
	background-color: #777;
	background-image: -moz-linear-gradient(100% 100% 90deg, #222, #777); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#777));
	color: #fff;
	letter-spacing: 2px;
	border-left: 0;
	border-right: 0;
	font-size: 13px;
	text-transform: uppercase;
	cursor: default;
}



p.links b {
	color: #0f5091;
}
p.links b {
	color: #0f5091;
}