/*  ===========================================
	>> DEFAULTS
	=========================================== */
	
body { text-align:center; font:normal 62.5% Arial,Helvetica,Tahoma,sans-serif; background:#cecbc2 url(../images/bg.jpg) top left repeat;}
.no_margin { margin:0px 0px !important; }
.no_pad { padding:0px 0px !important; }
.no_bg { background:none !important; }
.right { float:right; }
.left { float:left; }
a:link, a:visited { color:#666666; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
div.hr { border-top:dotted 1px #655e53; height:35px; }
ol { font-size:1.2em; list-style-type:decimal; padding-left:19px; }
ol li { padding-left:10px; margin-bottom:1em;}

/*  ===========================================
	>> DEFAULT FONT SIZES
	=========================================== */
	
h1 { font-size: 2em;   /* 10px × 2em   = 20px */ line-height:2.2em; }
h2 { font-size: 1.8em; /* 10px × 1.8em = 18px */ line-height:2.0em; }
h3 { font-size: 1.6em; /* 10px × 1.6em = 16px */ line-height:1.8em; }
h4 { font-size: 1.4em; /* 10px × 1.4em = 14px */ line-height:1.8em; }
p  { font-size: 1.1em; /* 10px × 1.1em = 11px */ line-height:1.6em; }


/*  ===========================================
	>> GENERAL LAYOUT
	=========================================== */

#container { background:transparent url(../images/bg_container.jpg) top left no-repeat; margin:20px auto 0; text-align:left; min-height:750px; position:relative; padding-bottom:100px; overflow:hidden;}
#container,
#body,
#header,
#footer { width:1134px; }
#body { overflow:auto; }

/* -- HEADER -- */
#header { position:relative; height:310px;}
#header h1 { 
	height:104px;
	left:211px;
	position:absolute;
	top:24px;
	width:96px;
}
#header h1 a { 
	background:transparent url(../images/sprites.png) no-repeat scroll 0 -33px;
	display:block;
	height:105px;
	text-indent:-9999px;
	width:96px;
}
#header h2 { 
	height:193px;
	left:390px;
	position:absolute;
	top:36px;
	width:354px;
}
#header h2 a { 
	background:transparent url(../images/sprites.png) no-repeat scroll -98px -36px;
	display:block;
	height:193px;
	text-indent:-9999px;
	width:354px;
}
#header ul { 
	height:18px;
	left:130px;
	position:absolute;
	top:267px;
	width:904px;
}
#header ul li { display:block; float:left; margin-right:14px;  }
#header ul li a { display:block; height:18px; background:transparent url(../images/sprites.png) no-repeat scroll 0 0; text-indent:-9999px;}

#header ul li.about    a { background-position:0 0; width:150px; height:16px; }
#header ul li.contact  a { background-position:-158px 0; width:76px; }
#header ul li.press    a { background-position:-243px 0; width:53px; }
#header ul li.showing  a { background-position:-305px 0; width:175px; }
#header ul li.buy      a { background-position:-500px 0; width:107px; }
#header ul li.book     a { background-position:-625px 0; width:145px; }
#header ul li.donate   a { background-position:-819px 0; width:62px; }

#header ul li.about    a:hover { background-position:0 -18px; width:150px; }
#header ul li.contact  a:hover { background-position:-158px -18px; width:76px; }
#header ul li.press    a:hover { background-position:-243px -18px; width:53px; }
#header ul li.showing  a:hover { background-position:-305px -18px; width:175px; }
#header ul li.buy      a:hover { background-position:-500px -18px; width:107px; }
#header ul li.book     a:hover { background-position:-625px -18px; width:145px; }
#header ul li.donate   a:hover { background-position:-819px -18px; width:62px; }

#about 		#header ul li.about    a { background-position:0 -18px; width:150px; }
#contact 	#header ul li.contact  a { background-position:-158px -18px; width:76px; }
#press		#header ul li.press    a { background-position:-243px -18px; width:53px; }
#showing	#header ul li.showing  a { background-position:-305px -18px; width:175px; }
#buy		#header ul li.buy      a { background-position:-500px -18px; width:107px; }
#book 		#header ul li.book     a { background-position:-625px -18px; width:145px; }
#donate 	#header ul li.donate   a { background-position:-819px -18px; width:62px; }

#header dl { height:25px; left:834px; position:absolute; top:23px; width:250px; }
#header dl dt { display:none; }
#header dl dd a { background:transparent url(../images/sprites.png) no-repeat scroll 0 0; float:left; text-indent:-9999px; width:25px; height:25px; margin-right:4px; }
#header dl dt { background:transparent url(../images/connect_with_us.gif) no-repeat scroll 0 bottom; height:20px; width:109px; }
#header dl dd.facebook a { background-position: -523px -35px; }
#header dl dd.twitter a { background-position: -548px -35px; }
#header dl dd.mail a { background-position:-451px -78px; width:154px; margin-right:1px;}
#header dl dd.rss a { background-position: -486px -53px; }

ul.subnav { float:left; width:150px; margin:30px 16px 0 129px; }
ul.subnav li { margin-bottom:1.6em; }
ul.subnav li a:link,
ul.subnav li a:visited { font-size:1.8em; color:#e2e64b; line-height:.8em; text-decoration:none; }
ul.subnav li a:hover,
ul.subnav li a:active,
body.cast ul.subnav li.cast a,
body.synopsis    ul.subnav li.synopsis a,
body.film-makers ul.subnav li.film-makers a,
body.pfta        ul.subnav li.pfta a { color:#fff; text-decoration:none; }

#content { float:left; width:737px; color:#fff; padding-top:25px; }
#content h1 { font-size:2.4em; line-height:1em; margin-bottom:20px;}
#content h2 { font-size:1.5em; font-weight:normal; line-height:1em; margin-bottom:10px; }
#content p { font-size:1.2em; line-height:1.6em; margin-bottom:1.6em; }
#content a { color:#e2e64b; text-decoration:underline; }

#book button { font-size:1.4em; font-weight:bold; margin-top:1em;}

/* ========= */
/* = ABOUT = */
/* ========= */
#about #content { overflow:auto; height:540px; }
body.synopsis #content { height:200px !important; }
body.synopsis #body dl { height:25px; margin-left:296px; width:500px; overflow:auto;}
body.synopsis #body dl dt,
body.synopsis #body dl dd a { background:transparent url(../images/sprites.png) no-repeat scroll 0 0; float:left; text-indent:-9999px; width:25px; height:25px; }
body.synopsis #body dl dt { background:transparent url(../images/connect_with_us.gif) no-repeat scroll 0 bottom; height:20px; width:109px; }
body.synopsis #body dl dd.facebook a { background-position: -523px -35px; }
body.synopsis #body dl dd.twitter a { background-position: -548px -35px; }
body.synopsis #body dl dd.mail a { background-position:-451px -53px; width:33px; margin-right:1px; }
body.synopsis #body dl dd.rss a { background-position: -486px -53px; }


/* ============================== */
/* = PAGES WITH NOTHING AT LEFT = */
/* ============================== */
#contact #content,
#press #content,
#showing #content,
#book #content { margin-left:295px; }

/* ================ */
/* = MAILING-LIST = */
/* ================ */
#mailing-list { background:#000; }
#mailing-list #container { width:400px; background:transparent; overflow:hidden; height:auto; min-height:0; margin:10px 0; padding-bottom:0;}

/* ========= */
/* = PRESS = */
/* ========= */
#press #content dl { font-size:1.2em;  line-height:1.6em; } 
#press #content dd { float:left; width:268px; text-align:right; margin-right:27px; margin-bottom:16px; clear:left;}
#press #content dt { margin-bottom:16px; margin-left:295px; }
#press .article { margin-left:295px; }
#press .article h1 { position:relative; }
#press .article h1 a { font-size:11px; text-decoration:none;  position:absolute; left:0px; margin-left:-106px; }

/* ============ */
/* = HOMEPAGE = */
/* ============ */
#share_trailer { left:688px; position:absolute; top:704px; }
#sponsors { clear:both; padding:10px 0 0 100px; color:#fff; }
#sponsors p { 
	background:transparent url(../images/sprites.png) no-repeat scroll -575px -36px;
	height:12px;
	width:240px;
	margin-bottom:10px;
	text-indent:-9999px;
}
#sponsors ul { overflow:auto;}
#sponsors ul li { float:left; width:85px; height:34px; }
#sponsors ul li a { background:transparent url(../images/sprites.png) no-repeat scroll -575px -48px;  text-indent:-9999px; display:block; height:34px; }
#sponsors ul li.IBM a { background-position: -575px -48px; width:58px; }
#sponsors ul li.real a { background-position: -632px -48px; width:44px; }
#sponsors ul li.toyota { width:170px; }
#sponsors ul li.toyota a { background-position: -675px -48px; width:135px; }
#sponsors ul li.lego a { background-position:-811px -48px; width:37px; }

#ytapiplayer { color:#FF3030; }
#yt_videoArea {
	float:left;
	height:388px;
	margin:0 0 0 93px;
	width:655px;
}

#lemonade_stories {
	float:left;
	width:276px;
	height:330px;
	padding:12px 0 0 20px;
	background-color:#252423;
	border:1px solid #42413e;
}

#lemonade_storiesText {
	width:265px;
	font-family:arial;
	color:#fff;
	font-size:10px;
	line-height:18px;
	padding:0 0 10px 0;
}

#lemonade_storiesImg { padding:0 0 2px 0; }

#uploadStory{
	float:left;
	margin:5px 0 0 0;
	border:0px solid #ff0000;
}

#scrollAreaContainer{
	float:left; 
	width:255px;
	height:197px;
	overflow:hidden;
}

#scrollArea { position:relative; }

a.prev{
	text-decoration:none;
	font-size:13px;
	color:#FFFFFF;
}

a.next{
	text-decoration:none;
	font-size:13px;
	color:#FFFFFF;
}


/* -- FOOTER -- */
#footer { padding:20px 0px; text-align:center; color:#a9a79f; position:absolute; bottom:0px; }
#footer a { color:#fff; }
#footer p {  }

/* ======================= */
/* = SHARETHIS OVERRIDES = */
/* ======================= */
iframe { height:300px !important; }

/* 
	===================================
	>> CSS BUG HACKS                 <<
	===================================
*/
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */