/* CSS Document */

* {	margin:0;
	padding:0;
}

html, body {
	height: 100%;
	margin:0; 
	padding:0;
}

body {	
	background:black;
	color:#ccc1b7;
	font: 69%/1.4 Georgia, "Times New Roman", Times, serif;
	text-align: center; /* ie5 */
}

/* General styles */
h1 { margin:0; padding:0; height:56px}
h2 { margin:0; padding:6px 0 15px 0; text-transform:uppercase; font-size:150%}
.column h2 { height:25px; margin-bottom:16px; padding:0; text-transform:uppercase;}
h3 {font-size:130%;}
p{ color: #ccc1b7; margin:0 0 1em 0;}
a { text-decoration:none; color:#871415;}
a:hover {text-decoration:underline;}
img { border:0; margin:0; padding:0; }
.floatRight {float:right;}
.last { margin-right:0;}
.clearLeft { clear:left;}
.cursor:hover { text-decoration:none;}
ol {padding:0 0 1em 2.5em}

code {
	background:#444; 
	border:1px solid #ccc; 
	clear:left; 
	display:block; 
	font-size:120%; 
	height:90px;
	margin:15px 0 0 0;
	overflow: auto;
	padding:7px;
	width:98%;
}


/* */

#flashHeader {
	background:url(../images/graphics/nonflashbk.jpg) 50% 0 repeat-x;
	height:210px;
	text-align:left;
	width:100%;
}

#nonFlash {
	height:210px;
	margin:0 auto;
	overflow:hidden;
	width:670px;
	position:relative;
}

#mainNav { 
	font-size:160%;
	font-weight:bold;
	list-style-type:none; 
	margin-top:120px;
	padding-left:18px;
	text-transform:uppercase;
}


#logo {position:absolute; top:0; left:0;}

#mainNav li {position:absolute;}
#mainNav li a {color:#a6a4aa;}
#mainNav li a:hover, #secondNav li a:hover, #mainNav li a.active {color:white; text-decoration:none;}

#mainNav li#home {left:15px; top:100px;}
#mainNav li#synopsis {font-size:96%; left:100px; top:140px;}
#mainNav li#visuals {font-size:75%; left:225px; top:130px;}
#mainNav li#cast-and-crew {left:300px; top:95px;}
#mainNav li#fun {font-size:130%; left:450px; top:105px; font-weight:normal;}
#mainNav li#buydvd {font-size:80%; left:530px; top:95px;}

/*Sub Nav*/
#mainNav li ul {
	list-style-type:none;
	font-size:11px;
	font-weight:normal;
}
#mainNav li ul li {
	position:static; 
	display:inline;  
	padding:0 5px 0 0; 
	margin:0 5px 0 0; 
	border-right:1px solid #a6a4aa;
}
#mainNav li ul li.last {border:none;}

ul#secondNav {
	position:absolute;
	top:20px;
	right:0px;
	list-style-type:none; 
	margin:0 0 0 0;
}

ul#secondNav li { 
	border-right:1px solid #a6a4aa;
	display:inline;
	margin-right:5px;
	padding-right:6px;
}
#secondNav li.last {border-right:medium none;}
#secondNav, #secondNav a {color:#a6a4aa;}

#wrapper {
	background:url(../images/testbk-bloodR.gif) 100% bottom no-repeat;
	position:relative;
	width:100%;	
	min-height: 100%;
	margin: 0 auto -38px; /* the bottom margin is the negative value of the footer's height */
}

#bottom {
	background: black url(../images/testbk-bloodL.gif);
	position:absolute;
	bottom:0;
	left:0;
	width:400px;
	height:287px;
}

#wrapperInner {
	margin:0 auto;
	overflow: hidden;
	padding:0 0 51px 0; /* 36px height of footer + 15px space */
	position:relative;
	text-align:left;
	width:670px;
}

#contentMain {
	background:url(../images/mainAreabk.gif) left top no-repeat;
	float:left;
	margin:0;
}

.twocolumn {width:410px; padding:0 15px 0 15px;}
.onecolumn {width:655px; padding:0 0 0 15px;}

#sideBar {
	float:right;
	width:215px;
	margin-top:15px;
}

.sideSection {
	padding:13px 15px 0 19px;
	margin-bottom:29px;
	background: black url(../images/columnbk.gif) left top no-repeat;
}
.sidebarImage {	margin-top:37px}
.sidebarButton {margin-top:12px;}
.sideSection h2 { padding:0 0 11px 0;}
.sideSection h2 img { margin:0; padding:0; height:13px; display:block;}

/* Standard sidbar list */
.sideSection ul { 
	list-style-image:url(../images/graphics/arrow.gif); 
	margin-left:22px;
}
.basicSideimage { margin-top:13px;}

ul.sidebarImages {
	list-style-type:none;
	margin-left:0;
	margin-right:-5px;
	overflow:hidden;
	padding:0;
}
ul.sidebarImages li {
	float:left;
	list-style-image: none;
	margin:0 5px 9px 0;
}

/* Video sidebar */
ul.videoList {
	list-style-type:none;
	margin-left:0;
}
ul.videoList li {
	list-style-image: none;
	margin-bottom:15px;
	overflow:hidden;
}
ul.videoList li img { float:left;}
ul.videoList li .videoInfo { float:left; margin-left:8px;}

/* end sidebar */

#movieTrailer {
	height:429px;
	width:670px;
}

.column {
	list-style-type:none;
	overflow:hidden;
	margin-bottom:20px;
}

.column li {
	list-style-type:none;
	background: black url(../images/columnbk.gif) left top no-repeat;
	float:left;
	margin:34px 0 0 10px;
	padding:7px 13px 13px 19px;
	width:178px;
}
.column li.last {}
.column img { border:none;}

#footer, .push {
	height: 38px; /* .push must be the same height as .footer */
}

#footer {
	clear:both;
	margin:0 auto;
	overflow:auto; /* contain floats */
	position:relative;
	text-align:center;
	width:670px;
}

#footer ul {
	list-style-type:none; 
	margin:0; 
	padding-left:15px;
}

#footer li { 
	border-right:1px solid #665c53;
	float:left; 
	margin-right:5px;
	padding-right:6px;
}

#footer li.last {border-right:medium none;}
#footer, #footer a {color: #665c53;}

/* content area */

.thumbnails {
	list-style-type:none;
	overflow:hidden;
	clear:left;
}

.thumbnails li { 
	float:left;
	list-style-image: none;
	margin:0 9px 9px 0;
	width:125px;
	position:relative;
}

.thumbnails li.last { margin-right:0;}


.last {margin-right:0;}

.thumbpngFrame {
	background: url(../images/png-overlay2.png) no-repeat;
	height:83px;
	left:0;
	overflow: hidden;
	position: absolute;
	top:0;
	width:125px;
}

.section {
	background:url('../images/graphics/section.gif') no-repeat 50% 100%;
	clear:both;
	overflow:hidden;
	padding-bottom:66px;
}


/* Images page */
.mainImageFrame {
	height:261px;
	position:relative;
	width:410px;
}

#controls { 
	background: url(../images/graphics/imageGallerycontrols.jpg) no-repeat;
	height:55px;
	width:282px;
	margin:0 0 0 63px; 
	overflow:hidden;
}

#controls ul {
	list-style-type:none; 
	margin:4px 0 0 36px; 
	padding:0;
}

#controls li { 
	float:left;
	list-style-image:none; 
}

#controls li#prev { float:left;}
#controls li#next { float:right; margin-right:36px; 
}

#controls li span { font-weight:bold; margin-left:52px; text-align:center;}

#videoplayer {
	height:261px;
	width:410px;
	padding-bottom:21px;
	margin:0;
	display:block;
}


/* wallpaper page */

ul.wallpaperthumbs {
	list-style-type:none;
	margin:15px -14px 0 0;
	padding:0;
	position:relative;
}

ul.wallpaperthumbs li {
	float:left;
	margin:0 14px 15px 0;
	padding:0 0 15px 0;
	position:relative;
	width:204px;
}


/* List of wallpaper sizes */
ul.screenSizes {
	list-style-type:none; 
	margin:7px 0 0 25px; 
	padding:0;
}

ul.screenSizes li {
	width:auto;
	display:inline;
	margin:0 5px 0 0; 
	padding:0 5px 0 0;
	text-transform:uppercase; 
}

.wallpaperthumbs li.last {border-right:medium none;}

/* Overlays */

.homeOverlayFrame {
	height:103px;
	position:relative;
	width:177px;
}
.sidebarOverlayFrame { 
	height:124px;
	position:relative;
	width:185px;
}

.homeOverlay, .sidebarOverlay, .wallpaperOverlay, .imagegalleryOverlay, .castandcrewOverlay, .castandcrewThumbOverlay {
	left:0;	
	top:0;	
	overflow:hidden;	
	position:absolute;
}

/* Homepage column */
.homeOverlay {
	background:url(../images/overlays/column.png) no-repeat;
	height:103px;
	width:177px;
}

/* Frame is ul.wallpaperthumbs li */
.wallpaperOverlay {
	background: url(../images/overlays/wallpaper.png) no-repeat;
	height:136px;
	width:204px;
}

/* Sidebar single thumbnail image */
.sidebarOverlay {
	background: url(../images/overlays/sidebar.png) no-repeat;
	height:124px;
	width:185px;
}

/* Image Gallery frame */
.imagegalleryOverlay {
	background:url(../images/overlays/imageGallery.png) no-repeat;
	height:261px;
	width:410px;
}

.castandcrewOverlay {
	background: url(../images/overlays/castandcrew.png) no-repeat;
	height:264px;
	width:188px;
}

.castandcrewThumbOverlay {
	background: url(../images/overlays/castandcrew-thumb.png) no-repeat;
	height:115px;
	width:115px;
}


/* Form */
.form { width:327px; margin:15px 0 20px 12px;}
.labels { width:138px;}
tr { height:30px;}

.textField {
	background: #2a2a2a; 
	border:1px solid #717171; 
	width:183px;
	color:#ccc1b7;
}

.submitButton { height:20px; width:63px;}
.error { color:#871415;}
.errorPanel {margin-top:15px;}
ul.error {font-size:100%; list-style-type:none; margin-left:0 !important;}
ul.error li {padding-top:7px;}
.error input,
.error select,
.error textarea {border-color:#871415;}

/* cast page */
.castImage {
 	float:right; 
 	margin:0 0 15px 15px;
 	position:relative;
	display:block;
}

.castFrame {
	background: url(../images/png-overlay2.png) no-repeat;
	height:175px;
	left:0;
	overflow: hidden;
	position: absolute;
	top:0;
	width:175px;
}

/* sitemap */
ul#siteMap, ul#siteMap ul {
	list-style-type:circle;
	padding:0 0 0 1.5em;
}