@import "mmmcss.css";

/* Begin custom styles */

html
{
	background: #000 url('../images/bg3.jpg') no-repeat center top;
	/*border-top: 0.5em solid #222;*/ 
}

body
{
	color: #222;
	margin: 0 auto;
	font-family: Garamond, Times, "Times New Roman", serif;
}

body, .container { width: 78em; }

#header
{
	margin: 2.8em 0 2em 0;
}
	#header h1 a
	{
		text-indent: -9999em;
		background: url('../images/logo3.png') no-repeat;
		width: 253px;
		height: 87px;
		float: left;
		margin-top: 0.25em;
		border: 0;
	}
	#header #nav
	{
		list-style: none;
		background: url('../images/nav_bg.jpg') no-repeat left top;
		float: right;
		padding: 0;
		margin: 0 0 0 0;
		height: 67px;
		width: 503px;
		position: relative;
		left: 23px;
		padding-left: 2em;
	}
		#header #nav li
		{
			float: left;
			margin-top: 1em;
		}
		#header #nav li a
		{
			display: block;
			padding: 0.5em 0.9em;
			border: 0;
			color: #222;
			font-weight: bold;
			font-size: 1.3em;
		}
		#header #nav li a:hover
		{
			color: #000;
			text-decoration: underline;
		}
#content
{
}	
	#movie
	{
		background: url('../images/video_bg2.png') no-repeat top center;
		padding: 33px 0 0 0;
		text-align: center;
		width: 770px;
		height: 430px;
		margin: 0 0 2em 5px;
	}
	#content .box
	{
		background: #222;
		border: 2px solid #111;
		color: #FFF;
		padding: 1.5em 2em 0 2em;
		line-height: 1.15em;
	}
	body #content div.home
	{
		padding-bottom: 0;
	}
	#content div.home_block
	{
		position: relative;
		top: -2em;
	}
	#content div.left, #content div.right
	{
		float: left;
		padding: 0;
		height: 160px;
	}
	#content div.left
	{
		width: 456px;
		margin-right: 1.5em;
	}
	#content div.right
	{
		width: 240px;
		margin: 0;
		border-left: 1px solid #AAA; 
		padding-left: 1.4em;
	}
	#content .box a
	{
		color: #444;
		text-decoration: underline;
		border: 0;
	}
	#content .box h2
	{
		border-bottom: 2px solid #AAA;
		margin-bottom: 0.75em;
	}
	#content .box p
	{
		font-size: 1.4em;
	}
	#content img.pic
	{
		float: left;
		margin: 0 2em 1em 0;
		padding: 0.9em;
		background: #999;
		border: 1px solid #888;
	}
	#content img.right
	{
		float: right;
		margin: 0 0 1em 2em;
	}
	#content div.bio-box
	{
		margin-bottom: 1em;
	}
	#content hr
	{
		background: #AAA;
	}
	#content div.paper
	{
		background: url('../images/content_inner_bg.png') repeat-y;
		border: 0;
		margin: 0 -1em 7em -1em;
		padding: 3em;
		color: #222;
		position: relative;
		top: 5em;
	}
	#content div.paper .top
	{
		background: url('../images/content_bg.png') no-repeat;
		display: block;
		height: 80px;
		margin: -9em -3em -3em -3em;
	}
	#content div.paper h2, #content div.paper h3
	{
		color: #222;
	}
	#content div.paper h2
	{
		position: relative;
		top: -0.5em;
	}
	#content .showings
	{
		background: #FFF;
		padding: 1.5em 2em;
		border: 1px solid #BBB;
		margin-bottom: 1em;
	}
	#content .showings hr
	{
		background: #DDD;
	}
	#content .showings address
	{
		margin-bottom: 0;
	}
#footer
{
	background: url('../images/footer_bg.png') no-repeat;
	/*border-top: 0.5em solid #444;*/
	margin: -2em -1em 4em -1em;
	height: 50px;
}
	#footer #nav_foot
	{
		float: left;
		list-style: none;
		padding: 0.8em 1em;
		margin: 0;
	}
		#footer #nav_foot li
		{
			float: left;
			margin-right: 0.5em;
		}
		#footer #nav_foot li a
		{
			font-size: 0.9em;
			color: #CCC;
			border: 0;
		}
		#footer #nav_foot li a:hover
		{
			border-bottom: 0.1em solid #999;
			color: #FFF;
		}