/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

  @import "http://webfonts.ru/import/cuprum.css";
  @import "http://webfonts.ru/import/baronneue.css";
  @import "http://webfonts.ru/import/oswald.css";
  @import "http://webfonts.ru/import/bravo.css";
  @import "http://webfonts.ru/import/bebasneue.css";

@import "http://webfonts.ru/import/nautilus.css";
@import "http://webfonts.ru/import/pacifico.css";

  @import "http://webfonts.ru/import/beermoney.css";
  @import "http://webfonts.ru/import/kobzarks.css";

  @font-face {
font-family: 'Romul';
src: url('http://rus-shrift.ru/Prostoi/Romul.otf');
}
.text_effect {
font-family: 'Romul';
color: #000;
font-size: 18px;
background-color: transparent;
text-shadow: #949da4 1px 3px 0px;
}

@font-face {
font-family: 'Drawing Guides';
src: url('https://forumstatic.ru/files/0010/a8/ca/48730.woff') format('woff'), url('https://forumstatic.ru/files/0010/a8/ca/28163.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'LC Chalk';
src: url('https://forumstatic.ru/files/0010/a8/ca/40497.woff') format('woff'), url('https://forumstatic.ru/files/0010/a8/ca/28355.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
  }

.punbb th   {
  font-size: 0.9em;
  font-weight: italic;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: none;
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#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;
  }

/* A4.2 */
.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 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 820px;
  padding: 0px 20px 0px 20px;
  border: none;
  border-top: none;
}

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

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

/*______________________________________________*/
/*страница переадресации*/
#pun-redirect{
  border:0 none!important;
  background:#000!important;
  margin:0;
  padding:0;
  left:0;right:0;
  top:0;bottom:0;
  position:fixed;
  width:100%;
  height:100%;
  text-align:center;
 
}
#pun-redirect *{
  border:0 none;
}
#pun-redirect .main-title {
  display:none;
}
#pun-redirect.punbb .info .container{
  text-align:left;
  /*border:red 2px solid;*/
  font-weight:bold;
  display:inline-block;
  left:0;right:0;
  top:0;bottom:0;
  margin:7% auto;
  width:500px;
  padding:33px 50px;
  height:105px;
  background:url(http://keepme.ru/images/2013/11/22/per6ZSTN.png) center no-repeat!important;
}
/*______________________________________________*/

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none;
  border-width: 0;
  }

/* A5.9 Рамка вокруг категории на главной*/
.punbb .container {
  border-style: none;
  border-width: 0;
  }

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 10px 1em 10px 1em;
  border-style: none ;
  border-width: 0;
  }

#pun-main h2 {
  padding: 10px 1em 10px 1em;
  border-style: none;
  border-width: 0;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 полоса между постом и подписью */
.punbb .post-sig dt {
    display: block;
    border-top: 1px solid rgba(104,148,159, 0.5);
    width: 500px;
    margin: 2.5em auto 1em;
}

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-top
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.6em 0.8em 0.6em 0.8em;
  padding: 1em;
  border: dashed;
  border-width: 1px;
  border-color: #acd5e2;
  box-shadow: 0px 0px 7px -1px #60a4b2;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -2.8em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -2.8em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

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

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

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

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

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
padding-bottom: 2px; 
padding-top: 6px;
margin: -2px;
margin-left: 0px;
font: 18px oswald;
font-weight: bold;
text-transform: uppercase;
text-decoration: none !important;
text-align: left;
color: #000 !important;
box-shadow: insert 2px; 2px; 3px; #c45e75 !important;
text-shadow: # 0px 0px;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: none;
  border-width: 0;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 5px 1em 6px 1em;
  border: none;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0;
  }

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 32px;
}

.hasicon .intd .tclcon {   
    margin-left: 10px;
    padding: 10px;
    font-size: 11px;
    overflow: hidden;
    border: none;
    border-radius: 30px;
}

/* C2.15 Размер иконок сообщений */
.punbb div.icon {
  float: left;
  display: block;
  width: 60px;
  height: 60px;
}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 пост*/
.punbb .post .container {
  border-style: none;
  border-width: 0;
  margin-top: -1px;
  padding-bottom: 1px;
  }

.punbb .post {
border: none;
margin-top: 20px;
}

/* C3.2 */
.punbb .post h3 {
  border-style: none;
  border-width: 0;
  }

/* C3.3 перенесен в Разделительная полоса в сообщениях*/

/* C3.4 Номер поста и слово Поделиться*/
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  padding-top: 10px;
  }

.punbb .post h3 .sharelink{
  padding-top: 10px;
  }

/* C3.5 профиль рамка */
.punbb .post .post-author {
  float: left;
  width:235px;
  margin: 0;
  overflow: hidden;
  padding-top: 0.1em;
  }

/* оформление мини-профиля */
.punbb .post .post-author .pa-author, .punbb .post .post-author .pa-title, .punbb .post .post-author .pa-avatar  {
  text-align: center;
}

.punbb .post .post-author {
  margin: 0;
}

.pa-avatar {
  margin-bottom: 5px;
  }

.pa-avatar img {
  border-radius: 100px;
  }

.pa-title {
  margin: 0;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 шрифт ника */
.pa-author {
font-family: 'oswald';
font-size: 1.2em!important;
font-weight: normal;
text-decoration: none !important;
}

/* Посты и уважение в профиле*/

.pa-posts, .pa-respect {
text-align:center;
border: none; /*Вид бордеров*/
display:inline-block;
padding:0 3px!important;
width:70px;
margin-left: 0;
font-family: 'Romul';
font-size: 0.8em;

}

/* C3.8 шрифт ника ссылка до наведения и после */
.pa-author a {
  font-family: 'oswald';
  font-size: 1.5em !important;
  font-weight: bold;
  text-decoration: none !important;
  }

.pa-author a:hover {
  text-decoration: none;
  }

.pa-author a {
  text-decoration: none
  }

/* C3.9 статус */
li.pa-title {
color: #817D64;
font-size: 0.9em;
font-weight: bold;
padding-bottom: 0.7em;
padding-top: 0.3em;
}

li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border: none;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: none;
  border-left-width: 0;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

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

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  margin-top: 4px;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }

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

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
margin-left: -800px;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: none;
  border-width: 0px;
  border-top: none;
  border-bottom: none;
  margin-bottom: 5px;

}

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 190px;
  margin: -1px 0px 0px -1px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
}

#pun-title TABLE {
  border: none;
  height: 190px;
  width: 100%;
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 10px;
  padding-right: 0px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border: none;
  margin: 130px 0 0 0;  /* отступ меню от верха-шапки*/
  margin-bottom: 0px;
  font-family: bravo;
  color: #000;
  font-size: 18px;
  text-shadow: #949da4 1px 3px 0px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 0;
  height: 25px;
  font-weight:bold;
  text-align: center;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 1%;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 10px;
  border: none;
  }

/* D4.2 */
#pun-ulinks .container {
  padding: 0.1em 1em;
  text-align: center;
  border: none;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border: none;
  border: 0px;
  white-space: nowrap;
  }

#pun-ulinks a {
    text-decoration: none;
    font-family: bebas neue;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #fff !important;
  }

#pun-ulinks a:hover {
  color: #d2d2d2 !important;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border: none;
  border: 0;
  padding-left: 0
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none;
  border-width: 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: none;
  padding: 1em 0 0.8em 0;
  border-bottom-style: none;
  border-bottom-width: 0;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

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

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

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: none;
  border-top-width: 0;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: none;
  border-top-width: 0;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: none;
  border-bottom-width: 0;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: none;
  border-bottom-width: 0;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

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

/*Верх*/
body {
        background-image: url("https://forumstatic.ru/files/0017/b2/11/99320.jpg");
background-position: center top; 
background-attachment: scroll;
background-repeat: no-repeat;
color: #4e96be !important;
  }

/*Фон форума*/
html {
background-image: url("https://forumstatic.ru/files/0017/b2/11/39424.jpg");
background-repeat: repeat-y;
background-position: center top;
background-color: #4e96be;
}

#pun {
        background: url("https://forumstatic.ru/files/0017/b2/11/99320.jpg");
        background-position: center top; 
        background-repeat: no-repeat;
        color: #7A7A7A;
        border-color: #637790;
  }

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

.punbb .main .container {
  background-color: #fff;
  color: #292929;
  }

.punbb-admin #pun-admain .adcontainer {
  background-color: #fff;
  color: #292929;
}

#pun-ulinks .container{
  background-color: transparent;
  color: #fff;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  font-size: 8pt;
  }

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
  background-color: transparent;
  color: #292929;
  }

/*Цвет ссылки на пост - ссылка на время*/
.punbb a.permalink, .punbb a.permalink:link, .punbb a.permalink:visited {
  color: #fff !important;
}

.punbb a.permalink:hover {
  color: #b7b7b7 ;
}
/*_________________________________________*/

.punbb td.tc2, .punbb td.tcr  {
  background-color: transparent;
  color: #292929;
  }

/* CS1.3  фон категории на главной*/
#pun-stats h2, .punbb .main h2, #pun-debug h2,  .punbb .main h1 {
    background: rgba(0, 0, 0, 0) url("https://forumstatic.ru/files/0017/b2/11/91626.png") no-repeat scroll left top;
    height:92px;
    line-height: 70px;
    margin-left: -36px;
    width: 892px;
  color: #f7fbfc;
  font-size: 2em;
  text-align: center;
  text-decoration: none;
  font-family: 'oswald';
  }

.punbb-admin #pun-admain h2 {
  background-color: #4e96be;
  color: #f7fbfc;
  font-size: 2em;
  text-align: center;
  text-decoration: none;
  font-family: 'oswald';
  }

/* CS1.4 */
.punbb .modmenu .container {
  background-color: transparent;
  color: #292929;
  }

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

#viewprofile h2 span {
  background-image: none;
  }

.punbb .post h3 strong {
        font-size: 0.9em;
        color: #292929;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #FAFAFA;
  color: #292929
  }

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

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

.punbb th {
  color: #c5c5c5;
  background: transparent;
  }

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

#pun-title, #pun-navlinks {
        border: none;
  }

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border: none;
  }

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

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

/* 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: none;
  border-color: #cccccc;
  }

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

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

#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: #F7F7F7
  }

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

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none;
  }

li.pa-online {
  border-left-color: #ccbda8;
  }

/* 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: #4e96be;
  text-decoration: none;
  -moz-transition: color 0.6s 0.04s ease;
  -o-transition: color 0.6s 0.04s ease;
  -webkit-transition: color 0.6s 0.04s ease;
}

#pun-main .post-content a {
  -moz-transition: color 0.2s 0.02s ease;
  -o-transition: color 0.2s 0.02s ease;
  -webkit-transition: color 0.2s 0.02s ease;
  color: #0092c5;
  line-height: 1;
  display: inline-block;
  text-decoration:none;
  border-bottom: 1px dotted #004444!important;
  cursor: pointer;
}

#pun-main .post-content a:hover {
  color: #00b2d0;
  border-bottom: 1px dotted #00b2d0!important;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #987049;
  text-decoration: underline;
  }

/* 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: #b7b7b7;
   text-decoration: none;
  }

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

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

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

/* CS4 Post status icons Иконки сообщений
-------------------------------------------------------------*/

div.icon {
        background: url(https://forumstatic.ru/files/0017/b2/11/10253.png) no-repeat;
}

tr.inew div.icon {
        background: url(https://forumstatic.ru/files/0017/b2/11/10253.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://forumstatic.ru/files/0017/b2/11/10253.png) no-repeat;
}

tr.iredirect div.icon {
        background: url(https://forumstatic.ru/files/0017/b2/11/10253.png) no-repeat;

}

tr.isticky div.icon {
        background: url(https://forumstatic.ru/files/0017/b2/11/10253.png) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
background: transperent;
}

#profilenav h2 span {background-image: none}

td.tcr a{
        background: transparent;
        padding-left: 16px;
}

#pun-stats ul.container {
        background: transparent ;
        padding-left: 15px;
}

#pun-stats div.statscon {
        background: transparent;
}

#pun-crumbs2 .container, #pun-about .container{
        background:  none;
        color: #292929;
}

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

/* Полоса прокрутки
-------------------------------------------------------------*/
::-webkit-scrollbar {width: 10px; height: 10px;} 
::-webkit-scrollbar-track {background-color: #7cb1cf;}
::-webkit-scrollbar-thumb {background-color: #fff; border-radius: 10px;}
::-webkit-scrollbar-thumb:active {background: #4e96be; border-radius: 10px;}

/*Поднять низ форума вверх*/
#html-footer {
  margin-bottom: 400px;
}

/* уведомления о ЛС, правка */
#OnOff_Notify{margin-top: 2px;}
@media screen and (min-width: 700px) {
  #notify-settings {
    position: relative;
    bottom: -32px;
    margin: 0 15px;
  }
}

/* закладки */
.editBookmark .container {
  margin-top: -5px !important;
  }

#MyBookmarks .container  {
  background: #fff;
  }

#pun-main .editBookmark h1{padding: .3em 1em .5em .4em!important;}
.punbb .main .editBookmark h1 span:first-child {position: relative;top: 2px;left: 6px;}
#MyBookmarks {z-index:9999!important;}
#BookmCntToggle{
  background: url(https://forumstatic.ru/files/0016/a6/f8/24318.png) center center no-repeat !important;
  width: 27px !important; height: 26px !important;
  opacity: 1 !important; cursor: pointer;
  z-index: 3; box-shadow: 0 0 6px rgba(0,0,0,.2);
}
#BookmCntToggle:hover{opacity:.78!important;}
.punbb .main #MyBookmarks h2,.punbb .main #MyBookmarks h1,.editBookmark h1 {
  padding: 6px 10px 8px 6px !important;
  background: #4A7EB3 !important;
  color: #fff !important;
  margin-bottom: 0 !important;
  border-bottom: none 0 transparent !important;
}
#MyBookmarks h2 span, #MyBookmarks h1 span, .editBookmark h1 span, .punbb .main #MyBookmarks h2 {
  font-size: 1.4em !important;
  font-family: 'oswald';
  margin-top: 0;
  height: 50px !important;
  width: 260px !important;

  }

.punbb .main #MyBookmarks h2 span {
  margin-left: 50px;
}

#MyBookmarks h2 strong,#MyBookmarks h1 strong {
  font: normal normal 700 18px/normal Verdana;
  letter-spacing: -1px;
  position: absolute;
  margin: 0 0 0 2px !important;
}
#MyBookmarks li span strong {
  font-size: 14px !important;
}
#MyBookmarks center {
  font-family: Verdana;
  padding-top: 5px !important;
}
#MyBookmarks em a, #MyBookmarks em a:hover {
  color: #fafafa !important;
  opacity: 1.0 !important;
}
li.BookmarkL {
  border-bottom-color: #e0e0e0 !important;
}
@media screen and (max-width:540px){
  #MyBookmarks h2, #MyBookmarks h2>span,#MyBookmarks h1,#MyBookmarks h1 >span{
    font-size: 17px !important;
  }
  #MyBookmarks #bm2 {
    font-size: 12px !important;
    margin-top: 5px !important;
  }
}

#pun-navlinks {
  font-family: 'Oswald' !important;
  color: #000;
  font-size: 18px;
  text-shadow: #949da4 1px 3px 0px;
}

/*ПРОФИЛЬ*/

.punbb .post .post-author {
  background:url(https://forumstatic.ru/files/0017/b2/11/21023.png) 0 0 repeat-y;
  overflow: visible!important;
  margin:12px 0 12px -15px!important;
}
.punbb .post .post-author > ul {
  background:url(https://forumstatic.ru/files/0017/b2/11/41344.png) 0 bottom no-repeat, url(https://forumstatic.ru/files/0017/b2/11/93954.png) 0 top no-repeat;
  margin: -55px 0 -15px 0!important;
  padding: 45px 20px!important;
}

/* амс */
.tooltip {
position: relative;
}
.tooltip em {
display: none;
}
.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
background: url();
color: #c3b295;
padding: 5px 5px;
bottom: 5px;
right: 5px;
box-shadow: 0px 0px 0px #9c857b;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-box-shadow: 0px 0 0px #9c857b;
-moz-box-shadow: 0px 0 0px #9c857b;
}
.tooltip:hover em i {
position: absolute;
bottom: -7px;
right: 5px;
border-top: 7px solid #000;
border-left: 7px solid transparent;
display: block;
}

.ams a:link, .ams a:hover, .ams a:visited {
  color: #f0bf60; !important
  font-weight: bold;
  text-shadow: 1px 0 0.5px #392a1b;
}

.leftimg {
float:left;
margin: 10px 10px 10px 0;
}

.pa-awards{
    border: none;
}

.art12 {
  background-color: rgba(226, 219, 212, 0.7);
  padding: 10px;
}

/*Скрыть ip*/
.pa-ip {
display: none;
}

/*Разделительная полоса в сообщениях*/
#pun-viewtopic .post h3 {
    background: rgba(0, 0, 0, 0) url("https://forumstatic.ru/files/0017/b2/11/91626.png") no-repeat scroll center top;
    height:92px;
    margin-left: -36px;
    width: 892px !important;
}

#pun-viewtopic .post h3 span {
    color: #786c51 !important;
    font-size: 10px;
    margin-top: -50px;
    padding-top: 60px !important;
    width: 670px;
}

.punbb .post h3 span {
  border-left: none;
  padding: 0.5em 1em;
  display: block;
  margin-left: 15em;
  background-color: transparent;
  color: #292929;
  }

.post h3 span a:link, .post h3 span a:visited {
  font-weight: normal;
  text-decoration: none;
}

/*Дата и время сообщения*/
.punbb a.permalink, .punbb a.permalink:link, .punbb a.permalink:visited {
   font-size: 0.8em;
   font-family: Romul;
}

/*Низ*/
#pun_wrap { 
background-image: url("https://forumstatic.ru/files/0017/b2/11/73550.jpg");
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 50px;
}

/* круглые края форм */

#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb select, .punbb .post , #pun-index td div.tclcon  {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}

/* Границы */

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {
  border-color:transparent;
  }

/*Все кнопки */
/*Основное и до наведение*/
.button, input[type="submit"] {
    background: #dfdfdf;
    background: -moz-linear-gradient(top, #cecece 0%, #fbfbfb 100%);
    background: -webkit-linear-gradient(top, #cecece 0%, #fbfbfb 100%);
    background: -o-linear-gradient(top, #cecece 0%, #fbfbfb 100%);
    background: linear-gradient(top, #cecece 0%, #fbfbfb 100%); 
  font-size: 13px;
  vertical-align: middle;
  cursor: pointer !important;
    font-family: georgia, helvetica, serif;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.35em 0.6em;
    box-sizing: border-box;
    margin: 0.1em 0.5em 0 0;
    border: none;
    border-left: 3px solid #4e96be;

  }

/*после наведение*/
.button:hover, input[type="submit"]:hover {
    border-left: 3px solid #4e96be;
    background: #eee;   
    background: -moz-linear-gradient(top, #ececec 0%, #fbfbfb 100%);
    background: -webkit-linear-gradient(top, #ececec 0%, #fbfbfb 100%);
    background: -o-linear-gradient(top, #ececec 0%, #fbfbfb 100%);
    background: linear-gradient(top, #ececec 0%, #fbfbfb 100%); 
  }

/*после нажатия*/
.button:active, input[type="submit"]:active {
    border-left: 3px solid #4e96be;
    background: #dcdcdc;
    background: -moz-linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
    background: -webkit-linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
    background: -o-linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
    background: linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
  }

/*хз для чего*/
.button[disabled] {
  opacity: 0.7;
  cursor: default !important;
  background: #f7f7f7 !important;
  }

/*_________________конец кнопок________________*/

/*Страница с репутацией*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    background: #fcfcfc url('https://forumstatic.ru/files/0016/50/7a/53542.png') center;
    border-radius: 3px;
}

#pun-reputation .inner h1  {
    background: #3a505c;
    margin-left: -80px;
    border-radius: 15px;
}

/*Удалить лишнее */
#pun-live-rusff, #pun-announcement h2, #pun-main .catleft, #pun-main .catright, #profile .post-sig, #profile-gifts, .lastedit, .divider, #post-form h2, .pa-gifts, #post fieldset legend span,
.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, .category .container table thead,
.punbb .datafield br,

.stickytext, .closedatafield, .closedtext, .inewisticky .tcl .tclcon a:before, .inew .tcl .tclcon a:before, .tcl span a:before,
h1.title-logo, .modlist {
    display: none;
}
/*________________________________________*/

.changed-ava {
    max-width: 180px;
    max-height: 180px;
}

/* Удаляем лишние строки после цитаты и кода*/
.post-content div + p::first-line {line-height: 0;}
.post-content div + p::first-letter {line-height: 1;}
.post-content div + p > br {
  display:block;
  height:0;
  line-height:0;
  font-size:0;
}

/* MOBILE CODES
-------------------------------------------------------------*/

@media screen and (max-width: 800px) {

    /* RESPECT AND POSITIVE */

    #pun-respect .main td, #pun-positive .main td {       
       display: inline-block !important;
       line-height: 1.5;
    }

    #pun-respect .main td:nth-of-type(1), #pun-positive .main td:nth-of-type(1) {
       width: 100% !important;
       text-align: center !important;
       padding: 1em 1em 0;
    }

    #pun-respect .main td:nth-of-type(3), #pun-positive .main td:nth-of-type(3) {
       display: inline;
       width: 100% !important;
       text-align: center !important;
       padding: 0 1em 1em;
    }

    #pun-respect td:nth-of-type(4), #pun-positive td:nth-of-type(4) {
       float: right;
       text-align: right !important;
       padding: 0 1em 1.5em 0 !important;
    }

    #pun-respect td:nth-of-type(5), #pun-positive td:nth-of-type(5) {
       text-align: left !important;
       float: left !important;
       padding: 0 0 1.5em 1em !important;
    }

    #pun-respect td:nth-of-type(3):before {
       content: ' плюс от ';
    }

    #pun-positive td:nth-of-type(3):before {
       content: 'плюс для ';
    }

    #pun-respect td:nth-of-type(4):before, #pun-positive td:nth-of-type(4):before {
       display: block;
       padding: 0;
       content: 'Комментарий:';
       font-style: italic;
    }

    #pun-respect td:nth-of-type(5):before, #pun-positive td:nth-of-type(5):before {
       content: 'за пост в ';
    }

    .removeReputation {
       position: relative;
       margin: -1.25em 7.75em 0 0 !important;
    }

    #pun-online .main td {
       display: block !important;
       width: 100%;
       width: auto !important;
       text-align: center !important;
    }

    #pun-online .main td:nth-of-type(2) {
       padding: 0 1em 0.25em;
    }

    #pun-online .main td:nth-of-type(3) {
       padding: 0 1em 1.5em 1em;
    }

    #pun-status .container {
       width: 100%;
       box-sizing: border-box !important;
       text-align: center;
    }

    #pun-status span {
       display: inline-block !important;
       box-sizing: border-box !important;
       width: auto !important;
       padding: 0 !important;
       margin: 0 !important;
    }

/*От Пиар входа*/
#pun-main #profile1[action$="id=4"]{
display:none;
}

<!--убирает "отредактировано"-->
<style>
.lastedit {display:none;}
</style>

<!-- Свое описание к теме © Alex_63 / Ч.1 в начало HTML верх -->
    <style>#fld9{margin-bottom:4px;}</style>
    <script type="text/javascript">
    if(document.title.indexOf('‡')!=-1){var dsc = document.title.split('‡')[1].split('&')[0];document.title = document.title.replace('‡'+dsc+'\&','');};
    </script>

<!-- HTML -->
<script>
function Transform_Code_Box_in_HTML(aX){
var TemLnk=aX.replace(/^(.*viewtopic\.php\?id=\d*).*$/ig,"$1");
var PstId=aX.replace(/^.*viewtopic\.php\?id=.*(#p\d+)$/ig,"$1");
var L=document.URL.replace(TemLnk,'');
if(L!=document.URL&&(L.slice(0,1)).search(/\d/ig)==-1 ){
L=$("div.topic "+PstId);
if(L.length==1){
var Lhtm=L.find(".post-content .code-box:first .scrollbox pre").text();
L.find(".post-content .code-box:first").replaceWith(Lhtm)
}}}
function Demo_HTML(Ts){var Ll=Ts.parents(".htmldemo").find(".code-box .scrollbox pre").text();
Ts.parents(".htmldemo").after('<div class="demHtml">'+Ll+'</div>');Ts.replaceWith(DemoButt0);
}
$(document).ready(function() {
$("#pun-viewtopic .post .code-box").each(function(){
if($(this).text().indexOf('<!--HTML-->')!=-1){
$(this).wrap('<div class="htmldemo"></div>')
$(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);
}
});
});
</script>
<style>
#pun-navlinks #navawards{display:none;}
</style>

<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin: 0 0 0 0;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>

<!-- Свое описание к теме © Alex_63 / Ч.2 в начало HTML низ -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/33606.js"></script>

<!-- Скрипт смены имиджа -->
<link id="iNFpanel" rel="stylesheet" href="https://forumstatic.ru/files/0016/ef/45/52745.css" type="text/css"/>
<script src="https://forumstatic.ru/files/0016/ef/45/31648.js"></script>
<style>.punbb .pa-avatar img {max-width:180px;height:auto;}</style>
<script type="text/javascript">
OnSmenaImage("WITCH", new Array("Reaper"))
var AvtrArr=new Array( )
StartNIZ(); //
</script>
<!-- Конец -->

<!-- Разделение ников пользователей в теме запятой -->
    <script>$('#topic-users-in a').prev('a').after(',');</script>

<!-- аватар для гостя -->
<!-- Аватар по умолчанию + Спец Аватарки Некоторым никам -->
<script type="text/javascript">
var NickAva = {
//Ник    //Ccылка на картинку
"Piar":"https://forumavatars.ru/img/avatars/0016/11/d6/2-1438221469.gif",
"Тут имя":"https://forumavatars.ru/img/avatars/0000/14/1c/21349-1345723841.jpg" //Последний элемент без запятой
}
$("div.post-author").each(function(){
var avalink = "https://forumstatic.ru/files/0017/b2/11/86354.png";  //аватар по умолчанию
var a = $(this).find("li.pa-author").clone();a.find('span.acchide').remove();
var nick = a.text(); var tstNick = NickAva[nick]; if(tstNick!=undefined)avalink=tstNick;
if(!$(this).find("li.pa-avatar").length) $(this).find("li.pa-title").after("<li class='pa-avatar item2'><img src='" + avalink + "' title='" + nick + "' /></li>");});
</script>

<!-- Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -HTML низ -->
    <script>
    var a1 = 1 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
    var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
    var a3 = 0     // Резкость Открытия: 0 - Плавно; 1 - Резко;
    var LiArr=new Array(
    //При наличии двух косых // в начале пункта, - пункт не скрывается.
    //"pa-author",     //Ник-Нейм
    //"pa-avatar",     //Аватар
    //"pa-title",      //статус

    // 1 кнопка - ссылка на Картинку
    //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
    "https://forumstatic.ru/files/0017/b2/11/24024.png[О персонаже]",
"pa-fld2",       //Доп.Поле.2 - описание перса
"pa-fld1",       //Доп.Поле.1 - лайки

   // 2 кнопка- ссылка на Картинку
    "https://forumstatic.ru/files/0017/b2/11/24024.png[Ссылки и счет]",
"pa-fld5",       //Доп.Поле.5 - деньги
"pa-fld3",       //Доп.Поле.3 - ссылки
"pa-fld4",       //Доп.Поле.4 - стикер

    // 3 кнопка - ссылка на Картинку
    //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
    "https://forumstatic.ru/files/0017/b2/11/24024.png[О пользователе]",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
"pa-from",       //Откуда

    // 4 кнопка - ссылка на Картинку
    //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
    "https://forumstatic.ru/files/0017/b2/11/24024.png[Уважение и сообщения]",
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:

    // 5 кнопка - ссылка на Картинку
    //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
    "https://forumstatic.ru/files/0017/b2/11/24024.png[Награды и подарки]",
//"award",      //Награды(только для rusff и ork)
//"gift",         //Подарки(только для rusff и ork)

    "_End"); SetProvilSpoil(a1,a2,a3);
    </script>
    <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

<!-- новые сообщения -->
<script type="text/javascript">
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script>

<!-- скрыть надписи полей профиля -->
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld5")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld2")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld3")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld4")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);
}   
}
else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
}
else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
}   
}
</script>

<!-- выделить код -->
<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);
}   
}
else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
}
else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="\" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
}
}
</script>

<!--Кнопки вверх и вниз-->
<!-- СТРЕЛОЧКИ ВВЕРХ-ВНИЗ -->
<div class="arrowstoptobottom">
    <div><a href="#top" onclick="$('body, html').animate({scrollTop: 0}, '400'); return false;" title="Вверх страницы">↑</a></div>
    <div><a href="#bottom" onclick="$('body, html').animate({scrollTop: $(document).height()-$(window).height()}, '400'); return false;" title="Вниз страницы">↓</a></div>
</div>

<!--КОНЕЦ-->
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
  else $("#Go_Top").fadeIn("slow")
});

$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow")
  else $("#Go_Bottom").fadeIn("slow")
});

$("#Go_Top").click(function(){
  $("html, body").animate({scrollTop:0},"slow")
})
$("#Go_Bottom").click(function(){
  $("html, body").animate({scrollTop:$(document).height()},"slow")
})
});
</script>

<!-- счет символов -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border: none; padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>

<!--HTML+-->
<script>
var oldIMG="<td id=\"button-image\" title=\"+HTML\"><img onclick=\"bbcode('

Код:

<!--HTML-->','

')\" src=\"http://www.iconsearch.ru/uploads/icons/oxygen/16x16/application-xml.png\" style=\"HEIGHT: 20PX; WIDTH: 20PX; MARGIN-LEFT: 4PX; MARGIN-TOP: 2PX;\"></td>"
$("#button-image").after(oldIMG);
</script>

<!--Выравнивание по ширине-->
<script>
$("#button-right").after('<td id="button-justify" title="Выравнивание по ширине"><img src="/i/blank.gif" onclick="bbcode(\'\', \'\');"/></td>');
</script>
<style>
#button-justify {
    background: url("http://se.uploads.ru/LVN4z.png") no-repeat scroll center 6px rgba(0, 0, 0, 0) !important;
}
</style>

<!-- Пиар-вход v.2 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'Реклама'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'Реклама'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>

<!--/*Низ*/-->
<style>
#pun_wrap { 
background-image: url("https://forumstatic.ru/files/0017/b2/11/73550.jpg");
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 50px;
}
</style>

<br>
<div class="text_effect" style="position: absolute; width: 140px; height: 40px; top: 400px; margin-left:65px;   line-height: 80%;"><a href="http://valche.artbb.ru/viewtopic.php?id=5#p5">ГОСТЕВАЯ</a></div>
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;
<br>&nbsp;

<!--Деньги-->
<script type="text/javascript">
if(location.href.indexOf('viewtopic')!=-1) {
var field = 'fld5';
var diff = 2;
var default_name = 'Деньги';
var ul = $("#pun-main div.post div.post-author ul");
for(var i =0;i < ul.length;i++){
    var for_posts = parseInt($(ul[i]).find('li.pa-posts').text().replace(/Сообщений: /,""))*diff
    if(!$(ul[i]).find("li.pa-"+field).length) {
    $(ul[i]).find('li.pa-posts').after('<li class="pa-'+field+'">'+default_name+': '+for_posts+'</li>');
    }
    else {
    $(ul[i]).find("li.pa-"+field).html(default_name+': '+(parseInt($(ul[i]).find("li.pa-"+field).text().replace(/^(.*): (-?\d+)$/,"$2"))+for_posts))
    }
}
}
</script>

<script type="text/javascript">
if(location.href.indexOf('viewtopic')!=-1) {
var field = 'fld1';
var diff = 2;
var default_name = 'like';
var ul = $("#pun-main div.post div.post-author ul");
for(var i =0){
    var for_posts = parseInt($(ul[i]).find('li.pa-posts').text().replace(/Сообщений: /,""))*diff
    if(!$(ul[i]).find("li.pa-"+field).length) {
    $(ul[i]).find('li.pa-posts').after('<li class="pa-'+field+'">'+default_name+': '+for_posts+'</li>');
    }
    else {
    $(ul[i]).find("li.pa-"+field).html(default_name+': '+(parseInt($(ul[i]).find("li.pa-"+field).text().replace(/^(.*): (-?\d+)$/,"$2"))+for_posts))
    }
}
}
</script>

<!-- BB-цитатa (NEW) --><script>
var BBQuote = {};
BBQuote.mode   = 1; // BB-цитирование: 0 - по стандартной кнопке цитаты, 1 - со вставкой новой кнопки;
BBQuote.text   = 'BB-цитата'; // Надпись на кнопке BB-цитирования
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/62091.js"></script>