/*	copyright 2005 Outcast Films [outcast-films.com]
	built by Scoot Design [info@scootdesign.com]
	p7* selectors borrowed from Project Seven Development [projectseven.com] 
	padding & margin values are in shorthand: Top Right Bottom Left
*/

body {
	margin: 30px 0 0 0;
	text-align: left;
	background-color: #232323;
	}
	
body.trailer {
	margin: 20px 10px 10px 10px;
	text-align: left;
	background-color: #4D4B4C;
	}

basefont, p, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	}

h1 {
	font-family: Folio, Verdana, Arial, Helvetica, sans-serif;
	color: #333399;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	}
	
h1.title {
	margin-top: -5px;
	padding-top: 15px;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	}
	
h2 {
	font-family: Folio, Verdana, Arial, Helvetica, sans-serif;
	color: #4C3488;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	}
	
h3 {
	font-family: Folio, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	}
	
h3.quotebox {
	font-family: Folio, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0 0 0 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	}

p.quotebox {
	padding: 5px 10px 0 10px;
	color: #222222;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	}
	
p.quote_credit {
	padding: 0 10px 0 20px;
	color: #333333;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	}

.side_nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: 600;
	font-size: 13px;
	line-height: 19px;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	}

p.big_blurb { 
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	font-size: 11px;
	line-height: 14px;
	font-style: normal;
	font-weight: normal;
	}

p.form_blurb { 
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: -2px;
	font-size: 11px;
	line-height: 14px;
	font-style: normal;
	font-weight: bold;
	}

.purple { color: #5C21AD; }

.dk_blue { color: #1153BC; }

.lt_blue { color: #69AAE8; }

.yellow { color: #F2C204; }

.orange { color: #FF6600; }

.green { color: #7FC642; }

.red { color: #DB1313; }

.rose { color: #EC8888; }

.mid { font-size: 11px; }

.small { font-size: 10px; }

.copyright {
	padding: 5px 0 5px 0;
	font-size: 10px;
	font-style: none;
	font-weight: normal;
	}

.in_both { 
	padding-left: 5px;
	padding-right: 5px;
	}

.indent1 { padding-left: 10px }

.indent2 { padding-left: 20px }

.indent3 { padding-left: 30px }

.indent4 { padding-left: 40px }

.white_text {
	color: #ffffff;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: 14px;
	}

img.title {
	padding: 0 10px 5px 0;
	}

input.navbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:  20px;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	width: 90px;
	}

/* 	tune this one relative to the other (above) as necessary . . .  */
	
input.navbar2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:  20px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	width: 90px;
	}

UL { list-style: url(wee_white_dot.gif) square; }

a, a:visited {
	color: #4C3488;
	font-weight: bold;
	text-decoration: none}

.side_nav a, .side_nav a:visited {
	color: #333399;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	}
	
.side_nav a:active, .side_nav a:hover {
	color: #993399;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	}

a.big { 
	font-size: 14px;
	font-style: none;
	font-weight: bold;
	}
	
a.small {
	font-size:  10px;
	font-weight: bold
	}
	
a:active, a:hover {
	color: #993399;
	text-decoration: none;
	}


/* 	The Submenu Layers
 	Use a combined selector to assign all properties common to each
	of the Submenu Layers. */
#snapsubs1, #snapsubs2, #snapsubs3, #snapsubs4, #snapsubs5 {
	position: absolute;
	top: 87px;
	font-size: .8em;
	visibility: hidden;
	background-color: #514067;
	}
/* 	Now use individual selectors for each trigger Layer to assign
	their unique properties, in this case the width property */
#snapsubs1 {width: 158px;}
#snapsubs2 {width: 187px;}
#snapsubs3 {width: 144px;}
#snapsubs4 {width: 153px;}
#snapsubs5 {width: 140px;}

.sub_about p {
	margin: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}

.sub_about a, .sub_about a:visited {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 4px 4px;
	text-decoration: none;
	}

.sub_about a:hover, .sub_about a:active, .sub_about a:focus {
	background-color: #D3C3E9;
	color: #5C21AD;
	border-top: #ffffff;
	}

.sub_order p {
	margin: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C21AD;
	}

.sub_order a, .sub_order a:visited {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 4px 4px;
	text-decoration: none;
	}

.sub_order a:hover, .sub_order a:active, .sub_order a:focus {
	background-color: #D3C3E9;
	color: #5C21AD;
	border-top: #ffffff;
	}

.sub_filmmaker p {
	margin: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C21AD;
	}

.sub_filmmaker a, .sub_filmmaker a:visited {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 4px 4px;
	text-decoration: none;
	}

.sub_filmmaker a:hover, .sub_filmmaker a:active, .sub_filmmaker a:focus {
	background-color: #D3C3E9;
	color: #5C21AD;
	border-top: #ffffff;
	}

.sub_queer p {
	margin: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C21AD;
	}

.sub_queer a, .sub_queer a:visited {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 4px 4px;
	text-decoration: none;
	}

.sub_queer a:hover, .sub_queer a:active, .sub_queer a:focus {
	background-color: #D3C3E9;
	color: #5C21AD;
	border-top: #ffffff;
	}

.sub_resource p {
	margin: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C21AD;
	}

.sub_resource a, .sub_resource a:visited {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 4px 4px;
	text-decoration: none;
	}

.sub_resource a:hover, .sub_resource a:active, .sub_resource a:focus {
	background-color: #D3C3E9;
	color: #5C21AD;
	border-top: #ffffff;
	}

.hotspot p {
	margin: 0;
	padding 4px 4px 4px 4px;
	color: #ffffff;
	background-color: #666666;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}

.hotspot a, .hotspot a:visited {
	display: block;
	color: #FFFFFF;
	background-color: #4C3488;
	font-weight: bold;
	text-align: center;
	padding: 4px 4px;
	margin: 30px 0 0 0;
	text-decoration: none;
	}
	
.hotspot a:hover, .hotspot a:active, .hotspot a:focus {
	background-color: #4C3488;
	color: #9966CC;
	}
	
.trailer a, .trailer a:visited {
	color: #A181F0;
	font-weight: bold;
	text-decoration: none
	}
.line {
	text-decoration: line-through;
}
.winner {
	color: #993399;
}