body {
  font-size: 15px;
  font-family: Arial, sans-serif;
  color: #bfa570;
  line-height: 1.2;
}

table.title th, h1 {
  font-size: 20pt;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  color: #fff3da;
  font-weight: bold;
}

table.title th, h1 {
  text-shadow: 2px 2px 8px black, 1px 1px 5px black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}

.form form > p, table.title td, .text-small {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #796641;
}

.search-bit table td.date, .post-extra-bottom span.time-created, td.post-extra span.time-created,
.cell-extra span.time-created, div.edited-by, table.forum-threads td.column-lasttime, table.forum-threads td.column-postcount, .flag-inner table td a.subject, .flag-inner table td a, .flag-inner table td, .text-tiny {
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-size: 8pt;
  color: #8a5c00;
}

.flag-inner table td a:hover {
  color: #fff3da;
  text-decoration: none;
}

.flag-inner table td a.subject, a {
  border: none;
  color: #ffaa00;
  text-decoration: none;
}
.flag-inner table td a.subject:hover, a:hover {
  color: #fff3da;
  text-decoration: none;
}
.flag-inner table td a.subject img, a img {
  border: none;
}

.post .reply {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  color: #796641;
}

.search-bit table td i, .search-bit table td i a {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
}
.search-bit table td i:link, .search-bit table td i a:link {
  color: #796641;
}
.search-bit table td i:hover, .search-bit table td i a:hover {
  color: #fff3da;
}

body {
  font-size: 15px;
  font-family: Arial, sans-serif;
  color: #bfa570;
  line-height: 1.2;
}

table.title th, h1 {
  font-size: 20pt;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  color: #fff3da;
  font-weight: bold;
}

table.title th, h1 {
  text-shadow: 2px 2px 8px black, 1px 1px 5px black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}

.form form > p, table.title td, .text-small {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #796641;
}

.search-bit table td.date, .post-extra-bottom span.time-created, td.post-extra span.time-created,
.cell-extra span.time-created, div.edited-by, table.forum-threads td.column-lasttime, table.forum-threads td.column-postcount, .flag-inner table td a.subject, .flag-inner table td a, .flag-inner table td, .text-tiny {
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-size: 8pt;
  color: #8a5c00;
}

.flag-inner table td a:hover {
  color: #fff3da;
  text-decoration: none;
}

.flag-inner table td a.subject, a {
  border: none;
  color: #ffaa00;
  text-decoration: none;
}
.flag-inner table td a.subject:hover, a:hover {
  color: #fff3da;
  text-decoration: none;
}
.flag-inner table td a.subject img, a img {
  border: none;
}

.post .reply {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  color: #796641;
}

.search-bit table td i, .search-bit table td i a {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
}
.search-bit table td i:link, .search-bit table td i a:link {
  color: #796641;
}
.search-bit table td i:hover, .search-bit table td i a:hover {
  color: #fff3da;
}

body {
  margin: 0;
  background: black;
}
body > div.body {
  position: relative;
  background-image: url(../img/art-narrow.jpg);
  background-repeat: no-repeat;
  background-color: black;
  background-position-x: -500px;
  background-position-y: top;
  min-height: 900px;
}
@media screen and (min-width: 950px) {
  body > div.body {
    background-image: url(../img/art.jpg);
    background-position-x: center;
  }
}
body > div.body.narrow {
  background-image: url(../img/art-narrow.jpg);
}
@media screen and (min-width: 950px) {
  body > div.body.narrow {
    background-position-x: center;
  }
}
body > div.body.landing {
  background-image: url(../img/art-landing.jpg);
  min-height: 1089px;
}

button, input, select, textarea, div.WYMEditor-holder {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

p {
  margin: 0 0 15px 0;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

h1 {
  display: inline-block;
  padding: 5px;
  margin: 10px;
}

h2 {
  display: inline-block;
  font-size: 16pt;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  color: #fff3da;
  font-weight: bold;
  text-shadow: 2px 2px 8px black, 1px 1px 5px black;
}

.site-content {
  min-height: 300px;
}
.site-content .text-link {
  color: #bfa570;
}
.site-content .text-link:hover {
  color: #fff3da;
  text-decoration: none;
}

.spaced-sides {
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 550px) {
  .spaced-sides {
    margin-left: 50px;
    margin-right: 50px;
  }
}

.spaced {
  margin: 20px;
}
@media screen and (min-width: 550px) {
  .spaced {
    margin: 50px;
  }
}

.rounded-block, .admin-controls, div.inline-buttons, .important-block {
  margin: 10px 20px;
  padding: 5px 10px;
  position: relative;
  display: inline-block;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.rounded-block.stronger, .stronger.admin-controls, div.stronger.inline-buttons, .stronger.important-block {
  color: #fbd993;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.5);
}

.important-block {
  border: 2px solid #ffe081;
  padding: 20px;
  background-color: #53462d;
  color: #ffe081;
  border-radius: 5px;
}

table.title {
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 650px) {
  table.title {
    margin-left: 90px;
    margin-right: 90px;
  }
}
table.title th {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 8px;
}
table.title td {
  border-top: 1px solid #796641;
  padding-top: 4px;
  padding-bottom: 5px;
}

.text-darker {
  color: #796641;
}

body {
  font-size: 15px;
  font-family: Arial, sans-serif;
  color: #bfa570;
  line-height: 1.2;
}

h1, table.title th {
  font-size: 20pt;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  color: #fff3da;
  font-weight: bold;
}

h1, table.title th {
  text-shadow: 2px 2px 8px black, 1px 1px 5px black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}

.form form > p, .text-small, table.title td {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #796641;
}

.search-bit table td.date, .post-extra-bottom span.time-created, td.post-extra span.time-created,
.cell-extra span.time-created, div.edited-by, table.forum-threads td.column-lasttime, table.forum-threads td.column-postcount, .flag-inner table td a.subject, .flag-inner table td a, .flag-inner table td, .text-tiny {
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-size: 8pt;
  color: #8a5c00;
}

.flag-inner table td a:hover {
  color: #fff3da;
  text-decoration: none;
}

.flag-inner table td a.subject, a {
  border: none;
  color: #ffaa00;
  text-decoration: none;
}
.flag-inner table td a.subject:hover, a:hover {
  color: #fff3da;
  text-decoration: none;
}
.flag-inner table td a.subject img, a img {
  border: none;
}

.post .reply {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  color: #796641;
}

.search-bit table td i, .search-bit table td i a {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
}
.search-bit table td i:link, .search-bit table td i a:link {
  color: #796641;
}
.search-bit table td i:hover, .search-bit table td i a:hover {
  color: #fff3da;
}

ul, ol {
  padding-inline-start: 5px;
}
@media screen and (min-width: 500px) {
  ul, ol {
    padding-inline-start: 40px;
  }
}

.wrapper {
  padding-top: 195px;
}
@media screen and (min-width: 795px) {
  .wrapper {
    padding-top: 247px;
  }
}
@media screen and (min-width: 950px) {
  .wrapper {
    padding-top: 457px;
    width: 950px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 795px) {
  .wrapper.narrow {
    padding-top: 247px;
  }
}
.wrapper.landing {
  padding-top: 72px;
}

.site-logo {
  display: block;
  position: absolute;
  top: -10px;
  left: 130px;
  width: 490px;
  height: 88px;
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  margin-left: -250px;
  text-indent: -9999px;
  background: url(../img/sprite_transp.png) -227px -75px no-repeat;
}
@media screen and (min-width: 370px) {
  .site-logo {
    left: 50%;
    left: calc(50% + 4px);
  }
}
@media screen and (min-width: 610px) {
  .site-logo {
    top: 4px;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

.made-in-ukraine {
  position: absolute;
  top: 43px;
  right: calc(100% - 73px);
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}
@media screen and (min-width: 370px) {
  .made-in-ukraine {
    top: 10px;
    right: calc(50% + 110px);
  }
}
@media screen and (min-width: 610px) {
  .made-in-ukraine {
    right: calc(50% + 230px);
  }
}
@media screen and (min-width: 700px) {
  .made-in-ukraine {
    right: calc(50% + 255px);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

.site-inner {
  position: relative;
}

.site-bg-bar {
  display: none;
  width: 35px;
  position: absolute;
  top: 75px;
  bottom: 0;
  background: url(../img/site_bar.png) repeat-y;
  z-index: 500;
}
.site-bg-bar.left {
  left: -9px;
}
.site-bg-bar.right {
  right: -25px;
}
.site-bg-bar.no-nav {
  top: 0px;
}
@media screen and (min-width: 950px) {
  .site-bg-bar {
    display: block;
  }
}

.site-bg-footer, .site-top-bar {
  display: block;
  height: 35px;
  background: url(../img/site_bar_hor.png) repeat-x;
  z-index: 5;
}

.site-top-bar {
  position: absolute;
  top: 177px;
  left: -3px;
  right: 0px;
}
@media screen and (min-width: 795px) {
  .site-top-bar {
    display: none;
  }
}

.site-nav .user-menu-button {
  cursor: pointer;
}
.site-nav.main {
  display: none;
}
@media screen and (min-width: 795px) {
  .site-nav.main {
    display: block;
  }
}
@media screen and (min-width: 950px) {
  .site-nav {
    padding-left: 15px;
    padding-right: 5px;
  }
}
.site-nav .item {
  display: block;
  position: relative;
  float: left;
  height: 75px;
  width: 104px;
  padding-top: 49px;
  color: #ffe081;
  font-size: 12px;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.site-nav .first {
  width: 97px;
}
.site-nav .last {
  text-align: left;
  font-size: 13px;
  color: #fff;
  text-transform: none;
  padding-top: 7px;
  padding-left: 12px;
  position: relative;
  z-index: 1;
  display: none;
}
@media screen and (min-width: 795px) {
  .site-nav .last {
    display: block;
    width: 160px;
  }
}
@media screen and (min-width: 950px) {
  .site-nav .last {
    padding-left: 20px;
    width: 310px;
    font-size: 15px;
  }
}
.site-nav .ico:before {
  content: "";
  position: absolute;
  height: 48px;
  width: 48px;
  top: 0;
  left: 50%;
  margin-left: -24px;
  background-image: url(../img/sprite_transp.png);
  background-repeat: no-repeat;
}
.site-nav .ico:hover {
  color: white;
  text-shadow: 0px 0px 5px #ffe081;
}
.site-nav .ico-crown:before {
  background-position: -336px 0;
}
.site-nav .ico-scroll:before {
  background-position: -432px 0;
}
.site-nav .ico-castle:before {
  background-position: -288px 0;
}
.site-nav .ico-tools:before {
  background-position: -384px 0;
}
.site-nav .ico-bubble:before {
  background-position: -480px 0;
}
.site-nav .ico-coin:before {
  background-position: -528px 0;
}
.site-nav .ico-anonymous {
  position: absolute;
  bottom: 4px;
  right: 10px;
  display: none;
}
@media screen and (min-width: 950px) {
  .site-nav .ico-anonymous {
    display: block;
  }
}
.site-nav .ico-user {
  position: absolute;
  bottom: -1px;
  right: -2px;
  overflow-x: hidden;
  width: 180px;
  display: none;
}
@media screen and (min-width: 950px) {
  .site-nav .ico-user {
    display: block;
  }
}
.site-nav .ico-user > .img {
  position: relative;
  background-position-y: bottom;
  background-repeat: no-repeat;
  width: 180px;
  height: 180px;
  right: -20px;
  top: -2px;
  z-index: -1;
}
.site-nav .user-title {
  display: inline;
}

.site-content {
  background: url(../img/bg.jpg);
  overflow: hidden;
}
@media screen and (min-width: 950px) {
  .site-content {
    padding: 0 0 0 5px;
  }
}

.site-main-col {
  float: left;
  width: 100%;
}
@media screen and (min-width: 950px) {
  .site-main-col {
    width: 630px;
  }
}

.site-sidebar {
  float: right;
  width: 300px;
  padding-bottom: 30px;
  display: none;
}
@media screen and (min-width: 950px) {
  .site-sidebar {
    display: block;
  }
}

.content-box-crop {
  overflow: hidden;
}

.content-box {
  position: relative;
  background: url(../img/bg.jpg);
  width: 100%;
  z-index: 5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-bottom: 30px;
  padding: 0px 0px 30px 0;
}
.content-box .box-top {
  position: absolute;
  width: 633px;
  height: 40px;
  background: url(../img/sprite.jpg) 0 -378px no-repeat;
  left: 0;
  top: 0;
  display: none;
}
.content-box .box-top:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 641px;
  height: 11px;
  background: url(../img/sprite_transp.png) 0 -48px no-repeat;
}
.content-box .box-top:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 9px;
  height: 33px;
  background: url(../img/sprite_transp.png) -276px 0 no-repeat;
}
@media screen and (min-width: 950px) {
  .content-box .box-top {
    display: block;
  }
}
@media screen and (min-width: 950px) {
  .content-box {
    padding: 33px 15px 30px 0;
    margin-top: 20px;
  }
}

.center-bar {
  position: absolute;
  width: 35px;
  top: 32px;
  bottom: -9999px;
  right: -20px;
  z-index: 1;
  background: url(../img/site_bar.png) repeat-y;
  display: none;
}
.center-bar.bottom {
  bottom: 100px;
  top: 0;
  left: 632px;
}
@media screen and (min-width: 950px) {
  .center-bar {
    display: block;
  }
}

.text-box, .index-news, div.account-info {
  padding: 10px 5px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 450px) {
  .text-box, .index-news, div.account-info {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.text-box.bottom, .bottom.index-news, div.account-info.bottom {
  margin-bottom: 20px;
}
.text-box.narrow, .narrow.index-news, div.account-info.narrow {
  padding-top: 2px;
  padding-bottom: 2px;
}

.download-game-button {
  display: none;
  width: 227px;
  height: 99px;
  background: url(../img/sprite_transp.png) -717px -75px no-repeat;
  left: calc(50% + 110px);
  position: absolute;
  margin-left: -114px;
  top: 90px;
  text-align: center;
  line-height: 1;
  text-decoration: none;
}
@media screen and (min-width: 950px) {
  .download-game-button {
    top: 108px;
  }
}
.download-game-button.narrow {
  top: 90px;
}
.download-game-button.narrow .line1.lm {
  margin-top: 10px;
}
.download-game-button .line1 {
  color: white;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
  margin-top: 14px;
}
.download-game-button .line1.lm {
  font-size: 28px;
  line-height: 28px;
  margin-top: 16px;
}
.download-game-button .line2 {
  color: #fffa96;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 15px;
  margin-top: 5px;
}
.download-game-button .line2.lm {
  letter-spacing: 2px;
}
.download-game-button:hover .line1 {
  color: #FFFF00;
  text-shadow: 0 0 15px white;
}
.download-game-button:hover .line2 {
  color: #FFFF00;
  text-shadow: 0 0 8px white;
}
.download-game-button#play-game-button {
  background-position-x: 0px;
  left: 50%;
  display: block;
}
.download-game-button#play-game-button .line2 {
  color: #9af383;
}
.download-game-button#play-game-button:hover .line2 {
  color: #FFFF00;
}

.site-flag {
  width: 300px;
  background: url(../img/flag.png) top center no-repeat;
  position: relative;
  right: -3px;
  padding-top: 167px;
  margin-bottom: 150px;
  box-sizing: border-box;
  z-index: 1;
  -moz-box-sizing: border-box;
}
.site-flag .flag-inner {
  padding: 0 40px 0 30px;
  background: url(../img/flag_tile.jpg) 18px top repeat-y;
}
.site-flag .flag-end {
  position: absolute;
  width: 262px;
  height: 73px;
  top: 100%;
  left: 18px;
  background: url(../img/sprite.jpg) 0 -418px no-repeat;
}
.site-flag .flag-end:before {
  content: "";
  position: absolute;
  width: 275px;
  height: 45px;
  top: 100%;
  left: -5px;
  z-index: 2;
  background: url(../img/sprite_transp.png) 0 0 no-repeat;
}

.bricks-short {
  max-width: 633px;
  margin: 0 auto;
  height: 10px;
  position: relative;
}
.bricks-short:before {
  content: "";
  height: 58px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url(../img/sprite.jpg) 0 -319px no-repeat;
}

.bricks-long {
  max-width: 940px;
  margin: 0 auto;
  height: 25px;
  position: relative;
}
.bricks-long:before {
  content: "";
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url(../img/sprite.jpg) 0 -219px no-repeat;
}

hr {
  max-width: 200px;
  height: 1px;
  background-color: #bfa570;
  margin: 0 auto;
  margin-bottom: 15px;
  border: none;
}

@media screen and (min-width: 650px) {
  hr.short {
    max-width: 628px;
    height: 44px;
    background: url(../img/sprite.jpg) -5px -275px no-repeat;
  }
}

@media screen and (min-width: 940px) {
  hr.long {
    max-width: 930px;
    height: 44px;
    background: url(../img/sprite.jpg) -10px -175px no-repeat;
  }
  hr.long.in-content {
    margin-left: -20px;
  }
}

.ending-bricks {
  left: 0;
  width: 947px;
  top: 0px;
  height: 39px;
  background: url(../img/sprite.jpg) 0 -136px no-repeat;
  margin: 0 auto;
  border: none;
}

.site-page-image {
  text-align: center;
  position: relative;
  margin-top: -3px;
  margin-bottom: 15px;
}
.site-page-image img {
  max-width: 100%;
  vertical-align: top;
}
.site-page-image.for-forum img {
  max-width: initial;
}
.site-page-image .for-menu {
  position: absolute;
  left: 0;
  width: 945px;
  top: 0px;
  height: 6px;
  background: url(../img/sprite_transp.png) 0 -59px no-repeat;
  z-index: 1;
}
.site-page-image .for-gradient {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 87px;
  background: url(../img/image_gradient.png) repeat-x;
  z-index: 1;
}
.site-page-image .inner-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: left;
}
.site-page-image hr.total {
  position: absolute;
  left: 0;
  width: 945px;
  top: 0px;
  height: 5px;
  background: url(../img/sprite.jpg) 0 -131px no-repeat;
  margin: 0 auto;
  border: none;
}
.site-page-image .ending-bricks-shadow {
  position: absolute;
  left: 0;
  width: 947px;
  top: 0px;
  height: 10px;
  background: url(../img/sprite_transp.png) 0 -65px no-repeat;
}
.site-page-image.thread-bugreport {
  margin-bottom: 115px;
}
@media screen and (min-width: 550px) {
  .site-page-image.thread-bugreport {
    margin-bottom: 75px;
  }
}
@media screen and (min-width: 600px) {
  .site-page-image.thread-bugreport {
    margin-bottom: 45px;
  }
}

.site-bg-footer {
  margin-top: -7px;
  margin-bottom: 10px;
}
@media screen and (min-width: 795px) {
  .site-bg-footer {
    background: url(../img/sprite.jpg) 0 0 no-repeat;
    height: 131px;
    margin-top: -30px;
    margin-left: -12px;
    position: relative;
  }
}
@media screen and (min-width: 950px) {
  .site-bg-footer {
    width: 976px;
  }
}

.site-footer {
  margin: -20px 0 50px;
  position: relative;
  z-index: 100;
}
.site-footer a, .site-footer img {
  vertical-align: top;
}
.site-footer a {
  color: #796641;
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
}
.site-footer a:hover {
  color: #fff3da;
  text-decoration: none;
}
.site-footer .enkord-logo {
  display: inline-block;
  width: 194px;
  height: 32px;
  background: url(../img/sprite.jpg) -633px -374px no-repeat;
  clear: both;
  margin-top: 20px;
  margin-bottom: 10px;
}
.site-footer .item {
  float: left;
  margin-right: 20px;
}
.site-footer .footer-category {
  float: left;
  width: 150px;
  padding: 10px;
}
.site-footer .footer-logo {
  float: right;
}

.popup-menu {
  transition: all 0.5s;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  right: 0px;
  top: 0px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  z-index: 600;
}
.popup-menu .site-nav {
  transition: all 0.5s;
  position: fixed;
  top: 0px;
  right: -100%;
  width: 200px;
  height: 100%;
  background: url(../img/bg.jpg);
  box-shadow: 0px 0px 15px 3px rgb(0, 0, 0);
  margin: 0px;
  padding: 0px;
  z-index: 601;
}
@media screen and (min-width: 380px) {
  .popup-menu .site-nav {
    width: 323px;
  }
}
.popup-menu .site-nav .user-bar {
  transition: all 0.5s;
  width: 200px;
  height: 74px;
  background: none;
  border-bottom: 1px solid #4f4339;
}
@media screen and (min-width: 380px) {
  .popup-menu .site-nav .user-bar {
    width: 327px;
    height: 99px;
  }
}
.popup-menu .site-nav .user-bar .ico-user, .popup-menu .site-nav .user-bar .ico-anonymous {
  overflow: visible;
  display: none;
  bottom: 0px;
}
@media screen and (min-width: 380px) {
  .popup-menu .site-nav .user-bar .ico-user, .popup-menu .site-nav .user-bar .ico-anonymous {
    display: block;
  }
}
.popup-menu .site-nav .user-bar .ico-user > .img, .popup-menu .site-nav .user-bar .ico-anonymous > .img {
  background-position-y: bottom -30px;
  bottom: 0px;
}
.popup-menu .site-nav .user-bar .ico-user {
  bottom: -2px;
}
.popup-menu .site-nav .user-bar a.item.last {
  height: 99px;
}
.popup-menu .site-nav .user-bar .last {
  display: block;
  width: 310px;
  height: 100%;
}
@media screen and (min-width: 380px) {
  .popup-menu .site-nav .user-bar .last {
    padding-left: 22px;
  }
}
.popup-menu .site-nav .edge-bar {
  transition: all 0.5s;
  width: 18px;
  position: absolute;
  top: 0px;
  right: 192px;
  height: 100%;
  bottom: 0;
  background: url(../img/site_bar.png) repeat-y;
  z-index: 602;
}
@media screen and (min-width: 380px) {
  .popup-menu .site-nav .edge-bar {
    right: 312px;
  }
}
.popup-menu .site-nav .m-item {
  color: #ffe081;
  height: 30px;
  line-height: 45px;
  font-size: 12px;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  text-transform: uppercase;
  padding-left: 22px;
  padding-bottom: 15px;
  border-bottom: 1px solid #4f4339;
}
.popup-menu .site-nav .m-item:hover {
  background-color: #4f4138;
}
.popup-menu .site-nav .m-item.login {
  height: 48px;
  text-align: center;
}
.popup-menu .site-nav .m-item.login:hover {
  background-color: transparent;
}
@media screen and (min-width: 795px) {
  .popup-menu .site-nav .m-item.main {
    display: none;
  }
}
.popup-menu .site-nav .m-icon {
  display: inline-block;
  padding: 0px;
  height: 48px;
  width: 48px;
  margin-bottom: -18px;
  background-image: url(../img/sprite_transp.png);
  background-repeat: no-repeat;
}
.popup-menu .site-nav .m-icon.ico-crown {
  background-position: -336px 0px;
}
.popup-menu .site-nav .m-icon.ico-scroll {
  background-position: -432px 0px;
}
.popup-menu .site-nav .m-icon.ico-castle {
  background-position: -288px 0px;
}
.popup-menu .site-nav .m-icon.ico-tools {
  background-position: -384px 0px;
}
.popup-menu .site-nav .m-icon.ico-bubble {
  background-position: -480px 0px;
}
.popup-menu .site-nav .m-icon.ico-coin {
  background-position: -528px 0px;
}
.popup-menu .site-nav .forum-search-area {
  position: relative;
  float: left;
  left: 24px;
  width: calc(100% - 20px);
  display: block;
  text-align: left;
}
.popup-menu .site-nav .forum-search-area input[type=text] {
  width: 85%;
}
.popup-menu .overlay {
  width: 100%;
  height: 100%;
}

.popup-menu-button {
  position: absolute;
  right: 6px;
  top: 0px;
}
.popup-menu-button .big-button {
  padding: 0px;
}
@media screen and (min-width: 795px) {
  .popup-menu-button {
    display: none;
  }
}

.like-table {
  display: table;
  height: 100%;
  width: 100%;
}

.like-row {
  display: table-row;
}

.like-cell {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (min-width: 950px) {
  .col-push-up-little {
    margin-top: -100px;
  }
}

.col-push-up-50 {
  margin-top: -50px;
}

.col-push-down {
  margin-top: 200px;
}

.col-push-down-little {
  margin-top: 100px;
}

body {
  font-size: 15px;
  font-family: Arial, sans-serif;
  color: #bfa570;
  line-height: 1.2;
}

h1, table.title th {
  font-size: 20pt;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  color: #fff3da;
  font-weight: bold;
}

h1, table.title th {
  text-shadow: 2px 2px 8px black, 1px 1px 5px black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}

.form form > p, .text-small, table.title td {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #796641;
}

.search-bit table td.date, .post-extra-bottom span.time-created, td.post-extra span.time-created,
.cell-extra span.time-created, div.edited-by, table.forum-threads td.column-lasttime, table.forum-threads td.column-postcount, .flag-inner table td a.subject, .flag-inner table td a, .flag-inner table td, .text-tiny {
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-size: 8pt;
  color: #8a5c00;
}

.flag-inner table td a:hover {
  color: #fff3da;
  text-decoration: none;
}

.flag-inner table td a.subject, a {
  border: none;
  color: #ffaa00;
  text-decoration: none;
}
.flag-inner table td a.subject:hover, a:hover {
  color: #fff3da;
  text-decoration: none;
}
.flag-inner table td a.subject img, a img {
  border: none;
}

.post .reply {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  color: #796641;
}

.search-bit table td i, .search-bit table td i a {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
}
.search-bit table td i:link, .search-bit table td i a:link {
  color: #796641;
}
.search-bit table td i:hover, .search-bit table td i a:hover {
  color: #fff3da;
}

b.medium-button-disabled, span.selected-button, b.small-button-disabled, .paginator b, b.big-button-disabled, a.button, .big-button, .medium-button, .small-button,
.paginator a, .inline-buttons button, form button, .big-dynamic-button, .medium-dynamic-button {
  display: inline-block;
  position: relative;
  background-repeat: repeat-x;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  text-decoration: none;
  color: white;
  border: 0;
}

b.small-button-disabled, .paginator b, b.big-button-disabled, a.button, .big-button, .medium-button, .small-button,
.paginator a, .inline-buttons button, form button, .big-dynamic-button, .medium-dynamic-button {
  font-weight: bold;
}

.big-dynamic-button, .medium-dynamic-button {
  margin: 0;
  padding: 10px 10px 15px;
  font: inherit;
  text-shadow: none;
  cursor: pointer;
  border-image-source: url(../img/button-big-dynamic.png);
  border-image-slice: 7 9 9 8 fill;
  border-image-width: auto;
  border-image-outset: 7 9 9 8;
  font-size: 18px;
}
.big-dynamic-button:visited, .medium-dynamic-button:visited {
  color: white;
}
.big-dynamic-button:hover, .medium-dynamic-button:hover {
  color: #FFFF00;
}
.big-dynamic-button:disabled, .medium-dynamic-button:disabled {
  color: black;
}

.medium-dynamic-button {
  font-size: 16px;
  padding: 9px 12px 13px 9px;
}

a.button, .big-button, .medium-button, .small-button,
.paginator a, .inline-buttons button, form button {
  white-space: nowrap;
  text-overflow: ellipsis;
}
a.button, a.button:before, a.button:after, .big-button, .big-button:before, .big-button:after, .medium-button, .medium-button:before, .medium-button:after, .small-button, .small-button:before, .small-button:after,
.paginator a,
.paginator a:before,
.paginator a:after, .inline-buttons button, .inline-buttons button:before, .inline-buttons button:after, form button, form button:before, form button:after {
  background: url(../img/forum-buttons.png);
  outline: 0;
}
a.button:visited, .big-button:visited, .medium-button:visited, .small-button:visited,
.paginator a:visited, .inline-buttons button:visited, form button:visited {
  color: white;
}
a.button:hover, .big-button:hover, .medium-button:hover, .small-button:hover,
.paginator a:hover, .inline-buttons button:hover, form button:hover {
  color: #FFFF00;
}
a.button:before, a.button:after, .big-button:before, .big-button:after, .medium-button:before, .medium-button:after, .small-button:before, .small-button:after,
.paginator a:before,
.paginator a:after, .inline-buttons button:before, .inline-buttons button:after, form button:before, form button:after {
  content: "";
  position: absolute;
  top: 0px;
  background-repeat: no-repeat;
}
a.button input, a.button button, .big-button input, .big-button button, .medium-button input, .medium-button button, .small-button input, .small-button button,
.paginator a input,
.paginator a button, .inline-buttons button input, .inline-buttons button button, form button input, form button button {
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  text-shadow: none;
  cursor: pointer;
}
a.button input:disabled, a.button button:disabled, .big-button input:disabled, .big-button button:disabled, .medium-button input:disabled, .medium-button button:disabled, .small-button input:disabled, .small-button button:disabled,
.paginator a input:disabled,
.paginator a button:disabled, .inline-buttons button input:disabled, .inline-buttons button button:disabled, form button input:disabled, form button button:disabled {
  color: black;
}
a.button:disabled, a.button:disabled:before, a.button:disabled:after, .big-button:disabled, .big-button:disabled:before, .big-button:disabled:after, .medium-button:disabled, .medium-button:disabled:before, .medium-button:disabled:after, .small-button:disabled, .small-button:disabled:before, .small-button:disabled:after,
.paginator a:disabled,
.paginator a:disabled:before,
.paginator a:disabled:after, .inline-buttons button:disabled, .inline-buttons button:disabled:before, .inline-buttons button:disabled:after, form button:disabled, form button:disabled:before, form button:disabled:after {
  background-color: rgba(0, 0, 0, 0.3333333333);
  background-blend-mode: darken;
  color: black;
}

a.button.green, a.button.green:before, a.button.green:after, .big-button.green, .big-button.green:before, .big-button.green:after, .medium-button.green, .medium-button.green:before, .medium-button.green:after, .small-button.green, .small-button.green:before, .small-button.green:after,
.paginator a.green,
.paginator a.green:before,
.paginator a.green:after, .inline-buttons button.green, .inline-buttons button.green:before, .inline-buttons button.green:after {
  background-image: url(../img/forum-buttons-green.png);
}

.big-button, a.button, form button {
  height: 48px;
  line-height: 44px;
  margin: 8px 7px;
  padding: 0px 10px;
  background-position: 0px 0px;
  font-size: 18px;
}
.big-button:hover, a.button:hover, form button:hover {
  text-shadow: 0 0 10px white;
}
.big-button:before, .big-button:after, a.button:before, a.button:after, form button:before, form button:after {
  height: 48px;
}
.big-button:before, a.button:before, form button:before {
  width: 8px;
  right: -8px;
  background-position: -7px -110px;
}
.big-button:after, a.button:after, form button:after {
  width: 7px;
  left: -7px;
  background-position: 0px -110px;
}

.medium-button {
  height: 36px;
  line-height: 32px;
  margin: 7px 6px;
  padding: 0px 8px;
  background-position: 0px -48px;
  font-size: 16px;
}
.medium-button:hover {
  text-shadow: 0 0 8px white;
}
.medium-button:before, .medium-button:after {
  height: 36px;
}
.medium-button:before {
  width: 7px;
  right: -7px;
  background-position: -21px -110px;
}
.medium-button:after {
  width: 6px;
  left: -6px;
  background-position: -15px -110px;
}

.paginator a,
.small-button, .inline-buttons button, .inline-buttons a.button {
  height: 26px;
  line-height: 23px;
  margin: 6px 5px;
  padding: 0px 7px;
  background-position: 0px -84px;
  font-size: 12px;
  font-weight: normal;
}

.paginator a:hover,
.small-button:hover, .inline-buttons button:hover, .inline-buttons a.button:hover {
  text-shadow: 0 0 5px white;
}
.paginator a:before, .paginator a:after,
.small-button:before,
.small-button:after, .inline-buttons button:before, .inline-buttons button:after, .inline-buttons a.button:before, .inline-buttons a.button:after {
  height: 26px;
}
.paginator a:before,
.small-button:before, .inline-buttons button:before, .inline-buttons a.button:before {
  width: 6px;
  right: -6px;
  background-position: -33px -110px;
}
.paginator a:after,
.small-button:after, .inline-buttons button:after, .inline-buttons a.button:after {
  width: 5px;
  left: -5px;
  background-position: -28px -110px;
}

.inline-buttons button, .inline-buttons a.button {
  height: auto;
}

b.small-button-disabled, .paginator b, b.medium-button-disabled, span.selected-button, b.big-button-disabled {
  background-color: #222222;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #666666;
  box-shadow: 1px 1px 0 black;
}

b.big-button-disabled {
  font-weight: bold;
  font-size: 18px;
  height: 24px;
  margin: 4px 0px 4px 0px;
  border-radius: 5px;
  padding: 9px 15px 8px 15px;
  line-height: 20px;
}

b.medium-button-disabled, span.selected-button {
  font-size: 16px;
  height: 20px;
  margin: 4px 0px 4px 0px;
  border-radius: 4px;
  padding: 3px 10px 6px 10px;
  line-height: 20px;
}

b.medium-button-disabled {
  font-weight: bold;
}

b.small-button-disabled, .paginator b {
  font-weight: normal;
  font-size: 12px;
  height: 16px;
  margin: 4px 0px 4px 0px;
  border-radius: 3px;
  padding: 1px 8px 2px 8px;
  line-height: 16px;
}

.emoji-button {
  cursor: pointer;
  user-select: none;
  padding: 2px;
  border-radius: 2px;
  background-color: #ffaa00;
  line-height: 1;
  color: transparent;
  text-shadow: 0 0 0 #53462d;
}

body {
  font-size: 15px;
  font-family: Arial, sans-serif;
  color: #bfa570;
  line-height: 1.2;
}

h1, table.title th {
  font-size: 20pt;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  color: #fff3da;
  font-weight: bold;
}

h1, table.title th {
  text-shadow: 2px 2px 8px black, 1px 1px 5px black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}

.form form > p, .text-small, table.title td {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #796641;
}

.search-bit table td.date, .post-extra-bottom span.time-created, td.post-extra span.time-created,
.cell-extra span.time-created, div.edited-by, table.forum-threads td.column-lasttime, table.forum-threads td.column-postcount, .flag-inner table td a.subject, .flag-inner table td a, .flag-inner table td, .text-tiny {
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-size: 8pt;
  color: #8a5c00;
}

.flag-inner table td a:hover {
  color: #fff3da;
  text-decoration: none;
}

.flag-inner table td a.subject, a {
  border: none;
  color: #ffaa00;
  text-decoration: none;
}
.flag-inner table td a.subject:hover, a:hover {
  color: #fff3da;
  text-decoration: none;
}
.flag-inner table td a.subject img, a img {
  border: none;
}

.post .reply {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  color: #796641;
}

.search-bit table td i, .search-bit table td i a {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
}
.search-bit table td i:link, .search-bit table td i a:link {
  color: #796641;
}
.search-bit table td i:hover, .search-bit table td i a:hover {
  color: #fff3da;
}

.common_errors, .form td.label > .error {
  display: inline-block;
  border: 2px solid black;
  border-radius: 4px;
  background-color: #ffdc96;
  background-image: -webkit-linear-gradient(top, #FFDC96 0%, #B49C6A 100%);
  background-image: -ms-linear-gradient(top, #FFDC96 0%, #B49C6A 100%);
  background-image: -moz-linear-gradient(top, #FFDC96 0%, #B49C6A 100%);
  background-image: -o-linear-gradient(top, #FFDC96 0%, #B49C6A 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFDC96), color-stop(1, #B49C6A));
  background-image: -webkit-linear-gradient(top, #FFDC96 0%, #B49C6A 100%);
  background-image: linear-gradient(to bottom, #FFDC96 0%, #B49C6A 100%);
  padding: 8px;
  margin: 5px;
  color: black;
  font-weight: bold;
  font-style: underline;
}

.form input.light, .form button.light, .form select.light, .form textarea.light, .form div.WYMEditor-holder.light {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #AAAAAA 0%, #EEEEEE 100%);
  background-image: -ms-linear-gradient(top, #AAAAAA 0%, #EEEEEE 100%);
  background-image: -moz-linear-gradient(top, #AAAAAA 0%, #EEEEEE 100%);
  background-image: -o-linear-gradient(top, #AAAAAA 0%, #EEEEEE 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AAAAAA), color-stop(1, #EEEEEE));
  background-image: -webkit-linear-gradient(top, #AAAAAA 0%, #EEEEEE 100%);
  background-image: linear-gradient(to bottom, #AAAAAA 0%, #EEEEEE 100%);
  border: 1px solid black;
  border-radius: 3px;
  box-shadow: 0px 0px 8px black, inset 0px 0px 3px white;
  padding: 8px;
  font-size: 15px;
  margin-top: 6px;
  margin-right: 6px;
  width: 85%;
  box-sizing: content-box;
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
@media screen and (min-width: 475px) {
  .form input.light, .form button.light, .form select.light, .form textarea.light, .form div.WYMEditor-holder.light {
    width: 260px;
  }
}
.form input.light[type=checkbox], .form button.light[type=checkbox], .form select.light[type=checkbox], .form textarea.light[type=checkbox], .form div.WYMEditor-holder.light[type=checkbox] {
  width: 20px;
  margin-right: 5px;
  margin-bottom: 0px;
}
.form input.light:hover, .form button.light:hover, .form select.light:hover, .form textarea.light:hover, .form div.WYMEditor-holder.light:hover {
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%);
}
.form input.light:focus, .form button.light:focus, .form select.light:focus, .form textarea.light:focus, .form div.WYMEditor-holder.light:focus {
  outline: none;
  box-shadow: 0px 0px 4px #ff9c00, 0px 0px 10px #ff9c00;
  background-color: white;
  background-image: none;
}
.form input.valid, .form button.valid, .form select.valid, .form textarea.valid, .form div.WYMEditor-holder.valid {
  border: 1px solid green;
  background-color: #ddffdd;
  background-image: -webkit-linear-gradient(top, #AACCAA 0%, #EEFFEE 100%);
  background-image: -ms-linear-gradient(top, #AACCAA 0%, #EEFFEE 100%);
  background-image: -moz-linear-gradient(top, #AACCAA 0%, #EEFFEE 100%);
  background-image: -o-linear-gradient(top, #AACCAA 0%, #EEFFEE 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AACCAA), color-stop(1, #EEFFEE));
  background-image: -webkit-linear-gradient(top, #AACCAA 0%, #EEFFEE 100%);
  background-image: linear-gradient(to bottom, #AACCAA 0%, #EEFFEE 100%);
  color: #006600;
}
.form input.invalid, .form button.invalid, .form select.invalid, .form textarea.invalid, .form div.WYMEditor-holder.invalid {
  border: 1px solid red;
  background-color: #ffdddd;
  background-image: -webkit-linear-gradient(top, #CCAAAA 0%, #FFEEEE 100%);
  background-image: -ms-linear-gradient(top, #CCAAAA 0%, #FFEEEE 100%);
  background-image: -moz-linear-gradient(top, #CCAAAA 0%, #FFEEEE 100%);
  background-image: -o-linear-gradient(top, #CCAAAA 0%, #FFEEEE 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCAAAA), color-stop(1, #FFEEEE));
  background-image: -webkit-linear-gradient(top, #CCAAAA 0%, #FFEEEE 100%);
  background-image: linear-gradient(to bottom, #CCAAAA 0%, #FFEEEE 100%);
  color: #660000;
}
.form input.light, .form button.light, .form select.light {
  height: 20px;
}
.form input[type=text].search {
  width: 65%;
}
.form textarea {
  font-family: "Lucida Console", "Courier New", courier, monospace;
}
.form textarea.light {
  height: 100px;
  margin-right: 4px;
}
.form .input .day, .form .input .month, .form .input .year {
  padding-left: 2px;
  padding-right: 4px;
}
.form .input .day {
  margin-right: 5px;
  width: 60px;
}
.form .input .month {
  margin-right: 5px;
  width: 114px;
}
.form .input .year {
  width: 70px;
}
.form .hint {
  font-family: Arial, sans-serif;
  font-size: 11pt;
  color: #8a5c00;
  padding: 4px;
}
.form h1 {
  padding: 5px;
  margin: 10px;
  font-size: 20pt;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  color: #fff3da;
  font-weight: bold;
  text-shadow: 2px 2px 8px black, 1px 1px 5px black;
  text-align: center;
}
.form table.form {
  width: 100%;
  border-spacing: 0px;
}
.form td.label {
  padding-right: 10px;
  padding-top: 8px;
}
.form td.label > .error label {
  display: inline-block;
  border-bottom: 2px dotted black;
  margin-bottom: 5px;
}
.form td.label .error_message {
  color: #7d0d0d;
}
.form td.narrow {
  width: 30%;
  text-align: right;
}
@media screen and (min-width: 475px) {
  .form td.narrow {
    width: 300px;
  }
}
.form td.wide {
  text-align: center;
}
.form td.wide textarea {
  width: 95%;
  height: 500px;
}
.form table tr:nth-of-type(1) > td, .form table tr:nth-of-type(2) > td, .form table tr:nth-last-of-type(1) > td, .form table tr:nth-last-of-type(2) > td, .form table tr:nth-last-of-type(3) > td {
  border: none;
}
.form td.hint {
  border: none;
}
.form .wysiwyg {
  display: inline-block;
  width: 100%;
}
.form div.WYMEditor-holder.light {
  width: calc(100% - 17px);
  background-image: -webkit-linear-gradient(top, #D5D5D5 0%, #EEEEEE 100%);
  background-image: -ms-linear-gradient(top, #D5D5D5 0%, #EEEEEE 100%);
  background-image: -moz-linear-gradient(top, #D5D5D5 0%, #EEEEEE 100%);
  background-image: -o-linear-gradient(top, #D5D5D5 0%, #EEEEEE 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D5D5D5), color-stop(1, #EEEEEE));
  background-image: -webkit-linear-gradient(top, #D5D5D5 0%, #EEEEEE 100%);
  background-image: linear-gradient(to bottom, #D5D5D5 0%, #EEEEEE 100%);
}
.form div.WYMEditor-holder.light:hover {
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(top, #E7E7E7 0%, #D7D7D7 100%);
  background-image: -ms-linear-gradient(top, #E7E7E7 0%, #D7D7D7 100%);
  background-image: -moz-linear-gradient(top, #E7E7E7 0%, #D7D7D7 100%);
  background-image: -o-linear-gradient(top, #E7E7E7 0%, #D7D7D7 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E7E7E7), color-stop(1, #D7D7D7));
  background-image: -webkit-linear-gradient(top, #E7E7E7 0%, #D7D7D7 100%);
  background-image: linear-gradient(to bottom, #E7E7E7 0%, #D7D7D7 100%);
}
.form form > h1 {
  display: table;
  margin: 0px auto;
  padding-top: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #796641;
}
.form form > p {
  display: table;
  margin: 0px auto;
  padding-top: 5px;
}

form div.form {
  margin-left: 5px;
  width: 100%;
  width: calc(100% - 20px);
}
@media screen and (min-width: 950px) {
  form div.form {
    margin-left: 12px;
    width: 90%;
    width: calc(100% - 30px);
  }
}

.text-box table.form td, .index-news table.form td {
  border: none;
}

.common_errors {
  text-align: center;
  color: #7d0d0d;
}

.post-form {
  font-size: 13px;
  line-height: 25px;
  margin-top: 20px;
  margin-bottom: 10px;
}

::-webkit-input-placeholder {
  color: #888888;
}

:-moz-placeholder {
  color: #444444;
}

::-moz-placeholder {
  color: #444444;
}

:-ms-input-placeholder {
  color: #888888;
}

.forum-search-area input.icon, .icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-top: -4px;
  margin-bottom: -8px;
  margin-left: -2px;
  margin-right: -2px;
  background: url(../img/forum-buttons.png);
  background-position: -39px -110px;
}
.forum-search-area input.icon.default-grayed, .icon.default-grayed {
  background-position: -67px -110px;
}
.forum-search-area input.icon.has-own, .icon.has-own {
  background-position: -95px -110px;
}
.forum-search-area input.icon.has-own-grayed, .icon.has-own-grayed {
  background-position: -123px -110px;
}
.forum-search-area input.icon.own, .icon.own {
  background-position: -151px -110px;
}
.forum-search-area input.icon.own-grayed, .icon.own-grayed {
  background-position: -179px -110px;
}
.forum-search-area input.icon.redirect, .icon.redirect {
  background-position: -207px -110px;
}
.forum-search-area input.icon.unapproved, .icon.unapproved {
  background-position: -235px -110px;
}
.forum-search-area input.icon.deleted, .icon.deleted {
  background-position: -263px -110px;
}
.forum-search-area input.icon.locked, .icon.locked {
  background-position: -39px -138px;
}
.forum-search-area input.icon.sticky, .icon.sticky {
  background-position: -67px -138px;
}
.forum-search-area input.icon.ignored, .icon.ignored {
  background-position: -151px -138px;
}
.forum-search-area input.icon.friend-mutual-online, .icon.friend-mutual-online {
  background-position: -179px -138px;
}
.forum-search-area input.icon.friend-mutual-offline, .icon.friend-mutual-offline {
  background-position: -207px -138px;
}
.forum-search-area input.icon.friend, .icon.friend {
  background-position: -235px -138px;
}

.forum-search-area input.icon {
  background-position: -123px -138px;
  line-height: 20px;
  position: absolute;
  top: 50%;
  right: 26px;
  margin-top: -6px;
}

.mod-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/forum-buttons.png);
  background-position: -95px -138px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: -4px;
}

.enkord-cash-icon {
  display: inline-block;
  width: 11px;
  height: 18px;
  background: url(../img/sprite_transp.png);
  background-position: -936px 0px;
  margin-bottom: -3px;
}

body {
  font-size: 15px;
  font-family: Arial, sans-serif;
  color: #bfa570;
  line-height: 1.2;
}

h1, table.title th {
  font-size: 20pt;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  color: #fff3da;
  font-weight: bold;
}

h1, table.title th {
  text-shadow: 2px 2px 8px black, 1px 1px 5px black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}

.text-small, table.title td, .form form > p {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #796641;
}

.search-bit table td.date, .post-extra-bottom span.time-created, td.post-extra span.time-created,
.cell-extra span.time-created, div.edited-by, table.forum-threads td.column-lasttime, table.forum-threads td.column-postcount, .flag-inner table td a.subject, .flag-inner table td a, .flag-inner table td, .text-tiny {
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-size: 8pt;
  color: #8a5c00;
}

.flag-inner table td a:hover {
  color: #fff3da;
  text-decoration: none;
}

.flag-inner table td a.subject, a {
  border: none;
  color: #ffaa00;
  text-decoration: none;
}
.flag-inner table td a.subject:hover, a:hover {
  color: #fff3da;
  text-decoration: none;
}
.flag-inner table td a.subject img, a img {
  border: none;
}

.post .reply {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  color: #796641;
}

.search-bit table td i, .search-bit table td i a {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
}
.search-bit table td i:link, .search-bit table td i a:link {
  color: #796641;
}
.search-bit table td i:hover, .search-bit table td i a:hover {
  color: #fff3da;
}

.site-page-image .inner-text .nav-string {
  display: inline-block;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  padding: 5px 5px 5px 10px;
  font-size: 10pt;
  font-family: Arial, sans-serif;
}

.forum-page-title {
  height: 82px;
  overflow: hidden;
  margin-right: 10px;
}
@media screen and (min-width: 635px) {
  .forum-page-title {
    margin-right: 200px;
  }
}

.tag_num {
  color: #AAAAAA;
}

.reply-area {
  overflow: hidden;
  height: 60px;
}
.reply-area .big-button {
  margin-top: 0px;
}
@media screen and (min-width: 500px) {
  .reply-area .big-button {
    margin-top: 8px;
  }
}

.paginator {
  width: auto;
  text-align: right;
}
@media screen and (min-width: 500px) {
  .paginator {
    float: right;
    height: 60px;
  }
}
.paginator.narrow {
  height: 30px;
}
.paginator a {
  margin-top: 1px;
  margin-bottom: 1px;
}
@media screen and (min-width: 500px) {
  .paginator a {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}

tr.forum-thread .paginator {
  height: 30px;
}

.admin-controls, div.inline-buttons {
  z-index: 1;
}

table.forum-threads {
  border: 0px;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-size: 11pt;
  width: 100%;
}
table.forum-threads .column-created {
  display: none;
}
@media screen and (min-width: 650px) {
  table.forum-threads .column-created {
    display: table-cell;
  }
}
table.forum-threads .column-bug {
  display: none;
}
@media screen and (min-width: 760px) {
  table.forum-threads .column-bug {
    display: table-cell;
  }
}
table.forum-threads td.column-lastposter {
  display: none;
}
@media screen and (min-width: 520px) {
  table.forum-threads td.column-lastposter {
    display: table-cell;
  }
}
table.forum-threads .column-bug-status {
  display: none;
}
@media screen and (min-width: 460px) {
  table.forum-threads .column-bug-status {
    display: table-cell;
  }
}
table.forum-threads .column-bug-status.status-open {
  color: red;
}
table.forum-threads .column-postcount {
  display: none;
}
@media screen and (min-width: 400px) {
  table.forum-threads .column-postcount {
    display: table-cell;
  }
}
table.forum-threads th {
  border: 0px;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-weight: normal;
  font-size: 10pt;
  text-transform: uppercase;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
}
table.forum-threads th:first-child {
  padding-left: 7px;
}
@media screen and (min-width: 600px) {
  table.forum-threads th:first-child {
    padding-left: 15px;
  }
}
table.forum-threads th:last-child {
  padding-right: 7px;
}
@media screen and (min-width: 600px) {
  table.forum-threads th:last-child {
    padding-right: 15px;
  }
}
table.forum-threads th.column-bug-reproducibility > div {
  overflow: clip;
  text-overflow: ellipsis;
  width: 60px;
}
table.forum-threads th.column-postcount > div {
  color: transparent;
  text-shadow: 0 0 0 #bfa570;
}
table.forum-threads tr.sticky {
  background-color: #2b231f;
}
table.forum-threads tr:hover {
  background-color: #332a25;
}
table.forum-threads tr.head:hover {
  background-color: transparent;
}
table.forum-threads tr:last-child td {
  border-bottom: none;
}
table.forum-threads tr.none {
  text-align: center;
}
table.forum-threads tr.none:hover {
  background-color: transparent;
}
table.forum-threads td {
  border-left: 0px;
  border-right: 0px;
  border-top: solid 1px #463a33;
  border-bottom: solid 1px #13100e;
  padding: 5px;
}
table.forum-threads td:first-child {
  padding-left: 7px;
}
@media screen and (min-width: 600px) {
  table.forum-threads td:first-child {
    padding-left: 15px;
  }
}
table.forum-threads td:last-child {
  padding-right: 7px;
}
@media screen and (min-width: 600px) {
  table.forum-threads td:last-child {
    padding-right: 15px;
  }
}
table.forum-threads span.forum-thread-subject a:visited {
  color: #796641;
}
table.forum-threads a.hard:visited {
  color: #ffaa00;
}
table.forum-threads a:hover, table.forum-threads a.hard:hover {
  color: #fff3da;
}

.forum-posts {
  width: 100%;
}
.forum-posts input[type=checkbox] {
  margin-left: 20px;
  float: left;
  position: relative;
  z-index: 10;
}

td.cell-wide, td.ignored {
  position: relative;
  z-index: 1;
}
td.cell-wide input[type=checkbox], td.ignored input[type=checkbox] {
  margin-left: 15px;
}

p.unapproved-status, p.deleted-status {
  color: red;
}

center.comments {
  margin-top: -25px;
}

.site-content, .controls-area {
  display: block;
  position: relative;
  z-index: 1;
}

.post {
  padding-left: 10px;
  padding-right: 0px;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 795px) {
  .post {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.post td {
  vertical-align: top;
}
@media screen and (min-width: 495px) {
  .post .post-author {
    width: 120px;
  }
}
@media screen and (min-width: 795px) {
  .post .post-author {
    width: 180px;
  }
}
.post .post-author > div.nickname {
  overflow: hidden;
  text-overflow: ellipsis;
}
.post .post-author > div.nickname:hover {
  overflow: visible;
}
.post .post-author > div.nickname:hover a {
  background: url(../img/bg.jpg);
  padding-right: 5px;
  position: relative;
}
.post .post-avatar {
  vertical-align: bottom;
}
.post .post-avatar > div {
  position: relative;
  text-align: left;
}
.post .post-avatar > div > img {
  margin-top: 10px;
  vertical-align: top;
  margin-bottom: -12px;
  margin-left: -57px;
  margin-right: -55px;
}
@media screen and (min-width: 495px) {
  .post .post-avatar > div > img {
    margin-left: -42px;
    margin-right: -20px;
  }
}
@media screen and (min-width: 795px) {
  .post .post-avatar > div > img {
    margin-left: -12px;
    margin-right: 0px;
  }
}
.post .post-avatar > div .shadow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/static/img/sprite_transp.png);
  background-position: -767px -45px;
  width: 180px;
  height: 13px;
  margin-bottom: -12px;
  margin-left: -12px;
}
.post .post-content {
  position: relative;
  z-index: 1;
  text-shadow: 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black, 0px 0px 9px black;
  padding: 0 10px;
}
@media screen and (min-width: 795px) {
  .post .post-content {
    text-shadow: none;
  }
}
.post .post-content.ignored, .post .post-content.deleted {
  color: #796641;
}
.post .post-content.team {
  color: #eadd89;
}
.post .post-extra {
  width: 100px;
  text-align: right;
  display: none;
}
.post .post-extra .text-tiny {
  white-space: nowrap;
}
@media screen and (min-width: 795px) {
  .post .post-extra {
    display: table-cell;
  }
}
.post .post-extra-bottom {
  display: block;
}
@media screen and (min-width: 795px) {
  .post .post-extra-bottom {
    display: none;
  }
}
.post .post-extra-bottom a {
  text-shadow: none;
}
.post blockquote {
  background-color: #110f0d;
  border: 1px dashed #796641;
  padding: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 12px;
}
.post blockquote p {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 8px;
  margin-right: 8px;
}
.post-text {
  word-break: break-word;
  padding-left: 15px;
  margin-left: -15px;
}
.post-text img {
  margin: 0;
  max-width: 100%;
}
.post-text.by-user {
  word-wrap: break-word;
  overflow: auto;
}
.post-text ul, .post-text ol {
  padding-left: 5px;
  padding-right: 5px;
  list-style-position: inside;
}
@media screen and (min-width: 495px) {
  .post-text ul, .post-text ol {
    padding-left: 40px;
    list-style-position: outside;
  }
}

td.cell-message.cell-bug {
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 495px) {
  td.cell-message.cell-bug {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.edit-bug-button {
  filter: drop-shadow(0 0 9px red) saturate(1.5);
  height: 26px !important;
}

.forum-search-area {
  z-index: 1;
  position: absolute;
  right: 5px;
  top: 5px;
  float: right;
  width: auto;
  text-align: right;
  display: none;
}
.forum-search-area form {
  background-color: white;
  border: 1px solid black;
  border-radius: 6px;
  box-shadow: 0px 0px 5px black;
  padding: 5px;
  margin-top: 17px;
  margin-right: 20px;
}
.forum-search-area input {
  border: 0px;
  color: #999999;
  font-size: 13px;
  padding: 3px;
  height: 18px;
}
.forum-search-area input:focus {
  outline: none;
  color: black;
}
@media screen and (min-width: 635px) {
  .forum-search-area {
    display: block;
  }
}

th.vertical {
  height: 200px;
  vertical-align: top;
}
th.vertical > div {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
th.vertical > div > div {
  display: block;
  width: 40px;
}

select.permission {
  width: 40px;
}

.flag-inner table {
  width: 100%;
  border-spacing: 0px;
}
.flag-inner table th {
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff3da;
  padding-bottom: 12px;
}
.flag-inner table tr:last-child td {
  border-bottom: none;
}
.flag-inner table td {
  border-left: 0px;
  border-right: 0px;
  border-top: solid 1px #3b0404;
  padding: 8px;
}
table.forum-threads td.column-checkbox {
  padding-left: 15px;
}
span.forum-thread-subject.unread {
  font-weight: bold;
}

.forum-icon, .relation-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-top: -4px;
  margin-bottom: -8px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(/static/img/forum/icons.png);
  background-position: -28px 0px;
}

.forum-icon.default.unread {
  background-position: 0px 0px;
}
.forum-icon.has-own {
  background-position: -84px 0px;
}
.forum-icon.has-own .forum-icon.has-own.unread {
  background-position: -56px 0px;
}
.forum-icon.own {
  background-position: -140px 0px;
}
.forum-icon.own.unread {
  background-position: -112px 0px;
}
.forum-icon.redirect {
  background-position: -169px 0px;
}
.forum-icon.unapproved {
  background-position: -196px 0px;
}
.forum-icon.deleted {
  background-position: -224px 0px;
}
.forum-icon.closed {
  background-position: 0px -28px;
}
.forum-icon.sticky {
  background-position: -28px -28px;
}

.relation-icon.ignore {
  background-position: -114px -28px;
}
.relation-icon.friend-online {
  background-position: -142px -28px;
}
.relation-icon.friend-offline {
  background-position: -170px -28px;
}
.relation-icon.friend {
  background-position: -198px -28px;
}

body {
  font-size: 15px;
  font-family: Arial, sans-serif;
  color: #bfa570;
  line-height: 1.2;
}

h1, table.title th {
  font-size: 20pt;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  color: #fff3da;
  font-weight: bold;
}

h1, table.title th {
  text-shadow: 2px 2px 8px black, 1px 1px 5px black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}

.text-small, table.title td, .form form > p {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #796641;
}

.search-bit table td.date, .text-tiny, .flag-inner table td, .flag-inner table td a, .flag-inner table td a.subject, table.forum-threads td.column-lasttime, table.forum-threads td.column-postcount, .post-extra-bottom span.time-created, td.post-extra span.time-created,
.cell-extra span.time-created, div.edited-by {
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-size: 8pt;
  color: #8a5c00;
}

.flag-inner table td a:hover {
  color: #fff3da;
  text-decoration: none;
}

a, .flag-inner table td a.subject {
  border: none;
  color: #ffaa00;
  text-decoration: none;
}
a:hover, .flag-inner table td a.subject:hover {
  color: #fff3da;
  text-decoration: none;
}
a img, .flag-inner table td a.subject img {
  border: none;
}

.post .reply {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  color: #796641;
}

.search-bit table td i, .search-bit table td i a {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
}
.search-bit table td i:link, .search-bit table td i a:link {
  color: #796641;
}
.search-bit table td i:hover, .search-bit table td i a:hover {
  color: #fff3da;
}

.page b {
  color: #fbd993;
  font-weight: normal;
}
.page i {
  color: #fbd993;
}
.page .text {
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (min-width: 550px) {
  .page .text {
    margin-left: 40px;
    margin-right: 40px;
  }
}

div.countdown {
  font-size: 44px;
  font-size: 44px;
  font-size: 2.2rem;
  background-color: #FF6000;
  text-align: center;
  color: black;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: 10px;
}

.search-bit table {
  width: 100%;
}
.search-bit table td {
  padding-top: 0;
  padding-bottom: 0;
}
.search-bit table td.quote {
  color: #796641;
  font-size: 72px;
  line-height: 50px;
  font-family: "Times New Roman", "Times", serif;
  text-align: left;
  width: 50px;
  padding-top: 0;
  padding-bottom: 0;
}
.search-bit table td.quote.right {
  text-align: right;
}
.search-bit table td.date {
  width: 120px;
  vertical-align: bottom;
  text-align: right;
}
.search-bit table td i, .search-bit table td i a {
  padding-top: 0;
  padding-bottom: 0;
}

body > div.messages {
  background-image: -webkit-linear-gradient(top, #FFDC96 0%, #B49C6A 100%);
  background-image: -ms-linear-gradient(top, #FFDC96 0%, #B49C6A 100%);
  background-image: -moz-linear-gradient(top, #FFDC96 0%, #B49C6A 100%);
  background-image: -o-linear-gradient(top, #FFDC96 0%, #B49C6A 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFDC96), color-stop(1, #B49C6A));
  background-image: -webkit-linear-gradient(top, #FFDC96 0%, #B49C6A 100%);
  background-image: linear-gradient(to bottom, #FFDC96 0%, #B49C6A 100%);
  color: black;
  border-bottom: 1px solid black;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 55px;
}
@media screen and (min-width: 795px) {
  body > div.messages {
    padding-left: 0px;
  }
}
body > div.messages p {
  margin: 0;
}
body > div.messages a, body > div.messages a:active, body > div.messages a:visited {
  color: blue;
}
body > div.messages a:hover {
  color: white;
}

.news-box {
  padding: 0px 10px 0px 10px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 550px) {
  .news-box {
    padding: 0px 40px 0px 40px;
  }
}
.news-box table {
  width: 100%;
  margin-top: 20px;
}
.news-box td.comments {
  text-align: right;
}

.cell-bug table.news-box {
  padding: 0px;
  width: 100%;
}

.news-title h1 {
  position: absolute;
  left: 25px;
  bottom: 5px;
  z-index: 2;
}

div.news-image {
  display: none;
  width: 945px;
  height: 290px;
  background-position: 0px -70px;
}
@media screen and (min-width: 950px) {
  div.news-image {
    display: inline-block;
  }
}

img.news-image {
  display: block;
}
@media screen and (min-width: 950px) {
  img.news-image {
    display: none;
  }
}

.carousel-text {
  margin: 5px 5px;
  padding: 7px 7px;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
  color: #fbd993;
  font-size: 13px;
  border-radius: 5px;
  width: calc(100% - 25px);
  position: absolute;
  bottom: 15px;
  left: 0;
}
@media screen and (min-width: 450px) {
  .carousel-text {
    width: 280px;
  }
}
@media screen and (min-width: 950px) {
  .carousel-text {
    bottom: 80px;
    margin: 5px 20px;
  }
}

.carousel-title {
  font-size: 16pt;
  margin-left: 5px;
  margin-top: 0px;
}
@media screen and (min-width: 450px) {
  .carousel-title {
    margin-top: 20px;
  }
}
@media screen and (min-width: 635px) {
  .carousel-title {
    font-size: 20pt;
    margin-left: 20px;
  }
}

.carousel-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.index-pager {
  z-index: 1;
  position: absolute;
  left: 23px;
  top: -12px;
  cursor: pointer;
  font-size: 40px;
  display: none;
}
.index-pager .item {
  display: inline-block;
  width: 50px;
  height: 6px;
  border-radius: 2px;
  background-color: #777777;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 3px;
}
.index-pager .item.active {
  background-color: white;
}
@media screen and (min-width: 450px) {
  .index-pager {
    display: block;
  }
}

.index-news .text {
  padding-left: 15px;
}

.news-button {
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-align: center;
  z-index: 0;
  width: 275px;
  height: 125px;
  margin: 7px;
}
.news-button .frame {
  position: absolute;
  top: -12px;
  left: -13px;
  background: url("/static/img/button.png");
  z-index: 1;
  width: 299px;
  height: 149px;
}
.news-button .title {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
}
.news-button .title div {
  position: relative;
  left: -50%;
  padding: 5px;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  font-size: 13px;
}

.sell-table {
  position: relative;
  table-layout: fixed;
  margin-left: 2px;
  margin-right: 2px;
}
@media screen and (min-width: 400px) {
  .sell-table {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.sell-table td.coins {
  width: 200px;
  display: none;
}
@media screen and (min-width: 700px) {
  .sell-table td.coins {
    display: table-cell;
  }
}
.sell-table span.equals {
  font-size: 26px;
  width: 30px;
  color: #999;
  text-align: center;
  position: relative;
  top: -12px;
}
@media screen and (min-width: 795px) {
  .sell-table span.equals {
    line-height: 1.2;
    font-size: 36px;
    width: 50px;
  }
}
.sell-table .asterisk {
  color: #999;
  vertical-align: top;
  font-size: 16px;
  margin-left: 3px;
}
.sell-table .cost-detail {
  font-size: 12px;
  color: #796641;
}

td.sell {
  font-size: 36px;
  font-weight: bold;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  vertical-align: top;
  color: white;
  padding-top: 0px;
}
@media screen and (min-width: 600px) {
  td.sell {
    padding-top: 15px;
  }
}
td.sell .dollar-sign {
  color: #5aa700;
  font-size: 24px;
  font-weight: bold;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  position: relative;
  top: -15px;
}
td.sell .enkord-sign {
  position: relative;
  bottom: 20px;
}
td.sell .enkords {
  text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px black, 0px 8px 5px black;
  white-space: nowrap;
}
td.sell .enkords .normal {
  position: relative;
  bottom: 15px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 26px;
}
@media screen and (min-width: 795px) {
  td.sell .enkords .normal {
    bottom: 16px;
    margin-left: 8px;
    font-size: 36px;
  }
}
td.sell .enkords .bigger {
  position: relative;
  bottom: 8px;
  margin-left: 4px;
  font-size: 36px;
}
@media screen and (min-width: 795px) {
  td.sell .enkords .bigger {
    margin-left: 8px;
    font-size: 46px;
  }
}
td.sell .enkords .biggest {
  font-size: 46px;
}
@media screen and (min-width: 795px) {
  td.sell .enkords .biggest {
    font-size: 56px;
  }
}
td.sell .dollars, td.sell .dollars-big, td.sell .cents {
  color: #e7ffcb;
  text-shadow: 0px 1px 0px #82a955, 0px 2px 0px #7b9f50, 0px 3px 0px #74964c, 0px 4px 0px #6b8b46, 0px 5px 0px #617e3f, 0px 6px 0px #587239, 0px 7px 0px #4d6432, 0px 8px 7px black, 0px 8px 5px black;
  position: relative;
}
td.sell .cents {
  font-size: 16px;
  margin-left: 3px;
  bottom: 14px;
  vertical-align: super;
}
td.sell .dollars {
  bottom: 12px;
}
td.sell .dollars-big {
  font-size: 46px;
  margin-left: 8px;
}
td.sell .button-up {
  position: relative;
  top: -10px;
}
td.sell .button-up form {
  display: inline-block;
}

.notice-content {
  overflow-x: auto;
}
.notice-content pre {
  font-family: fixedsys, monospace;
  background-color: #000070;
  color: #ffe977;
}

#donate-pysanka {
  display: none;
}
@media screen and (min-width: 565px) {
  #donate-pysanka {
    display: table-cell;
  }
}

td.donate-sys-logo {
  display: none;
}
@media screen and (min-width: 765px) {
  td.donate-sys-logo {
    display: table-cell;
  }
}

#donate-portrait-top {
  display: inline;
}
@media screen and (min-width: 465px) {
  #donate-portrait-top {
    display: none;
  }
}

#donate-portrait-right {
  display: none;
}
@media screen and (min-width: 465px) {
  #donate-portrait-right {
    display: inline;
  }
}

div.about-game {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 900px) {
  div.about-game {
    flex-direction: column;
    height: 3900px;
  }
}
div.about-game div.about-block {
  width: 100%;
  text-align: center;
}
div.about-game div.about-block .text {
  text-align: left;
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block {
    width: 448px;
  }
}
div.about-game div.about-block > img {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 450px) {
  div.about-game div.about-block > img {
    width: auto;
  }
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block > img {
    display: none;
  }
}
div.about-game div.about-block.epochs {
  order: 2;
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block.epochs {
    order: 0;
    height: 320px;
  }
}
div.about-game div.about-block.medals {
  order: 4;
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block.medals {
    order: 0;
    height: 410px;
  }
}
div.about-game div.about-block.buildings {
  order: 6;
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block.buildings {
    order: 0;
    height: 350px;
  }
}
div.about-game div.about-block.inventory {
  order: 8;
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block.inventory {
    order: 0;
    height: 330px;
  }
}
div.about-game div.about-block.planet {
  order: 1;
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block.planet {
    order: 0;
    padding-top: 80px;
    height: 335px;
  }
}
div.about-game div.about-block.queen {
  order: 3;
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block.queen {
    order: 0;
    height: 360px;
  }
}
div.about-game div.about-block.battle {
  order: 5;
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block.battle {
    order: 0;
    padding-top: 30px;
    height: 350px;
  }
}
div.about-game div.about-block.map {
  order: 7;
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block.map {
    order: 0;
    height: 340px;
  }
}
div.about-game div.about-block.sea {
  order: 9;
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block.sea {
    order: 0;
    height: 300px;
  }
}
div.about-game div.about-block.tt1 {
  order: 10;
}
@media screen and (min-width: 900px) {
  div.about-game div.about-block.tt1 {
    order: 0;
  }
}
div.about-game div.image-side {
  display: none;
}
@media screen and (min-width: 900px) {
  div.about-game div.image-side {
    display: block;
  }
}

td.about-donate-button {
  text-align: center;
}
@media screen and (min-width: 750px) {
  td.about-donate-button {
    text-align: right;
  }
}

#gypsy {
  display: none;
}
@media screen and (min-width: 750px) {
  #gypsy {
    display: inline-block;
  }
}

.youtube {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.youtube .lazyframe, .youtube iframe {
  position: absolute;
  background-position: center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.youtube .lazyframe .lazyframe__title, .youtube iframe .lazyframe__title {
  background: rgba(0, 0, 0, 0.5);
}

.faq div.question {
  font-weight: bold;
  color: #fbd993;
  margin-left: 10px;
  margin-right: 0px;
}
.faq div.question:before {
  content: "Q: ";
  color: #fff3da;
}
.faq li, .faq div.answer {
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 10px;
  text-align: justify;
}
.faq li {
  margin-bottom: 20px;
}
.faq li b {
  font-weight: bold;
}
.faq img {
  width: 70vw;
}
@media screen and (min-width: 605px) {
  .faq img {
    width: auto;
  }
}
.faq #faq-bulat {
  display: none;
}
@media screen and (min-width: 605px) {
  .faq #faq-bulat {
    display: table-cell;
  }
}
.faq #faq-zweistein {
  display: none;
}
@media screen and (min-width: 895px) {
  .faq #faq-zweistein {
    display: table-cell;
  }
}
.faq #faq-zweistein img {
  margin-left: 50px;
  margin-bottom: 10px;
}
.faq td.faq-cat-image {
  display: none;
}
@media screen and (min-width: 665px) {
  .faq td.faq-cat-image {
    display: table-cell;
  }
}

.user-autohide-column {
  display: none;
}
@media screen and (min-width: 350px) {
  .user-autohide-column {
    display: table-cell;
  }
}

body {
  font-size: 15px;
  font-family: Arial, sans-serif;
  color: #bfa570;
  line-height: 1.2;
}

h1, table.title th {
  font-size: 20pt;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  color: #fff3da;
  font-weight: bold;
}

h1, table.title th {
  text-shadow: 2px 2px 8px black, 1px 1px 5px black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}

.text-small, table.title td, .form form > p {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #796641;
}

.text-tiny, .flag-inner table td, .flag-inner table td a, .flag-inner table td a.subject, table.forum-threads td.column-lasttime, table.forum-threads td.column-postcount, .post-extra-bottom span.time-created, td.post-extra span.time-created,
.cell-extra span.time-created, div.edited-by, .search-bit table td.date {
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  font-size: 8pt;
  color: #8a5c00;
}

.flag-inner table td a:hover {
  color: #fff3da;
  text-decoration: none;
}

a, .flag-inner table td a.subject {
  border: none;
  color: #ffaa00;
  text-decoration: none;
}
a:hover, .flag-inner table td a.subject:hover {
  color: #fff3da;
  text-decoration: none;
}
a img, .flag-inner table td a.subject img {
  border: none;
}

.post .reply {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  color: #796641;
}

.search-bit table td i, .search-bit table td i a {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
}
.search-bit table td i:link, .search-bit table td i a:link {
  color: #796641;
}
.search-bit table td i:hover, .search-bit table td i a:hover {
  color: #fff3da;
}

ul.big > li {
  margin-bottom: 20px;
  display: inline-block;
  font-size: 16pt;
  font-family: "Century Gothic", "Lucida Grande", Arial, sans-serif;
  color: #ffe081;
  font-weight: bold;
  text-shadow: 2px 2px 8px black, 1px 1px 5px black;
}
ul.big > li > p, ul.big > li td > p {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #bfa570;
  text-shadow: none;
  margin-bottom: 5px;
}
ul.big > li > p ul, ul.big > li td > p ul {
  font-size: 10pt;
  color: #bfa570;
}
ul.big > li a {
  text-shadow: none;
}

li.punishment span.unapproved {
  font-style: italic;
  color: #ff5441;
}
li.punishment span.active {
  color: #ff5441;
}
li.punishment span.expired {
  color: #7d2a20;
}

body.pwa-bg-landscape {
  background-position: center;
  background-size: cover;
  background-image: url(../img/pwa-bg-landscape.jpg);
}

body.pwa-bg-portrait {
  background-position: center;
  background-size: cover;
  background-image: url(../img/pwa-bg-portrait.jpg);
}

div.install-android {
  display: table;
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  visibility: hidden;
  text-align: center;
  font-size: 18px;
  font-size: 0.9rem;
  line-height: 20px;
  line-height: 1rem;
}
@media screen and (min-width: 800px) {
  div.install-android {
    font-size: 27px;
    font-size: 1.35rem;
    line-height: 30px;
    line-height: 1.5rem;
  }
}

div.install-android > div {
  display: table-cell;
  vertical-align: middle;
}

div.install-android > div > div {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 8px;
  padding: 0.4rem;
  background-color: #444444;
  border: 1px solid #666;
  border-radius: 10px;
  border-radius: 0.5rem;
  color: #ddd;
}

img#bfx_rotate_device {
  position: fixed;
  top: 0px;
  display: none;
  border: 0px;
}

#bfx_install_button {
  display: inline-block;
  cursor: pointer;
  float: right;
}

div#bfx_progress_comments {
  color: white;
  position: fixed;
  top: 5%;
  left: 0px;
  display: none;
  width: 100%;
  text-align: center;
  user-select: none;
  font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-shadow: 0 0 5px black;
}

@media screen and (min-width: 600px) {
  div#bfx_progress_comments {
    font-size: 36px;
  }
}
progress#bfx_progress {
  box-shadow: 0 0 0 4px white, 0 0 4px 4px black;
}