@import url(style_cs.1780147645.css);


:root {
  --bg: #573845;
  --main: #cdc7c7;
  --light: #c8c2c2;
  --mid: #c7b8b8;
  --dark: #3d3636;
  --link: #a29691}



@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');

@import url(style_cs.1780147645.css);
  @import url('https://fonts.googleapis.com/css?family=Oranienbaum|Old Standard TT|Amatic+SC|Bad+Script|Caveat|Cormorant+Unicase|Lobster|Pacifico|Pattaya|Philosopher|Playfair+Display+SC|Playfair+Display|Poiret+One|Yeseva+One|Marck+Script|Pangolin|Raleway:900i|Cormorant+SC|Arima+Madurai|Cabin+Sketch|Pompiere|Cinzel+Decorative|Megrim|Cookie|Roboto|Lora|Yanone+Kaffeesatz|EB+Garamond|Cormorant Garamond|Alice|Neucha|Play|Prata|Press+Start+2P|Rubik+Mono+One|Montserrat|Arsenal|Tenor+Sans|Vollkorn+SC');
@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
@font-face{font-family:icon;src:url(https://forumstatic.ru/files/0018/c6/8a/31035.eot?),url(https://forumstatic.ru/files/0018/c6/8a/53514.woff) format('woff'),url(https://forumstatic.ru/files/0018/c6/8a/83952.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:icon2;src:url(https://forumstatic.ru/files/0018/c6/8a/88526.eot?),url(https://forumstatic.ru/files/0018/c6/8a/63027.woff) format('woff'),url(https://forumstatic.ru/files/0018/c6/8a/57747.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:icon3;src:url(https://forumstatic.ru/files/0018/c6/8a/74962.eot?),url(https://forumstatic.ru/files/0018/c6/8a/79480.woff) format('woff'),url(https://forumstatic.ru/files/0018/c6/8a/93894.ttf) format('truetype');font-weight:400;font-style:normal}


/* COMMON
-------------------------------------------------------------*/

body {margin: 0px; }
body { font: 12px  helvetica, verdana, arial, sans-serif ; }

h1, h2, h3, h4 { font-size: 11px;  font-weight: normal; }
.punbb pre { font: 10px; monaco, "courier new", courier, monospace }
 address, em { font-weight: normal; }
.punbb .post-content em {  font-style: italic  }
.post-content em.bbuline { font-style: normal; text-decoration: underline;  }
a { text-decoration: none  }
optgroup {  font-weight: bold; }
ul, dl,li,  dd, dt { padding: 0;  list-style: none; }

#pun {
  margin: 20px auto 20px auto;
  max-width: 950px;
  padding-top: 20px;   /* рамка*/  }

.punbb {
  margin: 20px auto 20px auto;
  width : 930px;
  padding-top: 10px;  }

/* redirect */
#pun-redirect, #pun-maint { margin: 250px 20% 12px 20%;  width: auto;  float: none;}

.punbb .section, .punbb .main { margin-bottom: 0px; }
.punbb .category, .punbb .post { margin-top: 0px; }
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {  margin-top: 0px; }
/* отступ на странице ответа */
#pun-post .topic {  margin-top: 10px;  }

.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 5px 10px;  }


/* HIDE
-------------------------------------------------------------*/
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {  clear: both;  content: ".";  
  display: block;  height: 0;  visibility: hidden;
  overflow:hidden;  line-height: 0.0;  font-size: 0;  }


.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2, 
#pun-title h1,
#navawards,
#pun-announcement h2,
#post-form h2 span  {  font-size: 0;
  height: 0;  width: 0;  line-height: 0.0;
  position:absolute;  left: -9999px;  overflow: hidden }


/* MAIN
-------------------------------------------------------------*/

/* Logo */
#pun-title { margin: 0; }
.main table { table-layout: fixed;  width: 100%;  }

/* Forum navigation */
#pun-navlinks, #pun-navlinks .container {   margin: 0;  }
#pun-navlinks .container {  padding: 1px 30px;  }
#pun-navlinks li { display: inline;  padding-right: 10px;  }
#pun-navlinks li a {  font-size: 12px;  }

/*  User links */
#pun-ulinks  {  margin-top: 0;  }
#pun-ulinks .container {  padding: 1px 30px;  }
#pun-ulinks li, #pun-ulinks li a {display: inline;  padding-right: 10px; font-size: 10px; }
#pun-ulinks li a {  padding: 0 1px 0 1px  }
#pun-ulinks li.item1, #pun-ulinks li.item1 a {  padding-left: 0  }

/* Welcome box */
#pun-status, #pun-status .container {  margin-bottom: 0;  }
#pun-status .container {  padding: 0px 10px 0px 10px;  }
#pun-status span { white-space: nowrap;  margin-right:  5px;  }

/* ---- Breadcrumbs */
#pun-crumbs1 {  font-weight: bold;  overflow: hidden;  margin-top: 0;  }
#pun-crumbs1 p.container {  padding: 0px 10px 0px 10px;  font-size: 14px; }

#pun-crumbs2 {  font-weight: bold;  overflow: hidden;  margin-bottom: 0;  }
#pun-crumbs2 .container {  padding: 0px 10px 0px 10px;  font-size: 14px; }

/* ---- Announcement */
#pun-announcement .container { padding: 10px;  }


/* ---- Statistics */

#pun-stats .container {   padding: 5px 10px  }

#pun-stats li.item1, #pun-stats li.item2 { 
  float: left;  clear: both;  line-height: 150%;  }

#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;  line-height: 150%;  }

li#onlinelist {
  margin-top: 5px;
  float: left;   width: 100%;  line-height: 130%;  }

li#onlinelist div { padding: 5px 0 0 0;  }

#pun-about .container {  text-align: right;   line-height: 150%; }
#pun-about p span {  display:block;  padding: 0 10px 0 0; }


/* ---- Pagination and posting links  (страницы, новая тема, опрос, подписка) */

.punbb .linkst { float: left;  position: relative;  width: 100%;  height: 0;  }

.multipage { margin-top: 10px;  }

.linkst .pagelink {  position: absolute;  top: -10px;  left: 10px;  width: 200px;  }
.linkst .postlink { 
  position: absolute;
  top:  -10px;
  right: 20px;
  width: 200px; 
  text-align: right;
  font-weight: bold;  }

.punbb .linksb { text-align: right;  padding: 0px 20px 0px 20px;  }
.linksb .pagelink {  float: left;  text-align: left;   }
.linksb .postlink {  float: right;   font-weight: bold  }

.subscribelink {  clear:both;  padding: 0px 0 0px 0}

/* ---- Table layout */

.main .tcl { overflow: hidden;  text-align: left;  width: 70%;  }
.main .tc2, .main .tc3,  .main .tcmod {  text-align: center;  width: 10%;  }
.main .tcr {  overflow: hidden;  text-align: right;  width: 30%; }

#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {  width: 40%  }

#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {  text-align: left;  width: 20%;  }

#pun-debug table .tcl { width: 15%;  white-space: normal;  }
#pun-debug .tcr { width: 90%;  white-space: normal;  }

#pun-index .tcl h3 { font-size: 12px;  font-weight: bold;  }

td span.youposted { font-weight: bold;  margin-left: -10px;  position: absolute;  }

td .modlist {  padding-top: 5px  }

.main td {  padding: 8px 10px;  }

.main th {padding: 5px 10px;  }

tbody.hasicon td.tcl {  padding-left: 30px  }

div.icon {  height: 0;  line-height: 0.0;  margin-top: 1px;  width: 0;  }
table div.icon { position: absolute;
  margin-left: -30px; width: 15px; height: 15px; background:  transparent;}


 /* TOPICS
-------------------------------------------------------------*/
.punbb .post-sig dt { /* подпись */  
    float: bottom;
    display: block;
    text-align: center;
    border-top: 1px dashed #82828254;
    width: 40%;
    margin-left: 200px;
    padding-bottom: 5px;
    margin-top: 10px;  }


.punbb .post-content p {  margin: 0px 20px 0px 20px;  padding: 0 0 10px 0;  line-height: 120%;  text-align:justify; }

.punbb .post-content img {  vertical-align: text-bottom  }
.punbb .post-content img .postimg {  vertical-align: middle;  }

.punbb .post-content .blockcode, .punbb .post-content blockquote { 
    margin-left: 1%;
    width: 98%;
  overflow: hidden;  }

.punbb .post-content .scrollbox { width: 100%;  overflow: auto; max-height: 200px;}

.post-content .quote-box, .punbb .post-content .code-box {
  margin: 5px 20px 5px 5px;
  padding: 5px;
  border-style: solid;
  border-width: 1px;  }

.quote-box cite, .punbb .code-box strong.legend { 
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  font-style: normal;  }

.post .container { 
  border-style: none; 
  border-width: 0px;
  margin-top: -5px;
  padding-bottom: 10px; }
 
.post h3 { 
  border-style: none none none none;
  border-width: 1px;  }

.post h3 span { /* post date*/
  padding: 1px 1px;
  display: block;
  margin-left: 125px; 
  font-weight: normal; }

.post h3 strong { 
  float: right;
  text-align: right;
  font-weight: normal; }

.post .post-author {
  float: left;
  width: 120px; 
  margin-left: 10px;
  margin-top: -30px;
  overflow: hidden; }

.post .post-author ul, .post .post-author p {  
padding: 0 5px 5px 5px;  line-height: 150%; }

.pa-author {  font-size: 12px;  font-weight: bold;  }


li.pa-title {  padding-bottom: 5px ;  font-weight: bold;  }

li.pa-online {
  line-height: 5px;
  border-left-style: none;
  border-left-width: 1px;
  padding-left: 5px;
  margin-top: 7px;  }

.post-body {  margin-left: 130px;  }

.post-box { padding: 1px; font-size: 20px;  }

.punbb .post-content { 
  padding: 0;  margin: 0px 0px 0px 0px;; width: 100%; overflow: hidden; }

 fieldset .post-box {  margin-bottom: 5px;  }

.post-links { margin-left: 200px;  }
.post-links ul { 
  padding: 0 5px 0 0;
  height: 15px;
  line-height: 15px;
  margin-left: -120px;
  text-align: right;  }


.punbb .post-links li {  display: inline;  padding-left: 10px;  }

.pl-email, .pl-website {  float: left;  }

.clearer {  clear: both;  height: 0;  font-size: 0;  }

/* FORMS 
-------------------------------------------------------------*/

.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 5px;}
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {  height: 20px;;  vertical-align: middle  }

textarea  { font: 20px  helvetica, verdana, arial, sans-serif ; }

input, select, optgroup { font: 15px  helvetica, verdana, arial, sans-serif ; }

.formal .container {  padding: 0px 10px 10px 10px;  }

.formsubmit {  padding: 0 0 0 10px;  margin: 10px 0 0 0;   color: var(--dark);  }
formsubmit input, .formsubmit a,  .formsubmit span {  margin: 0px 5px 0px 0px  }


fieldset {border: none;}
fieldset legend {  padding: 0;  margin: 0 0 0 5px; }
fieldset fieldset {  border-style: none;  margin: 0px;  padding: 0 0 8px 0  }


.fs-box {  padding: 8px 0 8px 0;  }
.fs-box p, .fs-box fieldset {   padding: 0 0 8px 0  }


.inline .inputfield, .inline .selectfield, .inline .passfield { float: left; margin-right: 5px; }
.inline .infofield {  clear:both  }

.datafield br {  display: none  }

.required label, .datafield span.input {  font-weight: bold  }

.datafield span.input a {  font-weight: normal; }

.areafield span.input, p.longinput span.input {
  display: block;  padding: 0 15px 0 0;  height: 100%; /* For IE */  }

textarea, .longinput input { width: 64%;  margin: 0;  }

.hashelp {  position: relative;  }

/* ------------------------------------- Profile */

#profile .container {  padding-left: 200px;  }

#profile .messages { padding-left: 100px;  }


#profilenav {  float: left;  width: 120px;  margin-left: -200px;  display: inline;  }
#profilenav li {  padding-bottom: 10px;  font-weight: bold;  }


#viewprofile ul, #profilenav ul { padding: 10px;  margin: 0 0 10px 0;  }
#viewprofile h2, #profilenav h2 { padding: 0;  margin: 0;  }
#viewprofile h2 span, #profilenav h2 span {  padding: 0 5px;  position: relative; }

#viewprofile li, #setmods dl { padding: 0 0 0 200px; margin-bottom: 10px; }
#viewprofile li span {
  float: left;
  width: 170px;
  margin-left: -200px; 
  padding: 5px 10px;
  font-weight: bold; }

#viewprofile li strong, #viewprofile li div, #setmods dd { display: block;  }

img.avatardemo {  float: right;  margin: 0 0 15px 15px  }


/*  Moderator menu
-------------------------------------------------------------*/

.modmenu .container { padding: 0px 10px;  text-align: right;  }
.modmenu strong, .modmenu a { height: 15px;  line-height: 15px; }
.modmenu .container strong { float: left; }
.modmenu input { margin-left: 10px; }


/* --- User list*/

#pun-userlist .formal, #pun-userlist .formal .container { margin-bottom: 0;  }
#pun-userlist .usertable .container {  padding: 0;}


/* ---- Information boxes*/

.info-box { 
  padding: 10px 10px 10px 30px;
  border-style: none;
  border-width: 1px;
  margin: 0 0 10px 0;  }
.punbb .info-box * {  padding: 0 0 10px 0;  }
.punbb #pun-main .info-box .legend {  font-weight: bold;  }


/* error messages */

.info .container {   padding: 10px 10px }
.info .container .backlink {  padding-top: 10px;  }


/* -------------------------------------------------------------*/


.custom_tag_razm {
    text-decoration: none!important;
    filter: blur(4px);
    transition-duration: 0.3s;
}
.custom_tag_razm:hover {
    filter: blur(0px);
     transition-duration: 0.3s;
}