/*-----------------------------------------------
Deen Tight
Author	 		: Mustafa Davis
Designer		: abdullah alaydrus (abdullah(at)mqu(dot)be
Date	 		: June 02, 2009

Bg 		: #050505
Yellow	: #FFCC00
Box		: #444444
S-font	: #333333 / 4pt
M-font	: #FFFFFF / 6pt
----------------------------------------------- */

/* GENERAL STYLE */
body {
	background: #050505;
	margin: 0;
	padding: 0;
	font-size:12px;
	line-height:1.3em;
	font-family:Arial,Helvetica, sans-serif;
}
a{
	text-decoration:none;
}
p{
	color:white; line-height:18px;margin:12px 0 6px 0;
}
#wrapper{
	margin:0 auto; width:792px; 
}
#header{margin:10px 0 5px 0;}

#header a img{border:none;}
#content{ background:#333;}

#footer{margin:5px 0; color:#4A4747;}

#tabMenu {margin:0 0 0px 25px; padding:0;list-style:none;}
#tabMenu li {
	float:left;cursor:pointer; margin:15px 0 40px 0; padding:0; color:#FFF; 
	background: url(../images/deentight_li.jpg) no-repeat 0 8px;
}
#tabMenu li a{color:#FFF; text-transform:uppercase; font-weight:bold; font-size:13px; margin:0 11px;}
#tabMenu li a:hover{color:#FFCC00; }
#tabMenu li.current_page_item a{color:#FFCC00; }



.logo{margin:0 0 20px;}
#lnav{float:left; width:400px;}
#rnav{float:right; width:230px;}
#lnav a, #rnav a  {margin: 3px; color:#000; }

.content-post {float:right; width:310px; margin:0 18px 0 0;  }
.footer{margin:50px 0 0;clear:both; text-align:right;}
.footer span{ width:400px; margin:0 0 16px 0;	
	font-size:12px; line-height:1.8em; font-family:Arial,Helvetica, sans-serif;}
.footer a{ color:#4A4747; font-weight:bold;}
.footer a:hover{ border-bottom:1px dotted #474747;}
.clear{clear:both;}
.line{border-bottom:1px dotted #474747; margin:10px 20px 10px 0;}
small {color:#474747;}

/* SPECIFIC PAGES*/
#home{padding:4px;background: url(../images/deentight_background_home.jpg) no-repeat 4px 4px;width:784px; height:372px; overflow:auto;}
#synopsis{padding:4px;background: url(../images/deentight_background_synopsis.jpg) no-repeat 4px 4px;width:784px; height:372px; overflow:auto;
}
#director{padding:4px;background: url(../images/deentight_background_director.jpg) no-repeat 4px 4px;width:784px; height:372px; overflow:auto;
}
#trailer{padding:4px;background: url(../images/deentight_background_trailer.jpg) no-repeat 4px 4px;width:784px; height:372px;}
#photos{padding:4px;background: url(../images/deentight_background_photos.jpg) no-repeat 4px 4px;width:784px; height:372px;}
#castcrew{padding:4px;background: url(../images/deentight_background_castcrew.jpg) no-repeat 4px 4px;width:784px; height:372px;}
#screenings{padding:4px;background: url(../images/deentight_background_screenings.jpg) no-repeat 4px 4px;width:784px; height:372px;}
#press{padding:4px;background: url(../images/deentight_background_press.jpg) no-repeat 4px 4px;width:784px; height:372px;}
#e_404, #blog{padding:4px;background: url(../images/deentight_background_e-404.jpg) no-repeat 4px 4px;width:784px; height:372px;}
#blog{padding:4px;background: url(../images/deentight_background_trailer.jpg) no-repeat 4px 4px;width:784px; height:372px; }

#blog .content-post{
	width:766px; height: 370px; margin:0px 0px 0px 20px; overflow:auto;
	}
	
#blog .post {margin:20px 0;}
#home .content-post{
	position:relative; top:40px; font-size:13px; line-height:30px;
	background: url(../images/black-70.png) repeat; padding:10px 20px 20px 20px; overflow:auto; height:280px;}
	
#synopsis .content-post{
	position:relative; top:40px; font-size:13px; line-height:30px;
	background: url(../images/black-70.png) repeat; padding:10px 20px 20px 20px; overflow:auto; height:280px;
	}
	
#director .content-post{
	position:relative; top:40px; font-size:13px; line-height:30px;
	background: url(../images/black-70.png) repeat; padding:10px 20px 20px 20px; overflow:auto; height:280px;
	}
	
#trailer .content-post, #e_404 .content-post{width:744px; margin:20px;}
	.trailer{margin:0;}
	.trailertop10{ margin: 5px 0 0;}

	.trailer .left, .trailertop10 .left{float:left; width:270px;}
	.trailer .right, .trailertop10 .right{float:right; width: 450px}
	.trailer  h3, .trailertop10 h3{color:#FFCC00; margin:0 0 12px 0; font-size:18px;font-weight:normal;}
	.trailer  p, .trailertop10 p{margin:6px 0 24px 0; line-height:24px;}
	.trailer  .left a, .trailertop10 .right a, a.lightwindow{color:#FFCC00;font-size:12px;font-weight:normal; font-style:italic;}
	a.lightwindow img{border:2px solid #FFCC00; }

#photos .content-post{position:relative; top:20px; font-size:13px; line-height:30px; width:744px; text-align:center;} 
#castcrew .content-post{width:744px; margin:20px 10px 20px 10px;}
	#cast {margin: 10px 0 50px 0; list-style:none; padding:0;}
	#cast li{ float:left; width:90px; height:75px; color:#FFCC00; margin:0 0 15px 0;}
	#cast  a img{ border:3px solid #333;}
	#castcrew h3{color:#FFCC00; font-size:18px; margin:0 0 6px 0; font-weight:normal; font-style:italic;}
	
#screenings .content-post{
	position:relative; top:40px; font-size:13px; line-height:30px;
	background: url(../images/black-70.png) repeat; padding:10px 0 10px 20px; overflow:auto; height:280px;}
	
#press .content-post{
	position:relative; top:40px; font-size:13px; line-height:30px; 
	background: url(../images/black-70.png) repeat; padding:10px 0 10px 20px; overflow:auto; height:280px;}

.content-post a{color:#FF9900;}
.content-post a:hover{color:#FFCC00;}
.content-post a:visited{color:#FF6600;}
.content-post h3{color:#FFCC00; font-weight:bold; font-size:18px; margin:0 0 6px 0;}

/* TOOLTIPS STYLE */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px 0;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 124px;
	padding:5px 0 0;
	height: 55px;
	opacity: 0.8;
	background: url('../images/tooltips.png') no-repeat;
}
#tooltip.pretty h3 {
	margin:10px 0 0;
	font-size: 10px;
	width: 124px;
	text-align: center;
	color:#FFCC00;
}
#tooltip.pretty div { width: 130px; text-align: left; }

#tooltip.cast {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('../images/shadow.png');
}
#tooltip.cast h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.cast div { width: 220px; text-align: left; }