/* General Style */
html,body{margin:0;padding:0}
* html div {         width: 130px;          w\idth: 100px; }
body{
	font-family: 'helvetica neue', arial, "sans serif";
	color:#333333;
	text-align: left;	
	background: #FFFFFF;
	padding-bottom:20px;
	font-size: 11px;
	line-height: 14px;
}
p{margin-top:0}
h1,h2,h3{
	font: normal 110% 'helvetica neue', Arial, sans-serif;
	text-transform: uppercase;
	color: #EB008B;
	letter-spacing: 1px;
}
h2{font-size:120%}
h3{font-size:130%}
h4{
	font: normal 110% 'helvetica neue', Arial, sans-serif;
	text-transform: uppercase;
	color: #EB008B;
	letter-spacing: 1px;
	background-image: url(images/Dots.gif);
	background-repeat: repeat-x;
	background-position: 0px 16px;
	padding-bottom: 4px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
h5{
	font: normal 130% 'helvetica neue', Arial, sans-serif;
	text-transform: uppercase;
	color: #EB008B;
	letter-spacing: 1px;
	background-image: url(images/Dots.gif);
	background-repeat: repeat-x;
	background-position: 0px 16px;
	padding-bottom: 4px;
}
.movietitle{
	font: normal 140% 'helvetica neue', Arial, sans-serif;
	text-transform: uppercase;
	color: #660000;
	letter-spacing: 1px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color=#333333;
	border: 1px dotted #EB008B;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 5px;
}
.imgbig {
	padding-bottom: 6px;
}
.imgsmall {
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.category {
	font-family: 'helvetica neue', Arial, "sans-serif";
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #EB008B;
}
.grow{
	font-family: 'helvetica neue', arial, "sans serif";
	color:#666;
	font-size: 16px;
}
/* Header Area */
div#header{position: fixed;
width:100%;
height: 220px;
overflow:hidden;
top: 0;
left: 0;
background: #FFF url(images/header_01.jpg) no-repeat;
}
div#menu{width:800px;margin:0 auto;text-align:left}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{
	float:right;
	font-size: 110%;
	top: 123px;
	left: 260px;
	position: absolute;
	visibility: visible;
	width: 800px;
	overflow: hidden;
}
ul#nav li{float:left;text-align: left}
ul#nav a{float:left;padding: 5px 6px 3px;background: EB008B;text-decoration:none;color: #FFFFFF}
ul#nav a:hover{background: #EB008B;color: #CCFF66}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #EB008B;color: #CCFF66}
div#timestamp {
	float:left;
	font-size: 120%;
	color: #FFF;
	visibility: visible;
	top: 185px;
	left: 30px;
	width: 200px;
	overflow: visible;
	position: absolute;
	z-index: 1;
}
/* Container */
div#container{
	width:800px;
	text-align:left;
	background:#fff;
	float: left;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	overflow: auto;
	position: absolute;
	visibility: visible;
	z-index: 1;
	top: 220px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	left: 0px;
}
/* Main Body */
div#content{
	float:left;
	display:inline;
	width:550px;
	margin-top: 6px;
	margin-right: 0;
	background-image: url(images/Dots.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}
div#content h2{margin: 10px 0;color: #007BC4}
div#content p{font-family: 'helvetica neue', arial, "sans serif";
	color:#333333;
	text-align: left;
	padding-bottom:6px;
	font-size: 11px;
	line-height: 14px;}
div#content a {
  font-family: 'helvetica neue', arial, "sans serif";
  color: #EB008B;
  text-decoration: underline;
  }
/* homepage boxes */
ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:10px}
ul#intro li{
	float:left;
	width:175px;
	margin-right: 3px;
	padding: 10px 3px;
}
ul#intro li#f1{
	background-color: #E8E8E8;
	
}
ul#intro li#f2{background: #E8E8E8}
ul#intro li#f3{margin-right:0;background: #E8E8E8}
ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #666;font-size:120%}
ul#intro a{
	text-decoration:underline;
	color: #Eb008B;
}
ul#intro a:hover{color: #660000}
ul#intro img{
	text-align: center;
	padding: 0px 17px 10px;
}
/* homepage boxes Special */
ul#introA,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#introA{width:100%;margin-bottom:10px}
ul#introA li{
	float:left;
	width:550px;
	margin-right: 3px;
	padding: 10px 3px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #e3e3e3;
}
ul#introA li#f1{background: #E8E8E8;
background-image: url(images/box_bg.gif);}
ul#introA li#f2{background: #E8E8E8;
background-image: url(images/box_bg.gif);}
ul#introA li#f3{margin-right:0;background: #E8E8E8;
background-image: url(images/box_bg.gif);}
ul#introA li#f4{margin-right:0;background: #E8E8E8;
background-image: url(images/box_bg.gif);}
ul#introA p,ul#intro h3{margin:0;padding: 0 10px}
ul#introA h3{text-transform:uppercase;padding-bottom:3px;color: #666;font-size:120%}
ul#introA a{
	text-decoration:underline;
	color: #Eb008B;
}
ul#introA a:hover{color: #660000}
ul#introA img{
	text-align: left;
	padding: 0px 17px 10px;
}
/* Film Section */
ul#films,ul#films li{list-style-type:none;margin:0;padding:0}
ul#films{
	width:550px;
	overflow:hidden;
}
ul#films li{
	float:left;
	width:170px;
	margin-right: 3px;
	padding: 0px 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul#films li#f1{background: #FFF}
ul#films li#f2{background: #FFF}
ul#films li#f3{margin-right:0;background: #FFF}
ul#films p,ul#films {margin:0;padding: 0 0px 0 10px}
ul#films h3{
	color: #333333;
	font-size: 12px;
	text-transform: none;
	text-align: center;
	padding: 0px;
	font-weight: normal;
}
ul#films a{
	text-decoration:underline;
	color: #Eb008B;
}
ul#films a:hover{color: #660000}
ul#films img{
	text-align: center;
	padding-top: 1px;
	padding-left: 22px;
	padding-bottom: 0px;
}
div#linebetween{
	background-image: url(images/Dots.gif);
	background-repeat: repeat-x;
	background-position: left 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 100%;
}
/* film detail */
div#photoside{
	float:left;
	width:235px;
	margin-top: 10px;
	margin-right: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}
div#infoside{
	display:inline;
	width:315px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#reviewside{
	clear:both;
	display: inline;
	width:550px;
	margin-top: 10px;
	margin-right: 0;
	}
/* other text treatments */
div.date{float:left;width: 5em;padding: 8px 0;background: #F1DDC4;color:#660000;
    text-align:center;margin: 0 4px 4px 0;font-size: 100%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}
div.comments div{background: #EEE;margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE}
/* Side Bar */
div#side{
	float:left;
	display:inline;
	background:#FFF;
	width: 200px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: thin solid #BFBFBF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	overflow: auto;
}
div#side p{margin:5px 0;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}
div#side a {
  font-family: 'helvetica neue', arial, "sans serif";
	font-size: 11px;
  color: #EB008B;
  text-decoration: underline;
  }
  
div#side a:hover {
  color: #660000;
  }
ul#news, ul#news li {
	margin:5px 0 10px 10px;
	padding: 0 10px 5px 10px;
	list-style-position: outside;
	font-size: 11px;
}
ul#titles, ul#titles li {
	margin:5px 0 0px 8px;
	padding: 0 10px 5px 8px;
	list-style-position: outside;
	font-size: 11px;
	text-transform: capitalize;
}
/* Footer */
div#footer{
	clear:both;
width: 780px;	
margin:5 0;
	padding: 10px 0;
	background: #FFF;
	color: #333333;
	text-align:center;
	font-family: 'helvetica neue', Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div#footer p{margin:0}
div#footer a {
  font-family: 'helvetica neue', arial, "sans serif";
	color: #EB008B;
	text-decoration: underline;
	display: inline;
  }
  
