/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

@font-face {
	font-family: 'FuturaStdBook';
	src: url('../fonts/futurastd-book-webfont.eot');
	src: local('☺'), url('../fonts/futurastd-book-webfont.woff') format('woff'), url('../fonts/futurastd-book-webfont.ttf') format('truetype'), url('../fonts/futurastd-book-webfont.svg#webfontYDe2Cmge') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaExtraBold';
	src: url('../fonts/futura-extrabold-webfont.eot');
	src: local('☺'), url('../fonts/futura-extrabold-webfont.woff') format('woff'), url('../fonts/futura-extrabold-webfont.ttf') format('truetype'), url('../fonts/futura-extrabold-webfont.svg#webfontFVyrCM10') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lobster1.1Regular';
	src: url('../fonts/Lobster_1.1_-webfont.eot');
	src: local('☺'), url('../fonts/Lobster_1.1_-webfont.woff') format('woff'), url('../fonts/Lobster_1.1_-webfont.ttf') format('truetype'), url('../fonts/Lobster_1.1_-webfont.svg#webfont30G9S4nm') format('svg');
	font-weight: normal;
	font-style: normal; }
    
@font-face {
	font-family: 'RalewayThin';
	src: url('../fonts/raleway_thin-webfont.eot');
	src: local('☺'), url('../fonts/raleway_thin-webfont.woff') format('woff'), url('../fonts/raleway_thin-webfont.ttf') format('truetype'), url('../fonts/raleway_thin-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal; }

/* Site-wide properties ======================================================== */
body{
	overflow-x: hidden;
   	background:url('../img/repeat-bg.jpg');
	background-repeat:repeat;
	font: normal normal 10px/10px Helvetica, Arial, Tahoma, Verdana, sans-serif; }
    /* Fibonacci based heading scale ratio */
    h1{ font-size: 4.4em; font-weight: normal; }
    h2{ font-size: 2.8em; font-weight: bold; }
    h3{ font-size: 1.6em; font-weight: bold; }
    h4{ font-size: 1.2em; font-weight: bold; }

/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }

/* Basic Structure ============================================================= */
#wrap{
    position: relative;
    padding: 0px;
    margin: auto;
    width: 960px;}

    /* Header */
    header{
        float: left;
        width: 100%; }
    
    /* Content */
    article{
        float: left;
        width: 66.7%; }
    
    /* Sidebar */
    aside{
        float: left;
        width: 33.3%; }
        
    /* Footer */
    footer{
        float: left;
        width: 100%;
		height: 1000px;}
    
/* Project specifics =========================================================== */

#main-navigation {
	border-bottom: 0px solid #fff;
	margin: 20px 0;
	list-style: none;}
		
	#main-navigation ul {
		float:left;
		overflow: hidden;
		width: 100%;
		list-style: none;
		font-size: 1.6em;
		}
		
		#main-navigation li {
			 float:left; }
		
			#main-navigation li a {
				/* background: #fff; */
				margin: 0 5px 0 0;
				padding: 10px;
				display: block;
				color: #ffbe00;
				text-decoration: none; }
				
				#main-navigation li.title {
				/* background: #fff; */
				margin: 0 5px 0 0;
				padding: 10px;
				display: block;
				background: #ffbe00;
				color: #000;
				text-decoration: none; }
				
			#main-navigation li.current a {
				background: #ffbe00;
				color: #000; }
				
			#main-navigation li a:hover {
				color: #fff;	
			}
			
			
/* New Menu Navigation =========================================================== */		
			
#main-nav {
	border-bottom: 0px solid #fff;
	margin: 20px 0; 
	}
		
	#main-nav ul {
		overflow: hidden;
		width: 150px;
		list-style: none;
		font-size: 1.6em;
		}
		
		#main-nav li {
			 }
		
			#main-nav li a {
				/* background: #fff; */
				margin: 0 5px 0 0;
				padding: 8px;
				display: block;
				color: #ffbe00;
				text-decoration: none; }
				
			#main-nav li.current a {
				background: #ffbe00;
				color: #000; }
				
			#main-nav li a:hover {
				color: #fff;	
			}

/* Pour some CSS below ========================================================= */

/* The H1 declarations - for @font-face presentational purposes only */

/* The inside class provides consistent padding. To be used often! */

.about { padding: 20px; }

.about h1{ font: 40px 'FuturaExtraBold', Arial, sans-serif; text-transform: uppercase; }
    .about h1 span{ font: 40px 'FuturaExtraBold', Arial, sans-serif; letter-spacing: -4px; }
	
.about h2{ font: 22px 'FuturaExtraBold', Arial, sans-serif; line-height:32px; padding:0px; margin:0px;  }
	.about h2 span{ font: 22px 'FuturaExtraBold', Arial, sans-serif; background:#ffb200; padding:7px; margin:7px 5px 7px 0px; line-height:24px; }
	
.about h5{ font: 14px 'FuturaExtraBold', Arial, sans-serif; line-height:18px; padding-left:5px; padding-top:10px; }

.about h3{ font: 14px 'FuturaExtraBold', Arial, sans-serif; line-height:18px; padding-left:5px; padding-top:0px; }
	.about h3 span{ font: 14px 'FuturaStdBook', Arial, sans-serif; line-height:24px; margin-bottom:5px; }
	
.about h4.title { font: 12px 'FuturaExtraBold', Arial, sans-serif; line-height:14px; background:#ffb200; padding:8px 5px 5px 5px; margin-top:10px; margin-bottom:10px;}


/* ========================================================= */
	

h1{ font: 40px 'FuturaExtraBold', Arial, sans-serif; text-transform: uppercase; }
    h1 span{ font: 40px 'FuturaExtraBold', Arial, sans-serif; letter-spacing: -4px; }
	
h2{ font: 22px 'FuturaExtraBold', Arial, sans-serif; line-height:32px; }
h2 span{ font: 22px 'FuturaExtraBold', Arial, sans-serif; background:#ffb200; padding:1px; line-height:24px; }

h2 a{color:#fff; text-decoration:none;}
h2 a:hover{color:#ffb200; text-decoration:none;}

.cscreen { padding: 20px; }

.cscreen h2 a{color:#000; text-decoration:none;}
.cscreen h2 a:hover{color:#ffb200; text-decoration:none;}
	
h3{ font: 14px 'FuturaExtraBold', Arial, sans-serif; line-height:18px; padding-left:0px; padding-top:5px; }
h3 span{ font: 14px 'FuturaStdBook', Arial, sans-serif; line-height:24px; }
	
h4{ font: 18px 'FuturaExtraBold', Arial, sans-serif; line-height:18px; background:#ffb200; padding:5px;}
	
li{ font: 11px 'FuturaExtraBold', Helvetica, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; }

/* ========================================================= */

	.numbers{
	position:absolute;
	float:none;
	padding: 5px;
	left: 604px;
	top: 435px;
}
	
	.numbers05{
	position:absolute;
	float:none;
	padding: 5px;
	left: 538px;
	top: 838px;
}
	
	.numbers4{
	position:absolute;
	float:none;
	padding: 5px;
	left: 321px;
	top: 1898px;
}
	
	.numbers940{
	position:absolute;
	float:none;
	padding: 5px;
	left: 937px;
	top: 881px;
}
	
	.numbers14{
	position:absolute;
	float:none;
	padding: 5px;
	left: 634px;
	top: 519px;
}
	
	.facebook{
	width:100px;
	position:absolute;
	float:none;
	padding: 0px;
	left: 854px;
	top: 127px;}
	
	.facebook h1 { 
	font: 11px 'FuturaExtraBold', Helvetica, Arial, sans-serif; 
	color: #fff; 
	letter-spacing: 1px; 
	text-transform: uppercase; }

/* ========================================================= */

.texture h2{ font: 22px 'FuturaExtraBold', Arial, sans-serif; line-height:32px; padding-left:5px; }
	.texture h2 span{ font: 22px 'FuturaExtraBold', Arial, sans-serif; background:#ffb200;  line-height:24px; }

	.texture {
	background-image:url(../img/texture.jpg);
	background-repeat:repeat;
	padding: 20px 20px 14px 20px;
	margin: 20px; }
	
/* ========================================================= */
	
	.press {
	background: #000;;
	padding: 20px;
	margin: 20px; }
	
	.press h1{ font: 22px 'FuturaExtraBold', Arial, sans-serif; line-height:32px; color:#fff; letter-spacing:1px; }
	.press h1 span{ font: 22px 'FuturaExtraBold', Arial, sans-serif; background:#ffb200; padding:1px; line-height:24px; color:#fff; }
	
	.press h2{ font: 22px 'FuturaExtraBold', Arial, sans-serif; line-height:32px; color:#fff; letter-spacing:1px; padding-top:2px; }
	.press h2 span{ font: 22px 'FuturaExtraBold', Arial, sans-serif; background:#ffb200; padding:1px; line-height:24px; color:#fff; }
	
	.press h3{ font: 14px 'FuturaExtraBold', Arial, sans-serif; line-height:18px; padding-left:0px; padding-top:10px; color:#ffb200; letter-spacing:1px; }
	.press h3 span{ font: 14px 'FuturaStdBook', Arial, sans-serif; line-height:24px; color:#fff; }
	
	.texture h4{ font: 22px 'FuturaExtraBold', Arial, sans-serif; line-height:32px; }
	.texture h4 span{ font: 22px 'FuturaExtraBold', Arial, sans-serif; padding:1px; line-height:24px; }
	
	.texture h5{ font: 14px 'FuturaExtraBold', Arial, sans-serif; line-height:18px; padding-left:5px; padding-top:5px; }
	.texture h5 span{ font: 22px 'FuturaExtraBold', Arial, sans-serif; line-height:32px; }
	
/* ========================================================= */
	
	.date {
	background:#000;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 20px;
	height:50px; 
	width:100%; }
	
	.buytickets {
	background:#000;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	height:50px; 
	width:125px;
	text-align:right;}
	
	.buytickets a {
	color:#ffb200; 
	text-decoration:none;
	}
	
	.buytickets a:hover {
	color:#fff; 
	}
	
	.screenings {
	background-image:url(../img/texture.jpg);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 20px;
	height:100%; 
	width:250px;}
	
	
	.date h1{ font: 10px 'FuturaExtraBold', Arial, sans-serif; line-height:32px; color:#fff; padding:10px 10px 10px 20px; letter-spacing:1px; }
	.buytickets h1 { font: 10px 'FuturaExtraBold', Arial, sans-serif; color:#ffb200; padding:15px 20px 10px 20px; line-height:24px; letter-spacing:1px; }
	
	.screenings h2{ font: 18px 'FuturaExtraBold', Arial, sans-serif; line-height:20px; color:#000; letter-spacing:1px; }
	.screenings h2 span{ font: 18px 'FuturaExtraBold', Arial, sans-serif; background:#ffb200; line-height:24px; color:#fff; }
	
	.screenings h3{ font: 12px 'FuturaExtraBold', Arial, sans-serif; line-height:18px; color:#000; letter-spacing:1px; padding-bottom:5px; }
	.screenings h3 span{ font: 12px 'FuturaStdBook', Arial, sans-serif; line-height:24px; color:#fff; }
	
	.screening h2 a {color:#000; text-decoration:none;}
	.screening h2 a:hover {color:#ffb200;}
	
	.pastscreenings h2 a {color:#ffb200; text-decoration:none;}
	.pastscreenings h2 a:hover {color:#fff;}
	
	.pastscreenings {
	background: #000;
	padding: 0px 0px 20px 0px;
	margin: 20px 0px 0px 20px;
	height:125px; 
	width:250px;}
	
	.pastscreenings h2{ font: 18px 'FuturaExtraBold', Arial, sans-serif; line-height:20px; color:#fff; letter-spacing:1px; }
	.pastscreenings h2 span{ font: 18px 'FuturaExtraBold', Arial, sans-serif; background:#ffb200; line-height:24px; color:#fff; }
	
	.pastscreenings h3{ font: 10px 'FuturaExtraBold', Arial, sans-serif; line-height:18px; color:#fff; padding-bottom:5px; letter-spacing:1px; }
	.pastscreenings h3 span{ font: 10px 'FuturaStdBook', Arial, sans-serif; line-height:24px; color:#fff; }
	
/* ========================================================= */
	
	.contact { padding: 20px; }
	
	.contact a { color:#ffb200; background:#000; margin:7px 0px 7px 0px; padding:7px 7px 7px 7px; text-decoration:none; }
	
	.contact a:hover { color:#fff; background:#ffb200; margin:7px 0px 7px 0px; padding:7px 7px 7px 7px; text-decoration:none; }

	.contact h1{ font: 40px 'FuturaExtraBold', Arial, sans-serif; text-transform: uppercase; }
		.contact h1 span{ font: 40px 'FuturaExtraBold', Arial, sans-serif; letter-spacing: -4px; }
		
	.contact h2{ font: 22px 'FuturaExtraBold', Arial, sans-serif; line-height:34px; padding:0px; margin:0px;  }
		.contact h2 span{ font: 22px 'FuturaExtraBold', Arial, sans-serif; background:#ffb200; padding:7px; margin:7px 5px 7px 0px; line-height:24px; }
		
	.contact h5{ font: 14px 'FuturaExtraBold', Arial, sans-serif; line-height:18px; padding-left:5px; padding-top:10px; }
	
	.contact h3{ font: 14px 'FuturaExtraBold', Arial, sans-serif; line-height:18px; padding-left:0px; padding-bottom:5px; }
		.contact h3 span{ font: 14px 'FuturaStdBook', Arial, sans-serif; line-height:24px; margin-bottom:5px; }
		
	.contact h4{ font: 16px 'FuturaExtraBold', Arial, sans-serif; line-height:18px; background:#ffb200; padding:10px; margin-top:10px; margin-bottom:10px;}