*{
outline:none;
}

html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, font, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-size: 100%;
				vertical-align: baseline;
				background: transparent;
			}
			body {
				line-height: 1.2em;
			}
			ol, ul {
				list-style: none;
			}
									
			/* remember to define focus styles! */
			:focus {
				outline: 0;
			}
			
			/* remember to highlight inserts somehow! */
			ins {
				text-decoration: underline;
			}
			del {
				text-decoration: line-through;
			}
			
			/* tables still need 'cellspacing="0"' in the markup */
			table {
				border-collapse: collapse;
				border-spacing: 0;
			}
			/*end reset*/
			
						
			h1{
				font-size:3em;
				margin: 0 0 20px 0;
				font-weight: normal;
			}
			
		h2{
				
				font-size:2.3em;
				margin: 0 0 0 20px;
				font-weight: normal;
				color: white;
				font-family:avenir, helvetica, arial, sans-serif;
				line-height:2.3em;
			}
			
			h3{
				
				font-size:1.3em;
				margin: 20px 20px 20px 20px;
				font-weight: normal;
				color: white;
				font-family:avenir, helvetica, arial, sans-serif;
				line-height:2.3em;
			}
			
			
			
			




#wrapper{
	width:1000px;
	margin:auto;
	background:white
	
}
	


h1.hider {
	visibility:hidden;}
	
	ul.mov a{
		margin: 0px;
		padding: 1px 40px 1px 40px;
		border: 1px;
		outline: 0;
		font-size: .9em;
		horizontal-align: baseline;
		background: transparent;
		color:teal;
		text-decoration:none;
		list-style: none;
		font-family:futura, helvetica, arial, sans-serif;
		}
	
	ul.mov a:hover{
color:#FF6600;
		}

#container	{
	width:1000px;
	height:auto;
	background:white;
	
}

.date {
color:teal;	
}

.caption{
font-size:.75em;
}

#navigation{

	width:auto;
	height: auto;
	font-family:futura, helvetica, arial, sans-serif;
	font-size:.9em;
	background:white;
	padding:20px 20px 20px 20px;
	margin:0 10px;
	text-align:center;	
	border-bottom:6px solid black;

	
}

#navigation a{
color:black;
text-decoration:none;	

}

#navigation a:hover{
color:#FF6600;	
}

#stuff{
	width:700px;
	height:auto;
	font-family:helvetica, arial, sans-serif;
	background:white;
	padding:50px 150px;	

}

#stuff p{
font-size:.8em;	
line-height:1.75em;
}




#stuff h2{
font-size:2.3em;	
margin: 0 0 40px 0;
}


#stuff a{
	color:black;
	text-decoration:none;
}


#stuff a:hover{
	color:#FF6600;
	
}

span.currentpage{
color:teal;	
}

#poster{
img-align:center;	 /*--why isn't this working?  i want to get the poster centered in the poster box…--*/
}

#footer{
text-align:center;	
height:50px;
background:white;
padding:15px 0 10px 0; /*--same problem here...couldn't figure out how to center the list and address in the footer…--*/
border-top:6px solid black;
margin:0 10px;
	
}

address{
font-size:.7em;	
color:#cccccc;
}

#footer a{
	font-size:1.9em;
	color:white;
	text-decoration:none;
	font-family: avenir, helvetica, arial, sans-serif;
}

#footer a:hover{
	color:#FF6600;
}