/* 
Reset 
----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	font-family: sans-serif;
	}

table {
	border-collapse: collapse;
	border-spacing:0;
	}

fieldset, img {
	border:0;
	}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
	}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	}

q:before, q:after {
	content:”;
	}


::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
	}

::selection {
	background: #b3d4fc;
	text-shadow: none;
	}

ol, 
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

/* HTML5 Rest ----- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
	}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	}

audio:not([controls]) {
	display: none;
	}

[hidden] {
	display: none;
	}


/* Links ----- */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: 0; }

/*
Improve readability when focused and hovered in all browsers: h5bp.com/h
----- */
a:hover,
a:active {
	outline: 0;
	}



/* 
Helper Styles
----- */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.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; }
.clear { clear:both; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* 
Base Styles
----- */

@font-face {
	font-family: Publication;
	src: url('http://cdn.dolimg.com/franchise/thewizard/publication.otf') format('opentype');
	}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
	color: #222;
	}

body {
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
	}
	
	
	
/* 
Main Styles
----- */
html {
	min-width: 1000px;
	min-height:100%;
	font-size: 16px;
	line-height: 21px;
	}

body {
	background: url(http://cdn.dolimg.com/franchise/thewizard/media/images/background-body.jpg) no-repeat center 50px #000000; 
	font-size:.8125em;
	color:#737373;
	text-shadow: 0 1px 0 #000000;
	height:100%;
	position: relative;
	}


#globalChrome {
	z-index: 1000;
	}
	
#content_container {
	width:960px;
	position: relative;
	margin: 0 auto;
	min-height: 930px;
	}
	
#title {
	background: url(http://cdn.dolimg.com/franchise/thewizard/media/images/logo.png) no-repeat top center transparent;
	width:241px;
	height:251px;	
	display: none;
	position: absolute;
	top: 13px;
	left: 1px;
	}
	
#date {
	background: url(http://cdn.dolimg.com/franchise/thewizard/media/images/release_date.png) no-repeat top center transparent;
	width:241px;
	height:31px;	
	display: none;
	position: absolute;
	top: 261px;
	left: 4px;
	}

#tagline {
	position: absolute;
	width: 450px;
	height: 40px;
	top: 100px;
	left: 310px;
	font-size: 1.40em;
	text-align: center;
	font-family: Times, serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.5em;
	color: #b28e49;
	}

/*
Content Panels
----- */	
#content {
	position: absolute;
	width:538px;
	height:303px;
	top: 193px;
	left: 266px;
	}
	
#content .panel {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width:538px;
	height:303px;
	}

#content #panel_trailer {
	display: block;
	}

.serif {
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	}

#panel_synopsis > div,
#panel_poster p {
	/* font-family: Publication, serif; */
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	padding: 0 36px;
	font-size: 1em;
	line-height: 1.5em;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: normal;
	}
#panel_synopsis > div {
	padding: 8px 36px;
	}
#panel_synopsis * {
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	color: #ffffff;
	text-decoration: none;
	}	

#panel_synopsis > div div {
	display: inline;
	}

#panel_poster p {
	padding: .5em 2.5em;
	letter-spacing: 0;
	}

#panel_synopsis .dropcap {
	float: left;
	width: 41px;
	height: 41px;
	margin-top:-3px;
	background: url(http://cdn.dolimg.com/franchise/thewizard/media/images/dropcap_d.png) no-repeat 0 0;
	}

#panel_poster img {
	float: left;
	width: 184px;
	height: 257px;
	margin:0 3em;
	}

#panel_poster a,
#gallery_large a.download {
	background: url(http://cdn.dolimg.com/franchise/thewizard/media/images/button-download.png) no-repeat top center transparent;
	border: none;
	margin: 84px 0 0 0;
	padding: 0;
	display: block;
	width:162px;
	height:38px;
	text-align: left;
	cursor: pointer;
	}
#panel_poster a.view_larger {
	background-image: url(http://cdn.dolimg.com/franchise/thewizard/media/images/button-viewlarger.png);
	}
#panel_poster a:hover,
#gallery_large a.download:hover { background-position: 0 -50px; }
#panel_poster a:active,
#gallery_large a.download:hover { background-position: 0 -100px; }
#panel_poster a.download {
	margin-top:12px;
	}

#gallery_large a.download {
	margin: 1em auto;
}

#panel_gallery ul {
	width:390px;
	height:250px;
	margin:2.5em auto 0;
	padding:0;
	list-style-type: none;	
	}

#panel_gallery li {
	display: block;
	float:left;
	margin:0 32px 20px 0;
	padding:0;
	list-style-type: none;	
	width:102px;
	height:107px;
	}

#panel_gallery li img {
	border: 1px solid #c8ac63;
	}

#panel_gallery li.last {
	margin:0 0 20px 0;
	}
#panel_gallery li a {	
	display: block;
	height:100%;
	}


#gallery_large {
	width:950px;
	margin:0 auto;
	}

#gallery_large .thumbs {
	background: url(../media/images/background-overlay-thumbs.png) no-repeat top center;
	width: 625px;
	height: 75px;
	margin:0 auto;
	position: absolute;
	z-index: 50000;
	left:50%;
	margin-left:-312px;
	bottom:1em;
	display: none;
	}
#gallery_large .thumbs li {
	width: 92px;
	height: 52px;
	border: none;
	position: relative;
	float: left;
	margin: 9px 3px 0 4px;
	cursor: pointer;
	}
#gallery_large .thumbs li.first {
	margin-left:20px;
	}
#gallery_large .thumbs li.last {
	margin-right:10px;
	}
#gallery_large .thumbs li img {
	position: absolute;
	width: 90px;
	height: 50px;
	top: 1px;
	left: 1px;
	}

#gallery_large .thumbs li.active img,
#gallery_large .thumbs li:hover img {
	border:1px solid #c8ac63;
	top: 0;
	left: 0;
	}

#gallery_large .slides {
	width: 950px;
	height: 470px;
	}
#gallery_large .slides li {
	width:950px;
	display: none;
	position: absolute;
	}

#gallery_large .slides li.poster {
	margin: -50px auto 0 -175px;
	width: 350px;
	left: 50%;	
	}
#gallery_large .slides li.poster img {
	display: block;
	margin:0 auto;
	}
#gallery_large .slides li.poster .download {
	position: absolute;
	margin-left:-130px;
	left:50%;
	top: 348px;
	width: 260px;
	height:29px;
	overflow: hidden;
	background: url(http://cdn.dolimg.com/franchise/thewizard/media/images/button-download-alt.png) no-repeat 0 50px transparent;
	}
#gallery_large .slides li.poster:hover .download {
	background-position: top center;
	}


/*
Nav
----- */	
#nav {
	list-style-type: none;
	position: absolute;
	top: 504px;
	left: 286px;
	}

#nav li,
#gallery_large .share li.fb ,
#gallery_large .share li.tw {
	display: block;
	float: left;
	height: 30px;
	width: 123px;
	cursor: pointer;
	background: url(http://cdn.dolimg.com/franchise/thewizard/media/images/nav-sprite.png) no-repeat 0 0 transparent;
	}
#gallery_large .share li {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 800;
	float:left;
	width:100px;
	}
#gallery_large .share li.label {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 800;
	float:left;
	width:80px;
	font-size:.8em;
	line-height:28px;
	color:#997c36;
	text-align: center;
	}
#nav li.synopsis {
	width:166px;
	background-position: -123px 0;
	}
#nav li.gallery {
	margin-right:35px;
	width:121px;
	background-position: -289px 0;
	}
#nav li.social,
#gallery_large .share li.fb,
#gallery_large .share li.tw {
	width: 25px;
	background-position: -445px 0;
	}
#nav li.social.twitter,
#gallery_large .share li.tw {
	background-position: -470px 0;
	}


#nav li.trailer:hover,
#nav li.trailer.active {
	background-position: 0 -40px;
	}

#nav li.synopsis:hover,
#nav li.synopsis.active {
	background-position: -123px -40px;
	}
#nav li.gallery:hover,
#nav li.gallery.active { 
	background-position: -289px -40px; 
	}
#nav li.social a {
	display: block;
	height:100%;
	}
#nav li.social a:hover,
#gallery_large .share li.fb:hover {
	background-position: -445px -40px;
	}
#nav li.social.twitter a:hover,
#gallery_large .share li.tw:hover {
	background-position: -470px -40px;
	}



/*
Overlays
----- */
#register {
	display: block;
	position: absolute;
	top:0;
	left:682px;
	width: 122px;
	height: 23px;
	overflow: hidden;
	cursor: pointer;
	background: url(http://cdn.dolimg.com/franchise/thewizard/media/images/button-register.png) no-repeat 0 0;
	border:none;
	}
	#register:hover {
		background-position: 0 -30px;
		}

#overlay {
	background: url(http://cdn.dolimg.com/franchise/thewizard/media/images/black_80.png) transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000001;
	width: 100%;
	height: 100%;
	display: none;
	}

#overlay > div {
	position: absolute;
	top:100px;
	display: none;
	z-index: 5000;
	}
#registration {
	left: 50%;
	margin-left:-366px;
	width: 732px;
	height:450px;
	display: none;
	}

#poster_large {
	width: 350px;
	height:600px;
	left:50%;
	margin:0 auto 1em -175px;
	}

#gallery_large {
	width: 950px;
	height:600px;
	left:50%;
	margin:0 auto 1em -470px;
	}

#gallery_large .pane {
	width:100%;
	height:475px;
	clear:both;
	position: relative;
	}

#gallery_large .nav {
	position: absolute;
	z-index: 500;
	top:50%;
	margin-top:-52px;
	width:85px;
	height:105px;
	background: url(../media/images/button-gallery-nav.png) 0 0 no-repeat;
	}

#gallery_large .nav.next {
	right:0;
	background-position: -100px 0;
	}	

#overlay .close {
	display: block;
	float:right;
	width: 60px;
	height: 16px;
	overflow: hidden;
	background: url(http://cdn.dolimg.com/franchise/thewizard/media/images/button-close.png) no-repeat center top transparent;
	}
#gallery_large .share {
	width:160px;
	margin:2em auto;
	}
#globalFooter {
	position: relative;
	width: 996px;
	margin: 0 auto;
	}
/*
Rating block
----- */
#rating {
	background: url(http://cdn.dolimg.com/franchise/thewizard/media/images/rating-block.png) no-repeat center top transparent;
	text-align: center;
	width:530px;
	margin:1em auto 4em;
	color: #575757;
	font-size:.85em;
	}
	#rating h3,
	#rating h4 {
		height:44px;
		margin:0;
		padding:0;
		}
	#rating h4 {
		height:78px;
		}
	#rating a {
		color:#575757;
		text-decoration: underline;
		}
	#rating .links {
		display: block;
		}

#footer_disclaimer {
	display: none;
	width: 300px;
	position: absolute;
	right: 12px;
	top: 136px;
	border: 1px solid #575757;
	font-size: 11px;
	text-align: center;
	color: #575757;
	padding: 5px;
	}

/*
FB Frame
----- */
#fb-frame, #fb-frame iframe {
	padding: 0;
	margin: 0;
	border: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 200000000;
	width: 439px;
	height:249px;
	margin:0;
	}

#fb-frame {
	margin-left:0;
}

#fb-frame,
#fb-likeframe {	
	display: none;
	}

/****  Facebook iFrames  ****/
/*
#RES_ID_fb_pop_dialog_table,
#RES_ID_fb_like {
	width:400px;
	top:0px;
	left:0px;
	}
#fb-social #cancelmsg{
	position:relative;
	margin-top:10px;
	}
#fb-likeframe{
	border:none;
	width:360px;
	height:240px;
	margin:10px;
	}

#gde_footerFeaturedContainer {
	background-color: #989898 !important;
	color: #000000 !important;
	}

.gde_footerFeaturedLinks,
.gde_footerFeaturedLinks span,
.gde_footerFeaturedLinks a,
.gde_footerFeaturedLinks a:link,
.gde_footerFeaturedLinks a:visited,
#gde_footerFeaturedContainer td,
#gde_footerFeaturedContainer a {
	color: #000000 !important;
	}

*/