/* COLORS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
	body 		{ font: 62.5% "Arial", Verdana, sans-serif; background: url("../imgs/bg-body.jpg"); }
	#wrapper 	{ margin: 0 auto; width: 765px; height: 884px; }
	
	
	/* NOTEBOOK
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	

	#notebook 		{ height: 854px; }
	
	#top 			{ width: 651px; height: 39px; background: url("../imgs/bg-page-top.png") no-repeat; }
	#mid			{ float: left; width: 587px; height: 774px; background: url("../imgs/bg-page-mid.jpg") no-repeat; }
	#home #mid		{ background: url("../imgs/bg-page-mid-home.jpg") no-repeat; }
	#synopsis #mid 	{ background: url("../imgs/bg-page-mid-synopsis.jpg") no-repeat; }
	#contact #mid	{ background: url("../imgs/bg-page-mid-contact.jpg") no-repeat; }
	
	#left			{ float: left; width: 45px; height: 774px; background: url("../imgs/bg-page-left.png") no-repeat; }
	#right			{ float: right; width: 133px; height: 774px; }
	
	#btm			{ width: 651px; height: 34px; background: url("../imgs/bg-page-btm.png") no-repeat; }
	#home #btm		{ background: url("../imgs/bg-page-btm-home.png") no-repeat; }
	#synopsis #btm 	{ background: url("../imgs/bg-page-btm-synopsis.png") no-repeat; }
	#contact #btm	{ background: url("../imgs/bg-page-btm-contact.png") no-repeat; }
	
	
	/* NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	
		
	#nav-main			{ width: 133px; height: 585px; background: url("../imgs/bg-nav-main.png") no-repeat; }
	#nav-main li		{ float: left; }
	#nav-main a			{ display: block; }
	
	.btn-home			{ padding: 60px 0 0 2px; }
	.btn-home a			{ width: 58px; height: 35px; }
	
	.btn-synopsis		{ padding: 5px 0 0 2px; }
	.btn-synopsis a		{ width: 108px; height: 47px; }
	
	.btn-cast-crew		{ padding: 5px 0 0 3px; }
	.btn-cast-crew a	{ width: 115px; height: 50px; }
	
	.btn-photos			{ padding: 5px 0 0 3px; }
	.btn-photos a		{ width: 107px; height: 50px; }
	
	.btn-press			{ padding: 11px 0 0 3px; }
	.btn-press a		{ width: 72px; height: 39px; }
	
	.btn-community		{ padding: 4px 0 0 3px; }
	.btn-community a	{ width: 97px; height: 37px; }
	
	.btn-contact		{ padding: 6px 0 0 4px; }
	.btn-contact a		{ width: 78px; height: 47px; }
	
	#nav-social			{ width: 133px; height: 189px; background: url("../imgs/bg-nav-social.png") no-repeat; }
	#nav-social li		{ float: left; }
	#nav-social a		{ display: block; }
	
	.btn-facebook		{ padding: 58px 0 0 10px; }
	.btn-facebook a		{ width: 73px; height: 31px; }
	
	.btn-twitter		{ padding: 3px 0 0 11px; }
	.btn-twitter a		{ width: 71px; height: 31px; }	

	
	
	/* CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	

	p 		{ color: #212121; }
	
	a 		{ text-decoration: none; }
	a:hover { text-decoration: underline; }
	
	#title 	{ margin: 0 0 0 88px; }
	
	/* Home */
	
	#tagline { margin: 12px 0 0 29px; }
	
	#trailer {
		margin: 49px 0 0 80px; padding: 10px 0 0 11px; width: 408px; height: 240px;
		background: url("../imgs/bg-trailer.jpg") no-repeat; }
	
	#original-music { margin: 0 0 0 337px; }
	
	#vote { margin: 35px 0 0 78px; padding: 26px 0 0 50px; width: 368px; height: 106px; font-size: 1.2em; background: url("../imgs/bg-vote.jpg") no-repeat; }
	
	#vote img 	{ display: block; float: left; margin: 0 10px 0 0; padding: 4px 0 0 0; width: 180px; height: 72px; }
	#vote div	{ float: left; }
	#vote a		{ font-size: 1.3em; color: #212121; }
	#vote span 	{ display: block; padding: 4px 0 4px 0; }
	#vote i		{ display: block; }
	
	/* Synopsis */
	
	#synopsis h1 	{ padding: 16px 0 22px 90px; }
	#synopsis p		{ padding: 0 35px 14px 92px; font-size: 1.4em; line-height: 1.5em; }
	
	/* Cast & Crew */
	
	#cast-crew h1, #bio h1	{ padding: 16px 0 18px 90px; }
	
	#cast-crew #content ul	{ padding: 0 0 0 94px; }
	#cast-crew #content li	{ float: left; margin: 0 7px 0 0; height: 156px; }
	
	.bio-sm a			{ display: block; width: 145px; height: 100px; border: 4px solid #c3ae97; }
	.bio-sm a:hover 	{ border-color: #8f7e6c; }
	
	.name-sm			{ padding: 7px 0 0 5px; display: block; }
	.name-sm a 			{ font-size: 1.1em; font-weight: bold; line-height: 1em; color: #212121; }
	
	.title-sm			{ display: block; padding: 0 0 0 5px; font-size: 1em; }
	
	#back				{ padding: 0 0 0 94px; font-size: 1.2em; font-weight: bold; color: #212121; }
	#back a				{ color: #212121; }
	
	#bio #content		{ margin: 14px 0 0 0; padding: 0 0 100px 0; width: 565px; height: 402px; overflow-y: scroll; }
	
	#bio-lg				{ display: block; margin: 0 0 14px 96px; width: 420px; height: 290px; border: 5px solid #c3ae97; }
	#name-lg			{ display: block; padding: 0 0 0 100px; font-size: 1.8em; font-weight: bold; color: #212121; }
	#title-lg			{ display: block; padding: 0 0 16px 100px; font-size: 1.2em; color: #212121; }
	
	#bio p				{ padding: 0 35px 14px 100px; font-size: 1.4em; line-height: 1.5em; }
	#bio p a			{ font-weight: bold; color: #000; }
	
	/* Photos */
	
	#photos h1 { padding: 14px 0 9px 90px; }
	
	#photos #content			{ margin: 14px 0 0 0; padding: 0 0 100px 0; width: 573px; height: 420px; overflow-y: scroll; }
	#photos #content ul			{ padding: 0 0 0 80px; }
	#photos #content li			{ float: left; margin: 0 5px 0 0; height: 114px; }
	#photos #content li a		{ display: block; width: 145px; height: 100px; border: 4px solid #c3ae97; }
	#photos #content li a:hover { border-color: #8f7e6c; }
	
	.stills { float: right; padding: 6px 50px 0 0; font-size: 1em; font-weight: bold; }
	
	/* Press */
	
	#press h1		{ padding: 16px 0 18px 94px; }
	#press #content	{ margin: 14px 0 0 0; padding: 0 0 100px 0; width: 565px; height: 402px; overflow-y: scroll; }
	
	.story			{ margin: 0 0 28px 0; }
	
	#press p		{ padding: 0 35px 10px 100px; font-size: 1.4em; line-height: 1.5em; }
	#press p a		{ font-weight: bold; color: #000; }
	
	#press p.title	{ padding: 0 0 0 100px; font-weight: bold; }
	#press p.date	{ padding: 0 0 10px 100px; font-size: 1.1em; }
	#press p.more	{ padding: 0 0 0 100px; font-size: 1.1em; font-weight: bold; }
	
	/* Community */
	
	#community h1			{ padding: 14px 0 10px 94px; }
	#community #content		{ margin: 14px 0 0 0; padding: 0 0 100px 0; width: 565px; height: 412px; overflow-y: scroll; }
	#community p			{ padding: 0 35px 14px 100px; font-size: 1.4em; line-height: 1.5em; }
	#community p a			{ font-weight: bold; color: #000; }
	#community #content ul	{ padding: 0 45px 12px 120px; }
	#community #content li	{ padding: 0 0 12px 0; list-style: disc; font-size: 1.2em; line-height: 1.3em; }
	#community i			{ font-size: .8em; line-height: 1.3em; }
	#community a			{ font-weight: bold; color: #212121; }
	
	#match					{ margin: 0 0 12px 110px; }
	#match div				{ padding: 3px 0 8px 3px; }
	
	/* Contact */
	
	#contact h1	{ padding: 14px 0 10px 94px; }
	
	fieldset { margin: 15px 0 0 0; }
	
	fieldset label {
		float: left; margin: 0 10px 8px 100px; padding: 4px 0 0 0; width: 75px;
		font-size: 1.3em; font-weight: bold; text-align: right; color: #212121; }
		
	fieldset label span { padding: 0 4px 0 0; color: maroon; }
	
	fieldset input		{ float: left; margin: 0 0 8px 0; padding: 3px; width: 250px; font-family: Arial; font-size: 1.2em; }
	fieldset textarea	{ float: left; padding: 5px; width: 250px; height: 105px; font-family: Arial; font-size: 1.2em; }
	button				{ margin: 8px 0 0 185px; width: 56px; }
	
	#contact p 	{ padding: 20px 35px 14px 100px; font-size: 1.4em; }
	
	/* FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
		
	#footer 		{ margin: 0 auto 200px auto; width: 854px; }
	
	#logos 			{ margin: 0 0 0 242px; }
	
	#doorpost		{ float: left; background: url("../imgs/logo-doorpost.png") no-repeat; }
	#doorpost a 	{ display: block; width: 113px; height: 61px; }
	
	#onespark		{ float: left; background: url("../imgs/logo-one-spark.png") no-repeat; }
	#onespark a 	{ display: block; width: 70px; height: 61px;  }
	
	#copyright 		{ margin: 0 0 0 242px; width: 186px; height: 22px; background: url("../imgs/copyright.png") no-repeat; }
	
	#earph 			{ margin: 14px 0 0 313px; }
	#earph a		{ display: block; width: 45px; height: 30px; background: url("../imgs/logo-earph.png") no-repeat; }
	
	
	/* MISCELLANEOUS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	
	
	.clear 			{ display: inline-block; }
	.clear:after 	{ content: " "; display: block; height: 0; font-size: 0; clear:both; visibility: hidden; }
	.skip 			{ position: absolute; left: -1000em; width: 20em; z-index: 2; }
	.replace 		{ display: block; width: 0; height: 0; overflow: hidden; }