@charset "UTF-8";  
/* Background-Styles */  

* {
	padding: 0; /* global margin and padding reset */
	margin: 0;
}

  
body {  
    margin:0px; padding:0px;  
    background-color:#FFFFFF;  
}  


#main {  

}  

p {  
	font-size:1em; 
	color:#444;
	padding:5px 0;
}


h1 {
	color:#FB811C;
	font: bold 1.3em Verdana,Arial,sans-serif;
	}
	
	
h2 {
	font: bold 1.2em Verdana,Arial,sans-serif;
	color:#444;
	}

h3 {
	font: bold 1.1em Verdana,Arial,sans-serif;
	color:#FB811C;
	padding:0px 0px 10px 0px;
	}

h4 {
	font: bold 0.9em Verdana,Arial,sans-serif;
	color:#444;
	}
		
a {
	color:#688E5B;
	font: bold 1em Verdana,Arial,sans-serif;
	text-decoration:none;
	}


.movieselect a {
		color:#FB811C;
		font: bold 1.1em Verdana,Arial,sans-serif;
		text-decoration:none;
		}

.movieselect p {
		font: bold 1.1em Verdana,Arial,sans-serif;
		padding:0px;
		}

a:hover{text-decoration:underline;}


.container {  
    width:1000px;  
    margin:0 auto;  
    position:relative;  
}

#header1 {
    background-image:url(../images/header_1.jpg);  
    background-repeat:no-repeat;  
	width:1000px;
 	height:54px;
}

#search {
	float:right;
	padding:10px;
	width:250px;
}

#search fieldset {
		width:150px; 
		float: left;
}
	
#search fieldset input { 
	font-size:0.8em; 
	color:#444;
	border: 0px;
	width:150px;
	float: left;	
}

#search .ajaxlist  {
      position:absolute;
      width:200px;
      background-color:white;
      margin:0px;
      padding:0px;
	  z-index: 100;
}

#search .ajaxlist ul {
	list-style:none!important;
	list-style-image:none!important;
	margin:0px;
	padding:0px;
}

#search .ajaxlist ul li.selected {
	background-color: #B9DAF0;
}

#search .ajaxlist ul li a {
	font-size:0.8em; 
	}


#search .ajaxlist ul li {
	font-size: small;
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
}

#search .postnav {
	width:30px; 
	float:left;
	margin:0px 0px 0px 6px;
	
	}


.postnav a{
	display:block;
	float:left;
	width:3em;
	padding:2px 0 2px 0;
	font: bold 0.8em Verdana,Arial,sans-serif;
    text-transform:uppercase;
    background: #FB811C;
    color: #FFF;
    text-decoration:none;
    text-align:center;
    -moz-border-radius:10px; /* for mozilla firefox */
    -webkit-border-radius:10px; /* for safari, google chrome */ 
	}
	
.postnav a:hover{background: #8FCD66;color:#000}

#header2 {
    background-image:url(../images/header_2.jpg);  
    background-repeat:no-repeat;  
	width:1000px;
 	height:66px;
}

#header3 {
    background-image:url(../images/header_3.jpg);  
    background-repeat:no-repeat;  
 	height:76px;
	width:755px;
	padding:0px 120px 0px 125px;
}

#header3 .links {
	padding:30px 0px; 
	width:755px;
	height:20px;
}


#header3 a{
	padding:30px; 
	color:#FFF;
	text-decoration:none;
    font: bold 1em Verdana,Arial,sans-serif;
}

#header3 a:hover{color:#444}	

#block_feature {  
    background-image:url(../images/content_back.jpg);  
    background-repeat:no-repeat;  
	width:755px;
	padding:0px 120px 0px 125px;
	height: 1%;
 	overflow: hidden;
}  

#block_feature .introbox {  
	float:left;
	width:480px;
	min-height:200px;
	padding: 5px 10px;

}

#block_feature .introbox a {  
	color:#444444;
	font-size:0.8em;
}

#block_feature .introbox a:hover {  
	color:#444444;
	font-size:0.8em;
	text-decoration:underline;
}

#block_feature .introbox .moviename a {  
	color:#688E5B;
	font: bold 1em Verdana,Arial,sans-serif;
	text-decoration:none;
}

#block_feature .introbox .moviename a:hover {  
	text-decoration:underline;
}

#block_feature .tutorialbox {  
	float:left;
	width:180px;
	height:180px;
	padding: 15px;
	margin: 15px;
	background: #FB811C;
    -moz-border-radius:10px; /* for mozilla firefox */
    -webkit-border-radius:10px; /* for safari, google chrome */ 
}

#block_feature .innertutorialbox {  
	float:left;
	padding: 5px;
	margin: 5px 0px;
	background: #FFF;
    -moz-border-radius:10px; /* for mozilla firefox */
    -webkit-border-radius:10px; /* for safari, google chrome */ 
}


#block_feature .tutorialbox p {  
	font-size:0.8em; 
	color:#444;
	padding: 0;	
}

#block_feature .moviebox {  
	float:left;
	width:350px;
	height:260px;	
	padding: 10px;
}  

#block_feature .moviebox p {  
	float:left;
}

#block_feature .moviebox .imglong img{  
	padding:0 140px 10px 0;
}

#block_feature .moviebox img {  
	float:left;
	padding:0 10px 0 0;
}

#block_feature .container {  
	float:left;
	width:755px;
	padding:10px 0px;
}

#block_content {  
    background-image:url(../images/blank_back.jpg);  
	background-repeat:repeat-y;  
	width:755px;
	padding:0px 120px 0px 125px;
	float: left;	
}

#block_content h2 {  
    maring:0px 700px 0px 0px;
}

#block_content .moviebox {  
	float:left;
	width:350px;
	height:200px;	
	padding: 10px;
}  

#block_content .moviebox p {  
	float:left;
}

#block_content .moviebox img {  
	float:left;
	padding:0 10px 0 0;
}

#block_content .imglong img {  
	margin:0px 120px 0px 0px;
}


#block_content .container {  
	float:left;
	width:755px;
	padding:10px 0px;
}


#block_content .ratebox {  
	float:left;
	width:350px;
	padding: 0px 10px 0px 10px;
	min-height:200px;
	
}

#block_content .ratebox p {  
	float:left;
}

#block_content .ratebox img {  
	float:left;
	padding:0px 5px 0px 0px;
}

#block_content .imglong img {  
	margin:0px 130px 0px 0px;
}



#footer {  
    background-image:url(../images/footer_back.jpg);  
    background-repeat:no-repeat;  
	width:755px;
	padding:0px 120px 0px 125px;
	min-height:350px;
	float: left;
}  

#footer .box {  
	float:left;
	width:350px;
	padding: 5px;
	height:250px;

}


#footer .ratebox {  
	float:left;
	width:240px;
	padding: 0 5px;
	height:230px;

}

#footer .rateboxmovie {  
	float:left;
	width:230px;
}


#footer .rateboxlarge {  
	float:left;
	width:350px;
	padding: 20px 10px 0px 10px;
	min-height:200px;
	
}

#footer .rateboxlarge p {  
	float:left;
}

#footer .rateboxlarge img {  
	float:left;
	padding:0px 5px 0px 0px;
}

#footer .ratebox p {  
	float:left;
}

#footer .ratebox img {  
	float:left;
	padding:0px 5px 0px 0px;
}

#footer .imglong img {  
	margin:0px 100px 0px 0px;
	padding:5px 0;
}




#footer .footertext {  
	float:auto;
	text-align:center;
	width:755px;
	float: left;
	padding: 65px 0 0;
}  


#footer .footertext p {  
	font-size:0.8em; 
	color:#444;
}

#footer .footertext a {  
	font-size:0.8em; 
	color:#444;
}


.userlink a {  
	font-size:0.9em; 
	color:#444;
}


.clear {  

display:block; 
clear:both; 
float:none !important; 
height:0px !important; 
font-size:0px !important; 
border:none; 
margin:0 !important; 
padding:0 !important; 
background:transparent !important; 
visibility:hidden !important; 

}


.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}