/* Content Page */

.clear { clear: both; }

div.title {
	border-style: solid;
	border-width: 1px;
	margin: 2em 2.4em 0 0;
	width: 60em;
}

.title .main-column { padding: 0.9em 0; }

#contacts a {
	background: url('../images/icons/email.png') no-repeat 0 50%;
	border-bottom: none;
	padding-left: 18px;
}

/* !Article Info */

#info ul {
	margin: 0;
	padding: 1em 0;
}

	#info ul li {
	background-image: none;
	list-style: none;
	margin: 0 1.72em 0 0;
	padding-left: 0;
	}

div.related-info {
	border: 1px solid rgb(228,224,221);
	padding-top: 1em;
	background: rgb(228,224,221);
}

	.related-info p { margin: 0 2em 0.834em 2em}

div.related-video {
	background: rgb(249,249,249);
	border: 1px solid rgb(228,224,221);
	float: left;
	height: auto !important;
	height: 8em;
	padding: 1.9em 1em;
	width: 33.8em;
}

	.related-video a.vidThumb {
		display: inline;
		float: left;
		margin-right: 1em;
		position: relative;
		z-index:1
	}

	.related-video img {
		border: 1px solid rgb(122,122,122);
		margin-bottom: 1em;
	}

.related-video h3, .related-video p {
	display: block;
	margin: 0;
	position: relative;
}

/* Comments Form */

h3.contentAcc, h3.contentAcc a {
	clear: both;
	display: block;
	position: relative;
}

h3.contentAcc { border: 1px solid rgb(218,214,210); }

h3.contentAcc a {
	position:relative;
	background: rgb(249,249,248) url('../images/icons/link.png') 2em center no-repeat;
	padding: 1.429em 1.429em 1.429em 3.5em;
}

h3.contentAcc a:hover, h3.contentAcc a.on {
	background-color: rgb(241,241,241);
	background-image: url('../images/icons/linkDown.png');
	text-decoration: none;
}

h3.contentAcc a span {
	position:relative; padding:0 1em;
	color: rgb(51,51,51);
	font-size: 0.857em;
}

#commentsBox {
	clear: both;
	display: block;
	margin: 0 0 2em;
	position: relative;
	width: 62.4em;
}

#commentsBox .box-middle .box-interior {
	padding-right: 2.4em;
	width: 57.6em;
}

form#comment-form {
	float:left;
	margin-top: 1em;
	width: 100%;
}
form.formPreview {}
form.formPreview h1 {padding-left:0}

#comment-form div, #contact-form div {clear: both; display: inline; float: left; margin-bottom: 1em; width: 100%;}

#comment-form div label, #contact-form div label {
	display: block;
	float: left;
	font-size: 120%;
	padding: 0.2em;
	width: 10em;
}

#comment-form div input,  #contact-form div input{ width: 12em; }

#comment-form div textarea {
	height: 5em;
	width: 30em;
}

#contact-form div textarea { width: 22.5em;}

#comment-form input, #comment-form textarea, #contact-form input, #contact-form textarea {
	display: inline;
	float: left;
}

#comment-form div.buttons {
	border-top: 1px solid rgb(143,131,119);
	clear: both;
	display: block;
	float: none;
	margin: 1em 0 0;
	padding: 2em 0 1em 0;
	text-align: right;
}


#comment-form div.error, #contact-form div.error {color:#DE0079; }
#comment-form div.error input, #comment-form div.error textarea, #contact-form div.error input, #contact-form div.error textarea {border-color:#DE0079}
#comment-form div.error ul, #contact-form div.error ul {margin-bottom:1em}
#comment-form div.error ul li,#contact-form div.error ul li { background:url(../images/icons/error.png) 0 center no-repeat; line-height:1.5em; padding-left:25px}
#comment-form em { font-style:normal; font-size:140%; font-weight:bold; color:#DE0079; float:left; padding-right:2px}


#commentResults, #commentResults li, #commentResults li .details, #commentResults li p, #commentResults li a.abuse{
	display: inline;
	float: left;
	max-width: none;
	position: relative;
}

#commentResults {
	list-style: none;
	margin-left: 2.4em;
	width: 57.6em;
}

#commentResults li {
	border-bottom: 1px solid #d2cdc9;
	font-size: 100%;
	margin: 0 0 1em;

	width: 100%; overflow:hidden
}

#commentResults li .details {
	font-size: 120%;
	line-height: 1.667em;
	width: 15.4em;
}

#commentResults li .details cite, #commentResults li .details span {
	clear: both;
	display: block;
	position: relative;
}

#commentResults li .details cite {
	font-weight: bold;
	text-transform: capitalize;
}

#commentResults li p {
	float: right;
	font-size: 140%;
	width: 26.7em;
}

#commentResults p.abuse {
	font-size: 120%;
	line-height: 1.667;
	margin-bottom: 1.667em;
	text-align:right;
	text-transform:uppercase;
}

/* additional info*/
.contentAccBody .blocks {position:relative; display:block; clear:both; float:none;}
.contentAccBody .blocks-two .block-holder, .contentAccBody .blocks-two .block { width:26em;}
.contentAccBody .blocks .first {margin-right:5.6em; overflow:visible;}
.contentAccBody .blocks address {font-size:140%; margin-bottom:1.429em; line-height:1.429em}

.contentAccBody {position:relative; display:inline; float:left; clear:both}

.jsEnabled .contentAccBody {display:none;}

div#honeypot { display: none; }

#lightbox {
	position:absolute; display:none; top:20px; left:50%;
	margin:0 0 0 -40.53em;
	width:81.6em; /*min-height:200px; height:auto !important; height:200px;*/
	z-index:100; overflow:visible;
	padding:10px 10px 0 0;
}
.transcript {margin:1.429em 0 0 0 !important;}

#lightbox .box2 {}
#lightbox .box2 .box-top, #lightbox .box2 .box-bottom, #lightbox .box2 .box-middle, #lightbox .box2 .box-interior {position:relative; display:block; width:auto; float:none;clear:both;}
#lightbox .box2 .box-top, #lightbox .box2 .box-top .box-interior, #lightbox .box2 .box-bottom, #lightbox .box2 .box-bottom .box-interior {height:2em;}

#lightbox .box2 .box-nav .box-middle, .utility .box-nav .box-middle {float:left}
#lightbox .box2 .box-nav .box-middle .box-interior, .utility .box-nav .box-middle .box-interior {float:right; display:inline}

#tempContainer {position:relative; display:block; clear:both; width:100%; height:100%; background:#fdfbf6}
#lightbox .utility {margin-left:1.4em}
#lightbox .utility .box ul {margin-bottom:0px;}

#lightbox a.close {
	position:absolute; display:block; top:0px; right:0px; width:30px; height:30px;
	background: url(../images/close.png) top left no-repeat;
}
#lightbox a.close:hover { background-position:bottom left}


#caseLead {position:relative; display:block;  margin-bottom:2em;}
#caseLead a.lb {position:relative; display:block; clear:both; width:576px; height:262px;}

#caseLead cite {
	border: 1px solid rgb(218,214,210);
	background: rgb(249,249,248);
	display: block;
	font-size: 120%;
	line-height: 1.667;
	padding: 0.833em 1.333em;
}

#caseLead cite em, #gallery cite em {font-style:normal; padding:0 0.3em; font-weight:normal;}


#gallery {
	clear: both;
	display: block;
	/*width:784px;*/
	padding-right: 2em;
	position: relative;
	width: auto;
}

#gallery img { max-width: 92.4em; }

#lightbox .main-column {
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
}

#lightbox #gallery cite {
	clear: both;
	display: block;
	font-weight: bold;
	padding: 0.714em 0;
	position: relative;
}

#gallery p { padding: 0.714em 0; margin-bottom:0; position:relative; clear:both;}

#gallery .imgContainer {
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
}

#lightbox #gallery a.prev, #lightbox #gallery a.next {
	clear: both;
	display: block;
	margin-bottom: 20px;
	position: relative;
}

#lightbox #gallery .imgContainer a.prev, #lightbox #gallery .imgContainer a.next {
	display: block;
	height: 69px;
	margin-top: -34px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 66px;
}

#lightbox #gallery .imgContainer a.prev { background:url(../images/lb_prev.png) 0 -69px no-repeat}
#lightbox #gallery .imgContainer a.next { background:url(../images/lb_next.png) 0 -69px no-repeat}
#lightbox #gallery a.prev:hover, #lightbox #gallery a.next:hover { background-position:0 0px;}

#container #gallery .imgContainer {padding-bottom:2em;}
#container #gallery a.prev, #container #gallery a.next {
	display: block;
	height: 1.667em; line-height:1.667em; font-size:120%;
	position: absolute;
	bottom:0;
	width: 50%;
	background-color: white;
}

#container #gallery a.next {text-align:right;}

#gallery a.prev {left:0px;}
#gallery a.next {right:0px;}

#gallery a.back {}
#lightbox #gallery a.back {display:none;}

a.lb {position:relative;}
a.lb span.openLb {position:absolute; display:block; bottom:5px; right:5px; width:18px; height:18px; z-index:1; background:url(../images/open.png) 0px 0px no-repeat;}
a.lb:hover span.openLb { background-position:0px -18px;}

a.lb span.openLbv {position:absolute; display:block; top:50%; left:50%; margin:-10px 0 0 -15px; width:30px; height:20px; z-index:1; background:url(../images/openv.png) left top no-repeat;}
a.lb:hover span.openLbv { background-position:left bottom;}
h3 a.lb span.openLbv { display:none; }

.grid-minor .gallery {padding-left:12px;}
.grid-minor .block .image {display:inline; float:left; margin:0 12px 12px 0;}


#page404 {position:relative; display:inline; float:left; padding-top:4em; margin:0 2.4em}
#page404 .col {position:relative; display:inline; float:left; width:33.7em; padding:0 3.2em 0 0; margin:0 3.2em 0 0; min-height:17em; height:auto !important; height:17em;}
#page404 .first { border-right:1px solid #ccc}
#page404 li {margin-bottom:0.714em;}



/* Curated collection - details */
#collection, #collection .row, #collection .art {position:relative; display:inline; float:left;}

#curator {position:relative; display:block; padding:0 0 0 21.6em; margin:4em 2.4em 0 2.4em;}
	#curator img {position:absolute; display:block; top:0; left:0; width:176px;}

#collection {width:57.6em; margin:0 2.4em; overflow:hidden;}
	#collection .row {width:60em; border-top:1px solid #999; left:-1.2em}
	#collection .art {width:176px; margin:2em 1.2em 1em 1.2em;}
	#collection .art a.image, #collection .art img {position:relative; display:block; width:175px;}
	#collection .art a.image {margin-bottom:1em;}
	#collection .art p {margin-bottom:0}

#otherCollections {padding-bottom:1em}
#otherCollections .item {margin:0 2.3em 0; padding-bottom:1em}
#otherCollections .item img {float:left; margin:0 1.6em 1em 0; width:88px}
#otherCollections .item p {font-size:1.4em}

#rfo_promoList {
    margin:0 2.4em;
    clear:both;
    overflow: auto;
}

.rfo_promo a.video, .rfo_promo img {
    float:left; margin:0 1.6em 1.6em 0
}
.rfo_promo a.video img {position:relative; display:block; margin:0;z-index:1}

div.rfo_promo a.video{
    position: relative;
}

div.rfo_promo a.video span.icon_overlay {
    position:absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display:block;
    margin: -10px 0 0 -15px;
    width:30px;
    height:20px;
    background:url(../images/openv.png) left top no-repeat;
}

div.rfo_promo a.video:hover span.icon_overlay {
    background: url(../images/openv.png) left -30px no-repeat;
}

/* Culture critic */
#culturecritic-recommends {
    padding-bottom:0;
}
#culturecritic-recommends .rating {
    font-size:200%;
    font-weight:bold;
    color:#333;
    float:right;
    padding:0 20px;
}
#culturecritic-recommends a.logo {
    display:block;
    padding:20px;
    background:#fff;
    overflow:hidden;
}
#culturecritic-recommends .logo img {
    float:right;
}

#culturecritic-recommends p.legal {
    background-color: white;
    margin: 0;
    padding: 0 20px 20px 20px;
    font-size: 90%;
}


/* ReCAPTCHA */
body #recaptcha_widget_div{
    width: 318px;
    float: left;
    clear: none;
}
#recaptcha_response_field{
    left: 0;
}
body #recaptcha_table div.recaptcha_input_area {
    margin: 0;
    padding: 0;
}

/* Firefox */
input[type=hidden] {
    display:none;
}

/* Initiatives */
#featured_initiatives {
    background:#fff;
    color:rgb(51, 51, 51);
}

#featured_initiatives p {
    font-size: 120%;
    margin: 0;
}

#featured_initiatives a { color: rgb(222, 0, 121); }

#featured_initiatives h4 { margin: 0 1.333em 0.556em; }

#featured_initiatives .item {
    margin: 0 2.4em 2em;
    overflow: hidden;
}

#featured_initiatives .more { margin: 0 2em 1em; }

#featured_initiatives .link { background-image: url('../images/icons/link.png'); }