/* @override http://www.howtostealtwomillion.com/css/styles.css?v=2.3 */
	
/* ================================= */
/* ! 1. Layout for desktop version   */
/* ================================= */  

/*  HTML5 ✰ Boilerplate  */

/*  @group ! 1.1 html5doctor.com/html-5-reset-stylesheet/   */


/*
 *  moved to 1140.css
 *
 */
 
/*@ends*/

/* @group ! 1.2 Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */


body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/*@ends*/

/* @group ! 1.3 Minimal base styles. */


html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #fbdf5e; color:#fff; text-shadow: none; }
::selection { background:#fbdf5e; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }

/* 1.3.1. Headers (h1, h2, etc) have no default font-size or margin; define those */
h1, h2, h3, h4, h5, h6 { font-weight: bold; text-transform: uppercase; }
a, a:active { color: #fbdf5e; }
a:visited  { color: #3c392c; }
a:hover { color: #fbdf5e; }

/*@ends*/

/* ============================ */
/* ! 2. Author Defined Styles   */
/* ============================ */
	
/* @group 2.1. Layout */

#wrap { 
	}
#masthead { 
	min-height: 840px; 
	background: #110f07 url(../images/bg_main-large.jpg) no-repeat center top;
	}
#title { 
	margin-top: -2.2em;
	padding-bottom: 2em;
	}
	
	#title .threecol { 
	margin-top: 2em;
	}
		#title .threecol img { 
		width: 67% !important;
		max-width: 67%;
		}
	#title .sixcol { 
	margin-top: -2em;
	}
	#title #social { 
	margin-top: 5em; 
	}
	#stars {
		margin-top: -26em;
	}
	#stars .sixcol p {height:426px !important;}
	#footer { 
	margin-top: -0.6em;
	border-top: 10px solid #000;
	background: #1d1d1f url(../images/footer_bg-dark.jpg) repeat-x center top;
	}
	#meta { 
	background: #1d1d1f;
	}
	#sponsors { 
	background: #1d1d1f;
	padding: 40px 0 50px 0;
	}
	
/* @group Video */
	
#video {
	margin-bottom: 50px;
}
	
#video div { 
	min-height: 480px;  
	}
#video iframe {

	border: 10px solid #252528;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#video h4 {
	margin: 15px 10px;
}
	
/* @end */
	#filmnews img { 
	position: relative;
	margin-bottom: 25px; 
	}
	#longsynopsis { 
	width: 480px; 
	}
	
/* @group Credits */

#credits {
		color: #aebfb9;
		margin-top: 8em;
		margin-bottom: 4em;
	}
	#credits li {
		width: 20%;
		/*margin-right: 5%;*/
	}
	#credits h2 {
		margin: 0;
	}

/* @end */
/* @end */
	
/* @group 2.2. Fonts & Text */
	
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}


	.container p {	color: #fefefe; }

@font-face {
    font-family: 'HighwayGothicNarrowRegular';
    src: url('fonts/hwygnrrw-webfont.eot');
    src: url('fonts/hwygnrrw-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hwygnrrw-webfont.woff') format('woff'),
         url('fonts/hwygnrrw-webfont.ttf') format('truetype'),
         url('fonts/hwygnrrw-webfont.svg#HighwayGothicNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BebasRegular';
    src: url('fonts/BEBAS___-webfont.eot');
    src: url('fonts/BEBAS___-webfont.eot?#iefix') format('eot'),
         url('fonts/BEBAS___-webfont.woff') format('woff'),
         url('fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('fonts/BEBAS___-webfont.svg#webfontOJIfwzl6') format('svg');
    font-weight: bold;
    font-style: normal;

}

h1 { 
	font-family: 'BebasRegular', Impact, 'Arial Black', Arial, sans-serif;
	font-weight: bold;
	font-size: 30px;
}
h2 { 
	font-family: 'HighwayGothicNarrowRegular', Impact, 'Arial Black', Arial, sans-serif;
	text-transform: uppercase;
	margin: 1.4em 0 0.5em;	
	font-weight: normal;
	font-size: 24px;
}
h3 { 
	font-family: 'HighwayGothicNarrowRegular', Impact, 'Arial Black', Arial, sans-serif;
 	font-weight: normal;
	font-size: 18px;
}
h4 { 
	font-family: 'HighwayGothicNarrowRegular', Impact, 'Arial Black', Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
}
p { 
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 0.65em;
	}
p strong { 
	font-weight: normal;
	text-transform: uppercase; 
	}
p#sharing { 
	text-align: right;
	margin: 0% 0% 0% 0%; 
}
#fancybox-content h2 { 
	margin: 1em 0em; 
	}
	
.table_style {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	border: 10px solid #eee;
}

table {
	border: 2px solid #e1e1e1;
	border-collapse: collapse;
}
td {
	border: 1px solid #e1e1e1;
	border-collapse: inherit;
	padding: 12px;
}
th,
tfoot  {
	background: #e1e1e1;
	border: 1px solid #e1e1e1;
	border-collapse: inherit;
	padding: 12px;
}			
	
	
/* @end */
	
/* @group 2.3. Menus */

	
.hmenu { 
		display: block;
		list-style: none;
		margin: 0px;
		}
	.hmenu li { 
		float: left;
		vertical-align: middle;
		display: list-item; 		 
		}
		
		
	.highlight { 
	color: #fbdf5e !important;
	}
	.highlightless { 
	color: #bb9c4c !important;
	}	
		
	#mastnav li { 
		margin: 3.2em 1.4em 1.5em 0em;
		}
		#mastnav li a { 
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px; 
			padding: 5px 4px 4px;
			}
			
	#mastnav li a:link,
	#mastnav li a:visited { 	
		text-decoration: none;
		color: #e5f3ec;
		background: transparent;
		}
		#mastnav li a:hover,
		#mastnav li a:active { 	
			text-decoration: none;
			color: #fbdf5e;
			background: #2f2710;
			}
	#mastnav #action { 
		float: right; 
		}
	#mastnav #action a:link,
	#mastnav #action a:visited { 
		color: #cda02c; 
		}
		
	#mastnav #action a:hover,
	#mastnav #action a:active { 
		color: #edc042; 
		}

.tabs li { 
		margin-right: 1.6em;
		}
	.tabs a { 
		color: #b38a0a; 
		text-decoration: underline;
		}
		
		.tabs a:eee504 { 
		color: #b38a0a; 
		}	
		.tabs .active a { 
		color: #eee504; 
		text-decoration: none;
		}

#tickets { 
	position: relative;
	top: 0.75em;
	overflow: hidden;
	z-index: 22;
	background: transparent url(images/tickets-backing.png) no-repeat 4px 0px; 
	/*padding: 16px 0px 20px;*/
	width:260px;
	margin-bottom: 40px;
	}
	#tickets a { 
		/*z-index: 999;*/
		height: 90px;
		width: 96px;
		margin-left: 20px;
		display: block; 
		float: left;
		background: url(images/tickets-sprite.jpg) no-repeat -314px 10px; 
		}
	#tickets .ster:hover { 
		background-position:-92px 10px; 
		}
	#tickets .nu { 
		background-position:-222px 10px; 
		}
	#tickets .nu:hover { 
		background-position:0px 10px;  
		}
		
		#tickets h4 { 
		clear: both;
		text-align: center; 
		}
		
		#tickets h4 a { 
		margin: 0;
		background: none;
		float: none;
		display: inline;
		height: auto;
		width: auto;
	}
/* @end */

/* @group 2.6. Gallery */

#gallery a img {
	margin: 1em 0em;
	border: 10px solid #171618;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

/* @end */

/* @group 2.7. Meta data */

#meta {
		color: #e2f2eb;
		}
	#meta h2 {
		font-size: 30px;
	    margin-bottom: 0.5em;
		}
	#meta h5{ 
		text-transform: uppercase; 		
		text-align: right;
		float: left;
		clear: both;
		width: 35%;
		line-height: 1.5; /* to match the <p> line-height */
		}
	#meta p {
		clear: none;
		float: right;
		width: 60%;
		}
		#meta #synopsis p { 
		float: none;
		width: auto;
		margin-left: 0;
		}
	
	#meta .imagetrigger img {
		border: 10px solid #262626;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px; /* future proofing */
		-khtml-border-radius: 10px; /* for old Konqueror browsers */
	}
	
	.agerestrict p {
	/*reset*/
		margin: 0 !important;
		margin-left: 40% !important;
		float: none !important;
		width: 36px !important;
		line-height: 30px !important;
		clear: right !important;
	/*image sprite*/	
		background: transparent url(images/agerestrict-sprite.png) no-repeat !important; 
		}
	.agerestrict .all-ages { }
	.agerestrict .pg { }
	.agerestrict .pg13 { }
	.agerestrict .under10 { background-position: -71px center !important; }
	.agerestrict .under10v { background-position: -71px center !important; }
	.agerestrict .under13 { background-position: -107px center !important; }
	.agerestrict .under16 { background-position: -143px center !important; }
	.agerestrict .under18 { }
	.agerestrict .not-rated { }

/* @end */
	
/* @group 2.8 Pay with a Tweet */
#pageStrap {
 background: #fffce0 url(images/strap-bg.png) repeat-x 0 bottom;
 padding:3px 0px 4px;
}

#pageStrap a:link {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
line-height:40px;
vertical-align: middle;
text-decoration: none;
font-weight: bold;
color: #3c392c;
}
	#pageStrap a:visited {
	text-decoration: line-through;	
	}
	#pageStrap a:hover,
	#pageStrap a:active {
	color: #d07e40;
	}

#pageStrap a em {
display: block;
float: right;
line-height:22px;
margin: 5px 0px 5px;
background: #f2ea9f;
padding-left: 5px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 4px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
}

#pageStrap a span {
display: block;
margin: 0px 8px;
}


#pageStrap a:hover em {
background: #3c392c;
/*
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
*/

}

.ultra-hide {
height: 190px; 
margin-top: -190px;
background-image: url(images/dropout_bg.png);
background-position: center bottom;
background-repeat: repeat-x;
vertical-align: baseline;
}

#slide-out {
margin-left: auto;
margin-right: auto;
width: 100%;
padding-top: 20px;
}

#slide-out .content {
padding: 22px 25px;
text-align: center;
}

#slide-out h2, #slide-out div, #slide-out input[type="text"] {
color: #f4f3e9;
}
#slide-out h2 {
margin-top: 0px;
}
	
/* @end */
	
/* @group 2.9 Errors */
	
.error h1, .error blockquote  { 
	margin: 30px 30px 0px;  
	}
#errormasthead { 
	min-height: 840px; 
	background: #110f07 url(../images/bg_main-large.jpg) no-repeat center top;
	}
	#errormasthead blockquote { 
	color: whitesmoke;
	background-color: #444;
	padding: 1em;
	margin-top: 1em; 
	line-height: 2em;
	}
	
/* @end */


/* @group 2.9.1 Competition */

	#competition {
	background-color: #b2a590;
	background-image: url(../competition/competition_bg_x.jpg);
	background-repeat: repeat-x; 
	}
	
	body#competition .row { 
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
	body#competition #lens .inner { 
	/*padding:10px;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-r4pxadius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	background-color: white;
	}
	body#competition #lens { 
	text-align: center;
	padding-bottom: 0.5em;
	margin: 40px 0;
	background-color: #d1c5ad;
	-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 0px 18px;
	-moz-box-shadow: rgba(0, 0, 0, 0.398438) 0px 0px 18px;
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 0px 18px;
	border: 3px solid 5pxtransparent;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */ 
	}
	
	body#competition #lens .inner div,
	body#competition #lens .inner img { margin:0; padding: 0; margin-bottom: -3px;}
	
	body#competition #lens #instructions {
		color: #f5db38;
		position: relative;
		z-index: 10;
		margin-top: -8%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3em;
		padding-bottom: 2em;
		padding-top: 2em;
		padding-left: 1.5%;
		background: #1a1408;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */ 
		width: 78.5%
	}
	
	body#competition #lens #instructions h4, body#competition #lens #instructions h3, body#competition #lens #instructions p{
		color: #fefbf6;
		padding: 0 5%;
	}
	
	body#competition #lens #instructions h4 {
	margin-bottom: 2em;
	}
	body#competition #lens #instructions h4 span {
		margin: 0 5%;
	}
/* @end */


/* @group FancyBox - jQuery Plugin */
/* 
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('libs/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('libs/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px sans-serif;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('libs/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('libs/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('libs/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('libs/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('libs/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('libs/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('libs/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('libs/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('libs/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('libs/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('libs/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('libs/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('libs/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('libs/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('libs/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/*@ends*/
	
/* @group Nivo Slider - The Most Awesome JQuery Image Slider */

/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
	
#slider-wrapper {
  margin:0 auto;
/* 	padding-bottom: 42px; */
}

.nivoSlider {
	position:relative;
	z-index:12;
	background:url(../images/loading.gif) no-repeat 50% 50%;
	}
.nivoSlider img {
	position:absolute;
	top:0;
	left:0;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/*@group Additional Nivo Elements */


.nivo-controlNav {
	position:absolute;
	left:60px;
	bottom:-42px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	font-weight:bold;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	bottom:5%;
	z-index:9;
	cursor:pointer;
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	left:65px;
}
a.nivo-prevNav {
	left:25px;
}

/* Caption styles */
.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
    color:#efe9d1;
    text-decoration:underline;
	padding:5px;
	margin:0 !important;	
	line-height: 1.5 !important;
	background: none !important;
	text-align: left !important;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* @end */
/* @end */

/* @group JQuery cycle.lite plugin */
.slideshow { 

						display: block;
						list-style: none;
						margin: 0px 0px 0px;
						background:url(../images/loading.gif) no-repeat 50% 50%;
}
/*.slideshow li { 
						float: left;
						vertical-align: middle;
						display: list-item;
						margin: 0px;
						}*/
.slideshow img {
						 width: 100% !important;
}
/*@ends*/
	
/* ================================================================================== */
/* ! 3. Non-semantic helper classes: please define your styles before this section.   */
/* ================================================================================== */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.inlinecontent { display: none; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ================================ */
/* ! 4. Layout for mobile version   */
/* ================================ */



@media handheld, only screen and (max-width: 480px) {
}
@media handheld, only screen and (max-width: 767px) {

	body { 
		font-size: 20px; 
	}
	body p {
		font-size: 20px;
	}
	
	body#competition #lens { padding: 0; }	
	body#competition .tencol { padding: 0; }
	
	body#competition #lens .inner img { margin:0; padding: 0; margin-bottom: -6px;}
	
	h2 {
		font-size: 36px;
	}
	h3 {
		font-size: 30px;
	}
	h4 {
		font-size: 24px;
	}
	#slide-out p {
		font-size: 16px;
	}
	#slide-out h2 {
		font-size: 24px;
	}
	#masthead { 
		background-position: -400px 10em !important;
		min-height: 1680px;
		  background-color: #000;
		}
	#mastnav .fivecol ul {
	  display: none;
	}
 	#stars { 
	margin-top: 0em;
	display: block; height:820px; height: auto;
	}
	
	#stars .sixcol p {
	height: 0px !important;
	}
	
	#filmnews {
	margin-top: 820px;
	}
	#meta h2 { 
	margin-top: 1em;
	clear: both; 
	}
	#meta h5 { 
		font-size: 20px; 
	} 
	#credits {
	margin-bottom: 1em;
	}
	#credits h2 { 
	font-size: 18px; 
	}
	#credits h3 { 
	 font-size: 14px;
	}
	#video h2 { 
		font-size: 30px; 
	}
	#tickets { 
	display: none; 
	}
	#mastnav li { 
	margin: 0.25em 1em 1em 0em; 
	}
	#title { clear: both; margin-top: 1em;}
	#title .threecol { margin-bottom: 2em;}
	#title .sixcol { 
	margin-top: 0em;
	position: absolute;
	top: 14em;
	z-index: 99;
	}
	
		#title .threecol img { 
		width: 50% !important;
		max-width: 50%;
		}
	#title #social { margin-top: 35.25em; text-align: center; }
	#title #social > a { display: block; width: auto !important; }
	#title #social a > img { width: auto !important; }
	
}
/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media handheld, only screen and (max-device-width: 480px) {

	/* Uncomment to disable iOS and WinMobile to mobile-optimize the text: j.mp/textsizeadjust */
	 html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
  #title .sixcol {
  position: absolute;
  top: 26em;
  } 
  
  #stars { height:620px; }
  	
  .hmenu { 
  		display: block;
  		list-style: none;
  		margin: 0px;
  		}
  	.hmenu li { 
  		float: none;
  		vertical-align: middle;
  		display: list-item;
  		margin-bottom: 1em;	 
  		}

}

@media all and (orientation:portrait) {
  /* ! Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* ! Style adjustments for landscape mode goes here */

}


/* ! 4.1. Provide higher res assets for iPhone 4   */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

}


/* ! 4.1.1 iPhone 4 and High PPI devices   */


/* http://miniapps.co.uk/blog/post/targeting-iphone-4-using-css-media-queries/ */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	/* background: url(x2.jpg); */
	}
	
	
/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
		
		legacy for old broswers (Opera 9.5, Safari 3 and Konqueror)
		-o-background-size: 212px 303px;
		-webkit-background-size: 212px 303px;
		-khtml-background-size: 212px 303px;
		 -moz-background-size: 212px 303px;
	}*/
	
}



/* ==================== */
/* ! 5. Print styles.   */
/* ==================== */ 


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}