@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis:600,300);

html {color: black; background: white;}

body, div { margin: 0; padding: 0;}
body {background-image:url('/img/background_film_strip.jpg'); background-repeat: no-repeat;}

div#container {margin-left: auto; margin-right: auto; padding-top: 85px; width: 920px; position: relative;}

hr {height:1px; border-style:solid; border-width:1px 0 0 0;	border-color:#900;}

h1, h2, h3, p, legend {line-height: 1.2em; margin: 0; padding: #999;}

p, li, a, td, blockquote, label {font-family:Arial, Helvetica, sans-serif; margin-bottom: 1.6em;}
p, li, td, blockquote, label {font-size: 0.8em;}
input {margin-bottom: 1.4em;}

a {color: #900; text-decoration: none;}
a:hover {text-decoration: underline;}

img {border-style: none}

h1 a {color: transparent; display: block;}

h1 {font-family: 'Terminal Dosis',Arial, Helvetica, sans-serif; font-size: 1.3em; color: #900; font-weight: 600; padding-bottom: 1.1em;}

h2, legend {font-family: 'Terminal Dosis',Arial, Helvetica, sans-serif; font-size: 0.9em; color: #900; font-weight: 600; padding-bottom: 0.2em;}

h3 {font-family: 'Terminal Dosis',Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: 600; padding-bottom: 0.2em;}

div.head {height: 120px; margin-bottom: 0.6em;}

div.site-logo {float:left; padding-left: 1.7em; margin-right: -5em; width: 220px;}

div#main-nav {padding-top: 3.2em; text-align: right; width: 630px; float: right;}

div.date-info {padding-bottom: 0.5em; font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif; font-weight:600; }

div.section-header {font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif; color:#900; font-weight:300; font-size:1.6em;}

ul#nav {margin: 0;	padding: 0;}

ul#nav li {display: inline; padding: .3em 0 .3em 1.2em;}

ul#nav li.nav-schedule {}
ul#nav li.nav-tickets {}
ul#nav li.nav-aboutus {}
ul#nav li.nav-participate {}
ul#nav li.nav-events {}
ul#nav li.nav-multimedia {}
ul#nav li.nav-blog {}
ul#nav li.nav-contactus {}

div.tagline {padding-bottom: 1em; padding-left: 3.5em;}

div.content-box {/*border: #CECECE thin solid;*/ padding: 0.6em;}

div.content {margin-left: 2.5em;}
div#main-box {padding-left: 2em; padding-right: 1.3em;}

#important-dates {overflow-y: scroll; height: 8.7em;}
#important-docs a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 0.9em;
	color: #900;
}
#important-docs a:hover {text-decoration:underline;}

div.content .read-more {text-align: right;}

div#main-wrapper-left {float: left; width: 630px;}

div#main-wrapper-right {float: right; width:280px;}

div.sub-nav {padding-bottom: 8px;}

div.sub-social-media div {display: inline;}
div.sub-social-media #facebook {padding-left: 30px;}

div#footer {clear: both;}

div.footer-content {width: 549px; float:left;}

div.footer-content p {font-family:Arial, Helvetica, sans-serif; font-size: x-small; text-align: center; line-height: 1.4em;}

div.eiff-logo {width: 225px; float: right;}

div#featured-films {
	width: 630px;
	display: inline;
}

div.feature-thumb {float: left; padding: 0.2em 0.6em 1.0em 0.6em;}
div.feature-thumb img {padding-bottom: 0.4em;}
div.feature-thumb h2 {font-size: 0.78em;}
div.feature-thumb p {font-size: 0.7em; margin-bottom: 0;}
div.feature-thumb p.title {font-weight:bold;}
div.feature-thumb p.details {font-size: 0.7em;}

div.feature-thumb p.special { font-weight:bold; color: #900; font-size: 0.76em;}

div#container .feature-image {position: absolute; top: 7px; left: -405px;}

.dialog {padding: 0.4em; min-width: 17.5em;}

.dialog .my-hd .c, .dialog .ft .c {font-size: 1px; /* ensure minimum height */ height: 6px;}

.dialog .ft .c {height: 6px;}

.dialog .my-hd {background:transparent url(/img/tl.gif) no-repeat 0px 0px;}

.dialog .my-hd .c {background:transparent url(/img/tr.gif) no-repeat right 0px;}

.dialog .my-bd {background:transparent url(/img/ml.gif) repeat-y 0px 0px;}

.dialog .my-bd .c {background:transparent url(/img/mr.gif) repeat-y right 0px;}

.dialog .my-bd .c .s 
{
	margin: 0px 1px 0px 1px;
	background-image: url(/img/ms.png); 
	background-repeat: repeat-x;
/*	background-color: #e2e2e2;
	background: rgb(226, 226, 226);
	background: rgba(226, 226, 226, 0.2);*/
	padding:0.1em;
}

.dialog .ft {background:transparent url(/img/bl.png) no-repeat 0px 0px;}

.dialog .ft .c {background:transparent url(/img/br.png) no-repeat right 0px;}

#archives {margin-bottom: 0em;}

.countdown {font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight:bold; text-align:center; margin: 0 0 1.7em 0;}