* {
text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scrollbar-width: thin;
scrollbar-color: #be4903 rgba(255, 246, 242, .5);
}

/* полоса прокрутки (кроме мозиллы) */

::-webkit-scrollbar {width: 8px; height: 8px;}
::-webkit-scrollbar-track {background-color: #be4903;}
::-webkit-scrollbar-thumb {background-color: rgba(255, 246, 242, .5);}


html {
background: #000 url(https://forumstatic.ru/files/0010/ed/c4/42187.jpg) no-repeat fixed top center/cover;
;}

#pun {
background: url(https://forumstatic.ru/files/0010/ed/c4/61361.png) no-repeat top center;
}

.punbb {background: #fff6f2;}

.punbb > div .container {
padding: 10px 15px !important;
}

.punbb #tags .container {
border: 1px solid silver;
background: #fff6f2;
padding: 10px 15px;
top: unset;
}

.punbb #pun-report .inner, .punbb #pun-reputation .inner, .punbb #pun-admin-award-form .inner {
border: 1px solid silver;
background: #fff6f2;
}

.punbb #pun-report .inner, .punbb #pun-reputation .inner {border-radius: 60px;}

#html-header {
  position: absolute;
  top: 0;
  width: 950px;
  height: 528px;
}

.tablica {
  position: relative;
  width: 100%;
  height: 528px;
}

.tablica .star {
  position: relative;
  top: 120px;
  margin: 0 auto;
  width: 300px;
  height: 300px;
  border-radius: 50%;
}

.tablica .star img {
  width: 300px;
  height: 298px;
  background-color: transparent;
}

.tablica .star img:hover {
  animation: rotate-center 5s linear .2s infinite normal none;
}

@keyframes rotate-center {
  0%{
    transform: rotate(0);
  }
  100%{
    transform: rotate(360deg);
  }
}


.tablica .maintable {
  display: flex;
  width: 750px;
  margin: 10px auto 0;
  height: 120px;
  justify-content: space-between;
}

.tablica .mta {
  width: 240px;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  z-index: 1;
}

.tablica .mta > div {
  align-items: center;
  display: flex;
  display: -webkit-flex;
}

.tablica .mta > div:nth-child(3n+2) {
  justify-content: center;
  width: 120px;
}

.tablica .left > div:nth-child(1), .tablica .left > div:nth-child(4),
.tablica .right > div:nth-child(3), .tablica .right > div:nth-child(6) {
    width: 60px;
}

.tablica .left > div:nth-child(3), .tablica .left > div:nth-child(6),
.tablica .right > div:nth-child(1), .tablica .right > div:nth-child(4) {
    width: 60px;
}

.tablica .mta > div:nth-child(1), .tablica .mta > div:nth-child(4) {
justify-content: left;
}

.tablica .mta > div:nth-child(3), .tablica .mta > div:nth-child(6) {
justify-content: right;
}

.tablica .hotlink {
  font-size: 12px;
  text-transform: uppercase;
}

#html-footer {
  margin: 0;
  position: relative;
}

#html-footer .container {
  padding: 0 !important;
  position: absolute;
}

.banners {
  display: block;
  width: 100%;
  height: 90px;
  position: relative;
  margin-top: 10px !important;
  background: rgba(255, 246, 242, .34);
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
}

.banners .inner {
  width: 100%;
  height: 70px;
  overflow: auto;
  scrollbar-width: thin;
}

.banners .inner::-webkit-scrollbar {width: 7px; height: 8px;}

.banners a {
  margin: 1px 3px;
  display: inline-block;
  width: 88px;
  height: 31px;
}

.banners a img {
  opacity: .5;
  transition: all .2s ease-in-out 0s;
}

.banners a img:hover {
  opacity: 1;
}

.copyright {
  display: block;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .5px;
  font: normal 10px/200% Century Gothic;
  color: #000;
}

/* Убрать рамку на выделенном элементе */

:focus {outline: none;}


/* Убрать модеров, редактирование, это интересно */

.modlist, .lastedit, div#pun-live-rusff {display: none;}


button, input.button, select {cursor: pointer;}


/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent; 
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent; 
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: transparent;  
  color: #333;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent; 
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent; 
  color: #333;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent; 
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent; 
  color: #333;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #f5f5f5;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #f5f5f5;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #f1f1f1;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #f1f1f1;
  }

/* CS2.5 */
.punbb th {
  border-color: #f1f1f1;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ccc #fff #fff #ccc;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #fff;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff;
  }

.punbb .divider {
  border-color: #fff #fff #fff #fff;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #000;
  transition: all .2s ease-in-out 0s;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #8d3700;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #000;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #8d3700;
  text-decoration: none;
  }

  #pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }


/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
  background: url(//forumstatic.ru/files/0010/ed/c4/20007.png) no-repeat top center;
}

tr.inew div.icon {
  background: url(//forumstatic.ru/files/0010/ed/c4/59586.png) no-repeat top center;
}

tr.isticky div.icon {
  background: url() no-repeat top center;
}

tr.iclosed div.icon {
  background: url() no-repeat top center;
}

#pun-main div.catleft, #pun-main div.catright {display: none}