/*-----------------------------------------------------------------------------
Life After the Fall

author:    konstantin korolev
email:     kos@pixeco.com
-----------------------------------------------------------------------------*/

/* =Importing rules
-------------------------------------------------------*/
@import url(/assets/css/general/reset.css);
@import url(/assets/css/general/helperClasses.css);

/* Importing branding modules */
@import url(/assets/css/branding/header.css);
@import url(/assets/css/branding/footer.css);

/* Importing navigation */
@import url(/assets/css/navigation/primary.css);

/* Importing print styles */
@import url(/assets/css/media/print.css);

body {
	padding:0 0 0 340px;
	font:62.5%/1.6 Georgia, Times, Serif;
	text-align:left;
	color:#fff;
	background:#000 url(../../images/templates/pageBgs/default.jpg) fixed 0 0 no-repeat;
	}
	body.home {background-image:url(../../images/templates/pageBgs/home.jpg);}
	body.screenings {background-image:url(../../images/templates/pageBgs/screenings.jpg);}
	body.reviews {background-image:url(../../images/templates/pageBgs/reviews.jpg);}
	body.comments {background-image:url(../../images/templates/pageBgs/comments.jpg);}
	body.contact {background-image:url(../../images/templates/pageBgs/contact.jpg);}
	
	a:link {
		text-decoration:underline;
		color:#fcca07;
		}
	a:visited {
		text-decoration:underline;
		color:#999;
		}
	a:hover {
		text-decoration:none;
		}
	a:active {
		text-decoration:none;
		outline:none;
		}			
	h1, h2, h3, h4, h5, h6 {
		color:#fff;
		}

/* =Layout elemernts
-------------------------------------------------------*/ 
.container {
	width:560px;
	}
	.content {
		margin:106px 0 0;
		padding:20px 20px 60px;
		font-size:1.2em;
		background:url(../../images/templates/alphaBlack.png);
		}
		body.home .content {
			padding:0 0 150px;
			opacity:1;
			background:none;
			}
			.content h1 {
				position:fixed;
				top:299px;
				left:0;
				width:289px;
				padding:15px 10px;
				text-align:right;
				font:3em Georgia;
				color:#000;
				background:url(../../images/templates/alphaWhite.png);
				}
				body.directors-statement .content h1 {
					font-size:2.6em;
					}
			

/* =Flash video player
-------------------------------------------------------*/
#VideoPlaceholder {
	width:369px;
	padding:8px;
	background:url(../../images/templates/alphaGray.png);
	}
	body.home #VideoPlaceholder {
		float:left;
		margin:-80px 15px 15px 0;
		}
		#VideoPlaceholder div {
			height:265px;
			background:#000;
			}
	
/* =Mailing list form
-------------------------------------------------------*/
form.mailinglist,
form#comment_form {
	clear:both;
	width:400px;
	}
	body.home form.mailinglist {
		width:385px;
		}
	form.mailinglist label,
	form#comment_form label {
		float:left;
		font-weight:bold;
		}
	form.mailinglist input,
	form#comment_form input,
	form.mailinglist select {
		float:right;
		width:250px;
		margin:2px 0 8px;
		}
		form#comment_form input.checkbox {
			float:left;
			width:auto;
			margin:2px 8px 8px 0;
			}
		form.mailinglist select {
			width:252px;
			}
	form#comment_form textarea {
		width:100%;
		margin:0 0 8px;
		}
	form.mailinglist button,
	form#comment_form button {
		float:right;
		clear:both;
		margin:20px 0 0;
		}
		form#comment_form button {
			margin:0;
			}
		
/* =Comments
-------------------------------------------------------*/
p.posted {
	text-align:right;
	font-style:italic;;
	}
	
/* =Stills
-------------------------------------------------------*/
body.stills .content h1,
body.stills .header strong {
	position:absolute;
	}
ul.thumbnails {
	position:absolute;
	top:380px;
	left:69px;
	width:240px;
	padding:0;
	list-style:none;
	}
	ul.thumbnails li {
		float:left;
		margin:0 0 7px 6px;
		padding:0;
		border:1px solid #fff;
		}
		ul.thumbnails li a {
			overflow:hidden;
			float:left;
			width:70px;
			height:70px;
			border:1px solid #000;
			}
			ul.thumbnails li a:hover {
				border-color:#fcca07;
				opacity:.9;
				}
p.caption {
	padding:8px 0;
	text-align:center;
	font-size:1.4em;
	}
	
/* =Film
-------------------------------------------------------*/
body.film .content {
	margin-top:86px;
	}
	img.side {
		position:absolute;
		top:380px;
		left:0;
		padding:8px;
		padding-left:0;
		background:url(../../images/templates/alphaWhite.png);
		}
	ul.images {
		padding:0 0 8px;
		list-style:none;
		}
		ul.images li {
			float:left;
			padding:0 10px 0 0;
			}
		
/* =Crew
-------------------------------------------------------*/
dl.crew {
	float:left;
	width:100%;
	padding:0 0 20px;
	font-size:1.4em;
	}
	dl.crew dt {
		width:250px;
		float:left;
		clear:left;
		text-align:right;
		}
	dl.crew dd {
		float:right;
		width:250px;
		clear:right;
		}
		
/* =Redirect page
-------------------------------------------------------*/
body.user-message .content {
	padding:0 20px;
	background:#6c7d91;
	}

/* = DVD Page
-------------------------------------------------------*/

img.floatLeft { 
    float: left; 
    margin: 12px; 

}

.dvdleft {

	width: 200;
	margin: 0 12px 12px 12px;
	display: inline;
}

.dvdright {
display: inline;
}
.dvdorder {
	margin-top: 20px;
	margin-left: 100px;
}