/* @override http://cameocinema.com/styles/finearts.css */

/* Content */
#content {height: 1085px; background: url(../images/main_bckgrnd.jpg) no-repeat;}
#contentBody {width: 800px;	height: 1115px; margin: 0 auto 10px auto; padding-top: 35px;}
#bottomContent{ margin: 0 auto 0 auto; text-align: center;}
#bottomContent img {margin-top: 10px;}

#currentFeature {
	float: left;
	width: 800px;
	height: 1060px;
	background-color: #161616;
	margin-bottom: 10px;
}
#currentFeature h2 {text-transform: uppercase; font-size: 1.78em; height: 35px; line-height: 38px; padding-left: 6px; color: #353535;}
#currentFeature h4 { padding: 10px 0 0 6px;	font: 1.25em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#currentFeature h4 a {color: #fdfaa0;}
#currentFeature h4 a:hover {color: #fff;}
#currentFeature #featureImage {height: 675px; width: 800px; margin-bottom: 20px; position: relative; z-index: 0; background-color:#000; text-align: center;}
#featureImage #objectHldr {margin-top: 15px;}
#currentFeature #featureImage #objectHldr a{font: 1 em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; color: #000;}
#currentFeature #featureImage #objectHldr a:hover{color: #333;}
#currentFeature #featureImage #objectHldr img{padding-bottom: 5px;}
#currentFeature ul {margin-top: 18px; padding-left: 6px;}
#currentFeature ul li {display: inline; padding-right: 1px; color: #748E50; font-size: 11px;}
#currentFeature ul li a {color: #748E50;}
#currentFeature ul li a:hover {color: #D8F2B4;}
#currentFeature ul li.date {color: #fff;}
#featureHolder {height: 725px;}

/* Film Series */
#filmSeries {float: left; width: 340px; height: 457px; background-image: url(../images/seriesfeat_bckgrnd.png);}
#filmSeries .scroll {width: 340px; height: 480px; overflow: hidden;}
#filmSeries h2 {text-transform: uppercase; font-size: 1.78em; height: 35px; line-height: 38px; padding-left: 6px; color: #3C3C3C;}
#filmSeries .seriesItem {height: 106px; margin-bottom: 11px; background-color: #000; cursor: pointer; position: relative;}
#filmSeries .seriesItem a {display: block; height: 106px;}
#filmSeries .seriesItem a.selected {background-color: #161616;}
#filmSeries .seriesItem img {float: left; margin-right: 10px;}
#filmSeries .seriesItem h5 {font-size: 11px; font-weight: bold;	color: #c9c9c9; text-transform: uppercase; padding-top: 8px;}
#filmSeries .seriesItem p.presented {font-size: 11px; font-style: italic; color: #9b9b9b; height: 20px;}
#filmSeries .seriesItem p.presented span.presentedBy {color: #748E50;}
#filmSeries .seriesItem h6 {font-size: 14px;}
#filmSeries .seriesItem h6 a {color: #F0B252;}
#filmSeries .seriesItem h6 a:hover {color: #FFE8C8;}
#filmSeries .seriesItem p.time {font-size: 14px; color: #fff; margin-top: 2px;}
#filmSeries .seriesItem p.series {font-size: 10px; color: #9b9b9b; font-style: italic; margin-top: 2px;}
#seriesOverlay1 {position: absolute; width: 160px; height: 106px; background-image: url(../images/series_ovrly.png); top: 0; left: 0;}
#seriesOverlay2 {position: absolute; width: 160px; height: 106px; background-image: url(../images/series_ovrly.png); top: 0; left: 0;}
#seriesOverlay3 {position: absolute; width: 160px; height: 106px; background-image: url(../images/series_ovrly.png); top: 0; left: 0;}

h2 {text-transform: uppercase; font-size: 1.78em; height: 35px; line-height: 36px; padding-left: 6px; color: #3C3C3C;}

#filmSeries .seriesItem span.h5 {font-size: 11px; font-weight: bold; color: #c9c9c9; text-transform: uppercase; padding-top: 2px; display: block;}
#filmSeries .seriesItem span.presented {font-size: 11px; font-style: italic; color: #9b9b9b; height: 20px;}
#filmSeries .seriesItem span.presented span.presentedBy {color: #748E50;}
#filmSeries .seriesItem a span.h6 {font-size: 14px; display: block;}
#filmSeries .seriesItem a span.h6 {color: #F0B252; display: block;}
#filmSeries .seriesItem a span.h6 a:hover {color: #FFE8C8;}
#filmSeries .seriesItem span.time {font-size: 14px; color: #fff; margin-top: 2px; display: block;}
#filmSeries .seriesItem span.series {font-size: 10px; color: #9b9b9b; font-style: italic; margin-top: 2px; display: block;}

/* Movie Description Scroller */
#featureInfo {
	float: left;
	width: 250px;
	height: 350px;
	text-align: center;
	padding-right: 15px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
#featureInfo img{padding-bottom: 5px;}
#featureInfo #rating {font-size: .6em; line-height: 1.1em; text-transform: uppercase; padding-top: 10px;}
#featureDetails {
	float: left;
	padding-top: 10px;
	border-left: 1px solid #666;
	padding-left: 12px;
	width: 480px;
}
#featureDetails .scroll {
	height: 300px;
	overflow: hidden;
	text-align: left;
}
#featureDetails div.jScrollPaneContainer div.scroll h5 { color: #f0b252; text-transform: uppercase; padding: 5px 0 5px 10px;}
#featureDetails div.jScrollPaneContainer div.scroll h5 strong{text-transform: none; }
#featureDetails div.jScrollPaneContainer div.scroll h5 span.purchase {padding-left: 20px; font-size: 0.9em;}
#featureDetails .scroll p{padding-bottom: 8px;}
#featureDetails h4 {width: 500px; padding: 0 0 10px 0; color: #fdfaa0;}

#eventHolder {float: left; width: 800px; clear: both; margin-bottom: 10px;}

#eventHolder ul li{float: left; text-align: center; }
#eventHolder ul li a{float: left; width: 244px; height: 65px;padding: 10px; background-color: #333; margin-right: 2px;}
#eventHolder ul li a:hover{background-color: #000;}
#eventHolder ul li a span.faMonth{text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #999;}
#eventHolder ul li a span.faTitle{ font-size: 1.2em; font-weight: bold; color: #F0B252; display: block; padding-top: 5px;}
#eventHolder ul li a span.faLoc{font-size: 0.8em; font-style: italic; color: #fff; display: block; margin-top: -10px;}