/* Reset Common Tags */
html, body, div, ul, li, h1, h2, h3, h4, h5, p, a {
	margin: 0;
	padding: 0;
	outline: none;
}

html {
	font-size: 62.5%;
	background: #00a0e2 url(../images/bg-html.jpg) 50% 0 repeat-x;
	/* background-attachment: fixed; */
}

body {
	font: 1em Arial, Helvetica, sans-serif;
	color: #333;
	background: url(../images/bg-body.jpg) 50% 0 no-repeat;
}





/* Wrapper -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#wrapper {
	position: relative;
	width: 897px;
	min-height: 285px;
	float: left;
	left: 50%;
	margin: 0 0 0 -448px;
}




/* Header  -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#header {
	width: 897px;
	height: 206px;
	float: left;
}
#header img {
	border : 0;
}
#header a, #header a img {
	margin: 0;
	padding: 0;
	float: left;
}




/* Navigation ----------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#nav {
	width: 897px;
	height: 73px;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/bg-nav.png) no-repeat;
}
	/* Navigation ------------------------------------------------------------------- */
	/* ------------------------------------------------------------------------------ */
	#nav-main, #subnav {
		width: 827px;
		list-style: none;
		float: left;
		padding-left: 70px;
	}
		#nav-main a {
			float: left;
			outline: none;
			text-indent: -999999px;
		}
			/* Home Tab ---------- */
			#nav-home a {
				width: 55px;
				height: 26px;
				margin-top: 15px;
				background: url(../images/nav/home.gif) 0 0 no-repeat;
			}
			body.home #nav-home a {
				background: url(../images/nav/home.gif) 0 -52px no-repeat;
			}
			#nav-home a:hover, body.home #nav-home a:hover {
				background: url(../images/nav/home.gif) 0 -26px no-repeat;
			}
			
			/* Festival info Tab ---------- */
			#nav-info a {
				width: 120px;
				height: 22px;
				margin: 11px 0 0 10px;
				background: url(../images/nav/info.gif) 0 0 no-repeat;
			}
			body.info #nav-info a {
				background: url(../images/nav/info.gif) 0 -44px no-repeat;
			}
			#nav-info a:hover, body.info #nav-info a:hover {
				background: url(../images/nav/info.gif) 0 -22px no-repeat;
			}
			
			/* Features Tab ---------- */
			#nav-features a {
				width: 88px;
				height: 26px;
				margin: 6px 0 0 10px;
				background: url(../images/nav/features.gif) 0 0 no-repeat;
			}
			body.features #nav-features a {
				background: url(../images/nav/features.gif) 0 -52px no-repeat;
			}
			#nav-features a:hover, body.features #nav-features a:hover {
				background: url(../images/nav/features.gif) 0 -26px no-repeat;
			}
			
			/* Awards Tab ---------- */
			#nav-awards a {
				width: 178px;
				height: 22px;
				margin: 8px 0 0 10px;
				background: url(../images/nav/awards.gif) 0 0 no-repeat;
			}
			body.awards #nav-awards a {
				background: url(../images/nav/awards.gif) 0 -44px no-repeat;
			}
			#nav-awards a:hover, body.awards #nav-awards a:hover {
				background: url(../images/nav/awards.gif) 0 -22px no-repeat;
			}
			
			/* News Tab ---------- */
			#nav-news a {
				width: 110px;
				height: 22px;
				margin: 9px 0 0 10px;
				background: url(../images/nav/news.gif) 0 0 no-repeat;
			}
			body.news #nav-news a {
				background: url(../images/nav/news.gif) 0 -44px no-repeat;
			}
			#nav-news a:hover, body.news #nav-news a:hover {
				background: url(../images/nav/news.gif) 0 -22px no-repeat;
			}
			
			/* Links Tab ---------- */
			#nav-links a {
				width: 55px;
				height: 25px;
				margin: 10px 0 0 10px;
				background: url(../images/nav/links.gif) 0 0 no-repeat;
			}
			body.links #nav-links a {
				background: url(../images/nav/links.gif) 0 -50px no-repeat;
			}
			#nav-links a:hover, body.links #nav-links a:hover {
				background: url(../images/nav/links.gif) 0 -25px no-repeat;
			}
			
			/* Contact Tab ---------- */
			#nav-contact a {
				width: 80px;
				height: 25px;
				margin: 15px 0 0 10px;
				background: url(../images/nav/contact.gif) 0 0 no-repeat;
			}
			body.contact #nav-contact a {
				background: url(../images/nav/contact.gif) 0 -50px no-repeat;
			}
			#nav-contact a:hover, body.contact #nav-contact a:hover {
				background: url(../images/nav/contact.gif) 0 -25px no-repeat;
			}
	
	#subnav {
		margin-left: 15px;
	}		
		#subnav li {
			margin: 5px 3px 0 0;
			height: 20px;
			float: left;
		}
		#subnav li a {
			font-weight: bold;
			font-size: 1.1em;
			height: 17px;
			padding: 3px 0 0 0;
			text-transform: uppercase;
			text-decoration: none;
			color: #333;
			float: left;
			text-align: center;
		}
		#subnav li a:hover {
			text-decoration: underline;
			color: #555;
		}
			/* Quiz */
			#sub-quiz a {
				width: 130px;
			}
			/* Venues & Tickets */
			#sub-venues a {
				width: 140px;
			}
			/* Screenings & Events */
			#sub-events a {
				width: 161px;
			}
			/* Get involved */
			#sub-involved a {
				width: 111px;
			}
			/* Sponsors */
			#sub-sponsors a {
				width: 91px;
			}
			/* FAQs */
			#sub-faqs a {
				width: 79px;
			}
			/* Snapper */
			#sub-snappers a {
				width: 79px;
			}
			
			body.venues #sub-venues a, body.quiz #sub-quiz a, body.events #sub-events a, body.involved #sub-involved a, body.faqs #sub-faqs a {
				text-decoration: underline;
			}




/* Illustration (homepage) ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#illustration {
	width: 896px;
	height: 808px;
	float: left;
	display: inline;
	margin-left: 1px;
	background: url(../images/illustration-new.png) no-repeat;
}
	#video {
		position: absolute;
		top: 538px;
		left: 442px;
	}
	#illustration a {
		text-indent: -999999px;
		display: block;
		width: 896px;
		height: 808px;
	}




/* Main page content ---------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#main {
	background: #fff;
	float: left;
	display: inline;
	margin: 0 0 0 68px;
	padding: 20px 0 30px 0;
	width: 760px;
	border-right: 1px #3f83b6 solid; border-bottom: 1px #3f83b6 solid;
}

	/* Left side content ------------------------------------------------------------ */
	/* ------------------------------------------------------------------------------ */
	#content {
		width: 479px;
		float: left;
		padding: 0 0 0 10px;
		margin: 0 0 0 0;
	}
		#content h2 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.4em;
			text-transform: uppercase;
			font-weight: normal;
			letter-spacing: .2em;
			height: 23px;
			border: 1px #fff solid;
			margin: 0 0 0 -20px;
			padding: 5px 0 0 20px;
			background: #baeaa1;
			position: relative;
			z-index: 99;
		}
		#content h3 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.3em;
			font-style: italic;
			letter-spacing: .2em;
			font-weight: normal;
			height: 23px;
			margin: 0 0 0 -19px;
			padding: 5px 0 0 19px;
			background: #fcefc8 url(../images/bg-h3.gif) 0 0 no-repeat;
			color: #504b3a;
			z-index: 99;
			position: relative;
			border-right: 1px #fff solid;
		}
		body.involved #content h3, body.news #content h3, body.quiz #content h3, body.contact #content h3, body.faqs #content h3, body.filmvote #content h3 {
			margin-bottom: 1.5em;
		}
		#content h5 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.2em;
			text-transform: uppercase;
			letter-spacing: .2em;
			font-weight: normal;
			color: #652222;
			margin: 0 0 -1em 0;
			padding: 0;
		}
		body.contact #content h5 {
			border-top: 1px #ddd solid;
			padding-top: 1.5em;
		}
		#content h6 {
			font-size: 1.2em;
			font-weight: normal;
			text-transform: uppercase;
			margin: 1.5em 0;
			padding: 0;
			color: #444;
		}
		body.events #content h6 {
			margin: 1.5em 0 -1.5em 0;
			padding: 1.5em 0 0 0;
			font-weight: bold;
			letter-spacing: 0.1em;
		}
		body.involved #content h6 {
			border-top: 1px #ddd solid;
			padding-top: 1.5em;
		}
			#content h6 strong {
				color: #333;
			}
		#content p {
			font-size: 1.2em;
			line-height: 1.5em;
			margin: 1.5em 0;
		}
			#content p.p1 {
				font-weight: bold;
				letter-spacing: .05em;
				font-size: 1.3em;
				color: #555;
			}
		#content a {
			color: #652222;
			text-decoration: none;
		}
		#content a:hover {
			background: #eaeaea;
		}
		#content img {
			padding: 1px;
			border: 1px #ddd solid;
			margin: 0 0 1em 1em;
		}
		#content ul {
			margin: 1.5em 0;
			font-size: 1.2em;
		}
		body.involved #content ul {
			list-style: none;
			margin-left: 1.5em;
			line-height: 1.5em;
		}
			body.involved #content ul li {
				background: url(../images/icon-tick.gif) 0 2px no-repeat;
				padding-left: 15px;
				color: #555;
			}
		ul.no {
			list-style: none;
		}
		#content img.right {
			float: right;
		}
		p.disclaimer {
			font-size: .9em !important;
			font-style: italic;
			color: #999;
		}
		p.download a {
			background: url(../images/icon-pdf.gif) 0 0 no-repeat;
			padding-left: 20px;
		}
		p.download a:hover {
			background: #eaeaea url(../images/icon-pdf.gif) 0 0 no-repeat !important;
		}
		
		/* Venues list */
		ul.venue {
			width: 230px;
			float: left;
			margin-right: 10px;
			list-style: none;
		}
		ul.clear {
			clear: left;
		}
		
		/* Quiz fieldsets */
		#content div.question_ajaxload{
			border : 1px #ddd solid;
			padding : 15px;
			background : #fff;
			position: absolute;
			left : 32%;
			top : 440px;
		}
		
		#content fieldset {
			border: 1px #dedede solid;
			 margin: 1.5em 0;
			 padding: 0 10px;
		}
		#content legend {
			color: #fff;
			background: #f25353;
			font-size: 1.4em;
			margin: 0;
			padding: 3px 7px;
		}
		#content dl {
			font-size: 1.2em;
			margin: 1.5em 0;
		}
			#content dl dd {
				margin: 0;
				padding: 0 0 0.5em 0;
				height: 1.5em;
			}
			#content dl dt {
				margin: 0;
				padding: 0 0 0.5em 0;
				float: left;
				clear: left;
				height: 1.5em;
			}
		#content fieldset.details legend {
			background: #00a6b5;
		}
		#content fieldset.details #next {
			float: right;
			margin: 10px 0;
		}
		
		/* Favourite film vote */
		#content ol {
			font-size: 1.2em;
		}
		#content ol strong {
			text-transform: uppercase;
		}
		#content ol li {
			margin: 0 0 0.5em 0;
		}
		#content table {
			margin: 0 0 1.5em 0;
			font-size: 1.2em;
		}
		#content table td.bar {
			width: 100px;
		}
		#content div.percentbar {
			background: #fad169;
			height: 20px;
		}
		#content td, #content th {
			border-bottom: 1px #ddd solid;
			padding: 1em 0;
		}
		#content th {
			text-align: left;
			text-transform: uppercase;
			padding-left: 10px;
		}
		#content .percentage {
			text-align: right;
			font-weight: bold;
			padding-right: 10px;
		}
		#content caption {
			font-style: italic;
			font-size: .9em;
			color: #999;
		}
		#content .zebra {
			background: #f5f5f5;
		}
		
		/* summary of events table */
		#content table.events {
			width: 100%;
			margin: 0;
			/* border-bottom: 1px #ddd solid; */
		}
		
		/* Zebra styles */
		#content table.purple {
			color: #4d033e;
		}
			#content table.purple .zebra {
				background: #f4eff3;
			}
			#content table.purple a {
				color: #4d033e;
			}
		#content table.blue .zebra {
			background: #eff3f6;
			color: #02243e;
		}
			#content table.blue a {
				color: #02243e;
			}
		#content table.red .zebra {
			background: #faecec;
			color: #500707;
		}
			#content table.red a {
				color: #500707;
			}
		#content table.green .zebra {
			background: #ecf1ea;
			color: #134001;
		}
			#content table.green a {
				color: #134001;
			}
		
		/* Dates - title */
		body.events #content table.events caption {
			font-family: Georgia, "Times New Roman", Times, serif;
			text-transform: uppercase;
			letter-spacing: .2em;
			font-weight: normal;
			color: #652222;
			margin: 0 0 0 0;
			padding: 1.5em 0 0 0;
			text-align: left;
			font-style: normal;
			font-size: 1em;
		}
			#content table.events td {
				border: none;
			}
			#content table.events td.time {
				width: 50px;
				text-align: left;
				padding-right: 15px;
			}
			#content table.events td.event {
				width: 53%;
				font-weight: bold;
				color: #444;
			}
				#content table.events td.event a {
					color: #444;
				}
				#content table.events td.event a:hover {
					background: none;
				}
			#content table.events td strong.u {
				color: #4a811d;
			}
			#content table.events td strong.pg {
				color: #a77e16;
			}		
			#content table.events td strong.a {
				color: #c34243;
			}
		
		#content p.time {
			color: #777;
			font-style: italic;
			margin-bottom: -1.5em;
		}
			
		#content div.top {
			width: 100%;
			height: 1.2em;
			display: block;
			clear: both;
			border-bottom: 1px;
			margin: 1.5em 0;
			padding: 0.5em 0;
			border-bottom: 1px #ddd solid;
			font-size: 1.2em;
		}
			#content div.top a.link {
				float: right;
			}
			#content div.top a.buy {
				float: left;
			}
		
		
		/* Sidebar ---------------------------------------------------------------------- */
		/* ------------------------------------------------------------------------------ */
		#sidebar {
			width: 243px;
			float: left;
			display: inline;
			margin-left: 10px;
		}
		#sidebar a img {
			border: none;
		}
			#ads {
				width: 243px;
				list-style: none;
			}
				#ads li {
					padding: 5px 5px 0 5px;
				}
				#ads li a {
					text-decoration: none;
				}
					#ads li p {
							font-size: 1.2em;
							margin-top: 5px;
						}
					#ads li h4 {
						font-size: 1.4em;
						text-transform: uppercase;
					}
					
					/* Quiz */
					#ads li.quiz {
						text-align: right;
						background: url(../images/bg-sidebar-quiz.jpg) no-repeat;
						height: 99px;
					}
						#ads li.quiz h4 a {
							color: #a970a3;
						}
							#ads li.quiz h4 a strong {
								color: #74476f;
							}
						#ads li.quiz p a {
							color: #381834;
						}
					
					/* Venues */
					#ads li.venues {
						text-align: left;
						background: url(../images/bg-sidebar-venues.jpg) no-repeat;
						height: 102px;
					}
						#ads li.venues h4 a {
							color: #05a0df;
						}
							#ads li.venues h4 a strong {
								color: #2985bf;
							}
						#ads li.venues p a {
							color: #0b3650;
						}
					
					/* Screenings & events */
					#ads li.screenings {
						text-align: right;
						background: url(../images/bg-sidebar-screenings.jpg) no-repeat;
						height: 107px;
					}
						#ads li.screenings h4 a {
							color: #f25252;
						}
							#ads li.screenings h4 a strong {
								color: #c24242;
							}
						#ads li.screenings p a {
							color: #3e1414;
						}
					
					/* Accommodation */
					#ads li.accommodation {
						text-align: right;
						background: url(../images/bg-sidebar-accommodation.jpg) no-repeat;
						height: 80px;
					}
						#ads li.accommodation h4 a {
							color: #5c8d42;
						}
							#ads li.accommodation h4 a strong {
								color: #46752d;
							}
						#ads li.accommodation p a {
							color: #112108;
						}
						
					/* Facebook */
					#ads li.facebook {
						height: 148px;
						margin: 15px 0 0 0;
						padding: 0;
						background: url(../images/bg-sidebar-facebook.png) no-repeat;
					}
						#ads li.facebook a {
							width: 243px;
							display: block;
							height: 148px;
							text-indent: -999999px;
						}
					
					/* Updates */
					#ads li.updates {
						text-align: left;
						background: url(../images/bg-sidebar-updates.png) no-repeat;
						padding-top: 44px;
						height: 70px;
					}
						#ads li.updates h4 {
							color: #d2ad51;
						}
							#ads li.updates h4 strong {
								color: #785b10;
							}
						#ads li.updates label {
							color: #3d2c03;
							font-size: 1.2em;
							margin: 5px 0 5px 0;
							display: block;
						}
			



/* Footer --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#footer {
	width: 720px;
	float: left;
	display: inline;
	margin: 10px 0 0 10px;
	padding: 10px;
	background: #fcefc8;
}
body.home #footer {
	width: 739px;
	float: left;
	display: inline;
	margin: 0 0 0 69px;
	padding-bottom: 40px;
	border-top: 3px #fff solid;
}
	#footer p.er {
		float: left;
	}
	#footer p.sputnik {
		float: right;
		text-align: right;
	}
	#footer a {
		color: #595033;
		text-decoration: none;
	}
	
	
/* Logos ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#logos {
	width: 740px;
	float: left;
	margin: 10px 0 0 10px;
}




/* Waves ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
#waves {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 44px;
	z-index: 99;
	background: url(../images/bg-waves.png) repeat-x;
}


/* MISC */
#content .question_ajaxload img, #content .question_ajaxload {
	border: none !important;
}