*{ margin: 0px; padding: 0px; }
body{ background: #F1E7AC url('images/back.jpg') center top fixed; font-family: Verdana, Tahoma, Arial; font-size: 16px; }
a{ color: #572100; text-decoration: none; outline: none; }
p{ padding: 0px; margin: 0px 0px 10px 0px; }
img{ border: 0px; }

#header{ width: 240px; height: auto; border: none; margin: 0px 0px 20px 0px; }
#logo{ width: 240px; height: 150px; display: block; border: none; margin: 0px 0px 20px 0px;}

#page{ width: 100%; background-color: #F1E7AC; margin: 0px auto; }

#wrapper{ display: table; direction: rtl; }
#wrapper.cell{ display: table-cell; }

#content{ width: 100%; display: table-cell; direction: ltr; vertical-align: top; text-align: center;
		  line-height: 1.4em; padding: 10px 0px 40px 0px; overflow: hidden; }

#sidebar,
#sidebar-left,
#sidebar-right{ width: 240px; display: table-cell; direction: ltr; vertical-align: top; padding: 0px 20px 0px 10px; overflow: hidden; }
#sidebar-right{ padding: 0px 10px 0px 20px; }

#menu{ text-align: center; margin: 0px 0px 20px 0px; }
#menu a{ display: block; color: #572100; background: #F4F4D7; text-shadow: 1px 1px 2px #999999; border: 1px solid #DDDDDD;
    	 border-radius: 10px; letter-spacing: 1px; font-size: 18px; font-family: 'trebuchet ms', arial;
    	 padding: 9px 15px; margin: 5px 0px; }
#menu a:hover{ color: #444444; background: #FAFAFA; }

#search-field{ width: 218px; height: 30px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 10px; padding: 5px 5px 5px 15px; }
input#search-string{ width: 175px; height: 30px; float: left; border: 0px; color: #333333; line-height: 18px;
                     font-size: 20px; outline: none; padding: 0px;}
input#search-button{ width: 40px; height: 30px; background: url("images/search.png") no-repeat right center #FFFFFF;
                     background-size: 30px 30px; border: 0px; outline: none; cursor: pointer; }

.main-sections-title{ text-align: center; color: #572100; letter-spacing: 1px; font-weight: normal; font-family: Arial, Verdana, Tahoma;
					  line-height: 1.2; font-size: 18px; border-bottom: 1px solid #996633; background: none;
					  padding: 7px 0px; margin: 0px 20px 20px 20px; }
h1.main-sections-title span{ display: block; font-size: 12px; font-weight: bold; margin: 5px 0px 0px 0px; }
h1.main-sections-title a{ font-size: 20px; color: #CC0000; text-decoration: underline; }
h1.main-sections-title a:hover{ color: #FF0000; }

.main-list-title{ text-align: center; color: #572100; letter-spacing: 1px; font-weight: normal; font-family: Arial, Verdana, Tahoma;
                  line-height: 1.2; font-size: 18px; padding: 0px; margin: 15px 0px; }

.post h1{ font-size: 20px; font-weight: bold; font-family: Arial, Tahoma; color: #572100;
          background: #F5F5DC; border: 1px solid #DDDDDD; border-left: 0px; border-right: 0px; text-align: center;
          padding: 9px 10px 6px 10px; }
.post h1 span{ color: #D91D11; font-size: 14px; }

#text{color: #444444; margin: 20px; line-height: 1.3; }

#content h2,
#text h2,
#more-games h2{ color: #444444; letter-spacing: 1px; font-weight: normal; font-family: Arial, Verdana, Tahoma;
                font-size: 18px; padding: 0px; margin: 20px 0px 10px 0px; }
#text h3{ color: #444444; letter-spacing: 1px; font-weight: bold; font-family: Arial, Verdana, Tahoma; font-size: 16px;
          padding: 0px; margin: 20px 0px 10px 0px; }
#text p{ text-align: justify; }
#text a{ color: #444444; text-decoration: underline; }
#text ul{ text-align: left; margin: 0px 0px 20px 20px; }
#text ul li{ margin: 0px 0px 10px 0px; }
#text img{ width: 100%; display: block; border-radius: 10px; margin: 0px auto; }

.post{ text-align: justify; }
.post p{ color: #000000; }
.post p a{ color: #000000; border-bottom: 1px solid #AAAAAA; }
.post p a:hover{ border-bottom: 1px solid #000000; }

iframe{ width: 100%; height: 100%; border: 0px; }

.game-title{ font-weight: bold; background: #EAE5CA; border: 3px solid #DDDDDD; border-top: 0px; line-height: 1.2;
             text-align: center; padding: 10px 10px 6px 10px; }
.game-title a{ display: block; font-family: Arial, Tahoma; font-size: 16px; font-weight: bold; letter-spacing: 0.5px; }
.game-title a span{ color: #D91D11; font-size: 14px; }
h2.game-title{ font-family: Arial, Tahoma; font-size: 16px; letter-spacing: 0.5px; }

.game-block{ background: #F4F4D7; border: 1px solid #DDDDDD; border-radius: 0px 0px 6px 6px;
             padding: 12px 10px 5px 10px; margin: 0px 0px 10px 0px; clear: both; }
.game-block a.expand,
.mmorpg-text a.expand{ color: #000000; border-bottom: none; }

#breadcrumbs{ background: #EAE5CA; border: 1px solid #DDDDDD; border-radius: 8px; padding: 8px 10px 10px 10px; margin: 0px 0px 10px 0px; }
#breadcrumbs a{ display: block; float: left; color: #666666; border-bottom: 1px solid #888888; }
#breadcrumbs a:hover{ color: #000000; border-bottom: 1px solid #000000; }
#breadcrumbs a#current-page{ border: none; }
.breadcrumbs-separator{ float: left; color: #666666; margin: 0px 5px; }

#top{ text-align: center; margin: 25px 0px; clear: both; }

#prev-next-games{ text-align: center; line-height: 1.4em; margin: 0px 0px 10px 0px; clear: both; }

#to-mmorpg-game{ width: 490px; display: block; border: 3px solid #666666; margin: 0px auto 30px auto; overflow: hidden; }
#to-mmorpg-arrow{ width: 70px; height: 70px; float: left; position: relative; background: url('images/round_arrow.png'); margin: -85px 0px 0px 210px; }

.more-searches{ width: 360px; text-align: left; padding: 0px 10px 15px 10px; margin: 0px auto 40px auto; }
.more-searches a{ display: block; text-decoration: underline; margin: 0px 0px 10px 0px; }

#search-page-form{ line-height: 1.6em !important; margin: 0px 0px 15px 0px; }
#search-page-text{ border: 1px solid #AAAAAA; outline: none; padding: 3px; }

#special-seacrh-results{ margin: 0px 0px 0px 30px; }
.google-search-form,
.yandex-search-form{ margin: 0px 0px 15px 0px; }
.yandex-search-form{ width: 350px; }
.yandex-search-form td{ padding: 0px !important; }
.yandex-search-form .ya-site-form__input-text{ padding: 2px; }
#yandex-search-left{ width: 600px; float: left; }
#yandex-search-adv-block{ width: 300px; float: right; margin: 0px 30px 0px 0px; }

.search-results-subtitle{ font-size: 16px; font-weight: bold; font-family: Arial, Tahoma; background: #EEEEEE;
                          padding: 10px 20px; margin: 20px 0px; }
.game-topics-search-results{ margin: 0px 30px 25px 30px; }
.game-topics-search-results a{ display: block; font-size: 18px; font-weight: bold; font-family: Arial, Tahoma;
                               border-bottom: 1px solid #AAAAAA; padding: 6px 8px 4px 8px; margin: 0px 0px 7px 0px; }
.game-topics-search-results a:hover{ color: #DD1D11; border-bottom: 1px solid #DD1D11; }

#mini-games-search-results{ margin: 30px 0px; }
.to-minigame{ width: 220px; display: inline-block; vertical-align: top; text-align: center; background: #F8F8DF;
              border: 1px solid #DDDDDD; border-radius: 8px; padding: 10px 10px 15px 10px; margin: 4px; }
.to-minigame img{ width: 210px; height: 125px; border: 5px solid #CAC4B0; border-radius: 5px; }
.to-minigame-title{ min-height: 60px; font-family: arial, tahoma; font-size: 16px; font-weight: bold; line-height: 1.2em; }
.to-minigame-title span{ color: #D91D11; font-size: 14px; }

#online-games-search-results{ text-align: center; padding: 30px 0px 0px 0px; margin: 0px 0px 30px 0px; }
.to-online-game{ width: 140px; display: inline-block; vertical-align: top; background: #F8F8DF; text-align: center;
                 border: 1px solid #DDDDDD; border-radius: 8px; padding: 10px; margin: 5px; }
.list-game-image{ width: 130px; height: 100px; border: 5px solid #BBBBBB; border-radius: 6px; }
.list-game-image img{ width: 130px; height: 100px; }
.list-game-title{ display: block; min-height: 36px; font-weight: bold; font-size: 15px; font-family: Arial; line-height: 1.1;
                  padding: 6px 5px; }

#mmorpg-games-search-results{ margin: 30px 0px; }
.to-mmorpg-game-search{ width: 362px; display: inline-block;  vertical-align: top; text-align: center; margin: 0px 0px 20px 0px; }
.to-mmorpg-game-search img{ width: 350px; height: 270px; display: block; border: 6px solid #BBBBBB; border-radius: 5px 5px 0px 0px; }
.to-mmorpg-game-search-title{ font-weight: bold; background: #F8F8DF; font-family: arial; border: 1px solid #DDDDDD;
                              border-top: 0px; border-radius: 0px 0px 8px 8px; line-height: 1.2; font-size: 16px;
                              text-align: center; padding: 15px 10px 15px 0px; }

#games-search-results{ margin: 30px 0px; }
.to-game{ width: 310px; display: inline-block; vertical-align: top; text-align: center; background: #F8F8DF;
          border: 1px solid #DDDDDD; border-radius: 8px; padding: 10px 10px 15px 10px; margin: 4px; }
.to-game img{ width: 300px; height: 230px; border: 5px solid #CAC4B0; border-radius: 5px; }
.to-game-title{ min-height: 60px; font-family: arial, tahoma; font-size: 16px; font-weight: bold; line-height: 1.2em; }
.to-game-title span{ color: #D91D11; font-size: 14px; }

#prev-game,
#next-game{ width: 48%; display: inline-block; color: #555555; border: 1px solid #DDDDDD; border-radius: 8px; padding: 12px 0px 7px 0px; }
#prev-game{ background: #EAE5CA url('/common/images/prevgame.png') 20% 18px no-repeat; }
#next-game{ background: #EAE5CA url('/common/images/nextgame.png') 80% 18px no-repeat; }
#prev-game:hover,
#next-game:hover{ color: #000000; background-color: #FFFFFF; }
#prev-game-image{ margin: 0px 0% 0px 30%; }
#next-game-image{ margin: 0px 30% 0px 0%; }
#prev-game-image img,
#next-game-image img{ width: 65px; height: 50px; border: 3px double #AAAAAA; border-radius: 5px; }

#mmorpg-sidebar{ text-align: center; margin: 0px 0px 40px 0px; }
#mmorpg-sidebar .sidebar-mmorpg-game{ width: 210px; display: inline-block; text-align: center; background: #F4F4D7;
                                      border: 1px solid #DDDDDD; border-radius: 8px; font-family: Arial;
                                      line-height: 1.1; font-weight: bold; padding: 10px; margin: 0px 0px 10px 0px; }
#mmorpg-sidebar .sidebar-mmorpg-game img{ width: 200px; height: 154px; border: 5px solid #BBBBBB; border-radius: 6px;
                                          margin: 0px 0px 6px 0px; }
#mmorpg-sidebar .sidebar-mmorpg-game span{ display: block; font-size: 15px; }

#center-game{ width: 240px; text-align: center; margin: 30px 0px 40px 0px; overflow: hidden; }

#bottom{ width: 100%; text-align: center; margin: 30px auto 50px auto; clear: both; overflow: hidden; }

#likes-owner{ /*min-height: 85px;*/ min-height: 62px; background: #f8f8df; border-radius: 10px; padding: 20px 0px 20px 50px; margin: 0px 0px 20px 0px; }
#likes-owner #odnk-like{ margin: 10px 0px 6px 0px; }

.subtitle,
#section-list a.subtitle{ width: 210px; height: 36px; display: block; text-align: center; font-weight: bold;
                          letter-spacing: 1px; background: url('images/subtitle.jpg') no-repeat; color: #333333;
                          font-size: 17px; line-height: 1.9; padding: 4px 0px 0px 0px; margin: 0px 0px 10px 0px; }
.sidebar-block{ margin: 0px 0px 30px 0px; }
.sidebar-block a,
#section-list a{ height: 25px; display: block; font-weight: bold; letter-spacing: 0.8px; font-size: 16px;
                 font-family: Arial, Verdana, Tahoma; 
                 background-repeat: no-repeat !important; border-bottom: 1px solid #DDDDDD; padding: 3px 0px; }
#section-list a{ color: #222222 !important; }
#section-list a.subtitle{ font-family: verdana, tahoma, arial; background-position: 0px 0px !important; border: 0px !important; }
#section-list a.subtitle:hover{ color: #000000 !important; background-color: transparent !important; }

.sidebar-block a:hover,
.sidebar-block a.high:hover,
#section-list a:hover,
#section-list a.high:hover{ color: #000000; background-color: #F5F5DC !important; }
.sidebar-block-right a,
.sidebar-block-right a.high{ text-align: right; }

#section-list{ margin: 0px 20px 50px 20px; clear: both; }
.section-column{ width: 210px; float: left; padding: 0px 13px 0px 17px; }

#section-list .section-column a.high,
#sidebar .sidebar-block a.high,
#sidebar-left .sidebar-block a.high,
#sidebar-right .sidebar-block a.high{ height: 45px; }

.sidebar-block a span.link-title,
.section-column a span.link-title{ display: block; margin: 3px 0px 0px 0px; }
.sidebar-block a span.link-section-image,
.sidebar-block a span.link-topic-image,
.section-column a span.link-section-image{ width: 25px; height: 25px; display: block; background-image: url('/common/images/icons.png'); }
.sidebar-block a span.link-section-image,
.section-column a span.link-section-image{ float: left; margin: 0px 12px 0px 8px; }
.sidebar-block a span.link-topic-image{ float: right; margin: 0px 6px 0px 10px; }
.sidebar-block a span.high,
.section-column a span.high{ height: 37px; margin-top: 4px; }

.airplane{ background-position: 0px 0px; }
.alien{ background-position: -30px 0px; }
.angry-birds{ background-position: -60px 0px; }
.anime{ background-position: -90px 0px; }
.arcade{ background-position: -120px 0px; }
.about{ background-position: -150px 0px; }
.arkanoid{ background-position: -180px 0px; }
.backgammon{ background-position: -210px 0px; }
.bigfoot{ background-position: -240px 0px; }
.billiards{ background-position: -270px 0px; }
.blocks{ background-position: 0px -30px; }
.board{ background-position: -30px -30px; }
.braintwister{ background-position: -60px -30px; }
.browser{ background-position: -90px -30px; }
.bubbles{ background-position: -120px -30px; }
.burger{ background-position: -150px -30px; }
.cafe{ background-position: -180px -30px; }
.car{ background-position: -210px -30px; }
.cards{ background-position: -240px -30px; }
.checkers{ background-position: -270px -30px; }
.chess{ background-position: 0px -60px; }
.chest{ background-position: -30px -60px; }
.children{ background-position: -60px -60px; }
.client{ background-position: -90px -60px; }
.collection-cards{ background-position: -120px -60px; }
.cosmic{ background-position: -150px -60px; }
.dance{ background-position: -180px -60px; }
.defence{ background-position: -210px -60px; }
.destruction{ background-position: -240px -60px; }
.detective{ background-position: -270px -60px; }
.dinosaur{ background-position: 0px -90px; }
.dragon{ background-position: -30px -90px; }
.economic{ background-position: -60px -90px; }
.fantastic{ background-position: -90px -90px; }
.fantasy{ background-position: -120px -90px; }
.farm{ background-position: -150px -90px; }
.fear{ background-position: -180px -90px; }
.fighting{ background-position: -210px -90px; }
.fish{ background-position: -240px -90px; }
.flight{ background-position: -270px -90px; }
.football{ background-position: 0px -120px; }
.girls{ background-position: -30px -120px; }
.going{ background-position: -60px -120px; }
.golf{ background-position: -90px -120px; }
.halloween{ background-position: -120px -120px; }
.helicopter{ background-position: -150px -120px; }
.hidden-objects{ background-position: -180px -120px; }
.io{ background-position: -210px -120px; }
.knight{ background-position: -240px -120px; }
.lock{ background-position: -270px -120px; }
.logic{ background-position: 0px -150px; }
.mahjong{ background-position: -30px -150px; }
.math{ background-position: -60px -150px; }
.moba{ background-position: -90px -150px; }
.money{ background-position: -120px -150px; }
.mosaic{ background-position: -150px -150px; }
.motorbike{ background-position: -180px -150px; }
.mystic{ background-position: -210px -150px; }
.new{ background-position: -240px -150px; }
.new-year{ background-position: -270px -150px; }
.ninja{ background-position: 0px -180px; }
.help{ background-position: -30px -180px; }
.offroad{ background-position: -60px -180px; }
.open-chest{ background-position: -90px -180px; }
.papa-louie{ background-position: -120px -180px; }
.parkour{ background-position: -150px -180px; }
.pirates{ background-position: -180px -180px; }
.postapocalypse{ background-position: -210px -180px; }
.puzzle{ background-position: -240px -180px; }
.quest{ background-position: -270px -180px; }
.races{ background-position: 0px -210px; }
.retro{ background-position: -30px -210px; }
.robot{ background-position: -60px -210px; }
.rpg{ background-position: -90px -210px; }
.run{ background-position: -120px -210px; }
.sandbox{ background-position: -150px -210px; }
.scooby-doo{ background-position: -180px -210px; }
.shield{ background-position: -210px -210px; }
.ship{ background-position: -240px -210px; }
.shooter{ background-position: -270px -210px; }
.simulator{ background-position: 0px -240px; }
.sniper{ background-position: -30px -240px; }
.solitaire{ background-position: -60px -240px; }
.sport{ background-position: -90px -240px; }
.spot-the-difference{ background-position: -120px -240px; }
.star{ background-position: -150px -240px; }
.steampunk{ background-position: -180px -240px; }
.stickman{ background-position: -210px -240px; }
.strategy{ background-position: -240px -240px; }
.super-mario{ background-position: -270px -240px; }
.superhero{ background-position: 0px -270px; }
.tank{ background-position: -30px -270px; }
.tetris{ background-position: -60px -270px; }
.three-in-a-row{ background-position: -90px -270px; }
.time-management{ background-position: -120px -270px; }
.tom-and-jerry{ background-position: -150px -270px; }
.tower-defence{ background-position: -180px -270px; }
.tractor{ background-position: -210px -270px; }
.train{ background-position: -240px -270px; }
.truck{ background-position: -270px -270px; }
.two-players{ background-position: 0px -300px; }
.vampire{ background-position: -30px -300px; }
.viking{ background-position: -60px -300px; }
.war{ background-position: -90px -300px; }
.zombie{ background-position: -120px -300px; }
.bridge{ background-position: -150px -300px; }
.alawar{ background-position: -180px -300px; }
.collection{ background-position: -0px -330px; }
.nonogram{ background-position: -30px -330px; }

#topic-list{ text-align: center; font-size: 18px; font-family: Arial, Tahoma, Verdana; padding: 40px 20px 20px 20px; clear: both; }
#topic-list a{ display: block; text-decoration: underline; color: #222222; margin: 0px 0px 7px 0px; }
#topic-list a:hover{ color: #000000; text-decoration: underline; }
#topic-list-title,
#section-list-title{ text-align: center; font-size: 20px; color: #333333; border-top: 1px solid #888888;
                     border-bottom: 1px solid #888888; padding: 10px 0px 10px 0px; margin: 0px 0px 20px 0px; }
.topic-column{ width: 190px; display: inline-block; vertical-align: top; text-align: left;  margin: 0px 5px 40px 5px; }

.last-added-block{ margin: 30px 0px 0px 0px; }
.last-added-link{ display: block; font-family: Arial; font-size: 14px; font-weight: bold; border-bottom: 1px solid #CCCCCC;
                  padding: 8px 10px; margin: 0px 0px 0px 10px; }
.last-added-link:hover{ background: #F5F5DC; }

#navigation{ line-height: 1.3; font-weight: bold; font-size: 16px; font-family: arial, tahoma, verdana;
             text-align: center; margin: 40px 0px 80px 0px; }
#navigation a{ text-decoration: none; }
#navigation a,
#navigation span{ display: inline-block; vertical-align: top; border: 1px solid #999999; border-radius: 8px;
                  color: #444444; background-color: #F4F4D7; padding: 5px 11px 4px 12px; margin: 5px; }
#navigation a:hover{ color: #CC0000; background-color: #EEEEEE; }
#navigation span.current{ color: #CC0000; background-color: #DDDDDD; border: 1px solid #888888; }

#footer{ color: #444444; background: #F4F4D7; line-height: 1.4em; text-align: center;
		 padding: 11px 0px 10px 0px; margin: 100px 0px 0px 0px; }

#end-area{ width: 100%; text-align: center; margin: 10px auto 40px auto; overflow: hidden; }

#block-right{ width: 240px; text-align: center; margin: 0px 0px 40px 0px; overflow: hidden; }

#block-content-bottom{ max-width: 400px; margin: 10px auto; }
#block-content-bottom img{ border: none; margin: 0px; }

#under-minigame{ width: 100%; max-width: 480px; text-align: center; margin: 0px auto 20px auto; overflow: hidden; }
#under-screenshot{ width: 100%; max-width: 920px; text-align: center; margin: 0px auto 20px auto; overflow: hidden; }

#block-content-bottom-online{ max-width: 790px; text-align: center; margin: 10px auto 10px auto; overflow: hidden; }

#vert{ text-align: center; }
#vert iframe{ width: 160px; height: 600px; margin: 0px auto; }

#header-block{ display: inline-block; position: relative; margin: 5px 0px 0px 40px; }
#header-block img{ width: 100%; max-width: 550px; display: block; border-radius: 9px; }
/*
#header-block a span{ width: 36px; height: 36px; display: block; position: absolute;
    				 bottom: 7px; right: 7px; background: url("images/arrowgame.png") no-repeat; }
*/

a.active-games{ display: inline-block; position: relative; margin: 5px; }
a.active-games img{ width: 100%; border-radius: 5px; border: 5px solid #CCCCCC !important; }
a.active-games span.gogame{ height: 36px; display: block; position: absolute; bottom: 12px; right: 9px; text-align: right;
    				 		border: 1px solid #FFFFFF; border-radius: 18px; background: #EEEEEE; padding: 0px 0px 0px 10px; }
a.active-games span.gogame-title{ display: inline-block; vertical-align: middle; line-height: 1; text-transform: uppercase;
								  font-size: 12px; font-weight: bold; font-family: Arial; letter-spacing: 0.6pt;
								  padding: 3px 0px 0px 0px; }
a.active-games span.gogame-arrow{ width: 36px; height: 36px; display: inline-block; vertical-align: middle;
								  background: url("images/arrowgame.png") no-repeat; }
/*
a.active-games span{ width: 24px; height: 25px; display: block; position: absolute;
    				 bottom: 12px; right: 9px; background: url("images/arrowgame.png") no-repeat; }
*/

#active-games-top{ text-align: center; background: #FFFEEE; padding: 10px 0px; margin: 0px 0px 30px 0px; }
#active-games-top a{ margin: 5px 10px; }

#counters{ text-align: center; }
#counters div{ display: inline-block; padding: 30px 10px; }

@media screen and (max-width: 1152px){
	#header-block{ margin: 5px 0px 0px 0px; }
}

@media screen and (max-width: 1024px){
    body{ background-image: none; }
}

@media screen and (max-width: 960px){
	#header-block{ display: none; }
}