/* CssTweak */
* {margin: 0; padding: 0;}
html {direction: rtl;}
img {border: 0;}
a {color: white;text-decoration: none;}
a:hover {color: white;text-decoration: none;}
.clear {clear:both; font-size: 0; line-height: 0;}
.nolist {list-style:none; list-style-type:none;}
body {font-size: 12px; font-family: arial; color: white; margin: 0 auto; text-align: center; background-color: #191919;}
.clear {clear: both;}
input, textarea, select{font:11px Tahoma, Arial, helvetica, sans-serif; color:#6E7574; padding:2px 2px 0 0; text-transform:none; border: 1px solid #5C5C5C; vertical-align:middle;}
/* Main */
div#base {width: 766px; text-align: right; margin: 0px auto;}
div .header {margin-top:20px;}
/* menu */
div .header .menu {clear:both;}
div .header .menu ul {list-style: none; margin:0;padding:0;}
div .header .menu li {float:right;}
div .header .menu a {font-size: 16px; font-weight: bold;}
div .header .menu .menu1 {background:url(images/menu1.jpg) no-repeat; width: 116px; height: 26px; text-align: center; padding-top: 8px;}
div .header .menu .menu1_sel {background:url(images/menu1_sel.jpg) no-repeat; width: 116px; height: 26px; text-align: center; padding-top: 8px;}
div .header .menu .menu2 {background:url(images/menu2.jpg) no-repeat; width: 112px; height: 26px; text-align: center; padding-top: 8px;}
div .header .menu .menu2_sel {background:url(images/menu2_sel.jpg) no-repeat; width: 112px; height: 26px; text-align: center; padding-top: 8px;}
div .header .menu .menu3 {background:url(images/menu3.jpg) no-repeat; width: 133px; height: 26px; text-align: center; padding-top: 8px;}
div .header .menu .menu3_sel {background:url(images/menu3_sel.jpg) no-repeat; width: 133px; height: 26px; text-align: center; padding-top: 8px;}
div .header .menu .menu4 {background:url(images/menu4.jpg) no-repeat; width: 119px; height: 26px; text-align: center; padding-top: 8px;}
div .header .menu .menu4_sel {background:url(images/menu4_sel.jpg) no-repeat; width: 119px; height: 26px; text-align: center; padding-top: 8px;}
div .header .menu .menu5 {background:url(images/menu5.jpg) no-repeat; width: 148px; height: 26px; text-align: center; padding-top: 8px;}
div .header .menu .menu5_sel {background:url(images/menu5_sel.jpg) no-repeat; width: 148px; height: 26px; text-align: center; padding-top: 8px;}
div .header .menu .menu6 {background:url(images/menu6.jpg) no-repeat; width: 137px; height: 26px; text-align: center; padding-top: 8px;}
div .header .menu .menu6_sel {background:url(images/menu6_sel.jpg) no-repeat; width: 137px; height: 26px; text-align: center; padding-top: 8px;}
/* logo */
div .header .logo {clear:both; background:url(images/head_bg.jpg) no-repeat; width: 766px; height: 147px;}
/* search */
div .header .search {clear:both; background:url(images/search_bg.jpg) no-repeat; width: 766px; height: 38px;}
div .header .search .text {padding:10px 320px 0 0;}
div .header .search .text .submit {background: #e80d08; border: 1px solid #610503; font-weight: bold; color: white;}
/* content */
div .content {clear: both; margin-top: 20px;}
/* right */
div .right {float: right; width: 218px;}
div .right .blocks {}
/* categorys */
div .right .categorys {clear: both;}
div .right .categorys ul {list-style: none; margin:0;padding:0;}
div .right .categorys .title {background:url(images/blockRight_title.gif) no-repeat; width: 187px; height: 24px;}
div .right .categorys .title h3 {font-size: 14px; font-weight: bold; padding: 3px 15px 0px 0px;}
div .right .categorys li {background:url(images/blockRight_li.gif) no-repeat; width: 187px; height: 24px;}
div .right .categorys li a h3 {font-size: 12px; font-weight: bold; padding: 3px 15px 0px 0px;}
/* ad */
div .right .ad {clear: both; margin-top: 20px;}
/* center */
div .center {float: right; width: 548px;}
/* grades */
div .center .grades {clear: both;}
div .center .grades .title {background:url(images/grades_title.gif) no-repeat; width: 532px; height: 28px;}
div .center .grades .title h3 {font-size: 15px; font-weight: bold; padding: 6px 20px 0px 0px; color: #191919;}
div .center .grades .gradesTop {clear:both; background:url(images/grades_top.gif) no-repeat; width: 532px; height: 16px;}
div .center .grades .gradesDown {clear:both; background:url(images/grades_down.gif) no-repeat; width: 532px; height: 16px;}
div .center .grades .gradesCenter {clear:both; background:url(images/grades_center.gif) repeat-y; width: 532px; height: auto;}
div .center .grades .gradesCenter .game {float:right; background: #313131; width: 241px; min-height: 201px; margin-right: 15px;}
div .center .grades .gradesCenter .game h2 {font-size:16px; color:#d9cfb4; padding-right:10px;}
div .center .grades .gradesCenter .game p {padding:10px 10px 20px 10px; height: 125px; font-size:11px; color:#a6a4a4;}
div .center .grades .gradesCenter .game .grade {float: right; padding-right: 15px;}
div .center .grades .gradesCenter .game .link {font-weight: bold; color: red; float: left; padding-left: 15px;}
div .center .grades .gradesCenter .game .link a {font-weight: bold; color: red;}
/* moregames */
div .center .moregames {clear: both; margin-top:15px;}
div .center .moregames .title {background:url(images/grades_title.gif) no-repeat; width: 532px; height: 28px;}
div .center .moregames .title h3 {font-size: 15px; font-weight: bold; padding: 6px 20px 0px 0px; color: #191919;}
div .center .moregames .moregamesTop {clear:both; background:url(images/grades_top.gif) no-repeat; width: 532px; height: 16px;}
div .center .moregames .moregamesDown {clear:both; background:url(images/grades_down.gif) no-repeat; width: 532px; height: 16px;}
div .center .moregames .moregamesCenter {clear:both; background:url(images/grades_center.gif) repeat-y; width: 532px; height: auto;}
div .center .moregames .moregamesCenter .game {float:right; margin-left: 5px;}
div .center .moregames .moregamesCenter .game .image {clear:both;width:122px;height:91px;border:2px solid #ffb500; cursor: hand;}
div .center .moregames .moregamesCenter .game .title {background:red;width:122px;height:20px; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;position: relative; margin-top:63px;}
div .center .moregames .moregamesCenter .game .title h3 {font-size: 12px; color: white; font-weight: bold; padding: 2px 5px 0px 0px;}
/* subpage */
div .center .subpage {clear: both;}
div .center .subpage .title {background:url(images/grades_title.gif) no-repeat; width: 532px; height: 28px;}
div .center .subpage .title h2 {font-size: 15px; font-weight: bold; padding: 6px 5px 0px 0px; color: #191919; float: right;}
div .center .subpage .title h4 {font-size: 12px; font-weight: bold; padding: 8px 5px 0px 0px; color: #191919; float: right;}
div .center .subpage .title a {color: #191919;}
div .center .subpage .gradesTop {clear:both; background:url(images/grades_top.gif) no-repeat; width: 532px; height: 16px;}
div .center .subpage .gradesDown {clear:both; background:url(images/grades_down.gif) no-repeat; width: 532px; height: 16px;}
div .center .subpage .gradesCenter {clear:both; background:url(images/grades_center.gif) repeat-y; width: 532px; height: auto;}
div .center .subpage .gradesCenter .game {float:right; background: #313131; width: 241px; min-height: 201px; margin-right: 15px;}
div .center .subpage .gradesCenter .game h2 {font-size:16px; color:#d9cfb4; padding-right:10px;}
div .center .subpage .gradesCenter .game p {padding:10px 10px 20px 10px; height: 125px; font-size:11px; color:#a6a4a4;}
div .center .subpage .gradesCenter .game .grade {float: right; padding-right: 15px;}
div .center .subpage .gradesCenter .game .link {font-weight: bold; color: red; float: left; padding-left: 15px;}
div .center .subpage .gradesCenter .game .link a {font-weight: bold; color: red;}
div .center .subpage .pages {clear:both;text-align:center;font-size:14px;font-weight: bold;}
div .center .subpage .pages a {color: white;}
div .center .subpage .pages .active {color: #ff6600;}
div .center .subpage .pages a:hover {color: #ff6600; text-decoration: none;}
/* in */
div .center .subpage .in h1 {clear: both; float:right; padding-right: 20px; font-size:18px; font-weight: bold; color: white;}
div .center .subpage .in .grade {width: 150px; float: right; padding: 5px 30px 0px 0px; color: white;}
div .center .subpage .in .grade .right {float: right; padding: 3px 0px 0px 5px;}
div .center .subpage .in .grade .left {float: right;}
/* ad */
div .center .ad {clear: both; margin-top: 20px;}
/* footer */
div .footer {clear: both; margin-top: 20px; margin-bottom: 20px; background:url(images/footer.gif) no-repeat; width: 766px; height: 74px;}
div .footer p {text-align: center; padding-top:20px;}
div .footer a:hover {text-decoration: underline;}