/* Basic Styles: Styles for Colors and Fonts */

/* Outline the Color System

_Main Content
Navigation Links: #000000
Heading links: #057bac
Content Links: #000000

Body copy: #333333
Content name headings: #057bac
Content type headings: #000000

_Footer
Links: #ffffff
*/

body {
	background:#00adef url("/assets/i/bkgd/bg-site.jpg") no-repeat center top;
	color: white;
	font: normal 12px/18px "Lucida Sans", "Lucida Grande", Trebuchet, "Trebuchet MS", Arial, sans-serif;
	text-align: center;
}

	body.bg01 {
		background:#00adef url("/assets/i/bkgd/bggradient01.gif") no-repeat center top; background-attachment:fixed;
	}

	body.bg02 {
		background:#575faa url("/assets/i/bkgd/bggradient02.gif") no-repeat center top; background-attachment:fixed;
	}

	body.bg03 {
		background:#000000 url("/assets/i/bkgd/bggradient03.gif") no-repeat center top; background-attachment:fixed;
	}

p em,
p i, td i, td em {
	font-style:italic !important;
}

p {
	color:#333;
	font-size:12px;
	line-height: 1.5em;
}

#page {
	margin: 0 auto;
	text-align: left;
	width: 998px;
}

#header,
#header a { color: #fff; }
#logo-print { display:none; }

#primary {
	overflow: hidden;
}

#content {
	background: white;
	color: #333;
	padding: 0 18px;
	width: 952px;
}

	#nav {
		color: #000;
	}

	#nav a { color: #000; }

	#nav-sec {
		color: #636466;
		font-size: 10px;
		line-height: 13px;
		text-transform: uppercase;
	}

		#nav-sec a {
			color: #636466;
		}

		#nav-sec em {
			color: #000;
		}

		#nav-sec ul ul {
			text-transform: none;
		}

#footer {
	font-size: 11px;
	line-height: 1;
	text-align: right;
}

	#footer a:link,
	#footer a:visited,
	#footer a:hover,
	#footer a:active {
		color: #fff;
		text-decoration: none;
	}

	#footer a:hover { text-decoration: underline; }


/* Font and Color from Greg's styles */
h1, h2, h3, h4, h5 {
	color:#009cd6;
	line-height:1.25em;
	font-weight:normal;
	padding:0;
	margin:0;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:15px;
}
h4 {
	font-size:10px;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	color:#009cd6;
}
h1.plain, h3.plain{
	color:#333333;
}

a { color:#009cd6; text-decoration:none; }
a:hover { text-decoration:underline; }

.topic-header,
.topic-header a {
	color:#333;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

	.topic-header em {
		font-style:italic;
		font-weight:bold;
	}
.secondary-header {
	color:#333;
	font-size:20px;
	line-height:1.25em;
	margin:0.5em 0 1em;
}

	.secondary-header a{
		color: #009CD6;
	}
.caps {
	font-size:0.9em;
	text-transform:uppercase;
}





/* Featured content
------------------------------------ */
a.action,
p.action button,
li.action button,
a.action-cited {
	color:#333;
	font-size:11px;
	line-height: 14px;
	font-weight:bold;
	padding-right:12px;
	background:url("/assets/i/buttons/arrow-dark.gif") no-repeat right center;
	border:0;
}
	p.action button {
		display:inline;
		padding-left:0;
	}

	a.action-active {
		color: #000;
	}

	li.action button {
		margin-left:-30px;
		padding-right:6px;
		cursor:pointer;
	}
		li.action button:hover span { text-decoration:underline; }

	a.action-cited:hover {
		text-decoration:none;
	}
		a.action-cited:hover span {
			text-decoration:underline;
		}
	a.action-cited {
		background:none;
	}
	a.action-cited cite {
		padding-right:6px;
		color:#999;
	}
a.next {
	padding-right:8px;
	background:url("/assets/i/buttons/next.gif") no-repeat right center;
	text-transform:uppercase;
}
.large-caption {
	font-size:15px;
	line-height:1.5em;
}
.right-rail {
	color:#333;
	font-size:11px;
}
.invert,
.invert .topic-header,
.invers a.action {
	color:#FFF;
}

ul.pagination li {
	font-size:11px;
}
	ul.pagination li a {
		color:#333;
	}

ul.bullet-list {
	list-style:none;
	list-style-image:url('/themes/paley/i/global/bullet-list.gif');
	margin-left:20px;
	padding:0;
}

/* Email / share footer
------------------------------------ */
ul.email-share a {
	color:#aaa;
	font-size:10px;
	text-transform:uppercase;
}

/* List of tags (gray links)
------------------------------------ */
ul.tags a {
	color:#333;
}

/* List of cited phrases
------------------------------------ */
ul.citation-list {
	color:#333;
	font-size:11px;
}
	ul.citation-list cite {
		color:#999;
	}

/* Radio button poll
------------------------------------ */
.poll-list,
.quiz-questions {
	color:#333;
}
	.poll-list cite,
	.quiz-questions cite {
		color:#aaa;
	}

/* Series pages
------------------------------------ */
.series-event {
	color:#333;
	font-size:11px;
	line-height:18px;
}
	.series-event p.about {
		font-size:13px;
		line-height:22px;
	}

/* HEADERS
------------------------------------ */
/* 3-column subpage header
------------------------------------ */
.header-3col {
	color:#333;
}
	.header-3col h1 {
		color:#009fd6;
		font-size:32px;
	}
		.header-3col h1.topic-header {
			color:#333;
			font-size:10px;
		}
	.header-3col h2 {
		color:#009fd6;
		font-size:18px;
	}
	.header-3col .main p {
		font-size:13px;
	}
		.header-3col .main .inset p,
		.header-3col .sec {
			color:#333;
			font-size:11px;
		}
		.header-3col .main p.date-time, .header-3col .main p.date-time {
			font-size:11px;
			font-weight:bold;
			margin-bottom:1.5em;
        }
span.TBD {
    color: #c90062;
    font-weight: bold;
}

/* 2-column subpage header
------------------------------------ */
.header-2col-wide .title, .header-2col-wide .sec,
.header-2col-narrow .title, .header-2col-narrow .sec {
	color:#333;
}
.header-2col-wide .title, .header-2col-narrow .title {
	font-size:15px;
	line-height:18px;
}
	.header-2col-wide .sec, .header-2col-narrow .sec {
		font-size:15px;
		line-height:21px;
	}
	.header-2col-wide h1, .header-2col-narrow h1 {
		color:#009cd6;
		font-size:22px;
	}
	.header-2col-wide h2, .header-2col-narrow h2 {
		color:#333;
		font-size:22px;
		line-height:24px;
	}
	.header-2col-wide a.action, .header-2col-narrow a.action {
		font-weight:normal;
	}

/* Basic 1-col header
------------------------------------ */
.header-basic-caps h1 {
	color:#00a2d7;
	font-size:24px;
	text-transform:uppercase;
}
.header-basic h2,
.header-basic-caps h2 {
	font-size:20px;
	line-height:23px;
}
.header-basic p,
.header-basic-caps p {
	color:#333;
	font-size:15px;
	line-height:21px;
}

/* Blog headers
------------------------------------ */
.blog-header-main,
.blog-header-sub {
	color:#333;
}

/* Main blog header
------------------------------------ */
.blog-header-main .content p.topic-header {
	font-size:11px;
}
.blog-header-main .content h1 {
	color:#009cd6;
	font-size:23px;
}
.blog-header-main .content cite {
	font-size:12px;
}
.blog-header-main .content p {
	font-size:16px;
	line-height:1.5em;
}

/* Blog sub-page header
------------------------------------ */
.blog-header-sub .content h1 {
	color:#009cd6;
	font-size:34px;
}
.blog-header-sub .content p {
	font-size:12px;
}
.blog-header-sub .sec h2 {
	font-size:14px;
}
.blog-header-sub .sec p {
	font-size:11px;
	line-height:1.5em;
}

/* FEATURE BLOCKS
------------------------------------ */
/* Video Modules: tabs / lists
------------------------------------ */
.video-tabbed .about li a {
	color:#333;
	font-weight:bold;
	font-size:10px;
	line-height:37px;
	text-transform:uppercase;
}
.video-tabbed .about h3 {
	color:#333;
}

/* Main media feature block
------------------------------------ */
.main-feature .content {
	font-size:12px;
	line-height:1.5em;
}
.main-feature h3 {
	color:#61d3fe;
	font-size:18px;
}

/* LOWER-MAIN
------------------------------------ */
/* Featured content promos
------------------------------------ */
.featured-content p {
	color:#333;
	font-size:12px;
	line-height:1.5em;
}
	.featured-content p.abstract {
		font-size:13px;
		line-height:1.3em;
	}
	.featured-content.home p {
		font-size:13px;
		line-height:1.3em;
	}
.featured-content h3 {
	font-size:20px;
}
	/* color homepage header links light blue */
	.home .featured-content h3 a {
		color:#009cd6;
	}

/* Join the Conversation / comments
------------------------------------ */
.join-the-conversation h3 {
	font-size:14px;
	line-height:18px;
}
.join-the-conversation h4 {
	color:#333;
	font-weight:bold;
	font-size:16px;
	line-height:1.5em;
}
.join-the-conversation .add-comment {
	text-align:right;
}

ul.comments-list {
	color:#333;
	font-size:11px;
	line-height:1.5em;
}
	ul.comments-list li cite {
		color:#999;
	}
		ul.comments-list li cite strong {
			color:#009cd6;
			font-weight:bold;
		}

/* Collection list module
* (appears in Screening Room)
------------------------------------ */
.collection-list h3 {
	color:#333;
	font-size:14px;
	line-height:30px;
}
.collection-list ul {
	color:#999;
	font-size:10px;
	line-height:24px;
}
.collection-list ul a {
	font-weight:bold;
}

/* Series Overview
* (appears on series main template)
------------------------------------ */
.series-info ul.programs h4 {
	color:#009cd6;
	font-size:14px;
	text-transform:none;
}

/* Blog entries / utilities
------------------------------------ */
.blog-entry {
	font-size:12px;
}
	.blog-entry h3 {
		font-size:18px;
		line-height:24px;
	}
	.blog-entry strong {
		color:#333;
		font-weight:bold;
	}
	.blog-entry .date {
		font-weight:bold;
		font-size:10px;
		line-height:12px;
	}
	.blog-entry .tags {
		font-size:11px;
		line-height:11px;
	}

.blog-utilities {
	color:#333;
	font-size:11px;
}
	.blog-utilities strong {
		color:#333;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
	}
	.blog-utilities a {
		color:#333;
		font-weight:bold;
	}

/* Photo Gallery
------------------------------------ */
.photo-gallery p {
	font-size:12px;
}

/* Tab structures
------------------------------------ */
ul.tabs li a {
	color:#333;
	line-height:27px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

/* SIDEBAR
------------------------------------ */
/* Related Events
------------------------------------ */
.related-events h4 {
	color:#009cd6;
	font-size:14px;
	text-transform:none;
}

/* From the Collection
------------------------------------ */
.from-the-collection ul {
	color:#b4b4b4;
	font-size:11px;
	line-height:2em;
}

/* Related resources
------------------------------------ */
.related-resources strong {
	color:#333;
}
.related-resources ul li {
	color:#999;
	font-size:11px;
	line-height:1.4em;
}

/* Upcoming events
------------------------------------ */
.upcoming-events ul h4 {
	color:#009cd6;
	font-size:14px;
	text-transform:none;
}
.upcoming-events ul p.topic-header {
	font-size:10px;
}
.upcoming-events ul p, .upcoming-events ul a.action {
	font-size:11px;
}

/* Other series events
------------------------------------ */
.other-events ul h4 {
	font-size:14px;
	line-height:1.5em;
}

/* About the Curator (blogs)
------------------------------------ */
.about-curator h4 {
	color:#009cd6;
	font-size:16px;
	line-height:24px;
	text-transform:none;
}
.about-curator em {
	font-style:italic;
}
.about-curator strong {
	color:#333;
	font-weight:bold;
	font-size:10px;
}
.about-curator .position {
	font-size:10px;
}

/* Blog authors / communities
------------------------------------ */
.blog-author,
.blog-community {
	color:#333;
}
	.blog-author h3,
	.blog-community h3 {
		color:#333;
		font-size:13px;
	}
	.blog-author p,
	.blog-community p {
		font-size:11px;
	}

/* Series Sponsors
------------------------------------ */
.series-sponsors cite {
	font-size:13px;
	line-height:19px;
}

/* Caption block
* (large-text sidebar item)
------------------------------------ */
.caption-block {
	font-size:13px;
	line-height:19px;
}

/* Archives Selector
------------------------------------ */
.archives-selector form {
	font-size:11px;
	line-height:1em;
}
.archives-selector select {
	color:#333;
}

/* Photo poll module
------------------------------------ */
.photo-poll p {
	color:#017fb2;
	font-size:12px;
}

/* SPECIFIC PAGES
------------------------------------ */
/* Press release / article page
------------------------------------ */
.press-release-header,
.article-header {
	color:#333;
	font-size:11px;
}
	.press-release-header h1,
	.article-header h1 {
		color:#009cd6;
		font-size:22px;
	}
	.article-header cite {
		font-size:13px;
		line-height:2em;
	}

.press-release,
.topic-article {
	color:#333;
	font-size:11px;
	line-height:1.5em;
}
	.press-release h2 {
		color:#333;
		font-size:13px;
		line-height:30px;
	}
		.press-release p.date {
			font-size:10px;
			line-height:18px;
		}

ul.press-release-list, ul.press-release-list h3 {
	color:#999;
	font-size:12px;
	line-height:2em;
}

/* Sitemap
------------------------------------ */
.sitemap h1 {
	font-size:20px;
}
.sitemap .topic-header a, .sitemap ul a {
	color:#333;
}

/* Advanced search / login forms
------------------------------------ */
input.field,
input.text,
form#MemberLoginForm_LoginForm {
	color:#333;
	font-size:11px;
	line-height:1em;
}

form.advanced-search,
form.user-login,
form#MemberLoginForm_LoginForm {
	font-size:11px;
	line-height:1em;
}
		form.advanced-search input.field,
		form.user-login input.field,
		form#MemberLoginForm_LoginForm input.text {
			color:#333;
		}
	form.advanced-search a,
	form.user-login a {
		color:#333;
	}

	#PageCommentInterface_Form_PageCommentsPostCommentForm_Name {font-weight:bold;}

/* Search results page
------------------------------------ */
.search-results-header {
	color:#333;
	font-size:13px;
}
	.search-results-header h1 {
		color:#009cd6;
		font-size:22px;
		line-height:28px;
	}

.search-results .results-list {
	color:#333;
	font-size:11px;
	line-height:18px;
}
	.search-results .results-list h3, .search-results .results-list cite {
		color:#999;
		font-size:14px;
	}

/* Newsletter signup
------------------------------------ */
.newsletter-signup {
	color:#333;
	font-size:11px;
}

/* Cxpert Commentary block
------------------------------------ */
.expert-commentary blockquote {
	color:#00a2d7;
	font-size:15px;
	line-height:1.5em;
}

/* Brightcove Player
----------------------------------- */
#player-header{
	text-align:center;
	margin-bottom:20px;
}


/* Addthis
----------------------------------- */
.addthis_toolbox .hover_effect
{
	width: 284px;
	padding: 10px 0 6px 10px;
	border: 3px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div
{
	float: left;
}

.addthis_toolbox .hover_effect a
{
	border: 2px solid #fff;
	padding: 2px 2px 2px 16px;
	position: relative;
	text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
	border: 2px solid #105CB6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #B4D3F8;
	color: #105CB6;
	text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
	position: absolute;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 1px;
}

/* Poll Everywhere
----------------------------------- */
div.pe_multiple_choice_poll_991126.peWidget  {
	color: #e98300;
}


/* Screening Room
----------------------------------- */

#sr-menu {
	font: bold 11px/15px "Lucida Sans", "Lucida Grande", Trebuchet, "Trebuchet MS", Arial, sans-serif;
	text-align: left;
	padding: 0px 0px 12px 0px;
	color:#057baf;
	font-size:11px;
	line-height:15px;
}

#sr-subhead {
	font: bold 16px/18px "Lucida Sans", "Lucida Grande", Trebuchet, "Trebuchet MS", Arial, sans-serif;
	text-align: left;
	color:#000;
	font-size:16px;
	line-height:19px;
}

#sr-desc {
	font: normal 9px/15px "Lucida Sans", "Lucida Grande", Trebuchet, "Trebuchet MS", Arial, sans-serif;
	text-align: left;
	padding: 2px 0px 0px 0px;
	color:#777;
	font-size:9px;
	line-height:15px;
	text-transform:uppercase;
}

#sr-title {
	font: bold 11px/15px "Lucida Sans", "Lucida Grande", Trebuchet, "Trebuchet MS", Arial, sans-serif;
	text-align: left;
	padding: 0px 0px 4px 0px;
	color:#057baf;
	font-size:11px;
	line-height:15px;
}

#sr-date {
	font: normal 9px/10px "Lucida Sans", "Lucida Grande", Trebuchet, "Trebuchet MS", Arial, sans-serif;
	text-align: left;
	color:#777;
	font-size:9px;
	line-height:10px;
	text-transform:uppercase
}

#sr-more {
	font: bold 10px/11px "Lucida Sans", "Lucida Grande", Trebuchet, "Trebuchet MS", Arial, sans-serif;
	text-align: left;
	color:#057baf;
	font-size:10px;
	line-height:11px;
}

#search-vid {
		position:absolute;
		top:14px;
		right:18px;
		width:200px;
		text-align:right;
		margin:0;
		z-index:10;

		/* place in parent for IE */
		font-size: 10px;
		line-height: 1em;
}

#search-vid input {
	vertical-align: middle;
	margin-right:5px;
}

/*#search input[type="text"] -- for IE */
#search-vid #q {
	border: 1px solid #bfbfbf;
	color: #a4a4a4;
	padding: 3px 6px;
	width: 138px;
}


/* bbox overlay styles */

.page-overlay {
	position: fixed;
	overflow: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 900000;
	color: #000;
	background-color: #fff;
	background-color: rgba(255,255,255,.95);
	padding: 20px 40px;
	text-align: left;
	font-family: Verdana, 'Lucida Sans', 'Lucida Grande', Trebuchet, 'Trebuchet MS', Arial, sans-serif;
}
.page-overlay .page-overlay-close {
	position: fixed;
	right: 10px;
	top: 10px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	background-color: #000;
	font-style: normal;
}
.page-overlay .BBFormContainer {
	margin: 0 auto;
	max-width: 700px;
}

.page-overlay iframe {
	width: 100%;
	height: 100%;
	max-width: 700px;
	margin: 0 auto;
}

/*.bbox-iframe-body {
	width: 100%;
	max-width: 700px;
	height: 100%;
}
*/

/* Rotator */

 .prev-next, .pager {
    clear: both;
    text-align: center;
    margin-bottom: 25px;
}

#prev, #next {
    cursor: pointer;
}

.pager span {
    font-size: 24px;
    display: inline-block;
    color: #ddd;
    margin-right: 12px;
}

.pager span.cycle-pager-active {
    color: #000;
}

.pager > * {
    cursor: pointer;
}


/* Countdown */
.Countdown {
	display: block;
	font-size: 1rem;
	margin: 1em 0;
	max-width: 510px;
}
.Countdown__item {
	display: inline-block;
	margin-left: 1px;
	padding: 0;
	text-align: center;
	width: 1.5em;
	width: calc(25% - 4px);
}
.Countdown__item:first-child {
	margin-left: 0;
}
.Countdown__val {
	display: block;
	font-size: 4.5em;
	font-weight: bold;
	letter-spacing: -.05em;
	line-height: 1;
}

.Countdown__label {
	background-color: #009cd6;
	color: #fff;
	display: block;
	font-size: 0.8em;
	line-height: 1;
	margin-top: 0.125em;
	padding: 0.5em;
	text-transform: uppercase;
}