@CHARSET "UTF-8";

body, table, tr, th, td, form, textarea, input, select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
body { color: #dfdfdf; background: #3b3b3b url(../image/layout/base_body.jpg) center top no-repeat; }
h1 { display: inline; color: #cacaca; font-size: 1em; font-weight: normal; }
h2 { margin: 1.5em 0; color: #fff; font-size: 1.5em; font-weight: normal; }
h3 { margin: 1.2em 0; color: #fff; font-size: 1.2em; }
p, ul, form { margin: 1.2em 0; }
strong, b { font-weight: bold; }
a { color: #ffbb60; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: none !important; }
textarea { font-size: 1em; }
ul { padding: 0; margin-left: 0; list-style-type: none; }
li { padding: 3px 0; padding-left: 20px; background: url(../image/layout/bul_circle_red.png) 0 6px no-repeat; }
ul.outer { margin-left: -20px; }
ul.outer li { padding: 7px 0; padding-left: 20px; background-position: 0 10px; }


/* layout
-----------------------------*/
body { margin: 0; padding: 0; padding-top: 28px; padding-bottom: 60px; text-align: center; }
.base-page { position: relative; margin-left: auto; margin-right: auto; padding-top: 240px; width: 880px; text-align: left; }
/*.base-page.download { padding-top: 110px; }*/
.base-top { position: absolute; left: 0; top: 0; width: 880px; height: 240px; text-align: left; }
/*.base-top.download { height: 110px; }*/
.base-left { float: left; width: 690px; }
.base-left.page { border-top: 1px solid #7c7c7c; }
.base-left.page h2:first-child { margin-top: 0.4em; } 
.base-left.browser { width: 160px; height: 600px; background-color: #303030; }
/*.base-left.download { width: 570px; height: 260px; background: url(../image/layout/bg_container_transparent.png) repeat; }*/
.base-right { float: right; width: 120px; text-align: center; }
.base-right.browser { width: 880px; text-align: center; }
/*.base-right.download { width: 300px; height: 260px; background-color: #303030; }*/
.base-bottom { padding-top: 30px; }
.cleaner { clear: both; height: 1px; font-size: 1px;}


/* header
-----------------------------*/
.base-top-text { position: absolute; left: 240px; top: 80px; width: 450px; height: 15px; line-height: 15px; color: #a8a8a8; }
/*.base-top-text.download { left: 0; top: 60px; width: 880px; }
.base-top-text.download h1 { display: block; margin: 0; color: #dfdfdf; font-size: 1.2em; font-weight: bold; }
.base-top-text.download h1 span { color: #fff; }*/
.base-icons { position: absolute; right: 0; top: 66px; height: 29px; text-align: right; }
.base-icons a { float: right; display: block; margin-left: 8px; height: 29px; }
/* top menu */
.base-top-menu { position: absolute; left: 240px; top: 120px; width: 640px; height: 22px; margin: 0; padding: 0; overflow: hidden; }
.base-menu { list-style-type: none; }
.base-menu li { float: left; display: block; padding: 0; margin-right: 40px; background: none; font-size: 1.5em; text-transform: uppercase; }
.base-menu a { line-height: 22px; color: #e3e3e3; text-decoration: none; }
.base-menu a:hover, a.base-menu-current { color: #ff5151; }
.base-menu-current { cursor: default; }
/* navigation */
.base-nav { position: absolute; left: 240px; top: 178px; width: 640px; height: 15px; border-bottom: 1px solid #7c7c7c; font-style: italic; }
.base-nav a { color: #cacaca; text-decoration: none; }
.base-nav a:hover { color: #6ac4ee; }


/* footer
-----------------------------*/
.base-bottom-menu { margin: 0; padding: 0; height: 27px; list-style-type: none; }
.base-bottom-menu li { font-size: 1.3em; margin-right: 35px; }
.base-copy { clear: left; position: relative; padding-top: 8px; border-top: 1px solid #7c7c7c; color: #b2b2b2; text-transform: uppercase; }
.base-webdesign { position: absolute; right: 0; top: 6px; font-size: 0.9em; text-align: right; text-transform: none; }


/* right pane 
-----------------------------*/
.base-box-120 { display: block; padding-top: 12px; }
.base-box-120 img { background-color: #555; }
.base-right-link a { color: #dfdfdf; font-size: 0.9em; }


/* news 
-----------------------------*/
.base-news { padding-bottom: 20px; background: url(../image/layout/bul_scs_gray.png) left top no-repeat; }
.base-news.first { background-image: url(../image/layout/bul_scs_red.png); }
.base-news.archive-first { margin-top: 1.5em; background-image: url(../image/layout/bul_scs_red.png); }
.base-news h3 { margin-top: 0; padding-top: 4px; padding-left: 32px; }
.base-news h3 span { color: #dfdfdf; font-weight: normal; }


/* pages
-----------------------------*/
.base-content { margin-left: 20px; }
.base-game-caption { position: relative; padding: 8px 20px; border-top: 1px solid #7c7c7c; }
.base-game-caption.browser { margin-bottom: 15px; }
.base-game-caption h2 { margin: 0; color: #fff; font-size: 1.3em; }
.base-game-caption a { color: #fff; }
.base-game-caption .base-group-name { position: absolute; right: 20px; top: 10px; text-align: right; }
.base-container { padding: 20px; padding-right: 0; margin-bottom: 24px; background: url(../image/layout/bg_container_transparent.png) repeat; }
.base-container.page { padding-right: 20px; }
.base-container.screen { margin: 0; }
.base-container-in { position: relative; }
.base-screens { height: 130px; }
.base-screen { display: block; float: left; margin-right: 14px; height: 130px; }
.base-button { position: absolute; height: 24px; }
.base-button-text { position: absolute; left: 29px; bottom: 0; color: #dfdfdf; }
.base-button-info { display: block; width: 24px; height: 24px; background: url(../image/layout/but_game_info.png) left top no-repeat; }
.base-button-website { display: block; width: 24px; height: 24px; background: url(../image/layout/but_game_website.png) left top no-repeat; }
.base-button-facebook { display: block; width: 24px; height: 24px; background: url(../image/layout/but_game_facebook.png) left top no-repeat; }
.base-button-download { display: block; width: 98px; height: 36px; background: url(../image/layout/but_free_download.png) left top no-repeat; }
.base-button-download-win { display: block; width: 138px; height: 36px; background: url(../image/layout/but_download_win.png) left top no-repeat; }

.base-button-download-mac { display: inline-block; width: 138px; height: 36px; background: url(../image/layout/but_download_mac.png) left top no-repeat; }.base-tabs { padding-left: 20px; border-bottom: 1px solid #7c7c7c; background: url(../image/layout/bg_container_transparent.png) repeat; }
.base-tabs ul { margin: 0; padding: 0; height: 27px; list-style-type: none; }
.base-tabs li { float: left; display: block; padding: 0; margin-right: 35px; background: none; font-size: 1.3em; }
.base-tabs a { line-height: 27px; color: #e3e3e3; text-decoration: none; }
.base-tabs a:hover, a.base-tabs-current { color: #ff5151; }
.base-tabs-current { cursor: default; }
.red { color: #ff5151; }


/* home
-----------------------------*/
.base-home { min-height: 130px; }
.base-home a.screen { position: absolute; left: 108px; top: 0; width: 207px; height: 130px; background-color: #555; }
.base-home a.screen2 { left: 328px; }
.base-home a.base-button-text { text-decoration: none; font-size: 0.9em; }
.base-home a:hover.base-button-text { text-decoration: underline; }
.base-home .base-button-download { position: absolute; right: 20px; top: 0; }
.base-home .but1 { right: 5px; bottom: 60px; width: 113px; }
.base-home .but2 { right: 5px; bottom: 30px; width: 113px; }
.base-home .but3 { right: 5px; bottom: 0; width: 113px; }
.base-news-archive { position: relative; height: 24px; padding-right: 55px; text-align: right; }
.base-news-archive a { line-height: 24px; }
.base-button-archive { position: absolute; right: 0; top: 0; width: 44px; height: 24px; background: url(../image/layout/but_news_archive.png) left top no-repeat; }


/* games
-----------------------------*/
.base-games { min-height: 220px; padding-right: 20px; }
.base-games a.screen { position: absolute; left: 173px; top: 0; width: 207px; height: 130px; background-color: #555; }
.base-games a.screen2 { left: 400px; }
.base-games .base-button-download { position: absolute; right: 63px; top: 184px; }
.base-games .but1 { left: 173px; top: 166px; width: 200px; }
.base-games .but2 { left: 173px; top: 196px; width: 200px; }
.base-games .but3 { left: 380px; top: 196px; width: 130px; }


/* game page
-----------------------------*/
.base-game { min-height: 220px; _height: 220px; }
.base-game .part { float: left; height: 220px; }
.base-game .part1 { width: 153px; }
.base-game .part2 { width: 115px; background: url(../image/layout/ico_free_download.png) center top no-repeat; }
.base-game .part3 { position: relative; width: 380px; }
.base-game .part4 { margin-left: 30px; }
.base-game .part4 .download { position: relative; width: 465px;  height: 219px; padding-top: 1px; }
.part3 p.red { margin: 0; font-size: 1.2em; } 
.part3 p a { font-size: 1.2em; }
.base-game .base-button-download { position: static; display: block; margin: 12px 0; }
.base-game .but1 { left: 0; bottom: 0; width: 200px; }
.base-game .but2 { left: 240px; bottom: 0; width: 130px; }
.base-game-screen { float: left; display: block; margin-top: 20px; margin-right: 34px; }
.base-game-screen.right { margin-right: 0; }


/* screenshot's browser
-----------------------------*/
.browser-paginator { position: relative; padding: 20px 22px; line-height: 22px; text-align: center; }
.browser-previous { position: absolute; left: 0; top: 20px; width: 22px; height: 22px; background: url(../image/layout/but_browser_prev.png) left top no-repeat; }
.browser-next { position: absolute; right: 0; top: 20px; width: 22px; height: 22px; background: url(../image/layout/but_browser_next.png) left top no-repeat; }


/* demo download
-----------------------------*/
.download-game-box { float: left; display: block; margin-left: 20px; margin-top: 20px; }
.download-content { margin-left: 225px; margin-top: 20px; margin-right: 10px; }
.download-button-wraper { position: relative; padding-left: 108px; min-height: 60px; _height: 60px; }
.download-button-wraper .base-button-download { position: absolute; left: 0; top: 0; }
.download-button-wraper a { color: #ff4f52; }
.download-text { margin-left: 20px; }


/* projects
-----------------------------*/
.project-game-box { float: left; display: block; }
.project-content { margin-left: 111px; margin-right: 10px; }
.project-content h3 { margin-top: 0; }
.project-content .screenshots-link { display: block; margin-top: 1.5em; } 


/* site map
-----------------------------*/
.base-sitemap-level1 li { padding: 7px 0; padding-left: 20px; background-position: 0 10px; }
.base-sitemap-level1 li a { color: #ff5151; font-weight: bold; }
.base-sitemap-level2 { margin-bottom: 0; }
.base-sitemap-level2 li { background: none; padding: 3px 0; }
.base-sitemap-level2 li a { color: #6ac4ee; font-weight: normal; }
.base-sitemap-level2 li a.base-level3 { color: #dfdfdf; }