/* Content Page */

.clear {
	clear: both;
	display: block;
	height: 1px;
	position: relative;
	width: 1px;
}

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('/templates/ArtsCouncil/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('/templates/ArtsCouncil/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('/templates/ArtsCouncil/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 {float:left; display: block; 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 div input, #comment-form div textarea, #contact-form div input, #contact-form div textarea {
	background: rgb(170,168,161);
	border: 2px solid rgb(131,131,131);
	color: white;
	display: inline;
	float: left;
	padding: 0.2em;
	font-size: 120%;
}

#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(/templates/ArtsCouncil/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 .box-lb {margin-top:0;}
#lightbox .box-lb .box-middle .box-interior {width:79.2em; position:relative; display:inline; float:left}
#lightbox .box-lb .utility .box .box-middle .box-interior {width:76.8em;}

#lightbox .box-lb .box-middle .box-interior .utility .box .box-middle .box-interior {width:72.8em;}
#lightbox .box-lb .box-middle .box-interior .utility .box .box-bottom .box-interior {width:auto; float:none; display:block; background-position: bottom right}
#lightbox .box-lb .box-middle .box-interior .utility .box .box-top .box-interior {width:auto; float:none; display:block; background-position:top right}
*/
#lightbox a.close {
	position:absolute; display:block; top:0px; right:0px; width:30px; height:30px;
	background: url(/templates/ArtsCouncil/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 {
	position:relative; display:block; clear:both;
	border:1px solid #dad6d2; background:#f9f9f8;
	padding:1em; font-size:120%; font-weight:bold;
}
#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(/templates/ArtsCouncil/images/lb_prev.png) 0 -69px no-repeat}
#lightbox #gallery .imgContainer a.next { background:url(/templates/ArtsCouncil/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:#FFF;
}
#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(/templates/ArtsCouncil/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(/templates/ArtsCouncil/images/openv.png) left top no-repeat;}
a.lb:hover span.openLbv { background-position:left bottom;}
h3 a.lb span.openLbv { display:none; }

#caseStudy {}

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

/* Video player */
.video-form h2 { display:none; }
ul.video-controls { display:block; height:34px; width:auto; background:#fff; list-style-image:none !important; margin:0; padding:0; overflow:hidden; }
ul.video-controls li { display:block;list-style-image:none !important; background:#fff; margin:0; padding:0;width:55px;height:34px;margin-right:3px; float:left; }
.video-controls li.last { margin-right:0; }
.video-controls input.btn { display:block; width:55px; height:34px;background:#f00;  text-align:center !important; background:url(/templates/ArtsCouncil/images/video_buttons.png) 0 0 no-repeat; }
.video-controls input.play {background-position: 0px 0px;}
.video-controls input.pause {background-position: -58px 0px;}
.video-controls input.rewind {background-position: -116px 0px;}
.video-controls input.volumeDown {background-position: -232px 0px;}
.video-controls input.volumeUp {background-position: -290px 0px; margin-right:0px !important;}
.video-controls input.toggleMute {background-position: -174px 0px;}
.video-controls input.play:hover, .video-controls input.play-on {background-position: 0px -37px !important; }
.video-controls input.pause:hover, .video-controls input.pause-on {background-position: -58px -37px !important; }
.video-controls input.rewind:hover {background-position: -116px -37px;}
.video-controls input.volumeDown:hover {background-position: -232px -37px;}
.video-controls input.volumeUp:hover {background-position: -290px -37px;}
.video-controls input.toggleMute:hover, .video-controls input.toggleMute-on {background-position: -174px -37px}
.video-controls .duration { background:#F1ECDE; height:34px; line-height:34px;text-align:center; }
 
#miniCarousel { background-color:#0f0d0d; }

#miniCarousel .box-top { background:url(/templates/ArtsCouncil/images/carousel_bg_tl.png) top left no-repeat; height:10px;}
#miniCarousel .box-top .box-interior { background:url(/templates/ArtsCouncil/images/carousel_bg_tr.png) top right no-repeat; height:10px}


/* carousel image */
#miniCarousel #heroImage {
	clear: both;
	display: block;
	height: 15.2em;
	padding: 0 1.2em;
	position: relative;
	width: 33.6em;
}

#miniCarousel #heroImage img {
	display: block;
	left: 1.2em;
	position: absolute;
	top: 0;
}

/* carousel text */
#miniCarousel #heroDescription {padding:1.2em; min-height:15.3em; height:auto !important; height:15.3em;}

#miniCarousel #heroDescription a.link {
	background-image: url('/templates/ArtsCouncil/images/icons/link-alt.png');
	background-position: 0 0.167em;
	color: white;
	display: block;
}

#miniCarousel #heroDescription p {
	color: white;
	margin: 0;
}

/* carousel nav */
#miniCarousel #thumbContainer {position:relative; display:inline; float:left; width:100%; background:url(/templates/ArtsCouncil/images/carousel_navBg_l.png) bottom left no-repeat; height:40px}
#miniCarousel #thumbContainer #carousel {position:relative; display:inline; float:right; width:100%; background:url(/templates/ArtsCouncil/images/carousel_navBg_r.png) bottom right no-repeat; height:40px}

#miniCarousel #thumb_prev, #miniCarousel #thumb_next {position:absolute; display:block; top:0px; }
#miniCarousel #thumbContainer a#thumb_prev, #miniCarousel #thumbContainer a#thumb_next {
	position:absolute; display:block; width:30px; height:40px; top:0; margin:0; padding:0; 
	text-indent:-999px; overflow:hidden; z-index:10; outline:none; 
	background: url(/templates/ArtsCouncil/images/home_prevNext.png) 0px 0px no-repeat;
}
#miniCarousel #thumbContainer a#thumb_prev 			{background-position: 10px 12px; left:0em; }
#miniCarousel #thumbContainer a#thumb_next 			{background-position:-41px 12px; right:0em;}
#miniCarousel #thumbContainer a#thumb_prev:hover 	{background-position: 10px -38px;}
#miniCarousel #thumbContainer a#thumb_next:hover 	{background-position:-41px -38px;}
#miniCarousel #thumbContainer a#thumb_prev.off 		{background-position: 10px -88px; cursor:default;}
#miniCarousel #thumbContainer a#thumb_next.off 		{background-position:-41px -88px; cursor:default;}



#miniCarousel #carousel ul { margin:1.1em 0; position:relative; display:none; float:left; left:25%}
.jsEnabled #miniCarousel #carousel ul {display:inline;}
#miniCarousel #carousel ul li {position:relative; display:inline; float:left; background:none; font-size:100%; margin:0; padding:0;}
#miniCarousel #carousel ul li a {position:relative; display:block; width:1.9em; height:1.9em; overflow:hidden; text-indent:-999px; background:url(/templates/ArtsCouncil/images/carousel_nav.png) top right no-repeat; margin:0 0.5em;}
#miniCarousel #carousel ul li.on a, #miniCarousel #carousel ul li a:hover { background-position:top left;}


#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 2em; position:relative; display:inline; float:left; clear:both; width:57.6em; background:url(/templates/ArtsCouncil/images/pxl_grey.gif) center top repeat-y}
.rfo_promo {position:relative; display:inline; float:left; width:26.3em; margin:0 1.2em}
.rfo_promo a.video, .rfo_promo img {position:relative; display:inline; float:left; width:120px; height:72px; overflow:hidden; margin:0 1.6em 1.6em 0}
.rfo_promo a.video img {position:relative; display:block; margin:0}

/* 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;
}