body { 
	width: 100%; padding: 0px; margin: 0; height: 100%; 
	background: url(/wgbh/pages/frontline/art/h/testbg.jpg) top center; 
	font: 14px/22px normal 'Cabin','Gill Sans','Lucida Grande','Franklin Gothic Medium','Lucida Unicode',Lucida,Verdana,Sans-serif; 
	color: #000;
}
a, a:link { color: #0b3f87; text-decoration: underline; }
a:visited { color: #605f5f; }
a:hover { color: #970012; }
h1 { margin: 0; font: normal 300 48px/60px 'Oswald', 'Arial Narrow', sans-serif; color: #0b3f88; }
h2 { margin: 0; font: normal normal 18px/18px 'Cabin', 'Helvetica Neue', sans-serif; color: #000; }
dl, dt, dd { margin: 0; padding: 0; }
img { border: 0 }

a.oh-tag { font-family: 'Cabin'; display: inline-block; margin: 0 5px 5px 0; padding: 1px 10px; font-size: 15px; line-height: 20px; color: #fff; text-decoration: none; background: #0c3c80; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
a.oh-tag:hover { background: #970012; }

#page_outer { margin: 0 auto; width: 980px; height: 100%; position: relative; background: #eee url('../art/oh-bg.jpg') repeat; }

#oral_history_title { position: relative; top: 47px; }
#oral_history_title a { display:block; position: absolute; height: 0; overflow:hidden; }
#oral_history_title a.fl { left: 246px; top: 15px; width: 546px; padding-top: 105px;  }
#oral_history_title a.mpws { left: 10px; top: 13px; width: 177px; padding-top: 122px; }
#oral_history_title a.dsspp { left: 805px; top: 36px; width: 167px;padding-top: 36px; }

#oral_history_search { position: absolute; z-index:5; top: 187px; right: 31px; font: normal 16px/20px 'Oswald', 'Arial Narrow', sans-serif; color: #222; }
#oral_history_search, #oral_history_search * { margin: 0; padding: 0; border: none; -webkit-margin-before: 0; -webkit-margin-end: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-padding-before: 0; -webkit-padding-end: 0; -webkit-padding-after: 0; -webkit-padding-start: 0; }
#oral_history_search dt { float: left; cursor: pointer; padding-left: 20px; background: url('../art/oh-sprites.gif') no-repeat 0 0; }
#oral_history_search dt:hover { color: #970012; background-position: 0 -54px; }
#oral_history_search dd { float: left; overflow: hidden; height: 25px; white-space: nowrap; }
#oral_history_search input, #oral_history_search button { margin-left: 5px; padding: 2px 8px; font: normal 16px/20px 'Oswald', 'Arial Narrow', sans-serif; color: #222; }
#oral_history_search input { padding: 0 8px; width: 150px; box-shadow:inset 0 0 5px #666; -webkit-box-shadow:inset 0 0 5px #666; -moz-box-shadow:inset 0 0 5px #666; }
#oral_history_search button { background-color: #ddd; }
#oral_history_search button:hover { color: #efefef; background-color: #970012; }

#oral_history_print { display:block; z-index:5; position: absolute; top: 215px; right: 31px; padding-left: 18px; font: normal 16px/20px 'Oswald', 'Arial Narrow', sans-serif; color: #222; text-decoration: none; background: url('../art/oh-sprites.gif') no-repeat 0 -27px; }
#oral_history_print:hover { color: #970012; background-position: 0 -81px;}

#oral_history_body { font-family: 'Cabin', 'Helvetica Neue'; margin: 75px 30px; position: relative; }
#oral_history_head img { float: left; margin: 0 10px 20px 0; width: 160px; }
.person #oral_history_head h1, .person #oral_history_head h2 { width: 410px; }
.person #oral_history_head h1 { line-height: 55px; }
#oral_history_head p { float: right; margin-left: 420px; width: 500px; margin: 2em 0 1em 0; font-size: .9em; color: #455c7d; font-family: 'Cabin', 'Helvetica Neue';}
#oral_history_body .view-controls { font-family: 'Cabin', 'Helvetica Neue';  clear: both; height: 16px; margin: 30px 0 10px 0; }
#oral_history_body .view-controls a:visited { color: #0b3f87; }
#oral_history_body .view-controls a:hover { color: #970012; }
#oral_history_body .view-controls .expand, #oral_history_body .view-controls .collapse { float: right; }
#oral_history_body .view-controls .collapse,
#oral_history_body .view-controls .show { display: none; }
#oral_history_body .view-controls dt { float: left; margin: 0 1em 0 0; }
#oral_history_body .view-controls dd { margin: 0;  word-spacing: 5px; }
#oral_history_body .view-controls dd .current { font-weight: bold; }

#oral_history_video { width: 560px; height: 315px; float: left; overflow: hidden; position: relative; background: #000; }
#oral_replacementimage { clear: left; width: 160px; height: 160px; margin-left: 398px; float: left; overflow: hidden; position: relative; background: #000; }
#oral_history_video img { position: absolute; top: 115px; left: 237px; }

#oral_history_transcripts { margin-left: 561px; width: 359px; overflow: hidden; }
#oral_history_transcripts ol, #oral_history_transcripts ul { position: relative; list-style-type: none; margin: 0; padding: 0; }
#oral_history_transcripts ol > li { position:relative; list-style-type: none; margin: 0 0 1px 0; overflow: hidden; height: 315px; }
#oral_history_transcripts div.transcript-head, #oral_history_about { width: 359px; height: 80px; background: #000 url(../art/drawer-bg-current.png) bottom left repeat-x; }
#oral_history_transcripts li.off div.transcript-head { background: #797979 url(../art/drawer-bg.png) bottom left repeat-x; }
#oral_history_transcripts h3 { margin: 0; cursor: default; color: #fff; }
#oral_history_transcripts li.off h3 { cursor: pointer; }
.video #oral_history_transcripts h3 { width: auto; }
#oral_history_transcripts h3 a { display: block; padding: 10px 35px 5px 10px; font: normal 16px/20px 'Oswald', 'Arial Narrow', sans-serif; color: #fff; text-decoration: none; }
#oral_history_transcripts li.on h3 a { cursor: default; }
#oral_history_transcripts li.off h3 a:hover { color: #970012; }
#oral_history_transcripts h4 { color: #fff; padding: 0 35px 0 10px; margin: 0; font: normal 300 14px/16px 'Oswald', 'Arial Narrow', sans-serif; }
.video #oral_history_transcripts h4 { width: auto; }
#oral_history_transcripts h4 a { color: #fff; }
#oral_history_transcripts h4 a:hover { color: #aaa; }
#oral_history_transcripts .oh-share-toggle { display: none; }
.video #oral_history_transcripts .oh-share-toggle { display: block; position: absolute; top: 43px; right: 7px; width: 19px; height: 0; padding-top: 19px; overflow: hidden; background: transparent url(../art/drawer-share.png) top left no-repeat; }
.video #oral_history_transcripts span.hasvideo { display: block; float: right; width: 30px; height: 30px; margin: 9px 7px 9px 9px; background: transparent url(../art/video5.png) top left no-repeat; }
#oral_history_transcripts div.transcript-head img.has-video { position: absolute; top: 0; right: 0; }
#oral_history_transcripts .transcript { width: 337px; height: 233px; overflow: auto; padding: 0 10px; border: 1px solid #aeaeae; font: normal 11px/15px Verdana, sans-serif; color: #605f5f; background: #fff; }
#oral_history_transcripts .transcript .inner { float: left; width: 320px; }
#oral_history_transcripts .transcript dl { margin: 1em 0; }
#oral_history_transcripts .transcript dt { margin-bottom: 10px; font: normal 16px/20px 'Oswald','Arial Narrow', sans-serif; }
#oral_history_transcripts .transcript dd li {  margin: 0 5px 5px 0; }
#oral_history_transcripts .transcript dd a { font-size: 12px; }
#oral_history_transcripts .transcript dd a.oh-tag { line-height: 24px; margin-bottom: 5px;}
#oral_history_transcripts .oh-share { width: 360px; overflow: hidden; }
.video #oral_history_transcripts .oh-share { display: none; position: absolute; top: 80px; left: -10px; padding: 0 10px 3px 0; margin: 0; background: #054E91; }
.video #oral_history_transcripts .oh-share dt { display: none; }
.video #oral_history_transcripts .oh-share dd { text-align: right; }

#oral_history_body.person #oral_history_themes { margin: 30px 400px 30px 0; }
#oral_history_body.person #oral_history_themes h2 { display: block; margin: 20px 0 8px 0; font: normal normal 22px 'Cabin', sans-serif; text-transform: uppercase; }

#oral_history_about { float: right; margin: 30px 0; width: 339px; height: 200px; color: #fff; padding: 10px; }
#oral_history_about strong { font: normal 18px/30px 'Oswald', 'Arial Narrow', sans-serif; text-transform: uppercase; }
#oral_history_about a { color: #fff; }
#oral_history_about a:hover { color: #ccc; }

/* Tag Pages */

#oral_history_body.tag #oral_history_video { display: none; }

#oral_history_body.tag #oral_history_transcripts { margin-left: 0; width: 920px; }
#oral_history_body.tag #oral_history_transcripts .transcript-head { width: 920px; }
#oral_history_body.tag #oral_history_transcripts .transcript { width: 898px; height: 313px; }
#oral_history_body.tag #oral_history_transcripts .transcript .inner { width: 560px; }
#oral_history_body.tag #oral_history_transcripts .transcript .inner img { float: left; margin: 1em 1.5em .5em 0; }
#oral_history_body.tag #oral_history_transcripts .transcript dl, #oral_history_transcripts .oh-share { margin-left: 570px; }

#oral_history_body.tag #oral_history_transcripts li.video { height: 395px; }
#oral_history_body.tag #oral_history_transcripts .video .player { width: 560px; height: 315px; float: left; overflow: hidden; position: relative; background: #000; }
#oral_history_body.tag #oral_history_transcripts .video .transcript { width: 337px; }
#oral_history_body.tag #oral_history_transcripts .video .transcript .inner { float: none; width: auto; }
#oral_history_body.tag #oral_history_transcripts .video .transcript dl, #oral_history_transcripts .video .oh-share { margin-left: 0; }

/* Home Page */

#oral_history_body.home { top: 20px; }
#oral_history_body.home h2 { display: block; margin: 20px 0 8px 0; font: normal normal 22px 'Cabin', sans-serif; text-transform: uppercase; }

#oral_history_interviews { position: relative; margin: 30px 0 0 0; padding: 0; height: 1000px; width: 920px; list-style-type: none; }
#oral_history_interviews li { cursor: pointer; position: absolute; height: 300px; width: 300px; overflow: hidden; background-color: #000; background-position: 0 0; background-repeat: no-repeat; font: italic 300 14px/20px 'Oswald', 'Arial Narrow', sans-serif; letter-spacing: 1px; word-spacing: 3px;  color: #fff; }
#oral_history_interviews li .wrap, #oral_history_interviews li .wrap a { display: none; }
#oral_history_interviews li.on .wrap { display: block; }
#oral_history_interviews li img { position: absolute; top: 0; left: 0; z-index: 0; }
#oral_history_interviews li blockquote, #oral_history_interviews li p { position: absolute; z-index: 2; margin: 0; padding: 0; text-shadow: 1px 1px 3px #000; }
#oral_history_interviews li blockquote { top: 5px; left: 10px; font: normal 300 36px/48px 'Oswald', 'Arial Narrow', sans-serif; }
#oral_history_interviews li blockquote strong { font: normal bold 48px/48px 'Oswald', 'Arial Narrow', sans-serif; color: #9d0000; }
#oral_history_interviews li p { bottom: 10px; left: 10px; }
#oral_history_interviews li p em { text-transform: uppercase; font-size: 18px; }

#oral_history_interviews li.duhon { top: 0; left: 0; width: 424px; height: 330px; background-image: url(../art/mosaic-duhon-plain.jpg); }
#oral_history_interviews li.duhon blockquote { width: 210px; top: 20px; }
#oral_history_interviews li.duhon blockquote strong { font-size: 43px; }

#oral_history_interviews li.goolsbee { top: 0; left: 434px; width: 177px; height: 330px; background-image: url(../art/mosaic-goolsbee-plain.jpg); }
#oral_history_interviews li.goolsbee blockquote { top: 10px; font-size: 27px; line-height: 26px; }
#oral_history_interviews li.goolsbee blockquote strong { font-size: 29px; line-height: 30px; color: #61b05c; }

#oral_history_interviews li.about { top: 0; right: 0; width: 299px; height: 181px; background-image: url(../art/drawer-bg-current.png); background-repeat: repeat-x; background-position: bottom right; font-style: normal; cursor: default; }
#oral_history_interviews li.about h6 { margin: 20px 0 0 20px; padding: 0; font: normal normal 21px/30px 'Oswald', 'Arial Narrow', sans-serif; text-transform: uppercase; }
#oral_history_interviews li.about p { position: static; padding: 10px 20px 20px 20px; font: normal normal 14px/22px 'Oswald', sans-serif; color: #ddd; text-shadow: none; }
#oral_history_interviews li.about p a:link, #oral_history_interviews li.about p a:visited { color: #fff; }
#oral_history_interviews li.about p a:hover { color: #970012; }

#oral_history_interviews li.kovacevich { top: 191px; right: 0; width: 299px; height: 376px; background-image: url(../art/mosaic-kovacevich-plain.jpg); }
#oral_history_interviews li.kovacevich blockquote { top: 10px; }
#oral_history_interviews li.kovacevich blockquote strong { font-size: 36px; line-height: 29px; color: #fda204; }

#oral_history_interviews li.rodgers { bottom: 433px; left: 375px; width: 236px; height: 227px; background-image: url(../art/mosaic-rodgers-plain.jpg); }
#oral_history_interviews li.rodgers blockquote { font-size: 24px; line-height: 24px; }
#oral_history_interviews li.rodgers blockquote strong { font-size: 36px; line-height: 36px;  color: #296ac1; }
#oral_history_interviews li.rodgers p { width: 105px; }

#oral_history_interviews li.wolf { bottom: 321px; left: 0; width: 365px; height: 339px; background-image: url(../art/mosaic-wolf-plain.jpg); }
#oral_history_interviews li.wolf blockquote { top: 15px; font-size: 22px; line-height: 10px; }
#oral_history_interviews li.wolf blockquote strong { font-size: 36px; color: #296ac1;  }
#oral_history_interviews li.wolf p { left: auto; right: 10px; width: 120px; text-align: right; }

#oral_history_interviews li.oneil { bottom: 0; left: 0; width: 365px; height: 311px; background-image: url(../art/mosaic-oneil-plain.jpg); }
#oral_history_interviews li.oneil blockquote { font-size: 24px; line-height: 30px; }
#oral_history_interviews li.oneil blockquote strong { font-size: 36px; line-height: 36px; color: #9d0000;}

#oral_history_interviews li.angelides { bottom: 199px; right: 0; width: 545px; height: 223px; background-image: url(../art/mosaic-angelides-plain.jpg); }
#oral_history_interviews li.angelides blockquote { top: 0; left: 15px; width: 280px; font-size: 30px; line-height: 36px; }
#oral_history_interviews li.angelides blockquote strong { display: block; margin-bottom: 10px; font-size: 45px; line-height: 45px; color: #61b05c; }
#oral_history_interviews li.angelides p { left: 15px; }

#oral_history_interviews li.romer { bottom: 0; right: 0; width: 545px; height: 188px; background-image: url(../art/mosaic-romer-plain.jpg); }
#oral_history_interviews li.romer blockquote { top: 10px; left: 280px; width: 270px; font-size: 30px; line-height: 30px; }
#oral_history_interviews li.romer blockquote strong { font-size: 40px; line-height: 40px; display: block; color: #fda204; }
#oral_history_interviews li.romer p { bottom: 5px; }

#oral_history_body.home #oral_history_transcripts { margin: 0; padding: 0; width: auto; overflow: visible; }
#oral_history_body.home #oral_history_transcripts li { float: left; width: 30%; margin: 10px 3% 0 0; list-style-type: none; }
#oral_history_body.home #oral_history_transcripts li a { display: block; text-decoration: none; height: 85px; }
#oral_history_body.home #oral_history_transcripts li a:hover { background: #ddd; }
#oral_history_body.home #oral_history_transcripts li img { float: left; width: 85px; height: auto; }
#oral_history_body.home #oral_history_transcripts li span { display: block; margin: 12px 0 0 90px; font: normal normal 18px 'Oswald','Arial Narrow', sans-serif; line-height: 22px; color: #000; text-decoration: none; }
#oral_history_body.home #oral_history_transcripts li span.title { margin: 0 0 0 90px; font-size: 12px; line-height: 20px; }

#taglister { cursor: pointer; font-size: 15px; border-top: 1px dotted #0b3f88; color: #0b3f88; padding: 3px; letter-spacing: 2px; text-align: center;}
#taglister:hover { border-top: 1px dotted #970012; color: #970012; letter-spacing: 2px; text-align: center;}
#oral_history_body.home #oral_history_themes { margin: 2em 0; }

#oral_history_bottom { clear: both; font-family: 'Cabin'; padding: 5px 30px 5px 30px; background-color: #ccc; position: relative; }
#oral_history_bottom p { font-size: .8em; color: #666; }

/* CLEARFIX GOES LAST ALWAYS */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */