/* Применяется ко всем элементам */

* {
text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scrollbar-color: var(--ogtw) var(--dbbg);
}

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

::-webkit-scrollbar-button { background-repeat:no-repeat; width:6px; height:0px } 
::-webkit-scrollbar-track {background-color: var(--dbbg);}
::-webkit-scrollbar-thumb {background: linear-gradient(to bottom, var(--mbbg) 0%, var(--ogtw) 100%);}
::-webkit-resizer{ background-repeat:no-repeat; width:7px; height:0px} 
::-webkit-scrollbar{width: 17px;}
::-webkit-scrollbar:horizontal {height: 10px;}
.punbb ::-webkit-scrollbar:horizontal {height: 5px;}
.punbb ::-webkit-scrollbar{width: 6px; }

html {background: #4e5258 url(https://forumstatic.ru/files/0016/01/4e/37892.jpg) no-repeat fixed top center/cover;}

#pun-index h1, #pun-index h2, #pun-stats h2, #post-form h2 {
  background: url(https://forumstatic.ru/files/0016/01/4e/16501.png) no-repeat center;
  box-sizing: border-box;
  height: 130px;
  margin: -30px 0 -20px;
  padding: 64px 0 38px !important;
}

#pun-viewtopic .main h1 {display: none;}
.punbb .multipage {margin-top: 10px;}


#pun-index h1 span, #pun-index h2 span, #pun-stats h2 span, #post-form h2 span {
  font: normal 12px/28px Romul;
  color: var(--lttx);
}

#pun-reputation h1, #pun-report h1 {
  font: normal 12px/28px Romul;
  background: #e3ded3;
  margin: 0 !important;
}

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

.punbb #tags .container {
  border: 1px solid #d1cab9;
  background: #e3ded3;
  padding: 10px 15px !important;
  top: unset;
  max-height: 350px;
  overflow: auto;
  width: fit-content;
  box-sizing: border-box;
}

.punbb .post-rating, .punbb .post-vote {
  position: relative;
  z-index: 2;
}

.punbb .post-box .post-rating .container, .punbb .post-vote .container {padding: 0!Important;}

.punbb .post-vote .container {margin-right: 30px !important;}

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

.punbb #post-form #post.container {
  position: relative;
  background: #e3ded3;
  border: 1px solid rgba(212, 205, 193, 56%);
  margin: 15px 55px;
  padding: 10px 0 !important;
}

.punbb #post-form #main-reply {width: 99%;}

.punbb #post-form #post.container .formsubmit {
  width: fit-content;
  position: absolute;
  bottom: 40px;
  margin: 0;
  padding: 0 0 0 18px;
}

#pun-edit #post-form #post.container .formsubmit {bottom: 98px;}

.punbb #post-form fieldset legend {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  width: 100%;
}

.punbb #post-form fieldset legend span {
  padding: 0;
  order: -1;
}

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

:focus {outline: none;}

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

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


/* Кнопки и поля ввода */

.punbb textarea, .punbb input[type="text"], .punbb input[type="password"], .punbb select, .punbb optgroup {
  border: 1px solid #d0c9bd;
  background: #f9f8f1;
}

.punbb textarea {box-shadow: inset 0 0 30px 3px rgba(7, 7, 7, 14%);}

.punbb input[type="text"], .punbb input[type="password"], .punbb select, .punbb optgroup {
  box-shadow: inset 0 0 13px 3px rgba(7, 7, 7, 14%);
  text-transform: lowercase;
  letter-spacing: .5px;
}

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

button, input.button, #pun-admain input.button, #sub4, input[type="button"] {
  font: normal 16px/19px Uk Antique, serif;
  text-transform: lowercase;
  letter-spacing: .5px;
  padding: 5px 12px;
  border: 1px solid #d1cab9;
  background: #ede7dd;
  background: -moz-linear-gradient(top, #ede7dd 0%, #d1cab9 100%);
  background: -webkit-linear-gradient(top, #ede7dd 0%,#d1cab9 100%);
  background: linear-gradient(to bottom, #ede7dd 0%,#d1cab9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede7dd', endColorstr='#d1cab9',GradientType=0 );
}

button:hover, input.button:hover, #pun-admain input.button:hover, #sub4:hover, input[type="button"]:hover {
  background: #d1cab9;
  background: -moz-linear-gradient(top,  #d1cab9 0%, #ede7dd 100%);
  background: -webkit-linear-gradient(top,  #d1cab9 0%,#ede7dd 100%);
  background: linear-gradient(to bottom,  #d1cab9 0%,#ede7dd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1cab9', endColorstr='#ede7dd',GradientType=0 );
}

.tops {
  position: relative;
  width: 100%;
  display: inline-block;
  height: 31px;
  margin: 0 auto !important;
  text-align: center;
}

.smilies {
  position: relative;
  display: block;
  float: right !important;
  right: 2px;
  text-align: right;
  margin-top: -35px !important;
}


/* Шапка
-------------------------------------------------------------*/

#html-header {
  position: relative;
}

#html-header .tablica {
  position: absolute;
  top: 48px;
  margin: 0 50px;
  width: 800px;
  height: 200px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.tablica .t_left, .tablica .t_right {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  width: 322px;
  text-align: center;
  color: rgba(249, 246, 239, 50%);
}

.tablica .t_left span {
  display: block;
  margin: 5px auto;
  width: fit-content;
  padding: 2px 5px;
  background: rgba(48, 59, 60, 50%);
  text-transform: uppercase;
  font: normal 8px/14px Romul;
  letter-spacing: 1px;
}
.punbb .tablica .t_left p {line-height: 10px;}

.punbb .tablica a {
  color: rgba(249, 246, 239, 50%) !important;
  font: normal 12px/14px Uk Antique;
}

.punbb .tablica a:hover {color: var(--lttx) !important;}

.tablica .t_center {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 5px auto 0;
  width: 154px;
  height: 106px;
  color: rgba(249, 246, 239, 50%);
}

.tablica .t_center .row_1, .tablica .t_center .row_2 {
  display: flex;
  margin: 0 auto;
  gap: 12px;
}

.tablica .t_center .wanted {
  display: block;
  background: #3f4a4a;
  height: 50px;
  width: 60px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.tablica .t_center .wanted.three {
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -1px);
}

.tablica .t_center .wanted a {
  display: block;
  width: 100%;
  height: 100%;
  filter: opacity(50%) grayscale(50%);
}

.tablica .t_center .wanted a:hover {
  filter: none;
}

.tablica .t_center .wanted a img {
  object-fit: contain;
  object-position: top center;
  width: 100%;
  height: 100%;
}

.tablica .t_right {
  margin: 5px 0;
  justify-content: space-between;
}

.tablica .t_right .bestpost {
  font: normal 12px/14px Uk Antique;
  width: 304px;
  margin: 0 5px;
  height: 130px;
  text-align: justify;
}

.tablica .t_right .bestpost p {
  font: normal 12px/14px Uk Antique;
  height: 100%;
  margin: 0;
  text-align: center;
}

.tablica .t_right .bpl {
/*  background-color: #7db9e8; */
  float: left;
  height: 150px;
  width: 88px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
  clip-path: polygon(0 0, 0 100%, 100% 100%);
  -webkit-shape-outside: polygon(0 0, 0 100%, 100% 100%);
  shape-outside: polygon(0 0, 0 100%, 100% 100%);
  shape-margin: 7px;
}

.tablica .t_right .bestpost p:before {
  content: "";
/*  background-color: #7db9e8; */
  float: right;
  height: 150px;
  width: 86px;
  -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  -webkit-shape-outside: polygon(100% 0, 0 100%, 100% 100%);
  shape-outside: polygon(100% 0, 0 100%, 100% 100%);
  shape-margin: 7px;
}

.tablica .t_right .readmore {line-height: 1.2;}
.tablica .t_right .readmore a {text-decoration: underline;}

/* Футер
-------------------------------------------------------------*/

#html-footer {
  height: 0;
  margin: 0;
  position: relative;
  width: 900px;
}

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

#html-footer .bannner {
  display: block;
  position: absolute;
  height: 66px;
  width: 750px;
  overflow: auto;
  box-sizing: border-box;
  margin: -95px 0 0 0;
  padding: 0 10px;
  text-align: center;
  right: 25px;
}

.bannner a img {
  opacity: .5;
  transition: all .3s linear 0s;
}

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


/* 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: #000;
  }

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

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

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #efebe2;
  color: #000;
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent; 
  color: var(--dglk);
  }

.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: var(--dglk);
  transition: all .2s ease-in-out 0s;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--ogtw);
  }

/* 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: var(--ogtw);
  }

/* CS3.3 */
#pun-navlinks a {
  color: var(--dglk);
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: var(--ogtw);
  text-decoration: none;
  }

  #pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: var(--ogtw);
  }


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

div.icon {
  background: transparent no-repeat top center;
}

tr.inew div.icon {
  background: transparent url(https://forumstatic.ru/files/0016/01/4e/61288.png) no-repeat top center;
}

#pun-index tr.inew div.icon {
  background: url(https://forumstatic.ru/files/0016/01/4e/57116.png) no-repeat top left;
}

tr.isticky div.icon {
  background: transparent url(https://forumstatic.ru/files/0016/01/4e/26084.png) no-repeat top center;
}

tr.iclosed div.icon {
  background: transparent url(https://forumstatic.ru/files/0016/01/4e/32154.png) no-repeat top center;
}

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