/*** CSS created May 2008 by Mark Blethen, spoonTRex@gmail.com ***/

/*** Body Properties ***/

* {
	margin:0;
	padding:0;
	}

body {
	/*background:url(../graphics/background.jpg) #dddad4;*/
	background:url(../graphics/fullbkgd.jpg) #dddad4;
	color:#443500;
	font-size:0.7em;
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	}

a {
	outline:none;
	color:#4d8167;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

h2 {
	margin-bottom:0.5em;
	font-size:1.5em;
	}

p {
	margin-bottom:1em;
	}

p.dates {
	font-size:1.3em;
	}

p.dates strong {
	color:#4d8167;
	}

/*img.right {
	float:right;
	margin-bottom:-1em;
	}*/

.thumb img {
	margin:0 1px 0 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
	}

.thumb:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	}

/*** Containers & Formating ***/
	
#container {
	/*background:url(../graphics/rays.png) bottom center no-repeat;*/
	width:1007px;
	}

#bkgd {
	/*background:url(../graphics/poster.png) top left no-repeat;*/
	margin-top:10px;
	padding:65px 0 0 480px;
	}

#content {
	/*background:url(../graphics/reciept.png) no-repeat;*/
	padding:20px 5px;
	height:625px;
	}

#text {
	width:400px;
	margin-left:30px;
	}


/*** Main Menu ***/

/* 
This makes use of the CSS Sprite Method.
Read more at: http://alistapart.com/articles/sprites
*/

#menu ul {
	width: 352px;
	height: 14px;
	background: url(../graphics/menu.gif) no-repeat;
	margin:0 auto 20px auto;
	padding:0;
	position: relative;
	}
#menu ul li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
	text-indent:-9999px;
	}
#menu ul li, #menu ul a {
	height: 14px;
	display: block;
	}

/*
Below defines each link's "area" as well as hover and active states in my "sprite" image.
*/

li#trailer {
	left:0px;
	width:60px;
	}
li#trailer a:hover {
	background:transparent url(../graphics/menu.gif) 0px -14px no-repeat;
	}
li#synopsis {
	left:61px;
	width:72px;
	}
li#synopsis a:hover {
	background:transparent url(../graphics/menu.gif) -61px -14px no-repeat;
	}

li#cast {
	left:133px;
	width:45px;
	}
li#cast a:hover {
	background:transparent url(../graphics/menu.gif) -133px -14px no-repeat;
	}
li#showings {
	left:178px;
	width:81px;
}
li#showings a:hover {
	background:transparent url(../graphics/menu.gif) -178px -14px no-repeat;
}
li#news {
	left:260px;
	width:45px;
	}
li#news a:hover {
	background:transparent url(../graphics/menu.gif) -260px -14px no-repeat;
	}
li#store {
	left:306px;
	width:46px;
	}
li#store a:hover {
	background:transparent url(../graphics/menu.gif) -306px -14px no-repeat;
	}


/*
Menu Active states
*/

body#trailer-page #menu ul li#trailer a {
	background:transparent url(../graphics/menu.gif) 0px -14px no-repeat;
	}


body#synopsis-page #menu ul li#synopsis a {
	background:transparent url(../graphics/menu.gif) -61px -14px no-repeat;
	}

body#cast-page #menu ul li#cast a {
	background:transparent url(../graphics/menu.gif) -133px -14px no-repeat;
	}

body#showings-page #menu ul li#showings a {
	background:transparent url(../graphics/menu.gif) -178px -14px no-repeat;
	}

body#news-page #menu ul li#news a {
	background:transparent url(../graphics/menu.gif) -260px -14px no-repeat;
	}

/*** Footer ***/

#footer {
	text-align:center;
	margin:0 auto;
	margin-left:-510px;
	}