@charset "utf-8";
/* RESET */
/*-----------------------------------------------------------------------------------*/
/* RESET */
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* Pre-Defined Classes - DO NOT MODIFY */
/*-----------------------------------------------------------------------------------*/
.clear					{ clear: both; }
.clear-left			{ clear: left; }
.clear-right		{ clear: right; }
.clear-hack:after	{ content: "clear"; clear: both; display: block; visibility: hidden; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

hr.floatclear		{ background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; 
									width: 0; height: 0; }

.float-left			{ float: left; }
.float-right		{ float: right; }
 
.text-left			{ text-align: left; }
.text-right			{ text-align: right; }
.text-center		{ text-align: center; }
.text-justify		{ text-align: justify; }
 
.bold						{ font-weight: bold; }
.italic					{ font-style: italic; }
.underline			{ border-bottom: 1px solid; }
.highlight			{ background: #ffc; }
 
.img-left				{ float: left; margin: 0.2em 1em 0.2em 0; }
.img-right			{ float: right; margin: 0.2em 0 0.2em 1em; }
 
.nopadding			{ padding: 0; }
.nomargin				{ margin: 0; }
.noindent				{ margin-left: 0; padding-left: 0; }
.nobullet				{ list-style: none; list-style-image: none; }

.np-top 		{ padding-top: 0; }
.np-right 	{ padding-right: 0; }
.np-bottom 	{ padding-bottom: 0; }
.np-left 		{ padding-left: 0; }

.nm-top 		{ margin-top: 0; }
.nm-right 	{ margin-right: 0; }
.nm-bottom 	{ margin-bottom: 0; }
.nm-left 		{ margin-left: 0; }

/* Common Elements (block) */
/*-----------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6		{ font-weight: bold; color: #000; padding: 10px; line-height: 1; }
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img { margin: 0; }

h1			{ font-size: 3em; }
h2			{ font-size: 2em; }
h3 			{ font-size: 1.5em; }
h4 			{ font-size: 1.1em; }

p 			{ font: normal 1em  "Trebuchet MS", Arial, sans-serif; padding: 10px; }

em,dfn	{ font-style: italic; }
strong	{ font-weight: bold; }

.underline		{ border-bottom: 1px solid #000; }
.highlight 		{ background: #ffc; }

.text-left		{ text-align: left; }
.text-right 	{ text-align: right; }
.text-center 	{ text-align: center; }
.text-justify { text-align: justify; }
.text-indent	{ text-indent: -9999px; }

ul 			{ list-style: none; }
ul li 	{ display: inline; }

caption 	{ font: normal 9px "Trebuchet MS", Arial, Verdana, sans-serif; text-align: left; }

/* Common Elements (inline) */
/*-----------------------------------------------------------------------------------*/
img 		{ border: none; }

/* Hyperlinks */
/*-----------------------------------------------------------------------------------*/
a 				{ color: #fff; text-decoration: none; }
a:focus		{ color: #fff; text-decoration: none; outline: 0; }
a:hover 	{ color: #f8e200; text-decoration: none; }
a:visited	{ color: #fff; text-decoration: none; }
a img 		{ border: none; }

/* RESET */
/*-----------------------------------------------------------------------------------*/
/* RESET */

body {
	background: #000;
	font: normal 62.5%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #fff;
	text-align: center;
}

/* Wrap */
/*-----------------------------------------------------------------------------------*/
#homepage #wrap, #trailer #wrap, #news #wrap, #contribute #wrap, #links #wrap, #contact #wrap {
	height: 875px; width: 1024px;
	margin: 0 auto;
	text-align: left;
}
	#homepage #wrap, #trailer #wrap {
		background: url(../images/home.jpg) no-repeat center center;
	}
	#story #wrap, #pov #wrap {
		background: #cacccc;
		height: auto; width: 1024px;
		margin: 0 auto;
		text-align: left;
	}
	#news #wrap {
		background: url(../images/news.jpg) no-repeat center center;
	}
	#contribute #wrap, #links #wrap, #contact #wrap {
		background: url(../images/blank.jpg) no-repeat center center;
	}

/* Header & Navigation */
/*-----------------------------------------------------------------------------------*/
#header, #navigation {
	height: auto; width: 1024px;
}

#navigation ul#main_nav, #footer ul#main_nav {
	font: normal 11px "Arial Black", Arial, Verdana, sans-serif;
	margin: 0 0 0 50px;
}
	#navigation ul#main_nav li, #footer ul#main_nav li {
		padding: 0 13px 0 0;
		letter-spacing: 1px;
	}
	
		#story #navigation, #pov #navigation {
			background: #000;
			padding: 0 0 15px 8px;
			width: 1016px;
		}
	
#trailer_navigation {
	height: auto; width: 829px;
	position: relative;
		top: 450px; left: 195px;
}
	#trailer_navigation ul li {
		padding: 0 13px 0 0;
	}
	
/* Content */
/*-----------------------------------------------------------------------------------*/
#content {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #b3baba;
}
	#story #content, #pov #content {
		font-size: 14px;
			color: #000;
		float: left;
		height: auto; width: 514px;
		padding: 0 0 25px 40px;
		text-align: left;
	}
		#story #content p {
			font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		#story #content .story_quote { font-size: 17px; line-height: 21px; }
		#story #content .big_type { font-size: 23px; }
		#story #content .sm_type { font-size: 14px; }
		#story #content .big_line { font-size: 15px; }
		
		#pov #content p { padding-bottom: 5px; }
		#pov #content a { color: #000; }
		#pov #content .sm_type { 
			font-size: 11px; 
			margin-bottom: -15px; padding-bottom: 0; 
		}
		
	#pov #content_wrap {
		background: url(../images/pov/pov_bg_altered.jpg) no-repeat center center;
		height: 968px; width: 1024px;
		margin: 0 auto
	}
		
	#contribute #content, #links #content, #contact #content { position: relative;	}
		#contribute #content { 
			top: 70px; left: 85px;
			width: 939px;
		}
		#links #content {
			font-size: 16px;
			top: 330px; left: 90px;
			width: 934px;
		}
		#contact #content {
			font-size: 16px;
			top: 310px; left: 85px;
			width: 939px;
		}
			#contribute #content p { padding-left: 0; }
			#links #content p { padding-left: 0; }
			#links #content a, #contact #content a { color: #f8e200; }
			
#story #sidebar {
	font: bold 14px "Trebuchet MS Bold", Arial, Helvetica, sans-serif;
		color: #000;
	float: right;
	height: 896px; width: 395px;
	padding: 0 50px 0 0;
	text-align: right;
}
	#story #sidebar p {
		/*margin: 420px 0 -37px 0*/; padding-right: 0;
		font: bold 11px "Trebuchet MS Bold", Arial, Helvetica, sans-serif;
			font-weight: bold;
	}
	#story #sidebar img { padding-bottom: 3px; }
	
#pov #sidebar {
	height: auto; width: 395px;
	float: right;
	font: bold 14px "Trebuchet MS Bold", Arial, Helvetica, sans-serif;
		color: #000;
		font-weight: bold;
		font-variant: normal;
	margin: -75px 0 15px 0;
}
	#pov #sidebar p {
		font-size: 17px;
		line-height: 1.15;
		padding-left: 0; padding-right: 100px;
	}
		#pov #sidebar .sm_type {
			font-size: 11px;
		}
		#pov #sidebar p.dan_caption {
			line-height: 1.15;
		}

/* Footer */
/*-----------------------------------------------------------------------------------*/
#footer {
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #aeaeae;
		letter-spacing: 1px;
	height: auto; width: 1024px;
	margin: 0 auto;
	text-align: left;
}
	
	#footer a, #footer a:hover {
		color: #aeaeae;
	}
	
#story #footer, #pov #footer {
	height: 75px;
	padding: 25px 0;
}
	#story #footer a, #pov #footer a { color: #fff; }
	#story #footer a:hover, #pov #footer a:hover { color: #f8e200; }
	
/* Trailer (vertical & horizontal centering)  */
/*-----------------------------------------------------------------------------------*/
#trailer_small #video_wrap {
	height: 278px; width: 427px;
}

#trailer_medium #video_wrap {
	height: 398px; width: 694px;	
}

#trailer_large #video_wrap {
	height: 518px; width: 853px;	
}

#trailer_quicktime #video_wrap {
	height: 495px; width: 853px;	
}

#video_wrap {
	position: absolute;
		bottom: 50%; right: 50%;
}

#video_content {
	position: relative;
		left: 50%; top: 50%;
}

#trailer_small .back-button {
	width: 427px;
	text-align: left;
}

#trailer_medium .back-button {
	width: 694px;
	text-align: left;
}

#trailer_large .back-button {
	width: 853px;
	text-align: left;
}

#trailer_quicktime .back-button {
	width: 853px;
	margin: 5px 0 0 0;
	text-align: left;
}

#trailer_small a, #trailer_medium a, #trailer_large a, #trailer_quicktime a { color: #333; }
#trailer_small a:hover, #trailer_medium a:hover, #trailer_large a:hover, #trailer_quicktime a:hover { color: #f8e200; }

/* Classes */
/*-----------------------------------------------------------------------------------*/
.cd_logo {
	background: url(../images/chapdoc_logo.jpg) no-repeat 0 0;
	height: 16px; width: 116px;
	margin: 15px 0 0 50px; padding: 0 0 15px 0;
	text-indent: -9999px;
}

.copyright { 
	font-size: 10px; 
	margin: -75px 0 0 50px; padding: 0;
}
	.copyright a { color: #aeaeae; }
	#story .copyright, #pov .copyright {
		margin: 55px 0 0 50px;
	}

.donate { padding: 10px 0; }
.p-top { padding: 15px 0 0 0; }

.dan {
	position: relative;
		top: -5px; left: 0;
}
.bigger { font-size: 12px; }