@charset "UTF-8";
/* CSS Document */

/* 
-----------------------------------------------------------------------------
GLOBAL DEFAULT ELEMENTS
-----------------------------------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	border: none;
	height: 100%;
	width: 100%;
}
body {
	text-align: center;
	background-color: #000;
	/*
	background-image: url(../images/PH_bgr.jpg);
	background-repeat: no-repeat;
	background-position: 50% top;
	*/
}
body {
	/*text-shadow: 0 0 0 #000;*/
	color:#ccc;
	font-family:helvetica-neue,helvetica,arial,sans-serif;
	font-size:12px;
	line-height:1.5;
	margin:0;
}
a:link, a:visited, a:active {
	color:#999;
	text-decoration: none;
	cursor: pointer;
}
a:focus {
	-moz-outline: 0;
	outline: 0;
	outline-offset: 0;
	}

a:hover{
	color:#ccc;
	text-decoration: none;
}

a img {
	border: 0;
}
h1, h2, h3, h4, h5, h6, strong a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#fff;
	margin: 0;
	padding: 0;
}
strong {
	color:#ccc;
	margin: 0;
	padding: 0;
}
code {
	font-family: monospace;
	color:#76b41c;
}


h1 { margin-bottom:.3em; font-size:3em; line-height:1.4; font-weight:normal; }
h2 { margin-bottom:.3em; font-size:2em; line-height:1.4; font-weight:normal; }
h3 { margin-bottom:.3em; font-size:1.3em; line-height:1.4; }
h4 { font-size:1em; line-height:1.5; }


p {margin:0 0 18px 0;font-weight:normal;}
small {font-size:9px;line-height:1.2;}
strong {font-weight:bold;}
em {font-style:italic;} 


hr {
	height:2px;
	background:#000;
	display:block;
	margin:20px 0;
	clear:left;
	border:0;
	border-bottom:1px solid #222;
}

.tShadow {
	text-shadow:black 1px 2px 2px; /* color x y blur */;
}


/*
-----------------------------------------------------------------------------
GLOBAL
-----------------------------------------------------------------------------
*/	
#page-body {
	background-color: #000;
	/*background:#000 url(../images/promo_bgr.jpg) 50% 0px no-repeat;*/
	width:100%;
	height: 100%;
	position:relative;
}
#shufflestack {
	position: relative;
	z-index: 0;
	margin: auto;
	width: 1150px;
	height: 650px;
	overflow: hidden;
}

#shufflestack img {
	/*
	position: absolute;
	left: 0;
	top: 0;
	*/
		width: 1150px;
	height: 650px;
	display:none;
}


	
#padbox {
	z-index: 2;
	width:960px;
	min-width:960px;
	position:relative;
	margin: -650px auto 0 auto;
	padding: 0 95px 0 95px;
}
#padbox .inner {
	text-align:left;
	padding: 0 0 0 0;
}




/*
-----------------------------------------------------------------------------
HEADER
-----------------------------------------------------------------------------
*/	

#header {
	width: 100%;
}
#header .inner {
	padding: 25px 20px 0px 20px;
}

#header .title {
	font-weight:bold;
	color:#eee;
	border-bottom:1px solid #444;
	font-size:1.5em;
	line-height:1.6em;
	margin:0 -20px 0;
	padding:0 10px;
	display:inline-block;
}

#header .title span {
	font-weight: normal;
	font-style: normal;
	font-size: 0.725em;
	padding: 0;
	margin: 0;
}

#header .title span.right {
	font-size:11px;
	color:#CCC;
	text-align: right;
	display: block;
	padding: 0;
	margin: 0;
}
#header .title img.rating {
	vertical-align: middle;
}




/*
-----------------------------------------------------------------------------
BASE CONTENT
-----------------------------------------------------------------------------
*/	

#main {
	width: 100%;
	position:relative;
	margin: 530px 0 0;
	padding: 0;
	background-color: #0D0D0D;
	/*
	background-image: url();
	background-repeat: repeat-x;
	background-attachment: initial;
	background-position-x: 0;
	background-position-y: bottom;
	-webkit-background-clip: initial;
	-webkit-background-origin: initial;
	*/

	/* for all CSS3 Browsers */
	border-radius: 4px;
	box-shadow:rgba(0, 0, 0, 0.15) 0 1px 2px ;
	
	/* for the rest, except IE of course */
	-moz-box-shadow:rgb(0, 0, 0) 0 1px 3px ; /* Firefox doesn't seem to understand rgba */
	-moz-border-radius: 4px;
	
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
	-webkit-border-radius: 4px;

	-o-border-radius: 4px;
	-khtml-border-radius: 4px;
}


#main .inner {
	padding: 2px 20px 0px 20px;
}

#main .title {
	font-weight:bold;
	color:#ddd;
	border-bottom:1px solid #000;
	font-size:1.5em;
	line-height:2.2em;
	margin:0 -20px 0;
	padding:0 20px;
}

#main .title span {
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

#main .title span.right {
	font-size:11px;
	color: #CCC;
	text-align: right;
	display: block;
	padding: 0;
	margin: 0;
}
#main .title img.rating {
	vertical-align: middle;
}





.moviebar {
	width: 180px;
	height: auto;
	display:inline-block;
	position:relative;
	padding: 6px;
	margin: 0 0 10px 0;
	background-color: #0d0d0d;
	
	/* for all CSS3 Browsers */
	border-radius: 20px;
	box-shadow:rgba(0, 0, 0, 0.15) 0 1px 2px ;
	
	/* for the rest, except IE of course */
	-moz-box-shadow:rgb(0, 0, 0) 0 1px 3px ; /* Firefox doesn't seem to understand rgba */
	-moz-border-radius: 4px;
	
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
	-webkit-borderradius: 4px;

	-o-border-radius: 4px;
	-khtml-border-radius: 4px;

}
#moviebox .moviebar h4 {
	text-align:left;
	text-shadow: 0 0 2px #000;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	padding: 5px 0px 0px 8px;
}
#moviebox .moviebar .runtime {
	font-size:0.9167em;
	padding: 0px 0px 0px 8px;
}

.moviebar a {
	float: right;
	width: 44px;
	height: 44px;
	display:inline-block;
	position:relative;
	padding: 0;
	margin: 0;
	background: #0d0d0d url(../images/play_n.png) no-repeat scroll 100% 50%;
	
}
.moviebar a:hover {
	background: #0d0d0d url(../images/play_o.png) no-repeat scroll 100% 50%;
}

#moviebox {
	position:absolute;
	top: 100px;
	left: 105px;
	width: 220px;
	height: auto;
	text-align:left;
}


/* 
-----------------------------------------------------------------------------
COLS
-----------------------------------------------------------------------------
*/

.cols {
	width:100%;
	border-top:1px solid #222;
	margin:0 -20px 0;
	padding:20px;
	min-height: 200px;
	font-size:11px;
}


.column {
	float: left;
}
.column.first {
	padding: 0;
	width: 136px;
	margin-left: 0 !important;
	
}
.column.second {
	padding0: 0;
	width: 230px;
	margin-left: 15px !important;
}
.column.third {
	padding: 0;
	width: 290px;
	margin-left: 20px !important;
}
.column.last {
	padding: 0;
	width: 214px;
	margin-left: 15px !important;
	margin-right: 0 !important;
	float: right;
}


/* 
-----------------------------------------------------------------------------
CONTENT
-----------------------------------------------------------------------------
*/

#poster {
	position: relative;
	float: left;
}
#poster img {
	cursor: pointer;
	padding: 1px;
	border: solid 1px #222;
}
#poster .enlarge {
	display: none;
	background:transparent url("../images/poster_enlarge.png") no-repeat scroll 0 0;
	position:absolute;
	top:-6px;
	left:-7px;
	width:17px;
	height:17px;
	
}
#poster a:hover span.enlarge {
	display: block;
}





#synopsis {
	/*text-align: justify;*/
}
#synopsis h4 {
	font-weight: bold;
	/* text-align:left; */
}
.expandable a {
	color: #5581AD;
	font-style:italic;
}
.expandable a:hover {
	color: #999999;
}



.column dl {
	overflow: hidden;
	margin: 0;
	padding-bottom: .25em;
}
.column dl dt {
	color: #fff;
	text-align: right;
	font-weight: bold;
	width: 60px;
	float: left;
	clear: left;
	padding-bottom: .35em;
}
.column dl dd {
	width: 220px;
	float: left;
	margin-left: 10px;
}
.column dl dd span {
	/*white-space: nowrap;*/
}





#gallery {
	/*text-align: right;*/
}
#gallery h4 {
	font-weight: bold;
	padding: 0 0 5px -2px;
}
#gallery a .promo {
	cursor: pointer;
	margin: 4px 4px 0 0;
	padding: 1px;
	border: solid 1px #222;
	width: 96px;
	height: 60px;
	display: inline-block;
	overflow: hidden;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
	-moz-box-shadow:rgb(0, 0, 0) 1px 2px 2px ; /* Firefox doesn't seem to understand rgba */
}
#gallery a:hover .promo {
	border: solid 1px #333;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 4px 4px;
	-moz-box-shadow:rgb(0, 0, 0) 2px 4px 4px ; /* Firefox doesn't seem to understand rgba */
	
	color: #999999;
}
#gallery a .imgpromo {
	width: 96px;
	height: 60px;
	display: block;
	background:transparent url(/*set individual inline*/) no-repeat scroll 0 0;
}

#gallery a .more {
	color: #5581AD;
	text-align: right;
	font-style:italic;
	display: inline-block;
	width: 204px; /* same as last column */
	height: 20px;
	margin: 10px 0 0 0;
}
#gallery a:hover .more {
	color: #999999;
}










#main a.external {
	color: #999;
	font-size: 11px;
	line-height:16px;
	/*font-weight: bold;*/
	text-decoration: none;
	background: url("../images/external.gif") no-repeat 100% 0;
	padding: 0 14px 0 0;
}
#main a.external:hover {
	color: #ccc;
}

span.imdb {
	display:inline-block;
	height:16px;
	width: auto;
	padding: 0 0 0 35px;
	margin: 20px 0 0 70px;
	background: url("../images/imdb-16.jpg") no-repeat 0 0;
}


/* 
-----------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------
*/



#footer {
	position: relative;
	bottom: 0px;
	width: 100%;
	margin:0 0 0 0;
	padding: 20px 0 50px 0;
	background-color: transparent;
	clear:both;
	
	letter-spacing:0;
	font-size:11px;
	/*font-weight: bold;*/
}
#footer .inner {
	position:relative;
	padding: 10px 20px;
	background-color: #0d0d0d;
	/* for all CSS3 Browsers */
	border-radius: 4px;
	box-shadow:rgba(0, 0, 0, 0.15) 0 1px 2px ;
	/* for the rest, except IE of course */
	-moz-border-radius: 6px;
	-moz-box-shadow:rgb(0, 0, 0) 0 1px 3px ; /* Firefox doesn't seem to understand rgba */
	-webkit-border-radius: 6px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
	
}

#counter {
	padding: 0 0 0 40px;
	float:right;
	color: #666;
}



#footer a {
	color:#666;
}
#footer strong {
	font-weight:bold;
	color:#999;
}
#footer-nav {
	padding: 0;
	float:right;
}
#footer-nav li {
	float:left;
	margin-left:10px;
	color:#666666;
}
#footer-nav li a {
	color:#666666;
	text-decoration:none;
}
#footer-nav li a:hover {
	color:#999;
}
#footer-nav li a.active {
	color:#999;
}

#footer-nav li a.top {
	font-size:10px;
}



#copyright {
	padding: 0;
	color:#666666;
}





/* 
-----------------------------------------------------------------------------
MORE MOVIES AND IMPRINT
-----------------------------------------------------------------------------
*/


.info, #imprint {
	font-size: 11px;
	line-height:14px;
	text-align: left;
}
.info a {
	font-size: 11px;
}

#imprint a {
	font-size: 11px;
	font-weight: normal;
}









/*
-----------------------------------------------------------------------------
 * Clearing & Floating
 -----------------------------------------------------------------------------
 */
 
 .right {
	 float: right;
 }
 .left {
	 float: left;
 }

.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 */