/*
 * Author:		Daniel C. Richmond / Vector Bridge
 * File:		layout.css
 * Purpose:	primary layout CSS
 * */

/*--- DO NOT EDIT ---*/

html, body, ul, ol, li, input, textarea, h1, h2, h3, h4, p, img, label, table, tbody, tr, td, th, div, span, br, hr {
	margin:0;
	padding:0;
	zoom:1;
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:11px;
}

#content .hide,
.hide {
	display:none !important;	
}
#content .show,
.show {
	display:inherit !important;
}
#content .error {
	color:#fff;
	border:1px solid #a33;
	background:#422;
	padding:1em 1em 1em 2em;
	margin-bottom:.5em;
}

#content .confirmation {
	color:#fff;
	border:1px solid #6a6;
	background:#242;
	padding:1em;
}

hr, #content .clearer, .clearer {
	clear:both;
	display:block;
}

.transparent {
	filter: alpha(opacity=0); /* internet explorer */
	-khtml-opacity: 0.0;      /* khtml, old safari */
	-moz-opacity: 0.0;       /* mozilla, netscape */
	opacity: 0.0;           /* fx, safari, opera */
}

img {
	border:0;
}

html, body {
	height: 100%;
	min-height: 100%;
	position:relative;
	background:#333;
}

/*--- END NO-EDIT ---*/

/*------- BACKGROUND CONTAINERS -------*/

#container1 {
	position:relative;
	width:100%;
	min-width:940px;
	background:#666;
	background:url("../images/layout/bg_body.jpg") repeat #000;
}
#container2 {
	position:relative;
	background:url("../images/layout/bg_content.jpg") repeat-y top center;
}

#container3 {
	position:relative;
	background:url("../images/layout/bg_top.jpg") no-repeat top center;
}

/*------ HEADER ------*/

.dvd-now-available {
	background:url("../images/graphics/dvd-bug.png") top left no-repeat;
	display:block;
	width:236px;
	height:180px;
	position:absolute;
	top:0;
	right:0;
	color:#000;
	z-index:300;
}

#header {
	position:relative;
	width:940px;
	height:280px;
	margin:0 auto;
	z-index:60;
}

	#homeLink {
		position:absolute;
		left:33px;
		bottom:0;
		width:301px;
		height:108px;
		color:#000;
		background:url("../images/layout/title.jpg") top left no-repeat;
	}
	#homeLink span {
		display:none;
	}
	
	#nav {
		list-style:none;
		margin:0;
		padding:0;
		position:absolute;
		right:40px;
		bottom:3px;
		z-index:100;
	}
	
		#nav li {
			padding:0;
			margin:0 0 0 15px;
			list-style:none;
			display:inline;
			float:left;
			position:relative;
			z-index:101;
		}
			#nav li a {
				color:#000;
				margin:0;
				padding:0;
				float:left;
				display:inline;
				height:13px;
			}
			
			
			#nav li a.home {
				width:30px;
				background:url("../images/navigation/nav_home.gif") top left no-repeat;
			}
			#nav li a.the_film {
				width:43px;
				background:url("../images/navigation/nav_the_film.gif") top left no-repeat;
			}
			#nav li a.the_filmmakers {
				width:75px;
				background:url("../images/navigation/nav_the_filmmakers.gif") top left no-repeat;
			}
			#nav li a.press {
				width:30px;
				background:url("../images/navigation/nav_press.gif") top left no-repeat;
			}
			#nav li a.video {
				width:30px;
				background:url("../images/navigation/nav_video.gif") top left no-repeat;
			}
			#nav li a.blog {
				width:27px;
				background:url("../images/navigation/nav_blog.gif") top left no-repeat;
			}
			#nav li a.media {
				width:31px;
				background:url("../images/navigation/nav_media.gif") top left no-repeat;
			}
			/*#nav li a.merchandise {
				width:64px;
				background:url("../images/navigation/nav_merchandise.gif") top left no-repeat;
			}*/
			#nav li a.dvd  {
				width:22px;
				background:url("../images/navigation/nav_dvd.gif") top left no-repeat;
			}
			#nav li a.contact {
				width:39px;
				background:url("../images/navigation/nav_contact.gif") top left no-repeat;
			}
			#nav li span {
				display:none;
			}
			
			#nav li div {
				display:none;
			}
			#nav li.hover div {
				font-family:Verdana, Tahoma, Arial, sans-serif;
				font-size:10px;
				text-transform:uppercase;
				top:13px;
				z-index:200;
				width:100%;
				left:0;
				padding-left:50%;
				position:absolute;
				display:block;
			}
				#nav li div ul {
					border-bottom:1px solid #404040;
					background:url(../images/navigation/drop_top.gif) top center no-repeat;
					padding:17px 0 5px;
					margin:0;
					list-style:none;
					float:none;
					display:block;
					position:relative;
					width:114px;
					margin-left:-57px;
					-moz-box-shadow:0 6px 9px -3px #000;
					-webkit-box-shadow:0 6px 9px -3px #000;
					box-shadow:0 6px 9px -3px #000;
				}
					#nav div li {
						padding:1px 5px;
						margin:0;
						list-style:none;
						float:none;
						display:block;
						width:104px;
					}
						#nav div a {
							color:#ddd;
							height:auto;
							width:100px;
							display:block;
							float:none;
							padding:2px 4px;
							text-decoration:none;
						}
						#nav div a:hover {
							color:#C49810;
						}
		
		#nav li.hover,
		#nav li.active {
			
		}
			#nav li.hover a,
			#nav li.active a {
				background-position:bottom left;
			}

/*----- CONTENT -----*/

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
	padding:0 0 2em 0;
	text-transform:uppercase;
	/*color:#CCC;*/
	color:#D4A820;
	letter-spacing:.2em;
}
#content h5.content_title {
	text-transform:uppercase;
	font-size:1.5em;
	margin-bottom:0;
	padding:0 0 10px;
}
#content p { 
	padding-bottom:1em;
	font-size:inherit;
}

#content h1 span,
#content h2 span,
#content h3 span, 
#content h4 span {
	display:none;
}

#content h4.subpage {
	padding-top:1px;
	background:url("../images/layout/subtitle_arrow.gif") top left no-repeat;
	margin-top:-17px;
	padding-left:19px;
	font-size:1em;
	line-height:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#666;
}

	#content h4.subpage a,
	#content h4.subpage span.blog_date,
	#content h4.subpage span.blog_author,
	#content h4.subpage span.blog_title {
		color:#666;
		padding:3px 10px;
		float:left;
		display:inline;
		height:1em;
		line-height:1em;
		background:none;
		outline:none;
	}
	
	#content h4.subpage a.subpage {
		border-left:3px solid #333;
	}
	
	#content h4.subpage a.current {
		font-weight:bold;
		color:#ccc;
		background:#333;
	}
	#content h4.subpage a.current:hover {
		text-decoration:none;
	}
	
	#content h4.subpage a:hover {
		color:#C49810;
		border-bottom:0;
	}
	
	#content h4.subpage span.blog_title {
		font-weight:bold;
		color:#D4A820;
		font-size:1.25em;
		margin-top:-2px;
		display:block;
		float:none;
		padding-right:0;
	}
	#content h4.subpage span.blog_date,
	#content h5 span.blog_date {
		font-weight:bold;
		padding-right:0;
		color:#999;
	
	}
	
	#content h4.subpage span.blog_author,
	#content h5 span.blog_author {
		font-weight:bold;
		padding-right:0;
		color:#fff;
	}

#content {
	position:relative;
	width:860px;
	padding:30px 40px 40px;
	margin:0 auto;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	color:#fff;
	font-size:11px;
	line-height:2em;
	z-index:40;
}
#content a.more {
	display:inline;
	float:right;
	padding-bottom:2px;
	text-transform:uppercase;
}
#content hr {
	color:#000;
	border:none;
	border-bottom:1px dashed #333;
	background:#000;
	height:1px;
	margin:1em 0 2em 0;	
}
#content.home {
	padding-top:0;
}
	#content a {
		color:#d4a820;
		text-decoration:none;
	}
	
	#content a:hover {
		/*border-bottom:1px dashed;*/
		/*text-decoration:underline;*/
		background:url("../images/layout/underline_yellow.gif") bottom left repeat-x;
	}
	#content a img {
		float:left;
		display:inline;
	}
	
	#content a:visited {
		color:#c49810;
	}
	
	#content ul,
	#content ol {
		padding:0 0 1em 2em;
	}
	#content ul ul,
	#content ul ol,
	#content ol ul,
	#content ol ol {
		padding-bottom:0;		
	}
	
	
	#content div.block {
		padding:0 0 60px 0;
		font-size:inherit;
	}	
	#content div.this-is-pinned {
		position:relative;
	}
		#content div.this-is-pinned h2 {
			background:url("../images/layout/title_thisIsPinned.gif") top left no-repeat;
			height:31px;
			line-height:31px;
			margin-top:-31px;
		}
	#content div.blog-clips {
		position:relative;
	}
		#content div.blog-clips h3 {
			background:url("../images/layout/title_blogClips.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.blog-clips h4 {
			font-size:1.25em;
			color:#D4A820;
			font-weight:bold;
			text-transform:uppercase;
		}
		
		#content div.blog-clips div {
			margin-bottom:1em;
			font-size:inherit;
		}
		#content div.blog-clips div,
		/*#content div.blog-clips p,*/
		#content div.blog-clips h4 {
			/*line-height:1.5em;*/
			padding-bottom:.5em;
		}
		
	#content div.get-pinned {
		position:relative;
	}
		#content div.get-pinned h3 {
			background:url("../images/layout/title_getPinned.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
	#content div.twitter-feed {
		position:relative;
	}
		#tweet_jail {
			display:none;
			/*overflow-x:hidden;*/
		}
		#content div.loading {
			background:url("../images/interface/preload_blk.gif") top left no-repeat;
			display:block;
			height:40px;
			left:0;
			margin:-13px 0 0 110px;
			position:absolute;
			top:0;
			width:40px;
		}
			#content div.loading span {
				display:none;
			}
		#content div.twitter-feed h3 {
			background:url("../images/layout/title_twitterFeed.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.twitter-feed p {
			line-height:1.5em;
		}
		#content div.twitter-feed p span {
			color:#848484;
			display:block;
		}
		
/*------- CONTENT TITLES -------*/

	#content div.the_filmmakers,
	#content div.blog,
	#content div.video,
	#content div.media,
	#content div.press,
	#content div.merchandise,
	#content div.contact,
	#content div.order-confirm,
	#content div.order-error,
	#content div.p404,
	#content div.maintenance,
	#content div.the_film {
		position:relative;
	}
		#content div.the_film h2 {
			background:url("../images/layout/title_the_film.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.the_filmmakers h2 {
			background:url("../images/layout/title_the_filmmakers.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.blog h2 {
			background:url("../images/layout/title_blog.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.video h2 {
			background:url("../images/layout/title_video.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.media h2 {
			background:url("../images/layout/title_media.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.press h2 {
			background:url("../images/layout/title_press.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.merchandise h2,
		#content div.dvd h2 {
			background:url("../images/layout/title_dvd.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.contact h2 {
			background:url("../images/layout/title_contact.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.p404 h2 {
			background:url("../images/layout/title_404.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.maintenance h2 {
			background:url("../images/layout/title_maintenance.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.privacy_policy h2 {
			background:url("../images/layout/title_privacy_policy.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.support h2 {
			background:url("../images/layout/title_support.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.order-confirm h2 {
			background:url("../images/layout/title_order-placed.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}
		#content div.order-error h2 {
			background:url("../images/layout/title_order-error.gif") top left no-repeat;
			height:18px;
			line-height:18px;
			margin-top:-18px;
		}

/*------ FOOTER ----------*/

#footer {
	position:relative;
	width:100%;
	background:url("../images/layout/bg_footer.jpg") top left repeat-x #333;
	border-top:1px solid #404040;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	color:#666;
	font-size:11px;
	line-height:18px;
	text-transform:uppercase;
}
	#footer_container {
		width:930px;
		margin:0 auto;
		padding:20px 0;
		position:relative;
		display:block;
	}
		#footer_container div.narrow {
			width:180px;
			padding:33px 5px 0 27px;
			float:left;
			display:inline;
		}
		#footer_container div.wide {
			
		}

	#footer_container ul {
		margin:0;
		padding:0;
		list-style:none;		
	}
		#footer_container li {
			margin:0;
			padding:0;
			list-style:none;
		}
			#footer_container a {
				font-weight:bold;
				color:#666;
				text-decoration:none;
			}
			#footer_container a:hover {
				/*border-bottom:1px dashed;*/
				/*text-decoration:underline;*/
				color:#fff;
				background:url("../images/layout/underline_white.gif") bottom left repeat-x;
			}

	#footer_container div.pinned{
		background:url("../images/layout/lf_pinned_combo.gif") top left no-repeat;
		width:588px;
		height:200px;
		position:relative;
		padding:33px 0 0 57px;
		float:left;
		display:block;
	}
		#footer_container .lakewood_films, 
		#footer_container .lakewood_films:hover {
			position:absolute;
			left:0;
			bottom:10px;
			background:none;
			text-decoration:none;
			border:none;
		}
	#footer_container div.navigate,
	#footer_container div.connect {
		padding:33px 0 0 27px;
		width:115px;
		float:left;
		display:inline;
	}
	#footer_container div.connect {
		background:url("../images/layout/footer_connect.gif") top left no-repeat;

	}
	#footer_container div.navigate{
		background:url("../images/layout/footer_navigate.gif") top left no-repeat;
	}
	


/*------ EMAIL SIGNUP --------*/

#email_signup {
	position:relative;
	width:250px;
	height:46px;
	background:url("../images/layout/bar_emailSignup.jpg") top left no-repeat;
}

	#email_signup table {
		position:absolute;
		left:12px;
		top:16px;
	}
		#email_signup table input.text {
			background:none;
			display:block;
			border:0;
			padding:2px 4px;
			width:172px;
			height:13px;
			color:#333;
			font-size:11px;
			line-height:13px;
		}
		#email_signup table input.inactive {
			color:#999;
			font-style:italic;
		}
		#email_signup button {
			display:block;
			height:17px;
			line-height:17px;
			width:41px;
			border:0;
			background:url("../images/interface/btn_submit.gif") top left no-repeat;
			cursor:pointer;
			position:absolute;
			top:16px;
			left:199px;
			outline:none;
		}
			#email_signup button span {
				display:none;
			}
		#email_signup button:hover {
			background-position:bottom left;
		}
		
/*-------- SOCIAL NETWORKING ---------*/

#networks {
	height:46px;
	padding:0 10px;
	margin:0;
	display:block;
	list-style: none;
	background:url("../images/layout/bar_grey.jpg") repeat-x top left;
	width:100%;
	text-align:center;
}
 	#networks li {
		display:inline;
		list-style:none;
		float:left;
		padding:0 17px;
	}
		#networks li a,
		#networks li a {
			color:#000;
			border:none;
			text-decoration:none;
		}
		
		
#content h5 span.blog_title {
	display:block;
}
#content h5 span.blog_date,
#content h5 span.blog_author {
	font-size:0.75em;
}

/*---------------- LAURELS ------------------*/

#laurels {
	position:absolute;
	right:23px;
	top:189px;
}

/*-------------------- SIDEBAR > DVD AD --------------*/
#content a.sidebar_dvd-ad,
#content a.sidebar_dvd-ad:hover,
#content a.sidebar_dvd-ad:active,
#content a.sidebar_dvd-ad:visited {
	display:block;
	color:#000000;
	text-decoration:none;
	width:250px;
	height:250px;
	background:url("../images/graphics/dvd_ad.jpg") top left no-repeat #000000;
}

/*---------------- HOMEPAGE QUOTES ------------------*/
#content #homepage-quotes {
	position:relative;
	margin:0 0 3em;
	height:auto;
	/*border:1px solid #121212;*/
	overflow:hidden;
	display:block;
}
	#content .homepage-quote {
		display:block;
		text-align:center;
		list-style:none;
		margin:0;
		padding:0;
		font-style:italic;
		color:#999;
		font-size:1em;
		letter-spacing:.05em;
	}