@charset "utf-8";
/* --- css code by Nick Fassolas --- */


/* --- Common --- */
* {
	margin:0; 
	padding:0;
}

body {
	padding-top:20px;
	text-align:center;
	background-attachment: fixed;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size:93%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F4F4F4;
	
}


/* -- Layout -- */
#header {
	background-image: url(../images/header_bg.png);
	background-repeat: no-repeat;
	background-position: top;
	width:995px;
	height:103px;
	margin:0 auto;	
}

#content_wrapper {
	width:995px;
	min-height:700px;
	background:url(../images/wrapper_bg.gif) repeat-y;
	text-align:left;
	margin:0 auto;
}

#flash_content {
	background-image: url(../images/flash_content_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width:995px;
	height:357px;
	text-align:center;
}
#footer {
	clear:both;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width:995px;
	height:259px;
	margin:0 auto;
	margin-bottom:20px;
	text-align:right;
}
#full_col {
	width:950px;
	padding-top:10px;
	padding-left:20px;
	padding-right:12px;
	
	line-height:1.4em;
	font-size:93%;}
#left_col {
	width:580px;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:12px;
	border-right:1px solid #ccc;
	line-height:1.4em;
	font-size:93%;
}
#shows #left_col {
	width:96%;
	padding-top:10px;
	padding-left:20px;
	padding-right:12px;

}

#right_col {
	width:360px;
	float:right;
	padding-top:10px;
	padding-left:20px;
}

#right_col h2 {
	font-size:360%;
	font-weight:bold;
	padding-left:40px;
}

#copyright {padding-top:200px; margin-right:10px;}
#copyright p {padding:5px 10px; background:url(../images/trans.png); color:#000; font-weight:bold; width:450px; float:right; font-size:73%;}
#copyright a {color:#CC3300;text-decoration:none; }
#copyright a:hover {color:#3399FF; text-decoration:underline;}

#header h1 a {text-indent:-9999px; width:430px; height:60px; display:block;}
h2.movies { background:url(../images/title_bg.jpg) repeat-x left top; height:26px; color:#FFFFFF; font-size:110%; padding-left:10px; padding-top:5px;}


/*-- Navigation -- */
#navigation ul {margin-top:22px; text-align:right; font-size:93%;}
#navigation ul li{ display:inline; padding-right:16px;}
#navigation ul li a { font-weight:bold; color:#FFFFFF; text-decoration:none;}
#navigation ul li a:hover { color:#CC3300; text-decoration:underline;}

/*---- post ---- */
.post {
	margin:15px 0;
	padding-top:20px;
	font-size:93%;
	border-top:2px dotted #FFFFFF;
}
.post h3 { 
	font-size:100%;
	margin-bottom:5px;
}
.post h3 span {color:#D0511A;}

.post p {
	font-size:93%;
}
.post .movie_pic {
	float:left;
	width:154px;
	height:207px;
	display:block;
	border:5px solid #f3f3f3;
	margin-right:20px;
	margin-bottom:20px;
}
.post .movie_pic2 {
	float:left;
	width:100px;
	height:130px;
	display:block;
	border:5px solid #f3f3f3;
	margin-right:20px;
	margin-bottom:20px;
}
.post .more {
	clear:both;
	background:url(../images/more_bg.jpg) repeat-x; height:41px;
	color:#333333;
	padding:3px;
	font-weight:bold; 
	font-size:83%;
	margin-bottom:20px;
	margin-top:20px;
}
.post .more p {
	
	
}

.post .clapboard {
	background:url(../images/clapboard.png) no-repeat; width:61px; height:82px; display:block; float:right; margin-top:-80px;
}


/* --- additional ---- */
.clearer { clear:both;}

.soon {padding-top:30px; padding-left:40px; padding-right:60px;line-height:1.5em; font-size:93%; font-weight:bold; text-align:justify; color:#999999;}

.p1 {margin-top:20px; font-size:93%; padding-left:10px;}


a.media { color:#CCCCFF; text-decoration:none; font-weight:700;}
a.media:hover { color:#fff; text-decoration:underline;}


/*--- gallery projects ---*/
#projects, #projects2, #projects3, #projects4, #projects5, #projects6, #projects7 {
	height:95px;
	margin-left:50px;
	margin-top:18px;
}
#projects .thumbnails, #projects2 .thumbnails, #projects3 .thumbnails, #projects4 .thumbnails, #projects5 .thumbnails, #projects6 .thumbnails, #projects7 .thumbnails {
	border:5px solid #fff;
	margin:10px 28px 5px 0px;
	padding:0px;
	width:140px;
	height:93px;
	float:left;
}

#projects a:hover img, #projects2 a:hover img, #projects3 a:hover img, #projects4 a:hover img, #projects5 a:hover img, #projects6 a:hover img, #projects7 a:hover img {
	border:5px solid #555;
	
}