/*

Me & Orson Welles Stylesheet
Written by Simon O'Shea

*/


/* Reset & HTML5 stuff */

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
header, section, aside, article, nav, footer {
	display: block;	
}


/* The important, site-wide bits */

body {
	background: #000 url(../images/bg.jpg) center top no-repeat;
	color: #fff;
	font: bold 11px/18px Arial, sans-serif;
}
h1 {
	text-indent: -9999px;
	height: 0;
}
h2 {
	color: #ffa33a;
	margin: 0 0 28px 0;
}
h3 {
	color: #cd723b;
	margin: 0 0 8px 0;
}
p {
	text-shadow: 1px 1px 8px #000;
	margin: 0 0 20px 0;
}
a {
	color: #dd0429;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* The main part */

#loading img {
	width: 100px;
	height: 66px;
	display: block;
	position: absolute;
	top: 40%;
	left: 50%;
	margin: 0 0 0 -50px;
	z-index: -1;
}
#container {
	background: url(../images/poles.jpg) center top no-repeat;
	width: 996px;
	height: 800px;
	margin: 0 auto;
	display: none;
}
#overlay {
	position: absolute;
	top: 388px;
	left: 50%;
	margin: 0 0 0 -502px;
	width: 1003px;
	z-index: 0;
	display: none;
}
nav {
	position: absolute;
	top: 467px;
	left: 50%;
	margin: 0 0 0 -429px;
	width: 857px;
	height: 145px;
	display: none;
}
nav li {
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin: 0;
}
nav li a {
	display: block;
	height: 36px;
	cursor: pointer;
}
nav li.synopsis a	{ background-image: url(../images/nav_synopsis.png); width: 80px; margin-top: 109px; }
nav li.events a		{ background-image: url(../images/nav_events.png); width: 72px; margin-top: 98px; }
nav li.gallery a	{ background-image: url(../images/nav_gallery.png); width: 79px; margin-top: 87px; }
nav li.castcrew a	{ background-image: url(../images/nav_castcrew.png); width: 114px; margin-top: 74px; }
nav li.aboutorson a	{ background-image: url(../images/nav_aboutorson.png); width: 172px; margin-top: 55px; }
nav li.aboutbook a	{ background-image: url(../images/nav_aboutbook.png); width: 143px; margin-top: 32px; }
nav li.downloads a	{ background-image: url(../images/nav_downloads.png); width: 119px; margin-top: 14px; }
nav li.cinemas a	{ background-image: url(../images/nav_cinemas.png); width: 78px; }

nav li a:hover,
nav li a:hover,
nav li a:active,
nav li a.on {
	background-position: 0 -36px;
}
#gohome a {
	position: absolute;
	left: 50%;
	top: 460px;
	margin: 0 0 0 -230px;
	width: 460px;
	height: 60px;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	text-indent: -9999px;
	overflow: hidden;
	z-index: 20;
}

footer {
	background: url(../images/stairs.png) center 65px no-repeat;
	width: 100%;
	height: 144px;
	margin: -187px auto 0 auto;
	position: absolute;
	display: none;
}
footer .wrap {
	width: 494px;
	height: 144px;
	margin: 0 auto;
}
.creditblock {
	margin: 0 auto 28px auto;
	height: 74px;
}
.rating {
	position: relative;
	top: -25px;
	left: 8px;
}
.madman {
	position: relative;
	width: 58px;
	height: 20px;
	top: -25px;
	left: 403px;
	float: left;
}
.facebook,
.twitter {
	padding: 13px 10px 0 0;
	width: 71px;
	height: 26px;
	display: block;
	float: left;
}
#freestyle {
	width: 193px;
	height: 38px;
	display: block;
	position: absolute;
	left: 50%;
	top: -14px;
	margin: 0 0 0 258px;
}
#signup {
	background: url(../images/signup_spiel.png) 0 0 no-repeat;
	padding: 13px 0 0 0;
	float: right;
}
#signup input {
	display: block;
	float: left;
}
#signup .email {
	background: url(../images/signup_field.png) 0 0 no-repeat;
	font: bold 12px/18px Arial, sans-serif;
	color: #6f3a1e;
	width: 226px;
	height: 26px;
	padding: 0 0 0 5px;
}
#signup .email:focus {
	color: #cd723b;
}
#signup .submit {
	background: url(../images/signup_button.png) 0 0 no-repeat;
	width: 80px;
	height: 26px;
	text-indent: -9999px;
	cursor: pointer;
}
#signup .submit:hover,
#signup .submit:active {
	background-position: 0 -26px;
}


/* Scroll bar */

.scroll-pane {
	width: 770px;
	height: 260px;
	padding: 0 10px 0 0;
	overflow: hidden;
	float: left;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/scrolltrack.png) center top repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #ffa33a;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
#pane1 {
}

/* Sections */

section {
	background: url(../images/bg_section.jpg) center top no-repeat;
	width: 996px;
	height: 800px;
	margin: 0 auto;
	z-index: 1;
}
section#synopsis,
section#events,
section#gallery,
section#castcrew,
section#aboutorson,
section#aboutbook,
section#downloads,
section#cinemas {
	display: none;
}

section .content {
	padding: 100px 106px;
	max-height: 260px;
	overflow: hidden;
}
section h2 {
	background-position: 0 0;
	background-repeat: no-repeat;
	/* width: 220px; */
	height: 18px;
	text-indent: -9999px;
}
section#synopsis h2		{ background-image: url(../images/h2_synopsis.png); }
section#events h2		{ background-image: url(../images/h2_events.png); }
section#gallery h2		{ background-image: url(../images/h2_gallery.png); }
section#castcrew h2		{ background-image: url(../images/h2_castcrew.png); }
section#aboutorson h2	{ background-image: url(../images/h2_aboutorson.png); }
section#aboutbook h2	{ background-image: url(../images/h2_aboutthebook.png); }
section#downloads h2	{ background-image: url(../images/h2_downloads.png); }
section#cinemas h2		{ background-image: url(../images/h2_cinemas.png); }


/* Home */

#home {
	background: url(../images/bg_home.jpg) center top no-repeat;
	display: none;
}


/* Trailer */

#trailer {
	background: url(../images/watchtrailer.png) 0 0 no-repeat;
	width: 200px;
	height: 40px;
	display: block;
	position: relative;
	top: 70px;
	left: 652px;
}
#trailer:hover,
#trailer:active {
	background-position: 0 -40px;
}
#jwbox_background{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #222;
	z-index: 1001;
	zoom: 1;
	-moz-opacity: 0.98;
	opacity: 0.98;
	filter: alpha(opacity = 98);
	overflow: auto;
}
.jwbox_hidden {
	display: none;
	position: fixed;
	top: 44px !important;
	padding: 26px;
	z-index: 1002;
	overflow: hidden;
	background: url('../images/x.png') right top no-repeat;
}


/* Synopsis */

#synopsis img {
	width: 320px;
	height: 212px;
	float: right;
	/* margin: 0 0 24px 22px; */
}
#synopsis p {
	width: 442px;
}


/* Gallery */

body section#gallery {
}
#gallery .wrap {
	/*
	left: 0;
	top: 87px;
	*/
	left: 498px;
	top: 240px;
	width: 996px;
	height: 305px;
	margin: 0 auto;
	display: none;
}


/* Cast & Crew */

#castcrew .content {
	margin: -14px 0 0 0;
}
#castcrew h2 {
	display: none;
}
#castcrew ul {
	background: url(../images/castcrew/subnav_castcrew.png) 0 0 no-repeat;
	position: relative;
	left: 345px;
	top: 120px;
	width: 528px;
	height: 12px;
	padding: 0 0 0 90px;
}
#castcrew li {
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
	margin: 0;
	display: block;
	height: 12px;
	cursor: pointer;
}
#castcrew li.efron		{ background-image: url(../images/castcrew/subnav_efron.png); width: 85px; }
#castcrew li.danes		{ background-image: url(../images/castcrew/subnav_danes.png); width: 102px; }
#castcrew li.mckay		{ background-image: url(../images/castcrew/subnav_mckay.png); width: 127px; }
#castcrew li.linklater	{ background-image: url(../images/castcrew/subnav_linklater.png); width: 124px; }

#castcrew li:hover,
#castcrew li a:hover,
#castcrew li:active,
#castcrew li.on {
	background-position: 0 -12px;
}
#castcrew h3 {
	margin: 0 0 14px 0;
	text-indent: -9999px;
	width: 210px;
	height: 35px;
}
#castcrew h4 {
	text-indent: -9999px;
	height: 0;
}
#castcrew img {
	width: 200px;
	height: 200px;
	margin: 0 40px 40px 0;
	float: left;
}
#castcrew .scroll-pane {
	width: 520px;
	height: 250px;
	float: left;
	overflow: hidden;
}
#efron,
#danes,
#mckay,
#linklater {
	display: none;
}
#efron h3 {
	background: url(../images/castcrew/h2_efron.png) 0 0 no-repeat;
}
#danes h3 {
	background: url(../images/castcrew/h2_danes.png) 0 0 no-repeat;
}
#mckay h3 {
	background: url(../images/castcrew/h2_mckay.png) 0 0 no-repeat;
}
#linklater h3 {
	background: url(../images/castcrew/h2_linklater.png) 0 0 no-repeat;
}


/* About Orson */

#aboutorson img {
	width: 320px;
	height: 212px;
	float: right;
	margin: 0 0 24px 22px;
}
/*
#aboutorson .content {
	margin: -30px 0 0 0;
}

#aboutorson .scrollfade {
	background: url(../images/synopsis_scrollmask.png) 0 0 no-repeat;
	width: 778px;
	height: 30px;
	position: relative;
	left: 98px;
	top: 376px;
	z-index: 10;
}
*/


/* About The Book */

#aboutbook h2 {
	width: 187px;
	height: 18px;
	margin: 0 0 28px 28px;
	float: left;
}
#aboutbook p {
	width: 572px;
	margin: 0 0 0 28px;
	float: left;
}
.book {
	width: 174px;
	height: 328px;
	margin: -10px 0 0 0;
	float: left;
}
.btn_excerpt {
	background: url(../images/readbook.png) 0 0 no-repeat;
	width: 267px;
	height: 26px;
	display: block;
	margin: 20px 0 0 0;
}
.btn_excerpt:hover,
.btn_excerpt:active {
	background-position: 0 -26px;
}