/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/*html, body { width: 100%; height: 100%; }*/
body { line-height: 1; }
b, strong{ font-weight: bold; }
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: separate; border-spacing: 0; }
th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }
a img { border: 0; }
a, a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
:focus { outline: 0; }
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; padding: 0; margin: 0; outline: 0; }
input, textarea { font-family: sans-serif; font-size: 12px }

/* style */
body { font-family: sans-serif; font-size: 12px; color: #5a564e; background: #f9fbf6 url('../images/body-bg.gif') repeat-x scroll top left; }
div, td, ul, ul li, p { margin: 0px; padding: 0px; border: 0px; }
ul { list-style: none; }
a img { border: 0; }
a, a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a { color: #00b5fe; }

.flash { float: left; width: 662px; font-size: 13px; font-weight: bold; padding: 20px 0px 20px 52px; margin: 0px 0px 20px 0px; border-top: 1px dotted #b8bdc0; border-bottom: 1px dotted #b8bdc0; line-height: 16px; }
.flash-success { color: #46bd7e; background: #edfff2 url('../images/flash-success.png') no-repeat 10px center; }
.flash-success strong { color: #46bd7e; }
.flash-error { color: #e19986; background: #fff1ed url('../images/flash-error.png') no-repeat 10px center; }
.flash-error strong { color: #e6471d; }
.flash-notice { color: #00f; }

.container { float: left; width: 100%; }
.footer-container { float: left; width: 100%; margin: 0px auto; height: 64px; background: #f6f7f7 url('../images/footer-bg.gif') repeat-x scroll top left;  }
.header, .content, .footer { margin: 0 auto; width: 982px; text-align: left; }
.header { height: 120px; position: relative; }
.logo { position: absolute; top: 0px; left: 0px; width: 240px; height: 120px; }
.login { position: absolute; top: 12px; left: 500px; width: 482px; }
.user-info { float: left; color: #fff; width: 480px; text-align: right; }
.user-info a {color: #ffc704;}
.login-top { float: right; width: 380px; height: 24px; }
.login-top-input { float: left; display: inline; margin-right: 8px; width: 149px; height: 24px; background: url('../images/input-login.png') no-repeat left top; }
.login-top-input input { width: 130px; border: 0px; padding: 6px 9px 0px 10px; margin: 0px; background-color: transparent; font-size: 11px; color: #666; }
.login-top-button { float: left; width: 63px; height: 24px; padding-left: 3px; }
.login-bottom { float: right; width: 380px; padding-top: 6px; }
.login-bottom-box { float: left; width: 142px; font-size: 10px; padding-left: 15px; }
.login-bottom-box.gray { background: url('../images/bullet-gray.gif') no-repeat 0px 1px; }
.login-bottom-box.gray a { color: #b1b1a7; }
.login-bottom-box.blue { background: url('../images/bullet-blue.gif') no-repeat 0px 1px; }
.login-bottom-box.blue a { color: #00b5fe; }
.menu { position: absolute; top: 84px; left: 330px; height: 35px; }
.menu ul {  }
.menu ul li { float: left; margin: 0px 2px 0px 0px; height: 35px; }
.menu ul li a { float: left; padding: 0 0 0 5px; height: 35px; background: url('../images/menu-left.png') no-repeat left bottom; }
.menu ul li.active a { background: url('../images/menu-left-active.png') no-repeat left bottom; }
.menu ul li a span { float: left; height: 31px; padding: 0px 15px 4px 10px; background: url('../images/menu-right.png') no-repeat right bottom; text-align: center; color: #eaeadd; font-weight: bold; font-size: 12px; line-height: 31px; }
.menu ul li.active a span { background: url('../images/menu-right-active.png') no-repeat right bottom; color: #1b1a18; font-size: 14px; }
.footer { height: 64px; }
.footer-left { float: left; padding-top: 24px; }
.footer-left a { float: left; display: block; padding: 0px 13px; color: #b1b1a7; }
.footer-left a:hover { color: #f8c204; font-weight: bold; }
.footer-right { float: right; padding: 22px 11px 0px 0px; }
.content-container { float: left; width: 960px; padding: 11px; background-color: #f1f1e8; }
.content-side { float: left; width: 235px; }
.content-main { float: right; width: 714px; }
.home-top { float: left; width: 678px; height: 187px; padding: 16px; background: url('../images/home-top.png') no-repeat left top; }
.home-top-title { float: left; width: 678px; color: #312f2a; font-size: 36px; font-family: "Trebuchet MS", Arial, sans-serif; padding-bottom: 10px; }
.home-top-title strong { color: #00b5fe; }
.home-top-text { float: left; width: 328px; padding-right: 350px; line-height: 18px; padding-bottom: 10px; }
.home-top-text ul {  }
.home-top-text ul li { padding-left: 18px; line-height: 18px; background: url('../images/bullet-blue-2.png') no-repeat 0px 4px; }
.home-top-button { float: left; width: 678px; }
.home-top-button { float: left; }
.boxes-main { width: 351px; padding-bottom: 10px; }
.boxes-main-third { width: 232px; }
.boxes-main-left { float: left; display: inline; margin-right: 9px; } 
.boxes-main-right { float: right; }
.box { float: left; padding: 1px; border: 1px solid #b1b1a0; margin-bottom: 10px; background-color: #fff; }
.side-box { width: 231px; }
.main-box { width: 710px; }
.half-box { width: 347px;  }
.third-box { width: 228px; }
.box-last { margin-bottom: 0px; }
.box-title { float: left; width: 100%; height: 33px; line-height: 31px; background: url('../images/box-title.gif') repeat-x left top; color: #312f2a; font-size: 14px; font-family: "Trebuchet MS", Arial, sans-serif; text-indent: 9px; }
.box-content { float: left; padding: 10px; }
.box-content p { line-height: 16px; padding-bottom: 16px; }
.box-content p a { color: #00b5fe; }
.box-line { float: left; width: 100%; }
.box-search-input { float: left; width: 140px; height: 24px; margin: 1px 0px; background: url('../images/input-login.png') no-repeat left top; }
.box-search-input input { width: 121px; border: 0px; padding: 6px 9px 0px 10px; margin: 0px; background-color: transparent; font-size: 11px; color: #666666; }
.box-search-button { float: left; width: 65px; height: 26px; padding-left: 6px; }
.box-search-button input { background: transparent url('../images/btn-search.png') no-repeat top left; border: 0px; padding: 0px; margin: 0px; height: 26px; width: 65px; }
.box-search-advanced { float: left; margin-top: 6px; padding-left: 15px; background: url('../images/bullet-blue-2.png') no-repeat 0px 1px; }
.box-search-advanced a { color: #00b5fe; font-size: 10px; }
.categories-menu {float: left; width: 211px;}
.categories-menu ul {float: left; width: 211px;}
.categories-menu ul li {float: left; width: 211px; border-bottom: 1px dotted #b1b1a0;}
.categories-menu ul li ul {float: left; width: 196px; padding-left:15px;}
.categories-menu ul li ul li {float: left; width: 196px; border-bottom: 1px dotted #b1b1a0;}
.categories-menu ul li ul li ul{float: left; width: 181px; padding-left:15px;}
.categories-menu ul li ul li ul li {float: left; width: 181px; border-bottom: 1px dotted #b1b1a0;}
.categories-menu ul li.last {border-bottom: 0px;}
.categories-menu ul li.active {color: #00b5fe;}
.categories-menu ul li.active a {font-weight: bold; color: #00b5fe;}
.categories-menu ul li div.raquo { float: left; width: 21px; height: 23px; line-height: 20px; }
.categories-menu ul li a { float: left; display: block; color: #5a564e; height: 23px; line-height: 23px; }
.categories-menu ul li, 
.categories-menu ul li a, 
.categories-menu ul li.active ul li, 
.categories-menu ul li.active ul li a,
.categories-menu ul li.active ul li.active ul li, 
.categories-menu ul li.active ul li.active ul li a { color: #5a564e; font-weight: normal; }
.categories-menu ul li.active, 
.categories-menu ul li.active ul li.active ,
.categories-menu ul li.active ul li.active ul li.active { color: #00b5fe; }
.categories-menu ul li.active a, 
.categories-menu ul li.active ul li.active a,
.categories-menu ul li.active ul li.active ul li.active a { color: #00b5fe; font-weight: bold; }
/*.categories-menu ul li div.count { float: right; height: 23px; line-height: 23px; }
.categories-menu ul li.active div.count { font-weight: bold; }*/
.news { float: left; width: 690px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #666; }
.news-last { border-bottom: 0px; }
.news-title { float: left; width: 690px; font-weight: bold; font-size: 14px; color: #00b5fe; }
.news-title a {color: #00b5fe;}
.news-date { float: left; width: 690px; font-size: 10px; color: #d2a511; padding: 4px 0px 6px 0px; }
.news-text { float: left; width: 690px; line-height: 18px; }
.news-text a {color: #00b5fe;}
.home-more { float: left; width: 327px; border-top: 3px solid #666; text-align: right; line-height: 24px; padding-top: 10px; }
.main-box .home-more {width: 690px;}
.third-box .home-more {width: 207px;}
.home-more img {vertical-align: middle;}
.home-more a { font-weight: bold; color: #00b5fe; }
.screenshot { float: left; width: 94px; border: 3px solid #eaeadd; }
.half-game { float: left; width: 327px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eaeadd; }
.half-game-last { border-bottom: 0px; }
.half-game-title { float: left; width: 211px; padding: 0px 0px 2px 16px; }
.half-game-title a { font-size: 14px; font-weight: bold; color: #00b5fe; }
.half-game-text { float: left; width: 211px; padding-left: 16px; line-height: 18px; }
.third-game { float: left; width: 208px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #bbb; }
.third-game-last { border-bottom: 0px; }
.third-game-title { float: left; width: 208px; line-height: 14px; height: 28px; }
.third-game-title a { font-size: 14px; font-weight: bold; color: #00b5fe; }
.third-game-infobox { float: left; width: 208px; min-height: 80px; height: auto !important; height: 80px; }
.third-game-infobox .photo { float: left; width: 100px; padding-right: 4px; }
.third-game-infobox .info { float: left; width: 104px; line-height: 16px; text-align: center; }
.third-game-infobox .info strong { font-size: 14px; line-height: 20px; color: #d2a511; }
.third-game-infobox .info strong span { font-size: 24px; }
.random-game { float: left; width: 211px; }
.random-game-title { float: left; width: 211px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eaeadd; }
.random-game-title a { font-size: 14px; font-weight: bold; color: #00b5fe; }
.random-game .screenshot { width: 205px; }
.random-game-links { float: left; padding-left: 6px; width: 105px; }
.random-game-text { float: left; width: 211px; line-height: 18px; padding-top: 10px; }
.breadcrumbs { float: left; width: 714px; padding-bottom: 10px; }
.breadcrumbs a { color: #00b5fe; }
.gallery { float: left; width: 690px; }
.gallery div { float: left; padding-right: 10px; padding-bottom: 10px; width: 130px; }
.gallery div.last { padding-right: 0px; }
.gallery div img { width: 130px; }
.pagination { float: left; width: 690px; padding-top: 10px; height: 18px; }
.pagination .current { border: 1px solid #ffc704; padding: 1px 5px 2px; margin-right: 1px; background-color: #ffc704; color: #1b1a18; } 
.pagination .disabled { border: 1px solid #bbb; padding: 1px 5px 2px; margin-right: 1px; color: #bbb; }
.pagination a, .pagination a:link, .pagination a:visited { border: 1px solid #000; padding: 1px 5px 2px; margin-right: 1px; text-decoration: none !important; color: #000; } 
.pagination a:hover { border: 1px solid #00b5fe; background-color: #00b5fe; color: #fff; }
.game { float: left; width: 690px; }
.game-top { float: left; width: 690px; }
.game-screen { float: left; width: 300px; padding-right: 10px; text-align: center; }
.game-screen .screen img { width: 300px; }
.game-screen .download { float: left; width: 300px; text-align: center; padding: 10px 0px; }
.game-data { float: left; width: 380px; }
.game-data-line { float: left; width: 380px; border-bottom: 1px dotted #b1b1a0; line-height: 28px; }
.game-data-line-last { border-bottom: 0px; }
.game-data-line-left { float: left; width: 100px; padding-right: 10px; font-weight: bold; text-align: right; }
.game-data-line-right { float: left; width: 270px; }
.game-data-line-right a { color: #00b5fe; }
.game-data-line-right-rating-stars { float: left; padding-top: 6px; }
.game-data-line-right-rating-text { float: left; padding-left: 8px; font-weight: bold; font-size: 14px; }
.game-description { float: left; width: 690px; border-top: 1px dotted #b1b1a0; padding-top: 10px; line-height: 18px; }
.comments { float: left; width: 690px; }
.comment-line { float: left; width: 690px; border-bottom: 1px dotted #00b5fe; padding-bottom: 10px; margin-bottom: 10px; }
.comment-line-last { margin-bottom: 0px; border-bottom: 0px; }
.comment-avatar { float: left; width: 50px; padding-right: 10px; }
.comment-avatar img { width: 50px; }
.comment-title { float: left; width: 630px; border-bottom: 1px solid #b1b1a0; padding-bottom: 3px; }
.comment-title-left { float: left; font-size: 16px; color: #00b5fe; font-weight: bold; line-height: 18px; }
.comment-title-right { float: right; font-size: 11px; line-height: 18px; }
.comment-text { float: left; width: 630px; line-height: 18px; padding-top: 3px; }
.comment-form { float: left; width: 690px; margin-top: 10px; padding-top: 10px; border-top: 1px dotted #b1b1a0; }
ul.comment-form-list, ul.comment-form-list li { float: left; width: 690px }
ul.comment-form-list li label { float: left; width: 90px; text-align: right; padding-right: 10px; font-weight: bold; }
ul.comment-form-list li textarea { float: left; width: 580px; height: 150px; border: 1px solid #b1b1a0; }
.comment-form-button { float: left; padding: 10px 0px 0px 100px; }
.games-filter-letters { float: left; width: 690px; margin-bottom: 10px; border-bottom: 2px solid #b1b1a0; padding-bottom: 10px; }
.games-filter-letters ul { float: left; }
.games-filter-letters ul li { float: left; height: 18px; }
.games-filter-letters ul li .current { border: 1px solid #ffc704; padding: 1px 5px 2px; margin-right: 4px; background-color: #ffc704; color: #1b1a18; } 
.games-filter-letters ul li a, .games-filter-letters ul li a:link, .games-filter-letters ul li a:visited { border: 1px solid #000; padding: 1px 5px 2px; margin-right: 4px; text-decoration: none !important; color: #000; } 
.games-filter-letters ul li a:hover { border: 1px solid #00b5fe; background-color: #00b5fe; color: #fff; }
.games-sorting { float: left; width: 690px; height: 18px; margin-bottom: 10px; border-bottom: 2px solid #b1b1a0; padding-bottom: 10px; }
.games-sorting .current { border: 1px solid #ffc704; padding: 1px 5px 2px; margin-right: 3px; background-color: #ffc704; color: #1b1a18; } 
.games-sorting a, .games-sorting a:link, .games-sorting a:visited { border: 1px solid #000; padding: 1px 5px 2px; margin-right: 3px; text-decoration: none !important; color: #000; } 
.games-sorting a:hover { border: 1px solid #00b5fe; background-color: #00b5fe; color: #fff; }
.games-list { float: left; width: 690px; }
.games-list-elem { float: left; width: 690px; padding-bottom: 10px; border-bottom: 1px solid #b1b1a0; margin-bottom: 10px; }
.games-list-elem-image { float: left; width: 150px; padding-right: 20px; }
.games-list-elem-image img { float: left; width: 150px; }
.games-list-elem-data { float: left; width: 520px; }
.games-list-elem-title { float: left; width: 520px; padding-bottom: 8px; }
.games-list-elem-title a { color: #00b5fe; font-size: 16px; font-weight: 16px; }
.games-list-elem-desc { float: left; width: 520px; line-height: 18px; }
.main-form { float: left; width: 690px; }
.main-form-line { float: left; width: 690px; line-height: 24px; padding-bottom: 8px; }
.main-form-line label { float: left; width: 170px; padding-right: 20px; text-align: right; font-weight: bold; }
.main-form-input { float: left; width: 300px; height: 24px; background: url('../images/input-300.png') no-repeat left top; }
.main-form-input input { width: 281px; border: 0px; padding: 5px 9px 0px 10px; margin: 0px; background-color: transparent; color: #666; }
.main-form-textarea { float: left; width: 300px; }
.main-form-textarea textarea { width: 281px; border: 1px solid #666; height: 200px; padding: 5px 9px; margin: 0px; background-color: transparent; color: #666; resize: none; }
.main-form-checkbox { float: left; width: 500px; padding-left: 190px; line-height: 24px; padding-bottom: 8px; }
.main-form-checkbox label { font-weight: bold; }
.main-form .global-error-list { float: left; width: 500px; color: #900; line-height: 18px; font-size: 14px; font-weight: bold; padding: 0 0 6px 190px; }
.main-form .error_list { float: left; display: inline; width: 160px; margin: 0px 0px 0px 20px; background-color: #900; padding: 0px 5px; line-height: 24px; color: #900; font-weight: bold; }
.main-form .error_list li { font-size: 11px; color: #fff; font-weight: bold; }
.main-form-button { float: left; width: 500px; padding-left: 190px; line-height: 24px; padding-bottom: 8px; }
.main-form-link { float: left; width: 500px; padding-left: 205px; background: url('../images/bullet-blue-2.png') no-repeat 190px 7px; line-height: 24px; }
.main-form-link a { color: #00b5fe; font-size: 11px; }
.blog-list-line { float: left; width: 690px; padding-bottom: 10px; border-bottom: 1px dotted #666; margin-bottom: 10px; }
.blog-list-line h2 { float: left; width: 690px; font-size: 16px; font-weight: bold; color :#00b5fe; }
.blog-list-line h2 a {color :#00b5fe;}
.blog-list-line .entry-date { float: left; width: 690px; color: #d2a511; font-size: 10px; padding: 6px 0px 10px 0px; font-family: Verdana, Arial, sans-serif; }
.blog-list-line .entry-text { float: left; width: 690px; font-size: 12px; line-height: 16px; }
.blog-list-line .entry-bottom { float: left; width: 690px; text-align: left; line-height: 24px; padding-top: 6px; }
.blog-list-line .entry-comments { float: left; width: 300px; line-height: 24px; }
.blog-list-line .entry-more { float: right; width: 200px; text-align: right; line-height: 24px; }
.blog-list-line .entry-bottom img {vertical-align: middle;}
.blog-list-line .entry-bottom a { color: #00b5fe; }
.blog-details-line { float: left; width: 690px; }
.blog-details-line h2 { float: left; width: 690px; font-size: 16px; font-weight: bold; color :#00b5fe; }
.blog-details-line h2 a {color :#00b5fe;}
.blog-details-line .date { float: left; width: 690px; font-size: 10px; color: #d2a511; padding: 6px 0px 10px 0px; font-family: Verdana, Arial, sans-serif; }
.blog-details-line .text { float: left; width: 690px; font-size: 12px; line-height: 16px; }
.category-line { float: left; width: 690px; margin-bottom: 30px;  }
.category-line-details { float: left; width: 200px; }
.category-line-details .title { float: left; width: 200px; border-bottom: 1px dotted #b1b1a0; padding-bottom: 4px; margin-bottom: 4px;  }
.category-line-details .title a { font-size: 14px; font-weight: bold; color: #00b5fe; }
.category-line-details .description { float: left; width: 200px; font-size: 11px; line-height: 14px; }
.category-line-one-game { float: left; width: 470px; padding-left: 20px; }
.category-line-one-game .title { float: left; width: 470px; font-size: 14px; border-bottom: 1px dotted #b1b1a0; padding-bottom: 4px; margin-bottom: 4px;  }
.category-line-one-game .title a { font-size: 14px; font-weight: bold; color: #00b5fe; }
.category-line-one-game .details { float: left; width: 470px; }
.category-line-one-game .details .image { float: left; width: 100px; }
.category-line-one-game .details .image img { width: 100px; }
.category-line-one-game .details .description { float: left; width: 360px; padding-left: 10px; font-size: 11px; line-height: 14px;  }
.side-blog-archive { float: left; width: 211px; }
.side-blog-archive ul { float: left; width: 211px; }
.side-blog-archive ul li { float: left; width: 211px; height: 23px; line-height: 23px; }
.side-blog-archive ul li.year { font-weight: bold; border-bottom: 1px dotted #b1b1a0; }
.side-blog-archive ul li a { float: left; display: block; color: #5a564e; height: 23px; line-height: 23px; }
.side-blog-archive ul li div.raquo { float: left; width: 21px; height: 23px; line-height: 20px; }
.game-video { float: left; width: 690px; text-align: middle; }