/*********************************************************************************
 *	screen.css
 *
 *	Decription
 *		This is the main file for all rules of CSS of the whole site.
 *	Author:
 *		Thien Nguyen
 *	Date:
 *	Modified:
 *		October 15th, 2007
 *	Notes:
 *		N/A
 *********************************************************************************/


/*********************************************************************************
 * imports ___layout CSS framework to manage the layout of the site
 * imports the stylesheet of the Slimbox extended pop-up layer
 *********************************************************************************/
@import "___layouts.css";
@import "slimbox_ex.css";
/*********************************************************************************
 * COMMON cascading stylesheet rules for HTML selectors
 *********************************************************************************/

* {
	outline:none;
}
/* headings */
h2 {
	font-weight:normal;
	font-size:16px;
	width:500px;
	height:55px;
	margin:0 0 10px 0;
	position:relative;
	text-transform:uppercase;
}
h3 {
	font-weight:normal;
	font-size:16px;
	color:#c1141f;
	margin:15px 0;
}
h4 {
	font-weight:normal;
	font-size:14px;
	color:#cd1421;
	margin:0 0 5px 0;
	padding-top: 15px;
}
h4.special {
	font-size:14px;
	padding:50px 0 10px 0;
}
h4.yellow {
	color: #ffa70a;
	padding-top: 30px;
}
/* anchor */
a {
	color:#e3dcc2;
}
a:hover {
	color:#cd1421;
}
/* list */
ul {
	margin:0 0 15px 0;
}
ul li {
	margin:0 0 10px 0;
}
ul ul {
	margin-top:10px;
}
/* miscellaneous */
p {
	margin:5px 0 15px 0;
}
strong {
	font-weight:normal;
	color:#cd1421;
}
hr {
	clear:both;
	float:none;
	display:none;
}
/* common class selectors */
.clear {
	clear:both;
	float:none;
}
.popitup {
}
.showpopup {
}
/* Slimbox -- overwritten rules for the Slimbox Extended pop-up */
iframe {
	overflow:auto;
}
#lbCenter {
	background:#000;
	border:2px solid #666;
}
#lbCanvas {
	border:none;
}
#lbCanvas iframe {
	background:transparent;
	border:none;
}
#lbBottomContainer {
	display:none;
}
#lbCloseLink {
	margin:3px 10px 0 0;
}
#closeBtnContainer {
	background:#fff;
	width:100%;
	overflow:hidden;
}
#closeBtnContainer a {
	background: url(../img/btn_close_04.gif) 0 0 no-repeat;
	width:22px;
	height:22px;
	display:block;
	float:right;
	text-indent:-9999px;
}
/* rules for the general pop-up layer */
.popup {
	font-size:12px;
}
.popup .wrapper {
	width:90%;
	margin:0 auto;
}
.popup h2 {
	font-size:16px;
	font-weight:normal;
	color:#e3dcc2;
	margin:20px 0 10px 0;
}
.popup h3 {
	font-size:14px;
	font-weight:normal;
	color:#c1141f;
	margin:0 0 10px 0;
}
.popup p {
	line-height:1.4em;
	margin:0 0 15px 0;
}
.popup li {
	margin-bottom:5px;
}
.popup a {
	font-weight:normal;
}
.popup a:hover, .popup a.active {
	color:#cd1421;
}
.popup .notes {
	font-size:11px;
	color:#ccc;
}
.moviedetail {
	width:100%;
	clear:both;
	padding:1em 0;
	overflow:hidden;
}
#tickets, #films, #allaccesspass {
	background:#000;
}
#allaccesspass .popup {
	height:628px;
	overflow-y:auto;
}
/* rules for Films pop-up */
#films .popup {
	height:1%;
	margin: 20px 0;
	overflow:hidden;
}
#films .col1 {
	width:270px;
	float:left;
}
#films .col1 img {
	display:block;
}
#films .col2 {
	width:340px;
	float:left;
}
#films .popup h2 {
	width:250px;
	margin-top:0;
}
#films .popup ul {
	margin-bottom:20px;
}
/* rules for screenshots gallery pop-up */
.gallery-popup {
	background:#000 url(../img/bgd_popup_01.jpg) 0 0 no-repeat;
	width:560px;
	margin:-210px 0 0 -305px;
	padding:5px 25px 0 25px;
	position:absolute;
	z-index:999;
	top:50%;
	left:50%;
	border:2px solid #666;
	overflow:hidden;
}
.gallery-popup .close {
	background:url(../img/btn_close_03.gif) 100% 0 no-repeat;
	width:22px;
	height:22px;
	margin:0 0 0 560px;
	display:block;
	text-indent:-9999px;
}
.gallery-popup ul {
	width:560px;
	height:375px;
	overflow:hidden;
	cursor:pointer;
}
.gallery-popup li {
	width:560px;
	height:375px;
	float:left;
	margin:0;
	padding:0;
}
.gallery-popup p {
	height:22px;
	overflow:hidden;
}
.gallery-popup span {
	font-weight:normal;
	font-size:16px;
	color:#dc1b27;
	width:100px;
	display:block;
	float:left;
	text-align:center;
}
.gallery-popup .back {
	display:block;
	float:left;
	height:22px;
}
.gallery-popup .next {
	display:block;
	float:right;
	height:22px;
}
/* IE6 fix for pop-up layer over select box: creates an iframe that lays under and has the same dimension and position of the layer */
#ie6fix {
	position:absolute;
	width:564px;
	height:390px;
	width:560px;
	margin:0 0 0 -301px;
	padding:15px 25px 0 25px;
	top:0;
	left:0;
	display:none;
}
/* rules for the Flash banner and Flash trailer */
#flashbanner {
	height:200px;
	position:relative;
}
#flashbanner p {
	font-size:12px;
	background:#cd1421;
	color:#fff;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#flashbanner p a {
	font-size:14px;
	font-weight:normal;
	color:#fff;
}
#flashbanner img {
	font-size:14px;
	background:#190101;
	width:898px;
	height:200px;
	display:block;
}
#flashtrailer {
	font-size:20px;
	margin-left:-11px;
	text-align:center;
	text-transform:uppercase;
}
#flashtrailer img {
	background:#190101;
	width:603px;
	height:362px;
	margin-left:-20px;
	display:block;
}
#allaccess {
	font-weight:normal;
	font-size:16px;
	color:#cd1421;
	width:160px;
	height:220px;
	display:block;
	position:absolute;
	top:80px;
	left:210px;
	text-indent:-9999px;
	cursor:pointer;
}
#allaccess:hover {
	color:#fff;
}
/* FIR h2 titles */
.FIR {
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	position:absolute;
}
#tit-tickets span {
	background:url(../img/tit_tickets.gif) 0 0 no-repeat;
}
#tit-trailer span {
	background:url(../img/tit_the-trailer.gif) 0 0 no-repeat;
}
#tit-films span {
	background:url(../img/tit_films_02.gif) 0 0 no-repeat;
}
#tit-events span {
	background:url(../img/tit_events.gif) 0 0 no-repeat;
}
#tit-miss-horrorfest span {
	background:url(../img/tit_miss-horrorfest.gif) 0 0 no-repeat;
}
#tit-partners span {
	background:url(../img/tit_partners.gif) 0 0 no-repeat;
}
#tit-faq span {
	background:url(../img/tit_faq.gif) 0 0 no-repeat;
}
#tit-service span {
	background:url(../img/tit_service.gif) 0 0 no-repeat;
}
#tit-service span {
	background:url(../img/tit_events.gif) 0 0 no-repeat;
}
/*********************************************************************************
 * MAIN STRUCTURE of the layout
 *********************************************************************************/
body {
	font-family:"Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	background:#000 url(../img/bgd_main_02.jpg) 50% 236px no-repeat;
	color:#e3dcc2;
}
/* #container */
#container {
	padding:0 24px 0 30px;
}
/* #hd: header */
#hd {
	width:924px;
	height:258px;
}
/* #lev1: main navigation (level 1) */
	#lev1 {
	background:url(../img/bgd_lev1_01.jpg) 0 0 no-repeat;
	height:58px;
	margin:0;
	overflow:hidden;
	margin-left: 95px;
}
#lev1 li {
	margin:0;
	padding:0;
	float:left;
}
#lev1 a {
	font-weight:normal;
	font-size:16px;
	color:#fff;
	height:58px;
	position:relative;
	display:block;
	text-align:center;
	text-transform:uppercase;
}
#lev1 a span {
	font-size:16px;
	background-position:left top;
	cursor:pointer;
}
#lev1 a:hover {
	color:#cd1421;
}
#lev1 a:hover span, 		/* #lev1 :hover and :active state */
		#pgtickets #lev1-tickets span,  #pgfilms #lev1-films span,  #events #lev1-events span,  #miss-horrorfest #lev1-miss-horrorfest span,  #pgfaq #lev1-faq span,  #pgevents #lev1-events span,  #pgparters #lev1-partners span {
	background-position:left bottom;
}
#lev1-tickets {
	width:95px;
}
#lev1-films {
	width:80px;
}
#lev1-events {
	width:96px;
}
#lev1-miss-horrorfest {
	width:200px;
}
#lev1-faq {
	width:75px;
}
#lev1-partners {
	width:132px;
}
#lev1-forum {
	width:110px;
}
#lev1-archive {
	width:136px;
}
#lev1-tickets span {
	background:url(../img/lev1_tickets.gif) no-repeat;
}
#lev1-films span {
	background:url(../img/lev1_films.gif) no-repeat;
}
#lev1-events span {
	background:url(../img/lev1_events.gif) no-repeat;
}
#lev1-miss-horrorfest span {
	background:url(../img/lev1_miss-horrorfest.gif) no-repeat;
}
#lev1-faq span {
	background:url(../img/lev1_faq.gif) no-repeat;
}
#lev1-partners span {
	background:url(../img/lev1_partners.gif) no-repeat;
}
#lev1-forum span {
	background:url(../img/lev1_forum.gif) no-repeat;
}
#lev1-archive span {
	background:url(../img/lev1_archive.gif) no-repeat;
}
/* #bd: body */
#bd {
	font-size:1.2em;
	height:1300px;
}
/* #content */
	#content {
	position:relative;
}
#content .wrapper {
	width:550px;
	padding:0 20px 0 21px;
}
/* workaround for IE6 */
		* html #content .wrapper {
	width:550px;
	padding:0 0 0 41px;
}
* html #flashtrailer {
	font-size:20px;
	margin-left:-21px;
	text-align:center;
	text-transform:uppercase;
}
/* for movies' thumbnail on home page */
		#movies {
}
#movies div {
	width:114px;
	height:230px;
	margin:0 25px 40px 0;
	float:left;
}
#movies div.last {
	margin-right:0;
}
#movies div img {
	background:#190101;
	width:114px;
	height:154px;
	display:block;
}
#movies p {
	color:#c61623;
	text-align: center;
}
/* for movie drop-down on Films pages */
		#moviesbrowse {
	font-weight:normal;
	position:absolute;
	top:10px;
	left:270px;
}
#moviesbrowse label {
	padding-right:10px;
}
#moviesbrowse select {
	background:#1c1209;
	color:#c61623;
	width:170px;
	cursor:pointer;
	border: 1px solid #3d0707;
}
#moviesbrowse option {
	background:#000000;
	color:#cccccc;
	cursor:pointer;
}
select, option {
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* for illustration block on Partners page */
		.illus-1 {
	height:1%;
	padding:0 0 40px 0;
	overflow:hidden;
}
.illus-1 img {
	padding:0 0 10px 0;
	display:block;
	float:left;
}
.illus-1 p {
	clear:both;
}
.illus-1 a {
	display:block;
	clear:both;
	float:left;
}
/* for illustration block on Films pages */
		.illus-2 {
	height:1%;
	padding:0 0 10px 0;
	overflow:hidden;
}
.illus-2 img.poster {
	width:150px;
	height:203px;
	display:block;
	float:left;
}
#trailer {
	width:300px;
	height:200px;
	float:right;
}
/* rules for list items */
#content li {
	background:url(../img/bullet_01.gif) 0 5px no-repeat;
	padding-left:10px;
}
#content li li {
	background:url(../img/bullet_02.gif) 0 5px no-repeat;
}
#content .list-1 li {
	background:none;
}
#content .list-1 li {
	margin:0 0 5px 0;
	padding-left:0;
}
#content .list-2 ul {
	margin: 0;
	padding: 10px;
	list-style-type:none;
}
#content .list-2 ul li {
	margin: 0;
	padding: 0 0 4px 12px;
	background: url(img/bullet.gif) 0 6px no-repeat;
}
/* #extra: left colum sidebar */
	#extra {
}
#extra .wrapper {
}
/* FIR introduction text */
		#intro-text {
	font-size:14px;
	line-height:1.4em;
	background:#190101;
	color:#d9b193;
	width:290px;
	height:290px;
	margin:0 0 10px 0;
	position:relative;
	text-transform:uppercase;
}
#intro-text span {
	background:url(../img/text_8-films-to-die-for_02.gif) 0 0 no-repeat;
}
#intro-text strong {
	color:#cd1421;
}
/* call-out Flash block */
	.callout {
	font-size:14px; /*background:#190101;*/
	width:297px;
	height:190px;
	float:left;
	position:relative;
	display:none;
	padding-top: 70px;
}
.callout h3 {
	font-size:16px;
}
/*#callout1 span { background:url(../img/pict_callout_01.jpg) 0 0 no-repeat; }
			#callout2 span { background:url(../img/pict_callout_02.jpg) 0 0 no-repeat; }
			#callout3 span { background: url(../img/pict_callout_03.jpg) 0 0 no-repeat; }*/
		#index .callout {
	display:block;
}
/* #ft: footer */
#ft {
	width:954px;
	margin:0 0 0 -30px;
	overflow:hidden;
}
#banners {
	width:100%;
	margin:0 0 5px 0;
	overflow:hidden;
}
#banners img {
	font-size:14px;
	background:#fff;
	color:#5e080b;
	width:468px;
	height:60px;
	display:block;
	float:left;
}
#banners img.right {
	float:right;
}
#copyrights {
	width:400px;
	height:15px;
	padding:0 0 0 295px;
	position:relative;
	clear:both;
	float:left;
}
#copyrights span {
	background:url(../img/text_after-dark-films_copyrights.gif) 0 0 no-repeat;
	left:295px;
}
#sitedesign {
	width:190px;
	height:15px;
	position:relative;
	float:right;
}
#sitedesign span {
	background:url(../img/text_site-design-by-dvsn.gif) 0 0 no-repeat;
}
/* #bckgrnd color: links */
.background-color {
	background-color: #000000;
	font-weight:normal;
}
.background-color2 {
	background-color: #000000;
}

.buy {
	margin: 0;
}