/* global */
* {margin: 0px; padding: 0px; border: none;}
body {height: 100%; margin: 0px; padding: 0px; font-family: tahoma; font-size: 13px; background: #ebebeb;}
h1 {font-family: Trebuchet MS;}
p {margin-top: 10px;}
textarea {width: 300px; height: 80px; border: 1px solid #cccccc; margin-top: 5px; margin-bottom: 10px;}
.clearer{clear: both; width: 1px; height: 1px;}

.global {width: 100%; height: 100%; min-width: 1024px;}
.rss {margin-top: 17px; margin-right: 40px; float: right;}
.menu {height: 40px; margin-bottom: 10px; font-family: arial;}
.menu_item {display: block; font-size: 11px; margin-top: 25px; margin-right: 20px; float: right;}
.film {background: url('images/film_bg.png') no-repeat 0px 10px; height: 290px; overflow: hidden;}
.board_area {width: 321px; height: 373px; background: url('images/board_top.png') no-repeat; float: left;}
.board_area_bottom {width: 321px; height: 82px; background: url('images/board_bottom.png') no-repeat; float: left;}
.advert {margin-top: 19px; margin-left: 62px; float: left;}
.glass {margin-top: -257px; margin-left: 62px; float: left;}

.film2_area {width: 192px; height: 273px; margin-top: 15px; float: left; font-size: 8pt}
.film2_cover {margin-top: 40px; margin-left: 30px;}
.film2 { display:block; font-family:arial; font-size:11px; margin-left:-18px; margin-right:12px; margin-top:3px; text-align:center; }
.film2_date { display:block; font-size:10px; margin-left:-18px; margin-right:12px; margin-top:5px; text-align:center; }

.filmX_area {width: 215px; height: 273px; margin-top: 15px; float: left;}
.filmX_cover {margin-top: 40px; margin-left: 50px;}
.filmX {display:block; font-family:arial; font-size:11px; margin-left:0px; margin-right:12px; margin-top:3px; text-align:center; }
.filmX_date {display:block; font-size:10px; margin-left:0px; margin-right:12px; margin-top:5px; text-align:center;}

.arrow_area {width: 77px; height: 261px; background: url('images/arrow_bg.png'); margin-top: 21px; float: right;}
.arrow {margin-top: 110px; margin-left: 10px;}
.search_area {width: 430px; height: 20px; margin-right: 40px;margin-top: 40px; font-size: 11px; float: right;}
.query {width: 300px; height: 20px; border-left: 1px solid #e2e9ef; border-right: 1px solid #e2e9ef; border-bottom: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; float: left;}
.kucha {width: 200px; height: 20px; border-left: 1px solid #e2e9ef; border-right: 1px solid #e2e9ef; border-bottom: 1px solid #e2e9ef; border-top: 1px solid #aaadb2;}
.submit {margin-left: 15px; float: left;}
.white_area {width: 969px; height: 362px; background: url('images/white_bg.png'); margin: 0 auto 0 auto; margin-top: 50px; font-family: arial; font-size: 11px;}
.reviews {width: 230px; background: url('images/reviews_icon.png') no-repeat; margin-top: 20px; padding-left: 85px; float: left;}
.reviews_h1 {font-size: 23px; color: #b75588;}
.reviews_ul {margin-left: 15px; margin-top: 5px; line-height: 27px;}
.comments {width: 230px; background: url('images/comments_icon.jpg') no-repeat; margin-top: 20px; padding-left: 75px; float: left;}
.soon {width: 230px; background: url('images/soon_icon.jpg') 0px 15px no-repeat; margin-top: 20px; padding-left: 90px; font-size: 10px; color: #666666; float: left;}
.soon_h1 {font-size: 23px; color: #454545;}
.footer_area_left {margin-left: 40px; width: 40%; margin-top: 20px; float: left;}
.pixelfun_phone {margin-top: 10px;}
.pixelfun{margin-left: 40px; float: left;}
.iphone {float: left;}
.footer_menu {display: block; font-size: 11px;}
.footer_area_center {width: 40%; margin-top: 20px; float: left; font-size: 9px; font-family: arial}
.footer_area_right {background: url('images/porn.png'); width: 123px; height: 44px; margin-top: 20px; margin-right: 40px; float: right;}
.footer {background: url('images/crowd.png'); width: 100%; height: 98px;}

/* film.html */
.goto {display: block; font-size: 14px; margin-top: 20px; margin-left: 40px; float: left; font-family: arial}
.opinion_top {width: 962px; height: 10px; margin: 0 auto 0 auto; background: url('images/opinion_top_bg.png');}
.opinion_middle {width: 960px; margin: 0 auto 0 auto; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background: #ffffff; font-family: arial}
.main_area {font-family: arial; padding: 20px; width: 920px; margin: 0 auto 0 auto; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background: #ffffff;}
.opinion_text {width: 600px; background: #ffffff; padding: 20px; float: left; font-family: arial; font-size: 12px}
.screenshots {width: 300px; height: 970px; background: #ffffff; padding-right: 20px; padding-top: 20px; float: right;}
.opinion_bottom {width: 962px; height: 84px; margin: 0 auto 0 auto; background: url('images/opinion_bottom_bg.png'); margin-top: -1px;}
.screen {margin-top: 30px;}
.film_title {color: #494949; font-size: 26px; float: left;}
.film_title_original {color: #494949; font-size: 16px; float: left;}
.film_date {display: block; font-size: 11px; margin-top: 10px; float: left;}
.opinion_header {display: block; width: 150px; font-size: 11px; margin-top: 5px; float: left;}
.opinion_value {display: block; width: 400px; font-size: 11px; margin-top: 5px; float: left;}
.spacer {margin-top: 40px;}
.rate {width: 960px; height: 100px; background: #ffffff transparent; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;margin-left: -1px; margin-top: -1px; float: left;}
.dotted {border-top: 1px dotted black; width: 580px; margin-left: 20px;}
.rate_film {margin-left: 20px; margin-top: 10px; float: left;}
.rate_review {margin-top: 10px; margin-left: 200px; float: left;}
.stars {margin-top: 5px;}
.star_rate{margin-right: 2px;}
.other_reviews {width: 920px; padding-left: 40px; height: 226px; background: url('images/other_reviews_bg.png') no-repeat 25px 0px #ffffff; margin-top: -1px;}
.other_reviews_caption {display: block; padding-top: 10px; font-weight: bold; float: left;}
.other1 {margin-top: 10px; margin-right: 5px;}
.width574 {width: 574px;}
.transformers {display: block; width: 200px; margin-top: 5px; float: left;}
.final_dest {display: block; margin-top: 5px; margin-right: 40px; float: right;}
.film_comments {width: 900px; background: #ffffff; margin-top: -1px; padding-left: 20px; font-size: 12px; color: #444444}
.film_comments_header {display: block; font-size: 18px; font-weight: bold; padding-top: 40px;}
.film_ol {margin-left: 20px; margin-top: 10px;}
.comment_name {font-size: 12px; font-weight: bold; text-decoration: underline; color: #666666;}
.comment_date {font-size: 10px; color: #666666;}
.comment_text {display: block; font-size: 12px; color: #666666; margin-top: 10px;}
.film_li {margin-top: 20px;}
.film_li_inner {margin-left: 70px; margin-top: 20px;}
.width960 {width: 960px; background: #ffffff; margin-top: -1px; padding-top: 20px; height: 200px;}
.blue_stripe {border-top: 2px solid #1063a9; width: 880px; margin-left: 20px;}
.comment_form {width: 880px; margin-left: 20px; margin-top: 20px;}
.comment_input {border: 1px solid #cccccc; margin-top: 5px; margin-bottom: 5px;}
.left_form {width: 200px; float: left;}
.right_form {width: 600px; float: left;}

/* links */
a{color: #001150; text-decoration: underline;}
a:hover{color: #ff0000; text-decoration: underline;}
a:visited{color: #000000; text-decoration: underline;}
a.film_name {color: #001150; text-decoration: underline;}
a.film_name:hover {color: #001150; text-decoration: none;}
a.other_transformers{color: #00aeff; text-decoration: underline;}
a.other_transformers:hover{color: #00aeff; text-decoration: none;}

ul.ratingback {
    background: url('/images/star_empty.png') repeat-x scroll left top transparent;
    height: 16px;
    margin: 0px;
    padding: 0px;
    list-style: none inside none;
}
li.rating {
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 17px;
}
li.on {
    background: url('/images/star.png') repeat scroll left top transparent;
}
.comment_error {color: red; font-weight: bold; margin-left: 20px; margin-top: 10px;}