body {background: #7C3915 url("../img/bg_body.png") left top repeat-x; margin: 0; padding: 0; text-align: center; font-family: Arial, sans-serif; font-size: 80%; color: #4A4A4A}
h1 {color: #FFFFFF; font-size: 130%; margin: 0; padding: 13px 0 0 130px}
h1 span {text-transform: uppercase; font-size: 160%; display: block}
h2 {font-size: 140%; color: #31AD00; margin: 0; padding: 30px 20px 15px 30px}
h3 {margin: 0; font-size: 120%}
p {margin: 0 20px 20px 30px}
a {color: #268500}
hr {clear: left; height: 1px; line-height: 1px; font-size: 1px; border: none; background-color: #E5E5E5; margin: 15px}
a img {border: none}

#head {text-align: left; margin: 0 auto; width: 1185px; height: 85px; background: url("../img/bg_head.png") left top no-repeat;position:relative;}
#head a {display:block;height:86px;position:absolute;right:99px;width:220px;}
#head h2 {color: #FFFFFF; font-size: 130%; margin: 0; padding: 13px 0 0 130px}

#main {text-align: left; margin: 0px auto 0 auto; width: 985px; background-color: #FFFFFF}

#colleft {float: left; width: 780px}
.block {float: left; width: 370px;}
.block p {height:228px;}
.want-play {display: block; width: 229px; height: 64px; background: url("../img/submit_play.png") left top no-repeat; margin: 0px 0 5px 70px}
.be-fan {display: block; width: 258px; height: 63px; background: url("../img/submit_fan.png") left top no-repeat; margin: 0px 0 5px 70px}
.tags {clear: left; font-weight: bold; color: #31AD00; text-align: center; padding: 15px 35px}
.tag1 {font-size: 100%; margin-right: 8px}
.tag2 {font-size: 140%; margin-right: 8px}
.tag3 {font-size: 160%; margin-right: 8px}

.items {padding: 25px 0 30px 15px; height:230px;}
.item{float:left; margin:0 20px 10px 20px;position:relative;width:144px;display:inline}
.item a{display:block;padding:1px;text-decoration:none;width:144px;}
.item a.hrat{height:30px;text-align:center;}
.item a:hover{background:none repeat scroll 0 0 #F0FFE1;border:1px solid #A6FF94;padding:0;}
.item a.hrat:hover{background:none repeat scroll 0 0 #FFFFFF;border:0 solid #A6FF94;}
.item p {margin: 0}
.item a p.img{border:1px solid #989898;font-size:0;margin:4px 4px 0;padding:0;text-align:center;width:132px;}
.item a p.img img{border:1px solid #FFFFFF;}
.item a h3{padding:2px 7px;text-decoration:underline;}
.item a p.date{color:#8A8A8A;font-size:9px;padding:0 7px;}
.item a p.text{color:#8A8A8A;font-size:10px;padding:3px 7px 10px 7px; height:50px;overflow:hidden;}
.item a p.stars{padding:10px 0;text-align:center;}
.submit-play-game {background: url("../img/submit_play-game.gif") left top no-repeat; width: 102px; height: 26px; margin: 10px 20px 5px 20px}
.item a.submit-play-game:hover {background: url("../img/submit_play-game.gif") left top no-repeat; border: none}

#colright {float: right; width: 200px;text-align:justify;padding:0 4px 0 0;}
.h-menu {color: #FFFFFF; font-weight: normal; background: url("../img/bg_menu.gif") left top repeat-x; margin: 1px 1px 0 0; padding: 2px 20px}
.h-menu span {font-weight: bold; font-size: 120%}
ul.menu {background: #FEFEFE url("../img/bg_menu-center.gif") left top repeat-y; margin: 0; color: #268500; font-weight: bold; padding: 15px 15px 15px 20px}
ul.menu li {margin: 0; padding: 0 0 3px 0; list-style-type: none}
ul.menu li a {font-weight: normal}

#footer {background-color: #291100; padding: 60px 0 50px 0; color: #7C3915; font-size: 90%}
#footer a {color: #7C3915; font-weight: bold}
#footer-in {text-align: left; margin: 0 auto; width: 890px}
#footer p {margin: 20px 0 0 0}
#footer .logo {display: block; width: 146px; height: 56px; margin-left: 10px; background: url("../img/logo.png") left top no-repeat}

.fix {clear: both}