/* Grand View Drive-In : General Style Sheet
   =================================================================
   This stylesheet is included in all pages in the site.
*/	
		
	/* general stuff
	   ==================================
	*/
	
	/* all images */
	img { border: none; text-decoration: none; }
	
	body {
		font-family: "Verdana", "Arial", Sans-Serif;
		font-size: 75%;
		margin: 0;
		padding: 0;
		background-image: url(../images/background.jpg);
	}
	
	/* hide the page title and use it as a spacer
	   can't use the wholePage div because the padding would be inherited,
	   causing layout problems */
	#pagetitle {
		padding: 20px 0 0 0;
	}
	
	#pagetitle h1 {
		display: none;
	}
	
	/* set the background for the whole page
	   needs to be positioned in order to use absolute positioning later */
	#wholePage {
		position: relative;
		width: 809px;
		margin: 0 auto;
		padding: 0 0 0 0;
	}
	
	/* set header style */
	h1, h2, h3, h4, h5 {
		font-family: "Cooper Black", "Cooper Std", "Cooper Std Black", "Verdana", "Arial", Sans-Serif;
		color: #002c76;
	}
	
	/* forms and buttons
	   some css from particletree
	   ==================================
	*/
	
	label {
		font-weight: bold;
	}
	
	.errorMessage {
		font-weight: bold;
		color: #d12f19;
	}
	
	.styledForm td {
		padding: 5px;
	}
	
	.styledForm #email {
		font-size: 120%;
	}
	
	.buttons a, .buttons button {
		display: block;
		float: left;
		margin: 0 7px 0 0;
		background-color: #f5f5f5;
		border: 1px solid #dedede;
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
	
		font-size: 100%;
		line-height: 130%;
		text-decoration: none;
		font-weight: bold;
		color: #565656;
		cursor: pointer;
		padding: 5px 10px 6px 7px; /* Links */
	}
	
	.buttons button {
		width: auto;
		overflow: visible;
		padding: 4px 10px 3px 7px; /* IE6 */
	}
	
	.buttons button[type] {
		padding: 5px 10px 5px 7px; /* Firefox */
		line-height: 17px; /* Safari */
	}
	
	*:first-child+html button[type] {
		padding: 4px 10px 3px 7px; /* IE7 */
	}
	
	.buttons button img, .buttons a img {
		margin: 0 3px -3px 0 !important;
		padding: 0;
		border: none;
		width: 16px;
		height: 16px;
	}

	/* standard - blue */
	
	button:hover, .buttons a:hover {
		background-color: #dff4ff;
		border: 1px solid #c2e1ef;
		color: #336699;
	}
	
	.buttons a:active {
		background-color: #6299c5;
		border: 1px solid #6299c5;
		color: #fff;
	}

	/* positive - green */
	
	button.positive, .buttons a.positive {
		color: #529214;
	}
	
	.buttons a.positive:hover, button.positive:hover {
		background-color: #E6EFC2;
		border: 1px solid #C6D880;
		color: #529214;
	}
	
	.buttons a.positive:active {
		background-color: #529214;
		border: 1px solid #529214;
		color: #fff;
	}
	
	/* negative - red */
	
	.buttons a.negative, button.negative {
		color: #d12f19;
	}
	
	.buttons a.negative:hover, button.negative:hover {
		background: #fbe3e4;
		border: 1px solid #fbc2c4;
		color: #d12f19;
	}
	
	.buttons a.negative:active {
		background-color: #d12f19;
		border: 1px solid #d12f19;
		color: #fff;
	}

	
	/* main navigation 
	   ==================================
	*/
	
	#top {
		position: relative;
		margin: 0;
		padding: 0;
	}
	
	#top h2, #top span {
	   display: none;
	}
	
	#top ul {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	#top li {
	   display: inline;
	}
	
	#top #homeNoLink div {
		float: left;
		width: 328px;
		height: 93px;
		background: url(../images/topnav/logo-nohome.gif);
	}
	
	#top #home a {
		float: left;
		width: 328px;
		height: 93px;
		background: url(../images/topnav/logo-home.gif);
	}
	
	#top #map a {
		float:left;
		width: 150px;
		height: 93px;
		background: url(../images/topnav/map.gif);
	}
	
	#top #upcoming a {
		float:left;
		width: 168px;
		height: 93px;
		background: url(../images/topnav/upcoming.gif);
	}
	
	#top #flea a {
		float:left;
		width: 145px;
		height: 93px;
		background: url(../images/topnav/flea.gif);
	}
	
	#bottom {
		clear: both;
	}
	
	#homephoto {
		clear: both;
	}
	
	
	/* now showing area 
	   ==================================
	*/
	
	#nowshowing {
		position: absolute;
		left: 522px;
		top: 93px;
		width: 284px;
	}
	
	#nowshowingcontent {
		position: relative;
		left: 15px;
		width: 230px;
		padding: 15px;
		background: url(../images/ns-background.jpg);
		text-align: center;
	}
	
	#nowshowingcontent h1 {
		color: #811009;
	}
	
	#nowshowingcontent .padtop {
		padding-top: 20px;
	}
	
	#nowshowingcontent ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.movietitle {
		font-weight: bold;
		font-size: 100%;
	}
	
	#shadowright {
		background-image: url(../images/ns-shadow-right.jpg);
		background-repeat: repeat-y;
		background-position: right;
	}
	
	#shadowbottom {
		position: relative;
		left: 5px;
		width: 277px;
		height: 21px;
		background: url(../images/ns-shadow-bottom.gif) no-repeat;
	}
	
	
	/* content area 
	   ==================================
	*/
	
	#content {
		padding: 0px 205px 10px 40px;
	}
	
	/* make the headers stick out to the left */
	#content h1 {
		position: relative;
		right: 15px;
		padding-top: 25px;
	}
	
	#content .padtop {
		clear: both;
		padding-top: 40px;
	}
	
	#content .postertitle {
		float: left;
		width: 200px;
		padding-right: 10px;
		text-align: center;
	}
	
	
	/* footer 
	   ==================================
	*/
	
	#footer {
		color: gray;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 15px;
	}