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

/* Content */
#content {min-height: 445px; background: url(../images/main_bckgrnd.jpg) no-repeat;}
#contentBody {width: 800px;	height: 550px; 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: 575px; height: 600px; background-color: #161616; margin-bottom: 20px;}
#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: 380px;}
#currentFeature #featureImage2 {height: 410px;}
#currentFeature #featureImageGC {height: 240px;}
#featureHolder {height: 570px;}

/* Film Series */
#filmSeries {float: left; width: 225px; height: 585px; background-image: url(../images/seriesfeat_bckgrnd.png);}
#filmSeries .scroll {width: 225px; height: 580px; 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; padding-bottom: 5px;}
#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,#featureImage2, #featureImageGC {margin: 10px auto 0 auto; width: 550px;}

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; text-align: center;}
#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 */
#featureDetails { float: left; padding-top: 10px; padding-left: 20px; width: 540px;}
#featureDetails .scroll {width: 540px; height: 120px; overflow: hidden;}
#featureDetails .scroll2 {width: 540px; height: 150px; overflow: hidden;}
#featureDetails .scroll3 {width: 540px; height: 450px; overflow: hidden;}

#featureDetails h4 {width: 540px; padding: 0 0 10px 0; color: #fdfaa0;}
#aboutTheatre, #aboutRenting {float: left; width: 540px;padding: 10px 15px 20px 15px; clear: both;}
#aboutTheatre .scroll{width: 540px; height: 120px; overflow: hidden;}
#aboutRenting .scroll {width: 540px; height: 140px; overflow: hidden;}
#aboutTheatre h4, #aboutRenting h4 {width: 540px; padding: 0 0 10px 0; color: #fdfaa0;}
#aboutRenting h3 {width: 540px; padding-top: 5px; color: #fdfaa0;}
#aboutTheatre .scroll p, #aboutRenting .scroll p{padding-bottom: 8px; line-height: 14px;}
#aboutRenting #featureRent{padding: 5px; border: 1px solid #999; padding-bottom: 10px;}
#featRentList {margin-top: 18px; padding-left: 15px;}
#featRentList li{color: #748E50; font-size: 11px; list-style-type: disc;}

#gcDescr{margin: 0px; font: normal 17px/22px "Times New Roman", Times, Georgia, serif; text-align: center; margin-bottom: 10px; color: #aaa;}
#gcBuy{margin: 10px; font: normal 12px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-style: italic;}
#gcBuy form{float: left;}
#gcBuy strong{line-height: 28px;}

#cinemaclub{float: left; width: 550px; clear: both; margin-bottom: 10px;}
#cinemaclub li{float: left; width: 170px; text-align: center;}
#cinemaclub li.middle{ padding: 0 8px;;margin: 0 8px; border-right:1px solid #333; border-left:1px solid #333}
#cinemaclub li h3{text-transform: uppercase; font-weight: bold; color: #ccc; margin-bottom: 8px;}

#cinemaclub li p{display: block; height: 120px; line-height: 1.4em;}

#featureDetails div.scroll2 p{margin: 5px 0 10px 0;}

/* Staff Page */
#featureDetails div.scroll3 ul{float: left; width: 540px;margin-left: 15px; margin-bottom: 20px;}
#featureDetails div.scroll3 ul li {float: left; margin-right: 29px; text-align: center;}
#featureDetails div.scroll3 ul li img{border: 2px solid #666; margin-bottom: 6px;}
#featureHolder h4#staffTitle{ padding: 30px 0 20px 6px;	font: 1.65em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: center; color: #fdfaa0;}