/*****************************
	ModernFilmFest.net screen stylesheet 
		by Patrick Clarke, 96studios
		http://www.96studios.com
		copyright (c) 2009 96studios

	** Organization **
		1. Reset
*****************************/

/****************************
	1) RESET
****************************/
*{outline:none;}
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;}
h1,h2,h3,h4,h5,h6{ color:#000; font-size:100%; font-weight:bold;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym { border:0; border-bottom:1px dotted #000; cursor:help; font-variant:normal;}
em{ font-style:italic; }
pre,code,kbd,samp,tt{font-family:monospace; line-height:100%;}
strong{font-weight:bold;}
sub {vertical-align:text-bottom;}
sup {vertical-align:text-top;}
table {font-size:inherit;}
table{border-collapse:collapse;border-spacing:0;}
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:1.3em; border:0;}
ul li{list-style:none;}

/** */
body							{background:#f5f5f5 url(../images/site/container-bg.png) center repeat-y; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
#container						{background:#fff; height:100%; margin:0 auto; width:990px; position:relative; padding:1em 0 0 0;}
h1 a							{background:url(../images/site/logo.png) no-repeat; display:block; height:42px; margin:0 0 1em 1.5em;  text-indent:-9999px; width:450px;}
h2								{margin:0 0 1em 0; font-size:1.5em;}

#nav							{display:block; margin:0 0 4em 2em;}
#nav li							{float:left; padding-right:1.25em; }
#nav li a						{color:black; display:block; font:bold 1em/1 Arial, sans-serif; padding:2px; text-decoration:none; text-transform:uppercase;}
#nav li.here a					{color:#BB2E36;}
#nav li a:hover					{background:#ccc;}

#thank-you						{clear:both; color:#000; margin:1em 2em 0 2em; position:relative; height:700px;}
#thank-you h2					{text-transform: uppercase; font-size:1.5em; position:relative; left:0; width:433px; color:#rgb(80,80,80);}
#thank-you img					{position: absolute; right:0; top:0; display:block;}
#thank-you p					{position:relative; left:0; width:433px; }
#promo							{background: url(../images/site/bg/gem.jpg) no-repeat; clear:both; color:#fff; height:370px; margin:0 2em 0 2em; padding:2em; position:relative;}
#promo h2						{color:#fff; display:block; font-size:1em;}
#promo h2 strong				{font-size:5em; font-weight:normal; }
#promo h2 em					{font-style: normal;}
#player							{position:absolute; display:block; top:1em; right:1em;  z-index: 999;}
#site-map						{clear:both; padding:0 2em 0 2em; font-size:.825em; text-align:right;}
#content-wrapper				{position:relative; border-bottom:1px solid #efefef; margin-bottom:2em;}
#content						{clear:both; margin:2em 2em 0 2em; width:626px; padding:0 2em 0 0; border-right:1px solid #efefef;}

#see-films						{background: url(../images/site/button.png) no-repeat; display:block; height:34px; text-indent:-9999px; width:274px;}

li.film							{background:#f0f0f0; margin:0; padding-bottom:.5em;}
li.date							{background:#999; color:#fff; padding:.75em; font:bold 1em/1 Arial, sans-serif;}
li.film p.time					{background:#ccc; font:bold .875em/1 Arial, sans-serif; padding:.5em; text-indent:.25em;}
li.film h3						{text-indent:1em; margin-bottom:.25em;}
li.film p.details				{text-indent:1em; font-size:.825em;}

#sidebar						{position:absolute; top:0px; right:2em; width:236px; overflow:auto;}
#sidebar ul						{display:block; margin:0 0 2em 0; padding:0;}
#sidebar ul	li					{font-size:.875em; padding:0 ;}
#sidebar p						{font-size:.875em;}

#sponsors						{background:url(../images/site/bg/sponsors.png) repeat-x; margin-bottom:0.5em; padding:0 2em 0 2em; height:160px; display:block; clear:both;}
#sponsors h3					{color:#aaa; font-weight:normal;}
#sponsors ul li					{float:left;  margin:.5em .5em 0 0;}

#itribune a						{background:transparent url(../images/sponsors/itribune.png) bottom center no-repeat; display:block; width:107px; height:107px; text-indent:-9999px;}
#itribune a:hover				{background:transparent url(../images/sponsors/itribune.png) top center no-repeat;}
#gem a							{background:transparent url(../images/sponsors/gem.png) bottom center no-repeat; display:block; width:107px; height:107px; text-indent:-9999px;}
#gem a:hover					{background:transparent url(../images/sponsors/gem.png) top center no-repeat;}
#kannapolis a					{background:transparent url(../images/sponsors/kannapolis.png) bottom center no-repeat; display:block; width:107px; height:107px; text-indent:-9999px;}
#kannapolis a:hover				{background:transparent url(../images/sponsors/kannapolis.png) top center no-repeat;}					
#fortysix a						{background:transparent url(../images/sponsors/fortysix.png) bottom center no-repeat; display:block; width:107px; height:107px; text-indent:-9999px;}
#fortysix a:hover				{background:transparent url(../images/sponsors/fortysix.png) top center no-repeat;}
#crp a							{background:transparent url(../images/sponsors/crp.png) top center no-repeat; display:block; width:107px; height:107px; text-indent:-9999px;}
#crp a:hover					{background:transparent url(../images/sponsors/crp.png) bottom center no-repeat;}
#signmarket a					{background:transparent url(../images/sponsors/signmarket.png) bottom center no-repeat; display:block; width:107px; height:107px; text-indent:-9999px;}
#signmarket a:hover				{background:transparent url(../images/sponsors/signmarket.png) top center no-repeat;}
#fedex a						{background:transparent url(../images/sponsors/fedex.png) bottom center no-repeat; display:block; width:107px; height:107px; text-indent:-9999px;}
#fedex a:hover					{background:transparent url(../images/sponsors/fedex.png) top center no-repeat;}												
#signsbytomorrow a				{background:transparent url(../images/sponsors/signsbytomorrow.png) bottom center no-repeat; display:block; width:107px; height:107px; text-indent:-9999px;}
#signsbytomorrow a:hover		{background:transparent url(../images/sponsors/signsbytomorrow.png) top center no-repeat;}

a#htshotel 						{background:url(../images/sponsors/hts.png) no-repeat; display:block; height:159px; width:236px; text-indent: -9999px;}					

#studios a						{background:url(../images/site/logo96studios.png) bottom center no-repeat; display:block; height:82px; margin:0 auto; text-indent:-9999px; width:200px;}
#studios a:hover				{background:url(../images/site/logo96studios.png) top center no-repeat;}

#facebook a						{background:url(../images/site/facebook.png) no-repeat; display:block; height:54px; text-indent:-9999px; width:236px;}
#twitter a						{background:url(../images/site/twitter.png) no-repeat; display:block; height:54px; text-indent:-9999px; width:236px;}

/** */
.error							{color:#ff0000;}
label span						{color:#aaa; font-size:.75em;}
#freeform input					{width:400px; padding:2px; font-size:1em;}
#freeform textarea				{width:622px; padding:2px; font-size:1em;}
#freeform input[type=submit]	{width:auto;}

.awesome{
background: #222 url(../images/site/alert-overlay.png) repeat-x;
display: inline-block;
font-size: 14px;
padding: 8px 14px 9px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
}
.awesome:hover{ background-color: #111; }
img.sponsor{float:right; margin:0 0 1em 1em;}
h3{clear:both;}

#rotate {float:right; margin-right:64px; width:433px; height:260px;}