@charset "utf-8";
/* CSS Document */

html {height:100%;}
body {background:url(images/bg.gif) repeat; height:100%; font-family:arial, sans-serif;}
a {text-decoration:none; color:#99cccc; font-weight:bold;}

/*page headings*/h1 {padding-left:30px; font-size:2em; color:white; font-weight:bold; border-bottom:5px solid #99cccc;}
/*filmtitles on catalog page*/h2 {display:inline; font-family:arial, sans-serif; font-size:.9em; color:white;}
/*more info*/h3 {color:white; font-size:.7em; font-weight:bold;}
/*Trailer*/h4 {color:white; font-size:1.8em; font-weight:bold;}
/*future projects*/h5 {color:white; font-size:1.8em; font-weight:bold; margin:0px; padding:0px;}
p {font-family:arial, sans-serif; font-size:.8em; color:white; display:block;}
/*for quotes on cookies/cream page */p.quote {font-size:.7em; color:white; display:block; float:right; width:430px;}

#outer {width:900px; min-height:100%; background:black; margin:-8px auto 0px auto; clear:both; border-left:1px dashed #666666; border-right:1px dashed #666666;}
	
	#banner {width:100%; padding:15px 0px 15px 0px;}
	
	#navbar {width:900px; margin:15px auto 0 auto; padding:0px 0px 10px 0px; text-align:center;}
		#navbar ul {margin:0px; padding:0px; white-space:nowrap; font-size:.9em; font-weight:bold;}
		#navbar li {list-style-type:none; display:inline;}
		#navbar li a {border:none; margin-right: 15px; padding:0px 5px 0px 0px; color:white; text-decoration:none;}
		#navbar ul li a:hover {border-bottom:4px #99cccc solid;}
		
	#con1 {width:900px; padding:0px 0px 20px 40px; margin:0px auto;}
		#con1left {width:510px; padding:0px 0px 0px 0px; float:left;}
		#con1right {width:280px; padding:20px 20px 0px 10px; float:left;}
		
	#con2 {width:900px; padding:0px 0px 20px 40px;}

/*scroller*/
#scroller {position:relative; width:900px; height:200px; overflow:hidden; margin-top:10px;}

	
/*for catalog page*/	
.filmbox {width:355px; margin:0px 10px; float:left; padding:15px 15px; border-bottom:1px solid #666666;}
	.filmbox:hover {background-color:#333333;}
	.filmbox p {width:245px; float:right; display:block; font-family:arial, sans-serif; font-size:.7em; color:white;}
	.filmbox img {float:left; margin:0px 10px 0px 0px; border:0px none;}

/*for profile page*/	
.profile {width:790px; padding:10px 10px 10px 0px;}
	.profile img {float:right; border:1px solid #333333; padding:4px; margin:10px;}
	
/*for individual film pages*/
.filmleft {width:360px; padding:0px 0px 0px 0px; float:left;}
	
.filmright {width:430px; padding:20px 20px 0px 20px; float:left;}
	.filmleft p {font-family:arial, sans-serif; font-size:.8em; color:white; display:block;}

/*for contact page*/
.contactbox {width:380px; margin:10px 10px; float:left; padding:15px 10px; border-bottom:1px solid #666666;}
	.contactbox p {width:265px; display:block; font-family:arial, sans-serif; font-size:.8em; color:white;}
#notebox {width:600px; margin:20px auto;}

/*for bios page*/
.biobox {width: 770px; margin:0px auto 0px auto; float:left; border-bottom:1px solid #666666; padding:15px 15px 15px 15px;}
	.biobox img {float:left; border:1px solid #666666; padding:3px; margin:0px 15px 15px 0px;}
	.biobox:hover {background-color:#333333;}
	
/*for projects page*/	
.projectbox {width:770px; margin:0px 10px; float:left; padding:15px 15px; border-bottom:1px solid #666666;}
	.projectbox:hover {background-color:#333333;}
	.projectbox p {width:100%; float:left; display:block; font-family:arial, sans-serif; font-size:.7em; color:white; margin-top:.3em;}
	.projectbox img {float:left; margin:0px 10px 0px 0px; border:0px none;}

#feedControl {width:770px; padding:15px; background:#black; color:white;}