#page{ max-width: 1170px; }
#page.single{ max-width: 1090px; }

#header.wide{ width: 100%; max-width: 1090px; text-align: center; margin: 0px 0px 20px 0px; }
#header.wide #header-owner{ max-width: 482px; min-height: 210px; display: inline-block; vertical-align: top; text-align: center; }
#header.wide #logo{ display: inline-block; vertical-align: top; margin: 0px 0px 10px 0px; }
#header.wide #menu{ width: 240px; display: inline-block; vertical-align: top; margin: 0px 0px 10px 0px; }
#header.wide #search-field{ max-width: 100%; display: inline-block; margin: 0px 0px 20px 0px; }
#header.wide #search-string{ max-width: calc(100% - 48px); }

#content{ max-width: 900px; }
#content.singlegame{ max-width: 1026px; padding: 0px 10px 40px 10px; }

#sidebar-single{ width: 260px; display: table-cell; vertical-align: top; padding: 0px 0px 40px 0px; overflow: hidden; }

#online-game-background{ background: #EAE5CA; padding: 20px 0px; }
#online-game-owner{ width: 100%; margin: 0px auto; overflow: hidden; }
#online-game-inner{ width: 100%; border: 1px solid #CCCCCC; margin: 0px auto; }
#online-game-owner #online-game-inner div.sgplayer{ width: 100% !important; height: 100% !important; }
#online-game-owner #online-game-inner div.sgplayer iframe{ width: 100% !important; height: 100% !important; }

#after-game{ width: 170px; float: left; margin: 20px 0px; overflow: hidden; }

#expand-game-button{ width: 40px; height: 40px; display: block; display: inline-block; cursor: pointer;
                     background: url('images/expand_button.png'); }
#top-line{ height: 43px; display: none; text-align: center; background: #F4F4D7; border-bottom: 2px solid #DDDDDD; }
#top-line-inner{ width: 1000px; margin: 0px auto; }
#share-top{ width: 640px; display: inline-block; vertical-align: top; margin: 10px 0px 0px 0px; }

#collapse-game{ width: 300px; height: 33px; display: inline-block; cursor: pointer;
                border-left: 2px solid #DDDDDD; font-family: Arial; color: #241006; font-weight: bold;
                vertical-align: top; padding: 10px 0px 0px 0px; }
#collapse-game div{ width: 24px; float: left; border: 1px solid #CCCCCC; border-radius: 3px; background: #DDDDDD;
                    padding: 0px 0px 0px 2px; margin: 0px 0px 0px 15px; }
.online-game-expand{ width: 100%; height: 100%; left: 0px; top: 0px; background: #F1E7AC; position: fixed; z-index: 1000; }

#embed-code-button{ width: 40px; height: 40px; display: inline-block; cursor: pointer;
                    background: url('images/embed_button.png'); margin: 0px 0px 0px 10px; }
#embed-code{ width: 590px; position: absolute; z-index: 900; border: 10px solid #AAAAAA; background: #FFFFFF;
             margin: -143px 0px 0px 90px; }
#embed-area{ width: 550px; height: 210px; border: 0px; resize: none; padding: 0px 20px; }
#embed-code-close{ width: 16px; height: 16px; float: right; cursor: pointer; background: url('images/embed_close.png'); }

#video-game-button{ width: 40px; height: 40px; display: inline-block; cursor: pointer;
                    background: url('images/video_button.png'); margin: 0px 0px 0px 10px; }

#share-owner{ width: 170px; /*min-height: 120px;*/ min-height: 90px; margin: 15px 0px 10px 0px; overflow: hidden; }
#share-owner #vk-like,
#share-owner #vk-share,
#share-owner #fb-share,
#share-owner #odnk-share{ width: 170px; height: 30px; overflow: hidden; }

#share-top #vk-like,
#share-top #vk-share,
#share-top #fb-share,
#share-top #odnk-share{ width: 150px; display: inline-block; vertical-align: top; text-align: left; }
#share-top #fb-share{ margin-top: -1px; }
#share-top #odnk-share{ width: 130px; }

#game-picture{ width: 130px; height: 100px; border: 5px solid #BBBBBB; border-radius: 5px; margin: 0px 0px 5px 0px; }
#topics{ width: 140px; line-height: 1.4; }
#topics a{ display: block; text-align: left; background: #F5F5DC; border: 1px solid #CCCCCC; border-radius: 5px;
           padding: 2px 5px 2px 10px; margin: 0px 0px 2px 0px; }
#topics a:hover{ color: #572100; }

#game-rating{ width: 140px; text-align: center; color: #444444; line-height: 1.1; margin: 5px 0px; }

#addinfo{ width: 140px; text-align: center; line-height: 1.1; color: #444444; }
#addinfo a{ border-bottom: 1px solid #996633; }

a#walkthrough-button{ width: 36px; height: 25px; display: block; float: left;
                      background: url('images/video.png') no-repeat; margin: -32px 0px 0px 10px; }

#walkthrough-title{ text-align: center; font-size: 14px; font-weight: bold; margin: 0px 20px 10px 22px; }
#walkthrough-video{ width: auto; max-width: 760px; height: 428px; border: 3px solid #CDCDCD; border-radius: 5px;
                    text-align: center; background: #000000; cursor: pointer; margin: 0px auto; overflow: hidden; }
#video-picture{ width: 100%; max-width: 760px; height: 428px; background-size: 100% 428px !important; }
#video-play{ margin: 174px 0px 0px 0px; }

.post{ margin: 0px 0px 20px 0px; }
.post h1{ text-align: center; margin: 0px 0px 20px 0px; }
.post h1.single-title{ border-bottom: 1px solid #CCCCCC; margin: 0px; }
.post .image{ width: 130px; height: 100px; float: left; border: 5px solid #BBBBBB; border-radius: 5px;
              margin: 0px 10px 5px 0px; }

#description{ width: 90%; max-width: calc(90% - 170px); float: right; background: #F4F4D7; border: 3px solid #CCCCCC;
			  border-radius: 5px; padding: 8px 15px 12px 15px; margin: 20px 0px; }
#description p{ color: #000000; margin: 0px; }

.edit{ min-width: 15px; min-height: 15px; display: block; position: absolute; background: #EEEEEE;
       border: 1px dotted #AAAAAA; border-radius: 5px; }

#more-games-title,
#mmorpg-games-title{ text-align: center; font-weight: bold; font-size: 16px; font-family: Arial; padding: 15px 0px; }
#more-games,
#mmorpg-games{ font-family: Arial; text-align: center; margin: 0px 0px 10px 0px; }
#more-games .one-more-game,
#mmorpg-games .one-mmorpg-game{ width: 140px; min-height: 160px; display: inline-block; vertical-align: top;
                                text-align: center; background: #F4F4D7; border: 1px solid #DDDDDD; border-radius: 8px;
                                line-height: 1.1; font-weight: bold; padding: 7px; margin: 0px 3px 5px 0px; }
#more-games .one-more-game img,
#mmorpg-games .one-mmorpg-game img{ width: 130px; height: 100px; border: 5px solid #BBBBBB; border-radius: 6px; }
#more-games .one-more-game span,
#mmorpg-games .one-mmorpg-game span{ display: block; font-size: 15px; padding: 6px 0px; }
#more-games-separator{ height: 1px; margin: 0px 0px 8px 0px; clear: both; }

#popular-game-owner,
#random-game-owner,
#random-five-game-owner{ text-align: center; }
.popular-game,
#random-game,
.random-five-game{ width: 140px; display: inline-block; text-align: center; background: #F4F4D7; font-weight: bold;
                   border: 1px solid #DDDDDD; border-radius: 8px; font-family: Arial; line-height: 1.1;
                   padding: 10px; margin: 0px 0px 12px 0px; }
.popular-game img,
#random-game img,
.random-five-game img{ border: 5px solid #BBBBBB; border-radius: 6px; margin: 0px 0px 6px 0px; }
.popular-game span,
#random-game span,
.random-five-game span{ display: block; padding: 0px 5px; }

#online-under-game{ width: calc(90% - 170px); max-width: 800px; float: right; text-align: center; margin: 5px 20px 30px 0px;
                    clear: none !important; overflow: hidden; }

#right-online-game{ width: 240px; background: #F5F5DC; border-radius: 6px; padding: 0px 10px; margin: 0px 0px 20px 0px; overflow: hidden; }
#block_right{ width: 240px; margin: 0px auto; overflow: hidden; }
#block_right,
#block_right_under{ text-align: center; }

#under-fullscreen{ width: 100%; height: auto; max-height: 210px; position: fixed; bottom: 0px; text-align: center;
                   background: #F5F5DC; border-top: 2px solid #DDDDDD; padding: 2px 0px; }
#under-fullscreen-inner{ max-width: 1000px; width: 100%; height: auto; max-height: 210px; text-align: center;
                         margin: auto; overflow: hidden; }

#check-window-back{ width: 100%; height: 100%; position: relative; background: #555555; overflow: hidden; }
#back-image{ position: absolute; top: -25px; left: -25px; right: -25px; bottom: -25px;
             background-size: cover; filter: blur(18px); opacity: 0.4; }
#flash-check-window{ max-width: 660px; position: relative; top: 50px; letter-spacing: -.01em; border-radius: 5px;
                     background: #FFFFFF; padding: 15px; margin: 0px auto 100px auto; }
#flash-check-inside{ background: #F1F1F1; border-radius: 5px; padding: 20px; }
#flash-check-inside ol{ margin: 10px 0px 0px 20px; }
#flash-check-inside ol li{ text-align: left; margin: 0px 0px 5px 0px; }
#flash-check-inside ol li .alert-icon{ font-weight: bold; }
#alert-title,
#alert-text,
#alert-button,
#alert-or{ text-align: center; }
#alert-text{ margin: 5px 0px 0px 0px; }
#alert-button{ width: 280px; height: 36px; display: block; line-height: 36px; border-radius: 10px; color: #FFFFFF;
               background-color: #297CF8; box-shadow: 0 0 #092B62 inset, 0 3px 4px rgba(0,0,0,0.4);
               text-decoration: none; cursor: pointer; text-shadow: 0 -1px rgba(0,0,0,0.25); letter-spacing: normal;
               margin: 15px auto; }
#alert-button:hover{ color: #FFFFFF; box-shadow: none; }
#alert-title,
#alert-button,
#alert-or{ font-size: 17px; }
#alert-title,
#alert-or{ font-weight: 700; }
#alert-reload{ text-decoration: underline; cursor: pointer; }
#alert-lock{ content: "\1F512"; }

#flash-attention{ background: #F4F4D7; text-align: center; border-radius: 5px; padding: 7px 10px; margin: 20px 50px; }
#flash-attention a{ text-decoration: underline; }

@media screen and (max-width: 1024px){
	#content.singlegame{ padding: 0px 0px 40px 0px; }
	#sidebar-single{ display: none; }
	#expand-game-button{ display: none; }
}

@media screen and (max-width: 768px){
	#sidebar{ padding-left: 0px; }
	
	#description p{ text-align: left; }
}