/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}
/* clearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; }

/* UNIVERSAL */
body {
	font-family: 'Helvetica', 'Arial', sans-serif;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	min-height: 100vh;}

h1 {
	margin: 0 0 19px;
	font-size: 30px;
	font-weight: bold;}

h2 {
	margin: 45px 0 22px;
	color: #f00e21;
	font-size: 25px;
	font-weight: bold;
	border-bottom: 1px solid #e2d0d0;}

h2 span {
	display: inline-block;
	position: relative;
	top: 1px;
	padding: 0 10px 0 0;
	background-color: #fff;}

h3 {font-weight: bold;}

h3 span {
	color: #99a8a1;
	font-weight: normal;}

p, .expandHidden div, .filmSummary div {
	margin: 0 0 20px;
	color: #4a4848;
	font-size: 15px;
	line-height: 140%;}

li {
	font-size: 15px;
	line-height: 22px;}

blockquote {
	background-image: url(../images/quote-top.png);
	background-repeat: no-repeat;}

blockquote p {
	padding: 18px 92px 34px 54px;
	background-image: url(../images/quote-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;}

a, a:link, a:visited {
	color: #2a8fed;
	font-weight: bold;
	text-decoration: none;}

a:hover, a:visited:hover {text-decoration: underline;}

strong {font-weight: bold;}

label {
	display: block;
	margin: 0 0 8px;
	font-weight: bold;
	color: #363434;}

.field {margin: 0 0 20px;}

.required {
	font-size: 12px;
	font-style: italic;
	color: red;}

input, select, textarea {
	display: block;
	margin: 0;
	padding: 5px;
	font-size: 14px;
	line-height: 140%;
	background-image: none;
	background-color: transparent;
	border: 1px solid #d0cccc;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;}

input[type=text], input[type=date], input[type=email], input[type=number], input[type=tel], input[type=password], textarea {
	width: 330px;}

input[type=submit] {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	background-color: #000;
	border: none;
	padding: 6px 15px;
}

input[type=submit]:hover {
	cursor: pointer;
	background-color: #4b4b4b;}

textarea {width: 530px;}

form .field .error.message,
form .field .validation.message {
	display: block;
	font-size: 0.8rem;
	margin: 0.5rem 0;
	color: #f00e21;
}

#container {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	flex-grow: 1;}

#container .wrap {position: relative;}

#content {
	min-height: 211px;
	position: relative;
	min-height: 641px;}

/* Header ==============================================================================================================
========================================================================================================================
======================================================================================================================== */
#header {
	position: relative;
	padding: 49px 0 35px;
	background-image: url(../images/bg-header.gif);
	background-repeat: no-repeat;
	background-position: bottom;}

#header h1 {
	width: 449px;
	height: 76px;
	margin: 0;
	color: #f00e21;
	font-size: 40px;
	text-indent: -9999px;
	background-image: url(../images/logo.gif);}

#header h1 a, #header h1 a:link, #header h1 a:visited {
	display: block;
	height: 76px;}

#header h2 {
	margin: 0;
	padding: 16px 17px 14px;
	color: #fff;
	font-size: 21px;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial';
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: #f00e21;
	border: none;}

#header p {
	position: absolute;
	top: 96px;
	left: 428px;
	margin: 0;
	color: #b2b2b2;
	font-size: 25px;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial';
	line-height: 100%;}

#twitter, #facebook {position: absolute;}

#twitter {
	top: 53px;
	right: 57px;}

#facebook {
	top: 55px;
	right: -4px;}

/* Sidebar =============================================================================================================
========================================================================================================================
======================================================================================================================== */
#sidebar {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 219px;
	margin: 0 62px 0 0;
	background-color: #f8f8f8;}

#nav {
	background-color: #fff;}

#nav li {
	margin: 0 0 1px;
	line-height: 18px;}

#nav a, #nav a:link, #nav a:visited {
	display: block;
	padding: 12px 13px 10px;
	color: #000;
	font-weight: bold;
	font-family: 'Helvetica', 'Arial', sans-serif;;
	font-stretch: condensed;
	background-color: #f5f5f5;}

#nav a:hover, #nav a:visited:hover {color: #f00e21; text-decoration: none;}

#nav a.current, #nav a.section {
	padding-left: 36px;
	color: #f00e21;
	background-image: url(../images/bg-nav-a.png);
	background-repeat: no-repeat;
	background-position: left center;}

#subNav {
	min-height: 211px;
	padding: 40px 11px 0;
	background-image: url(../images/bg-sub-nav.png);
	background-repeat: repeat-x;}

#subNav a, #subNav a:link, #subNav a:visited {
	display: block;
	margin: 0 0 10px;
	padding: 0 0 0 16px;
	font-weight: bold;
	font-family: 'Helvetica', 'Arial', sans-serif;;
	font-stretch: condensed;
	background-repeat: no-repeat;
	background-position: left center;}

#homeLink {background-image: url(../images/icon-home.png);}

#contactLink {
	background-image: url(../images/icon-contact.png);
	background-position: 0 2px;}

/* Main ================================================================================================================
========================================================================================================================
======================================================================================================================== */
#main {
	position: relative;
	left: 281px;
	width: 679px;
	padding: 0 0 1px;}

#index {
	margin: 0 0 27px;
	background-color: #f0f0f0;}

#index h3 {
	float: left;
	margin: 0 14px 0 0;
	padding: 0 15px 0 11px;
	color: #fff;
	line-height: 29px;
	text-transform: uppercase;
	background-color: #000;
	background-image: url(../images/bg-index-h3.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-size:13px;}

#index li {
	float: left;
	margin: 0 16px 0 0;
	line-height: 29px;}

/* Homepage ==============================================================================================================
========================================================================================================================
======================================================================================================================== */
#homeSlideContainer {
	position: relative;
	margin: 0 0 40px;}

#homeSlide {
	width: 679px;
	height: 300px;}

#homeSlide li {position: absolute;}

#homeSlide img {
	display: block;
	width: 679px;
	height: 300px;}

#homeSlide h2 {
	margin: 0;
	color: #fff;
	border: none;
	font-size: 14px;}

#homeSlide p {
	margin: 0;
	color:#efefef;
	font-size: 12px;}

.slideDetails {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px 10px 30px;
	background-image: url(../images/bg-slider.png);}

#prevSlide, #nextSlide {
	position: absolute;
	top: 131px;
	z-index: 100;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background-image: url(../images/bg-home-slide-next-prev.png);}

#prevSlide {
	left: 9px;}

#nextSlide {
	right: 9px;
	background-position: -34px 0;}

#homeSlideNav {
	position: absolute;
	z-index: 100;
	bottom: 13px;
	left: 50%;
	margin-left: 0;
	transform: translateX(-50%);}

#homeSlideNav li {
	float: left;
	margin: 0 8px 0 0;}

#homeSlideNav a, #homeSlideNav a:link, #homeSlideNav a:visited {
	display: block;
	width: 8px;
	height: 8px;
	text-indent: -9999px;
	background-image: url(../images/bg-home-slide-nav-a.png);
	background-position: -10px 0;}

#homeSlideNav a:hover, #homeSlideNav a:visited:hover,
#homeSlideNav .activeSlide a {background-position: 0 0;}

#homeSearch {
	padding: 16px 0 26px 41px;
	background-image: url(../images/bg-home-search.jpg);
	background-repeat: no-repeat;
	background-position: right;
	border: 1px solid #e2d0d0;}

#homeSearch h2 {
	margin: 0 0 18px;
	border: none;}

#homeSearch input, #homeSearch select {
	padding: 9px;
	font-weight: bold;
	float: left;
	border: none;
	width: auto;
	background-image: none;}

#homeSearch input[type="text"] {width: 180px;}

#homeSearch select {
	margin: 0 9px 0 0;
	padding-right: 16px;
	color: #9b9b9b;
	background-image: url(../images/icon-up-down-arrows.png);
	background-repeat: no-repeat;
	background-position: right center;}

#homeSearchFields {
	float: left;
	border: 1px solid #e2d0d0;}

/* People Page ========================================================================================================
========================================================================================================================
======================================================================================================================== */
#peopleIndex {margin: 20px 0 10px;}

#peopleIndex li {
	float: left;
	margin: 0 10px 0 0;
	font-size: 18px;}

#peopleIndex a, #peopleIndex a:link, #peopleIndex a:visited {color: #9b9b9b;}

#peopleIndex a:hover, #peopleIndex a:visited:hover {
	color: #2a8fed;
	text-decoration: none;}

.peopleList li {
	float: left;
	margin: 0 20px 0 0;
	width: 200px;}
.peopleList li:nth-child(3n + 1) {
	clear: both;
}

#searchTitle h1 {float: left;}

#peopleSearchFields {
	float: right;
	border: 1px solid #e2d0d0;}

#peopleSearchFields input[type=text] {width: 200px;}

#peopleSearchFields input, #peopleSearchFields select {
	padding: 7px;
	font-weight: bold;
	float: left;
	border: none;
	width: auto;
	background-image: none;
	font-size: 13px;}

#peopleSearchFields select {
	width: auto;
	margin: 0 9px 0 0;
	padding-right: 16px;
	color: #9b9b9b;
	background-image: url(../images/icon-up-down-arrows.png);
	background-repeat: no-repeat;
	background-position: right center;}

#bioImage {
	float: right;
	margin: 0 0 20px 20px;}

#bioImage img {
	display: block;
	margin: 0 0 10px;}

#bioImage span {
	font-size: 12px;
	font-style: italic;}

#filmList li,
#linkList li,
#peopleList li,
#screeningList li {
	margin: 0 0 5px;
	padding: 0 0 5px;
	font-weight: bold;
	border-bottom: 1px solid #e2d0d0;}

#peopleList a {
	display: inline-block;
	margin: 0 30px 0 0;}

#orgBox {border: 1px solid #e2d0d0;}

#orgExpand {padding: 22px 27px;}

#orgExpand h2 {margin: 0 0 12px;}

#orgDetails {
	padding: 22px 27px;
	background-color: #f6f6f6;
	border-top: 1px solid #e2d0d0;
	background-image: url(../images/bg-down-arrow.png);
	background-repeat: no-repeat;
	background-position: top center;}
}

.orgDetails {display: none;}

#expandList {
	height: 328px;
	padding: 0 9px 0 0;
	overflow: auto;
	outline: none;}

#orgFilmList {margin: 0 0 20px;}

#orgFilmList span {
	display: inline-block;
	margin: 0 20px 0 0;}

/* Article Page ========================================================================================================
========================================================================================================================
======================================================================================================================== */
#articleImages {
	float: right;
	width: 301px;
	padding: 0 0 10px 10px;}

#articleImagesSlider img {
	width: 301px;
	height: 202px;}

#articleImagesSlider span {
	display: block;
	width: 301px;
	margin: 5px 0;
	color: #363434;
	font-size: 12px;
	font-style: italic;}

#articleImagesPager li {
	float: left;
	margin: 0 7px 0 0;}

#articleImagesPager a, #articleImagesPager a:link, #articleImagesPager a:visited {
	display: block;
	width: 47px;
	height: 35px;
	border: 2px solid #fff;}

#articleImagesPager a:hover, #articleImagesPager a:visited:hover,
#articleImagesPager .activeSlide a {
	border-color: #f00e21;}

#articleImagesPager img {
	display: block;
	width: 47px;
	height: 35px;}

/* Oral History Holder =================================================================================================
========================================================================================================================
======================================================================================================================== */
.oralHistoryList {
	float: left;
	margin: 0 65px 0 0;}

/* Oral History Page ===================================================================================================
========================================================================================================================
======================================================================================================================== */
#videoBox {border: 1px solid #e2d0d0;}

#videoBoxEmbed {
	padding: 22px 27px;
	border-bottom: 1px solid #e2d0d0;}

#videoBox embed, #videoBox object {
	display: block;
	width: 628px;
	height: 502px;}

#transcript {
	padding: 22px 27px;
	background-color: #f6f6f6;}

#transcriptHeader {margin: 0 0 18px;}

#transcript h2 {
	margin: 0;
	float: left;
	color: #000;
	border: none;}

#transcriptDownload {
	display: block;
	float: right;
	padding: 8px 37px 8px 0;
	font-weight: bold;
	background-image: url(../images/icon-pdf.png);
	background-repeat: no-repeat;
	background-position: right center}

#transcriptHolder {
	height: 351px;
	margin: 0 0 10px;
	overflow: auto;}

#transcriptTop {
	padding: 0 0 0 10px;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: underline;
	background-image: url(../images/icon-up-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;}

/* Screening Series Page ===============================================================================================
========================================================================================================================
======================================================================================================================== */
#screenedFilmsCont {clear: both;}

#screenedFilms li {margin: 0 0 20px;}

.screenedFilmImage {
	float: left;
	width: 139px;
	margin: 0 22px 0 0;}

.screenedFilmImage img {display: block;}

.screenedFilmImage span {
	display: block;
	font-size: 10px;
	font-style: italic;
	line-height: 160%;}

.screenedFilmDetails {
	float: left;
	width: 515px;}

.screenedFilmDetails p {margin: 0;}

/* Symposium Holder ====================================================================================================
========================================================================================================================
======================================================================================================================== */
#symposium {
	margin: 30px 0 0;
	padding: 30px 0 0;
	border-top: 1px solid #ccc;}

/* Footer ==============================================================================================================
========================================================================================================================
======================================================================================================================== */
#footer p {
	float: left;
	margin: 0;
	color: #fff;
	font-weight: bold;
	line-height: 23px;}

#footer p#mc {
	float: right;
	padding: 0 31px 0 0;
	background-image: url(../images/mc.png);
	background-repeat: no-repeat;
	background-position: right center;}

#footer li {float: left;}

#footer a, #footer a:link, #footer a:visited {color: #fff;}

#subFooter {
	padding: 56px 0 41px;
	background-color: #fff;}

#pacific, #getty, #bofa {
	display: block;
	float: left;
	height: 32px;
	text-indent: -9999px;
	background-image: url(../images/logo-pacific.png);}

#pacific {
	width: 559px;
	margin: 0 9px 0 0;}

#getty {
	width: 87px;
	margin: 0 18px 0 0;
	background-position: -568px 0;}

#bofa {
	width: 114px;
	background-position: -673px 0;}

#subSubFooter {
	padding: 7px 0 14px;
	background: #000;}

/* LOGIN PAGE =============================================================================================================
========================================================================================================================
======================================================================================================================== */
#Remember input {display: inline-block;}

#Remember label {display: inline;}

/* Classes =============================================================================================================
========================================================================================================================
======================================================================================================================== */
.wrap {
	width: 960px;
	margin: 0 auto;}

.expandList li {
	display: block;
	line-height: 100%;
	position: relative;
	border-bottom: 1px solid #e2d0d0;}

.expandListTrigger {
	display: block;
	position: absolute;
	top: 16px;
	right: 0;
	width: 100%;
	height: 40px;
	padding: 0;
	font-size: 10px;
	text-align: right;
	text-transform: uppercase;}

.expandList h3 {line-height: 40px;}

.expandHidden {
	display: none;
	padding: 0 17px 25px 0;}

.expandHidden div {
	float: left;
	width: 455px;}

.expandHidden .fullDiv, .expandHidden .fullDiv div {width: auto;}

.expandHidden img {
	float: left;
	margin: 0 30px 0 0;}

.expandList .expandList {padding: 0 0 0 15px;}

.expandList .expandList .expandListTrigger {
	position: static;
	top: 0;
	left: 0;
	height: 25px;
	padding: 0 0 0 15px;
	color: #363434;
	font-size: 16px;
	line-height: 25px;
	text-align: left;
	text-transform: none;
	background-image: url(../images/icon-arrow-collapsed.png);
	background-repeat: no-repeat;
	background-position: 0 6px;}

.expandList .expandList .expandListTriggerSelected {background-image: url(../images/icon-arrow-expanded.png)}

.expandList .expandList li {border: none;}

.expandList .expandList li li {margin: 0 0 5px 15px;}

.expandList .expandList li a {
	color: #4A4848;
	font-weight: normal;}

.expandList .expandList li a.selected {
	color: #f00e21;
	font-weight: bold;}

.expandList .expandList li span {
	display: inline-block;
	width: 80px;
	margin: 0 10px 0 0;
	color: #2a8fed;}

.expandHidden .expandHidden {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;}

#message a, #message a:link, #message a:visited {
	display: none;
	z-index: 999;
	position: fixed;
	bottom: 53px;
	left: 50%;
	width: 103px;
	height: 29px;
	margin: 0 0 0 390px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	text-transform: uppercase;
	text-decoration: underline;
	background-image: url(../images/icon-back-to-top.png);
	background-repeat: no-repeat;
	background-color: #fff;
	opacity: .7;
	border-radius: 3px}

#message a:hover, #message a:visited:hover {
	opacity: 1;}

#pageContent {margin: 0 0 20px;}

.condense_control {
	display: block;
	margin: 0 0 20px;
	color: #2a8fed;
	font-weight: bold;
	font-size: 15px;}

#homepageAd {
	position: relative;
	top: -17px;}

#homepageAd img {
	display: block;
	width: 679px;
	height: 108px;}

#sidebarAd {margin: 20px 0 0 5px;}

#subNav #sidebarAd a {margin: 0; padding: 0;}


#sidebarAd img {
	display: block;
	width: 187px;
	height: 154px;}

/* ----- SEARCH RESULTS ----------------------------- */
.search-results p.search-query {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
ul#SearchResults {
	margin: 40px auto 0 auto;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e5e5e5;
}
	ul#SearchResults li {
		border-top: 1px solid #e5e5e5;
		padding: 20px 0;
		list-style-type: none;
	}
	ul#SearchResults li:first-child {
		border-top: none;
	}
	ul#SearchResults a.search-result-header {
		font-size: 18px;
		border-bottom: none;
	}
	ul#SearchResults p {
		margin: 12px 0;
	}

.search-results #PageNumbers {
	padding-top: 15px;
}
	.search-results #PageNumbers a {
		padding: 0 5px
	}
	.search-results #PageNumbers .pagination {
		float: left
	}
	.search-results #PageNumbers p {
		float: right
	}
	.search-results #PageNumbers .next,
	.search-results #PageNumbers .prev {
		font-size: 14px
	}
	.search-results #PageNumbers .next {
		margin-left: 15px
	}
	.search-results #PageNumbers .prev {
		margin-right: 15px
	}


/* ----- SEARCH FORM ----------------------------- */
.plain-search-form-container {
	margin: 30px 0;
}
.plain-search-form-container .search-form {
	position: relative;
	max-width: 400px;
}
.plain-search-form-container .search-form input[type='text'] {
	width: 100%;
	padding: 0 40px 0 5px;
	height: 38px;
	line-height: 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.plain-search-form-container .search-form button.submit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	width: 38px;
	height: 38px;
	background: none;
	border: none;
	color: #4d5452;
	font-size: 13px;
	line-height: 38px;
	cursor: pointer;
	-webkit-transition: color 250ms;
	transition: color 250ms;
}
.plain-search-form-container .search-form button.submit:hover {
	color: #4d5452;
}
.plain-search-form-container .search-form button.submit:focus {
	outline: none;
}
.plain-search-form-container .search-form button.submit span {
	font-size: 24px;
	line-height: 38px;
}

/* ----- PAGINATION ----- */
.pagination {
	font-size: 14px;
}
.pagination .page-number-link {
	color: #b7b6b6;
	font-weight: normal;
	border-bottom: none !important;
}
.pagination .page-next-prev-link {
	color: #555555;
	text-transform: uppercase;
	border-bottom: none !important;
}
.pagination .page-number-link,
.pagination .page-current-number-link,
.pagination .page-next-prev-link {
	padding: 0 5px;
}

.mail-chimp-sign-up {
	position: relative;
	margin-bottom: 30px;
}
.mail-chimp-sign-up:after {
	content: "";
	display: table;
	clear: both;
}
.mail-chimp-sign-up input[type="email"] {
	padding: 8px;
	border-right: none;
	width: calc(100% - 120px);
	box-sizing: border-box;
	float: left;
}
.mail-chimp-sign-up input[type="submit"] {
	width: 120px;
	box-sizing: border-box;
	float: right;
	font-weight: bold;
	padding: 8px 5px;
}