/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/* HTML ELEMENTS
========================================================== */
html {
	background-color: #000000; color: #000;
}

body {
	text-align: center; font-size: 75%; font-family: Arial, sans-serif;
}

a {
	color: #000; text-decoration: underline; outline: none;
}

a.white {color: #fff; text-decoration: underline; outline: none;
}

a.samsung {color: #fff; text-decoration: underline; outline: none;
}

h1 {
	text-transform: uppercase; font-size: 300%; margin: 0 0 20px 0;
}

p {
	margin: 20px 0;
}

p.white {
	margin: 20px 0; color:#FFFFFF;
}

h2, h3 {
	margin: 0 0 20px 0; font-size: 100%; text-transform: uppercase; color: #FFFFFF;
}

h2.black {margin: 0 0 20px 0; font-size: 100%; text-transform: uppercase; color: #000000;
}

strong {
	text-transform: uppercase; font-weight: 400;
}

dl, dl dd {
	margin: 0;
}

dl dd {
	margin-bottom: 20px; text-align:justify;
}

dt {
	font-weight: 900;
}

button {
	cursor: pointer;
}


/* SITE-WIDE CLASSes
========================================================== */
a.anchor {
	text-decoration: none;
}


/* SITE-WIDE IDs
========================================================== */
#wrapper {
	overflow: hidden; width: 960px; margin: 40px auto; text-align: left; background-color: #fdd992;
}

	#intro {
		display: inline; float: left; width: 730px; margin: 0px; padding: 10px 10px 0 10px; background: #6e6e6e url(../images/gradient.gif) top left repeat-x;
			}

	#competition {
		display: inline; float: left; width: 210px; background-color: #fdd992;
	}
	
		#competition h2 {
			text-align: center;
		}

		#competition img {
			margin-bottom: 15px;
		}

		#branding {
			width: 200px; padding: 15px 5px 0 5px; background-color: #000;
		}
		
		#competition_form {
			padding: 10px 5px;
		}

		#competition_form fieldset p {
			margin: 0 0 5px 0;
		}
		
		#competition_form fieldset p#competition_error {
			display: inline; float: left; width: 200px; color: #900; font-weight: 900; margin: 20px 0 0 0;
		}
		
		#competition_form fieldset p#competition_success {
			display: inline; float: left; width: 200px; color: #000; font-weight: 900; margin: 20px 0 0 0;
		}
		
		#competition_form fieldset p.text input {
			border: 0; background-color: #fff; padding: 5px 3px; color: #000; width: 194px; margin: 0;
		}
		
			#competition_form fieldset p input.error {
				border-bottom: 3px solid #900;
			}
			
		#competition_form fieldset p.text label {
			display: block; width: 200px; margin-bottom: 5px;
		}
		
			#competition_form fieldset p label.error {
				color: #900;
			}
		
		#competition_form fieldset p.checkbox {
			position: relative; display: inline; float: left; width: 200px;
		}
		
		#competition_form fieldset p.checkbox span {
			display: inline; float: left; width: 25px;
		}
		
		#competition_form fieldset p.checkbox span input {
			display: inline; float: left;
		}
		
			#competition_form fieldset p.checkbox label.error {
				display: inline; float: right; width: 3px; margin-right: 3px; height: 2.4em; background-color: #900;
			}
		
		#competition_form fieldset p.checkbox label {
			display: inline; float: left; width: 175px;
		}
		
		#competition_form fieldset p.button {
			display: inline; float: left; width: 200px; text-align: right; position: relative;
		}
		
		#competition_form fieldset p.button button {
			border: 0; background-color: #000; color: #ffcd00; text-transform: uppercase; margin: 0; padding: 0;
		}
		
		#competition_form fieldset p.button button img {
			margin-bottom: 0;
		}
	
	#player_wrapper {
		display: inline; float: left; width: 620px; height: 371px; margin-left: 0px; padding-top: 10px;
	}
	
	#film_list {
		display: inline; float:right; width: 100px; margin: 10px 0 0 0;
	}
	
		#film_list li {
			margin: 0 0 5px 0; list-style: none;
		}

		.film {
			cursor: pointer; 
		}
		
		.film img {
			display: block;width: 100px; height: 55px; margin-bottom: 5px;
		}
		
	#film_details {
		display: inline; float: right; width: 730px; overflow: hidden; position: relative;
	}
	
		.details {
			width: 620px; margin-top: 20px;
		}
			
	#sharing {
		display: inline; float: right; width: 100px; margin-top: 50px; background-color: #fff;
	}
	
	#sharing ul {
		margin: 0;
	}
	
	#sharing li {
		margin: 0 0 5px 0; list-style: none;
	}
	
	#sharing li img {
		display: block;
	}

/* PAGE-SPECIFIC
========================================================== */


	/* VOTE.HTML
	========================================================== */
	#film_details .details .narrative {
		display: inline; float: left; width: 500px;
	}
	
	#film_details .details .making_of {
		display: inline; float: right; width: 100px;
	}
		
		#film_details .details .making_of img {
			width: 100px; height: 55px;
		}
		
		#film_details .details .making_of p {
			margin: 5px 0 20px 0;
		}

	#content {
		display: inline; float: right; width: 740px; margin-left: 0px; padding: 5px 5px 0 5px; background-color: #fff;
	}	
	
		#vote {
			display: inline; float: left; width: 630px; margin-left: 0px; padding:
		}
		
			#vote label strong {
				font-weight: 900; text-transform: none;
			}

			#vote h2 {
				margin-left: 0; margin-top: 20px; text-transform: uppercase;
			}
			
			#vote dl {
				margin-top: 20px; margin-left: 0; margin-right: 5px; margin-bottom: 60px;
			}