/*
------------------------------
nclud'ed screen styles
Design & Dev by nclud, LLC
http://www.nclud.com
------------------------------
*/

/*------ Yahoo! Reset CSS ------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;}

body {
	width: 100%;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color:#000;
}

#container {margin:17px auto 10px auto; width:901px;}
#subcontainer {border:1px solid #999;}
#contentcontainer {#fff;}
.container {}

/*------ Header Styles ------*/
#header {border-bottom:1px solid #999;}
	#header .navigation h2 {width:299px; height:57px; display:block; text-indent:-5000px;}
	
	#header .navigation li ol li {position:relative;}
	#header .navigation li ol li ul {position:absolute; width:142px; left:-5000px;}
	#header .navigation li ol li.active ul {left:10px;}
	#header .navigation li ol li ul li ul, #header .navigation li ol li.active ul li ul {position:absolute; width:142px; left:-5000px; top:0; border-left:1px solid #83878b;}
	#header .navigation li ol li ul li.active ul {left:154px;}
	#header .navigation li ol li ul li a, #header .navigation li ol li ul li ul li a {height:auto; display:block; width:142px; float:none; padding:4px 6px 3px 6px; line-height:1px; background-image:none; background-color:#dbe1e8; color:#fff; text-indent:0; color:#000; text-decoration:none; font:bold 9px "Lucida Grande", "Lucida Sans", Verdana, Arial; text-transform:uppercase; border-bottom:1px solid #83878b;}
	#header .navigation li ol ul li a:hover, #header .navigation li ol ul ul a:hover {background-color:#a3adb7;}
	#header .navigation li ol li a {display:block; height:16px; text-indent:-5000px; position:relative;}
	#header .navigation li ol li h3 a {width:299px; height:34px; display:block; text-indent:-5000px;}
	
	#header .navigation .documentary {width:299px; background:#4a5b6d url(../img/bg_nav_blue.png) no-repeat left bottom;}
	#header .navigation .documentary h2 {background:#000 url(../img/title_documentary.png) no-repeat 0 0; }
	#header .navigation .documentary h2 a {background:#000 url(../img/title_documentary.png) no-repeat 0 0; width:299px; height:57px;}
	#header .navigation .documentary h3 a {background:#000 url(../img/title_watchprogram.png) no-repeat 0 0; width:299px;}
	#header .navigation .documentary h3 a:hover {background-position:0 -34px;}
	#header .navigation .documentary .interviews {width:85px; background:#4a5b6d url(../img/btn_nav_interviews.png) no-repeat 0 0;}
	#header .navigation .documentary .interviews:hover {background-position:0 -16px;}
	#header .navigation .documentary .transcript {width:158px; background:#4a5b6d url(../img/btn_nav_transcript.png) no-repeat 0 0;}
	#header .navigation .documentary .transcript:hover {background-position:0 -16px;}
	#header .navigation .documentary .more {width:56px; background:#4a5b6d url(../img/btn_nav_more.png) no-repeat 0 0;}
	#header .navigation .documentary .more:hover {background-position:0 -16px;}
	
	#header .navigation .torturing {width:299px; border:1px solid #999; border-top:none; border-bottom:none; background:#593e1e url(../img/bg_nav_brown.png) no-repeat left bottom;}
	#header .navigation .torturing h2 {background:#000 url(../img/title_torturing.png) no-repeat 0 0;}
	#header .navigation .torturing h2 a {background:#000 url(../img/title_torturing.png) no-repeat 0 0; width:299px; height:57px;}
	#header .navigation .torturing h3 a {background:#000 url(../img/title_exploretimelines.png) no-repeat 0 0;}
	#header .navigation .torturing h3 a:hover {background-position:0 -34px;}
	#header .navigation .torturing .project {width:94px; background:#593e1e url(../img/btn_nav_project.png) no-repeat 0 0;}
	#header .navigation .torturing .project:hover {background-position:0 -16px;}
	#header .navigation .torturing .discussion {width:123px; background:#593e1e url(../img/btn_nav_discussion.png) no-repeat 0 0;}
	#header .navigation .torturing .discussion:hover {background-position:0 -16px;}
	#header .navigation .torturing .resources {width:82px; background:#593e1e url(../img/btn_nav_resources.png) no-repeat 0 0;}
	#header .navigation .torturing .resources:hover {background-position:0 -16px;}
	
	#header .navigation .archive {width:299px; background:#4a5b6d url(../img/bg_nav_blue.png) no-repeat left bottom;}
	#header .navigation .archive h2 {background:#000 url(../img/title_archive.png) no-repeat 0 0;}
	#header .navigation .archive h2 a {background:#000 url(../img/title_archive.png) no-repeat 0 0; width:299px; height:57px;}
	#header .navigation .archive h3 a {background:#000 url(../img/title_readdocuments.png) no-repeat 0 0;}
	#header .navigation .archive h3 a:hover {background-position:0 -34px;}
	#header .navigation .archive .entirearchive {width:112px; background:#4a5b6d url(../img/btn_nav_archive.png) no-repeat 0 0;}
	#header .navigation .archive .entirearchive:hover {background-position:0 -16px;}
	#header .navigation .archive .released {width:187px; background:#4a5b6d url(../img/btn_nav_released.png) no-repeat 0 0;}
	#header .navigation .archive .released:hover {background-position:0 -16px;}

/*------ Content Styles ------*/
#content {background-color:#c1cbd6;}
	#content .overview {margin-top:15px; padding:10px; color:#1a2c43; background:transparent url(../img/bg_interviews_light.png) repeat 0 0; border-top:1px solid #e6eaef;}
	#content .overview h1 {text-transform:uppercase; font-weight:bold;}
	#content .overview h2 {font-weight:bold;}
	#content .overview h3 {clear:both; margin:10px 0;}
	#content .overview h3 span {display:block; float:left; font:bold 10px "Lucida Grande", "Lucida Sans", Verdana, Arial; text-transform:uppercase; background-color:#5b3e1c; color:#fff; padding:5px;}
	#content .overview p {margin:9px 0;}
	#content .overview .related {clear:both;}
	#content .overview .related a {color:#5d4932;}
	
	#content .interview {padding:10px; border-top:1px solid #e6eaef;}
	#content .interview h2 {color:#1a2c43; font-weight:bold; margin-bottom:10px;}
	#content .interview h3 {font-weight:bold; font-style:italic; color:#465463;}
	#content .interview blockquote {margin:12px 0 12px 18px; color:#000;}
	
	#content .bios h3 {color:#1a2c43; font-size:12px; font-weight:bold; text-decoration:underline; margin-bottom:9px;}
	#content .bios li {margin:9px 0; font-size:12px; color:#1a2c43; line-height:15px; height:60px;}
	
	#content .credits li, #content .timeline li, #content .additional li, #content .lists li {margin-bottom:15px;}
	#content .lists h3 {font-weight:bold; margin:5px 0;}
	

/*------ Sidebar Styles ------*/
#sidebar {}
	#sidebar p {width:280px;}
	#sidebar blockquote {font-size:14px; font-style:italic; margin:12px 0; clear:both;}
	#sidebar blockquote strong {font-weight:bold; font-style:italic;}

/*------ Extras Styles ------*/
#extras {width:899px; height:16px; background-color:#484848; border-top:1px solid #999;}
	#extras ul {width:361px; margin:0 auto;}
	#extras ul li a {height:16px; display:block; text-indent:-5000px;}	
	#extras .credits {width:64px; background:#484848 url(../img/btn_extras_credits.png) no-repeat 0 0;}
	#extras .credits:hover {background-position:0 -16px;}
	#extras .transcript {width:115px; background:#484848 url(../img/btn_extras_transcript.png) no-repeat 0 0;}
	#extras .transcript:hover {background-position:0 -16px;}
	#extras .sitemap {width:70px; background:#484848 url(../img/btn_extras_sitemap.png) no-repeat 0 0;}
	#extras .sitemap:hover {background-position:0 -16px;}
	#extras .press {width:112px; background:#484848 url(../img/btn_extras_press.png) no-repeat 0 0;}
	#extras .press:hover {background-position:0 -16px;}

/*------ Funders Styles ------*/
#funders {width:899px; height:38px; display:block;}
	#funders h1 {text-align:center; padding: 12px;} 
	#funders p {text-indent:-5000px;}

/*------ Footer Styles ------*/
#footer {clear:both; padding-top:7px;}
	#footer p {width:313px; height:11px; background:#000 url(../img/bg_footer.png) no-repeat 0 0; margin:8px auto; color:#fff; text-indent:-5000px;}

/*------ General Styles ------*/
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

a {text-decoration:underline;}
a:hover {text-decoration:none;}

strong {font-weight:bold;}
em {font-style:italic;}

form {}
	form input {}
	form select {}
	form select option {}
	form textarea {}

/*------ Global Classes (Things I Use All The Time) ------*/
.alt em {position: absolute; left: -5000px; top: -5000px;}

.pos_left {float:left; margin-right: 0.5em;}
.pos_right {float:right; margin-left: 0.5em;}

.list_horizontal li {display: block; float: left;} .list_horizontal li a {display: block;}
.list_bull { margin: 1.0em 0;} .list_bull li {background: url(../img/icn_bulletWhite.gif) no-repeat 0px 2px; margin:0.5em 0; padding-left:1.2em;}
.list_num {margin:1.0em; padding-left:1.0em;} .list_num li {list-style:decimal; margin:0.5em 0; padding-left:0.2em;}

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

/* Homepage Specific Styles */
.homepage #contentcontainer {width:899px; height:398px; background:#000 url(../img/bg_homepage.jpg) no-repeat 0 0;}
.homepage #contentcontainer #content {margin-left:300px; margin-top:365px; position:absolute; width:299px; height:32px; background:#000 url(../img/view_trailer_stack.png) no-repeat 0 0;}
.homepage #contentcontainer #content:hover {background-position: 0 -32px;}
.homepage #contentcontainer #content2 {margin-left:314px; margin-top:21px; position:absolute; width:266px; height:32px;}
.homepage #contentcontainer #content3 {margin-left:314px; margin-top:71px; position:absolute; width:256px; height:221px;}
.homepage #contentcontainer #content4 {margin-left:314px; margin-top:312px; position:absolute; width:211px; height:34px;}
.homepage #extras {border-bottom:1px solid #999;}


/* Interviews Specific Styles */
.interviews #contentcontainer {background:#cdd6de url(../img/bg_interviews.png) repeat 0 0; width:899px;}
.interviews #contentcontainer #sidebar {width:279px; float:left; padding:26px 10px 10px 10px; background:transparent url(../img/bg_sidebar.png) no-repeat 0 0;}
.interviews #contentcontainer #content {width:599px; border-left:1px solid #e6eaef; float:right; background:transparent url(../img/bg_interviews_dark.png) repeat 0 0;}

/* Program Specific Styles */
.program #contentcontainer #content {width:899px; background:transparent url(../img/bg_interior_blue_head6.png); margin:0px 0 0px 0px;}
.program #contentcontainer #content h1 {background:transparent url(../img/bg_interior_blue_head2.png); padding-top:17px; color:#231708;}
.program #contentcontainer #content h2 {font-size:12px; font-weight:bold; color:#fff; background:transparent url(../img/bg_interior_blue_title.png); padding:6px 10px; text-transform:uppercase; border-bottom:1px solid #e6eaef; border-top:1px solid #e6eaef;}
.program #contentcontainer #content h3 {font-size:12px; font-weight:bold; color:#445A7B; background:transparent url(../img/bg_interior_blue_head3.png)}
.program #contentcontainer #content h4 {font-size:12px; font-weight:normal; color:#000000; background:transparent url(../img/bg_interior_blue_head6.png); padding:6px 10px;}
.program #contentcontainer #content h4 a {color:#000000;}
.program #contentcontainer #content a {color:#CAE2E6;}
.program #contentcontainer #content h3 a {color:#003366;}
.program #contentcontainer #content h5 {width:700px; margin-left:100px; font-size:12px; font-weight:normal; color:#fff;}
.program #contentcontainer #content h5 a {color:#fff;}
.program #contentcontainer #content h4 a {color:#fff;}
.program #contentcontainer #content h6 {width:899px; font-size:11px; text-align:center; font-weight:normal; color:#fff;}

/* Interior Specific Styles */
.interior #contentcontainer {background:#d5d5d5 url(../img/bg_interior_grey.png) repeat-y 0 0; width:899px;}
.interior #contentcontainer #content {background:transparent url(../img/bg_interior_grey_head.png) no-repeat 0 0; padding-top:17px; color:#1a2c43; padding-right:300px;}
.interior #contentcontainer #content h2 {font-size:12px; font-weight:bold; color:#fff; background:transparent url(../img/bg_interior_grey_title.png) no-repeat 0 0; padding:6px 10px; text-transform:uppercase; border-bottom:1px solid #e6eaef;}
.interior #contentcontainer #content h2 em {font-styl:normal; text-transform:none; font-weight:bold;}
.interior #contentcontainer #content p {margin:10px 0; color:#1a2c43;}
.interior #contentcontainer #content .container {padding:10px;}

.interior_brown #contentcontainer {background:#dcd4cd url(../img/bg_interior_brown.png) repeat-y 0 0; width:899px;}
.interior_brown #contentcontainer #content {background:trnsparent url(../img/bg_interior_brown_head.png) no-repeat 0 0; padding-top:17px; color:#231708;}
.interior_brown #contentcontainer #content a {color:#fff;}
.interior_brown #contentcontainer #content h2 {font-size:12px; font-weight:bold; color:#fff; background:transparent url(../img/bg_interior_brown_title2.png) no-repeat 0 0; padding:6px 10px; text-transform:uppercase; border-bottom:1px solid #e6eaef;}
.interior_brown #contentcontainer #content h5 {margin-right:300px;}
.interior_brown #contentcontainer #content h5 a {color:#000000;}
.interior_brown #contentcontainer #content h2 em {font-style:normal; text-transform:none; font-weight:bold;}
.interior_brown #contentcontainer #content p {margin:10px 0; color:#231708;}
.interior_brown #contentcontainer #content h3 {margin-left:20px; font-weight:normal; margin-right:300px;}
.interior_brown #contentcontainer #content h3 a {color:#000000;}
.interior_brown #contentcontainer #content h4 {margin-left:30px; font-weight:normal}
.interior_brown #contentcontainer #content h4 a {color:#000000;}
.interior_brown #contentcontainer #content .container {padding:10px;}

.interior_blue #contentcontainer {background:#cdd6de url(../img/bg_interior_blue.png) repeat-y 0 0; width:899px;}
.interior_blue #contentcontainer #content {background:transparent url(../img/bg_interior_blue_head.png) no-repeat 0 0; padding-top:17px; color:#3D4A5A;}
.interior_blue #contentcontainer #content a {color:#3D4A5A;}
.interior_blue #contentcontainer #content h2 {font-size:12px; font-weight:bold; color:#fff; background:transparent url(../img/bg_interior_blue_title.png) no-repeat 0 0; padding:6px 10px; text-transform:uppercase; border-bottom:1px solid #e6eaef;}
.interior_blue #contentcontainer #content h2 a {color:#dbe1e8}
.interior_blue #contentcontainer #content h3 {font-size:12px; font-weight:bold; color:#fff; background:transparent url(../img/bg_interior_blue_title.png) no-repeat 0 0; padding:6px 10px; text-transform:uppercase; border-bottom:1px solid #e6eaef;}
.interior_blue #contentcontainer #content h3 a {color:#dbe1e8;}
.interior_blue #contentcontainer #content h2 em {font-style:normal; text-transform:none; font-weight:bold;}
.interior_blue #contentcontainer #content p {margin:10px 0; color:#231708;}
.interior_blue #contentcontainer #content .container {padding:10px;}
.interior_blue #contentcontainer #content h4 {padding-right:300px;}
.interior_blue #contentcontainer #content h5 {padding-right:3px;}
.interior_blue #contentcontainer #content h6 {padding-right:25px;}
.interior_blue #contentcontainer #content h8 {margin-left:20px; font-weight:normal; margin-right:300px;}