/* cleaning */
* { margin:0; padding:0 }
li{ list-style:none}
h1, h2, h3, h4, h5, h6{ font-weight:normal}
a img{ border:none}
form, fieldset { border-style: none; padding:0}
table{ border-collapse:collapse; table-layout:fixed}
th{ font-weight:normal; }
/* end of cleaning */

/*common rules*/
body { color: #000; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 100.1%; }

a { color:#0025c5; text-decoration:none; }

a:hover{ text-decoration:underline; color: #d60000}
.navigation a.hover{color: #d60000}
h1{ font-size:0.9em; font-weight:bold; color:#555}
h1 a{ text-decoration:underline; color:#0054ff}
p, ul, ol, table{font-size:0.75em}
ul, ol{ margin:0 0 7px 0}
ol li{list-style:decimal; list-style-position:inside}
.clear { clear: both; }
.textfield, textarea{border:1px solid #737373; margin:0; padding:1px 0; font-family:Arial, Helvetica, sans-serif; font-size:0.75em}
.file-upload{ margin:0;  padding:1px 0; font-family:Arial, Helvetica, sans-serif; font-size:0.75em}
select{font-family:Arial, Helvetica, sans-serif; font-size:0.75em}
.button{ padding:0 10px; overflow:visible; font:0.75em Arial, Helvetica, sans-serif }
.alignright { text-align: right; }
.secondary-info{ color:#6d6d6d;}
.left .secondary-info{ font-size:0.69em}
.top { height: 138px; background:#fb8e27 url(../i/header-bg.png) no-repeat 288px 0px; color:#FFF; padding:0 8px 0 0; overflow:hidden; }
.wrapper{ min-width:995px}
.to-right { float: right; }

.to-left { float: left; }

.wrap-cl { float: left; width: 512px;  }
.center { float: right; width: 100%; margin-left: -1px; padding-top: 14px; }
.left { float: left;  width: 248px;  margin-right: 1px; padding:15px 0 0 0 }
.inleft{ margin:0 0 0 9px}
.right {float:left; width: 230px;  margin:16px 0 0 1px}
.inright{ margin:0 12px }
.bottom{ padding:0 0 10px 19px;}
.row{ clear:left; width:100%;overflow:hidden; }
.col-third{ float:left; width:33%;}
.top #banner {position:absolute; top:28px; left:525px; }
.top #logo { background: url(../i/logo_ru.png); height: 138px; width: 288px; float: left; }
.top p { font-weight: bold; margin:3px 0 0 0; }
.top a{ color:#fff; text-decoration:underline}
.top a:hover{ color:#fff}
.navigation{ margin:0 0 11px 11px; font-size:0.90em; font-weight:bold}

.navigation a { color: #0054ff; text-decoration: underline; }
.navigation a:hover { color:#d60000}
.navigation li { background: url(../i/nav-li-bullet.gif) no-repeat 0 2px; padding:0 0 8px 19px; line-height:1em; color: #8f8f8f; }

.outlink {font-size:10px;}
.rounded-header { width: 215px; }
.news {font-size:11px; color:#808080;}
.rounded-header-top { font-size: 0px; background: url(../i/rounded-header-top.gif) no-repeat; height: 5px; }

.rounded-header-bottom { font-size: 0px; background: url(../i/rounded-header-bottom.gif) no-repeat; height: 5px; }

.rounded-header h1 { background: #ffc682; padding:0 0 0 8px; line-height:1.2em}

.add-links p a { color: #999999; }

.login label { float: left; font-size:0.75em; width:6em; margin:3px 0 0 0}
.login .textfield { width: 116px; }
.login input{ margin:0 0 4px 0}

.side-section { margin:4px 25px 13px 9px; }
.inright .side-section { margin:4px 5px 15px 9px; }
.add-links a { color: #0054ff; }
.add-links a:hover { color:#d60000}
.add-links h1{ margin:18px 0 2px 0 }
.add-links { margin: 0px 0 13px 9px}
.inright .blog-report img { float: left; margin:0 8px 0 0  }
.inright .blog-report p{ overflow:hidden;}
.search .button { margin-left: 10px; }

.topgames h1{overflow:hidden;}
.plugins li, .topgames ul li{background: url(../i/li-bullet.gif) no-repeat 0px 5px; padding-left: 13px;}
.topgames .all-link{ list-style:none; background:none; padding-top:3px}
.topgames ol .all-link{ padding:3px 0 0 16px}
.topgames h1 .flash-games{ background: url(../i/flash-ico.gif) no-repeat right top; float: left; padding: 5px 30px 7px 0;}
.topgames h1 .java-games { background:url(../i/java-ico.gif) no-repeat right top; float:left; padding: 10px 30px 7px 0;}
.topgames h1 .shockwave-games { background:url(../i/shockwave-ico.gif) no-repeat right top; float:left;padding: 0px 30px 7px 0;}
.topgames img{ margin:9px 0 0 0}
.topgames .row{ margin:2px 0 10px 0;}
.topgames table { table-layout: fixed; margin:18px 0 0 0; width:100%}
.topgames table a{ text-decoration:underline}
.topgames table td{ text-align:right}
.topgames table .odd { background:#eef7ff}
.topgames table .num{ width:25px; text-align:right}
.topgames table .name{ text-align: left; padding:0 0 0 11px}
.topgames table .name a{ text-decoration:none}
.topgames table .rating{ width:36px; text-align:right}
.topgames table .aver-rating{ width:92px; text-align:right}
.topgames table .comments{text-align:right; width:80px; padding:0 5px 0 0}

.blogs .userblog-preview{ margin:4px 0 5px; overflow:hidden; padding-top: 13px; }
.blogs .userblog-preview h1{ margin-top:8px}
.blogs .userblog-preview img { float: left; margin:0 10px 0 0  }
.blogs .userblog-preview .userblog-info { overflow: hidden;}

.pages { margin-top: 20px;}
.pages .secondary-info{ font-size:0.75em; margin-right:5px}
.pages a{ font-size:0.9em; font-weight:bold; color:#0054ff; text-decoration:underline; margin:0 6px 0 0}
.pages a:hover{ color:#D60000}
.pages b{ font-size:90%;margin-right:6px;}
#message-form{ margin:30px 0 0 25px}
#message-form legend{ font-weight:bold; font-size:0.75em; padding:0 0 7px 35px; color:#000; }
#message-form label{ font-size:0.75em; width:3em; float:left; margin:2px 0 0 0}
#message-form .textfield, #message-form textarea{ width:84%; margin:0 0 5px 0; font-size:0.75em}
#message-form textarea{ height:97px}
#message-form .to-right{ margin:0 25px 0 0}
#message-form .to-right label{ width:5em}
#message-form select{ width:155px; border:1px solid #7f9db9}

.blogs .commented-post { border-bottom: 1px dashed #cfcdcd; padding-bottom: 14px; }

.blogs .replyed-post { background: #fff9e8; padding-bottom: 14px;  }
.blogs .userblog-preview .userblog-preview img{ margin-left:18px}

.profile-register form{ margin:25px 0 0 0}
.profile-register label{ float:left; width:11em; font-size:0.75em; margin:3px 0 0 0}
.profile-register label span{color:#ff0000}
.profile-register .textfield{ margin:0 0 3px 0; width:154px}
.profile-register .avatar-upload img { float: left; margin:0 9px 0 0 }
.profile-register div { overflow:hidden; margin-bottom:3px}
.profile-register div label{ width:5em}
.profile-register div select{ width:155px; margin:0 0 3px 0}
.profile-register textarea{ width:346px; height:52px;}
.profile-register .radio{ float:left; width:auto}
.profile-register label.radio{ margin:0 29px 0 6px; cursor:pointer}
.profile-register .birthday-select select{ float:left; width:60px; margin-right:10px }
.profile-register .birthday-select{ margin-bottom:6px}
.profile-register .birthday-select label{ width:auto; margin:3px 6px 0 0}
.profile-register .button{ margin:0 0 0 45px}
.profile-register .gender-select{ margin:3px 0 6px}
.profile-register .secondary-info{ font-size:0.69em; display:block}

.side-banner { margin: 0 0 12px 9px; }

.topgames .stars5 { background: url(../i/star.gif) repeat-x; width: 79px; height:16px; float:right }
.topgames .stars4 {background: url(../i/star.gif) repeat-x; width: 63px; height:16px; float:right}
.topgames .stars3 {background: url(../i/star.gif) repeat-x; width: 47px; height:16px; float:right}
.topgames .stars2 {background: url(../i/star.gif) repeat-x; width: 32px; height:16px; float:right}
.topgames .stars1 {background: url(../i/star.gif) repeat-x; width: 16px; height:16px; float:right}
body#in-game { background:#e0e0e0; height:100%}

#in-game .game-container { margin-left: 35px; }
#in-game .game-container a{ text-decoration:underline}
#in-game .top { margin-bottom: 25px; height:92px; background-image:none }

#in-game .game-screen { background: #e0e0e0; margin: 22px 0 30px 0px; }

#in-game .game-container p { }
#in-game .game-info{ font-size:0.75em; margin-bottom:30px; overflow:hidden; }
#in-game .game-container .add{ float:left; width:185px; margin:0 27px 20px 0 }
#in-game .game-container .add p { margin-left: 0px; }
#in-game .game-info a, #in-game .game-info span{ float:left; margin:0 5px 0 0}
#in-game .game-info a.rate-it{ background-repeat:no-repeat; height:16px; width:15px;  }
#in-game .game-info a.bad{ background-image: url(../i/bad.gif)}
#in-game .game-info a.verybad{ background-image: url(../i/very-bad.gif)}
#in-game .game-info a.good{ background-image:url(../i/good.gif)}
#in-game .game-info a.perfect{ background-image:url(../i/perfect.gif);}
#in-game .game-info a.notbad{ background-image: url(../i/not-bad.gif)}
#in-game .game-info a.comment-it{ background:url(../i/comment-ico.gif) no-repeat; padding:0 0 0 18px;margin:0 0 0 34px}
 #in-game .game-info span.rating-point {font-size:1.58em; margin-top: -3px}
#in-game .game-container .add p span {color:#878686}
#in-game #logo { background: url(../i/logo-2.png) no-repeat; height: 92px; width: 192px; margin:0 32px 0 0  }
#in-game #nav{ margin:26px}
#in-game #nav a{ font-size:0.88em}
#in-game #nav h1{ font-size:1.50em; margin:3px 0 0 0; color:#FFF}
#all-games .center, #all-games-top .center, #start .center{ padding:9px 0 0 0 }
#all-games-top h1.flash-games{ padding:5px 30px 10px 0; background:url(../i/flash-ico.gif) no-repeat right top; float:left}
#all-games-top h1.flash-games a:hover{color:#d60000}
.notif a{ text-decoration:underline; }
.notif{margin:0 0 0 5px; clear:left}
#all-games .notif{ margin:5px 0 10px 0}
.post-tools a{ margin:0 10px 0 0}
#request {width:115px;}