/* @override http://cameocinema.com/styles/community-arts.css */
/* Content */
#content {min-height: 455px; background: url(../images/main_bckgrnd.jpg) no-repeat;}
#contentBody {width: 900px;	height: 800px; 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: 550px; height: 720px; 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: 265px;}
#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: 470px;}

/* Film Series */
#filmSeries {float: left; width: 350px; height: 720px; background-image: url(../images/seriesfeat_bckgrnd.png);}
#filmSeries .scroll {width: 340px; height: 680px; overflow: hidden;}
#filmSeries h2 {text-transform: uppercase; font-size: 1.78em; height: 35px; line-height: 38px; padding-left: 6px; color: #3C3C3C;}
#featureInfo h3 {padding: 8px 0 2px 0;text-transform: uppercase;font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #fdfaa0;}
#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;}

#featureImage {margin: 20px auto 0 auto; width: 400px;}

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

#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 {color: #F0B252; display: block; font-size: 14px; line-height: 1em;}
#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; line-height: 1.2em;}

/* Movie Description Scroller */
#featureInfo {float: left; width: 218px; margin:38px 0 0 10px; text-align: right; padding-right: 6px;}
#featureInfo #rating {
	font-size: 0.8em;
	line-height: 1.1em;
	text-transform: uppercase;
	padding-top: 10px;
}
#featureDetails {float: left; margin-top: 10px; width: 550px; height: 230px;}
#featureDetails .scroll {width: 530px; height: 400px; overflow: hidden; margin-left: 15px; padding: 0;}
#featureDetails .scroll p{padding-bottom: 8px;}
#featureDetails .scroll p strong{color: #FFFF99;}
#featureDetails h3 {width: 530px; padding: 0 0 0 20px; color: #ccc; display: block; background-color: #000;margin-bottom: 10px;}
#audio {float: left; width:250px; text-align: center; background-color: #000;}
#header_banner h2 a{float: right; margin: 0 20px 0 0;font-size: .65em; }
#caScrollHldr{float: left; width: 510px;}
.caItem{float: left; width: 250px; padding-bottom: 10px; border-bottom: 1px solid #333; margin: 0 5px 20px 0;}
.caItemFull{float: left; width: 500px; padding-bottom: 10px; border-bottom: 1px solid #333; margin: 0 5px 20px 0;}
.caItemFull img{float: left; margin-right: 15px;}
#caScrollHldr  div.caItem p{font-size: .9em;}
#caScrollHldr div.caItemLeft h4,#caScrollHldr  h4{ padding: 5px 0 8px 0;	font: 1.25em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #F0B252;}

.pics { height: 222px; width: 532px; padding:0; margin:10px 9px 0 9px; overflow: hidden }
.pics img { height: 200px; width: 500px; padding: 15px 15px 5px 15px; top:0; left:0 }
#featNav li{list-style: none; }
#featNav { margin: 0 24px; float: left; width: 500px;}
#featNav a {float: left ; border: 1px solid #333; margin: 0 5px 0 0;}
#featNav a.activeSlide { border: 1px solid #999; }
#featNav a:focus { outline: none; }