Код:

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

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

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

/* 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, arial, helvetica, sans-serif,  cassandra;
  }

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

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  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: normal;
  }

/* 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;
  float: none;
  width: 999px;
  position: relative;
  }

/* A5.2 */
.punbb {
  position: relative;
  height: auto;
  width: 830px;
  margin-left: 13px;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 0% 0x 0%;
  float: center;
  position:absolute;
  width: 476px; !important;
  height: 153px;!important;
  font-family: Times;
  font-size: 0em;
  color: transparent !important;
  background-image: url("http://funkyimg.com/i/2efXh.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: 200px !important;
  margin-top: 150px !important;
  }

#pun-maint, #pun-redirect h1 {display:none;} 
#pun-redirect a {
  position:absolute;
  font-style: normal;
  font-family: 'Cambria';
  font-size: 0em;
  font-style: italic;
  text-decoration: none;
  margin-top:20px !important;
  margin-left:-155px !important;
  width:400px!important;
  line-height:80%;
  text-align:center;
}


/* 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 none solid none;
  border-width: 0px 0px 2px 0px;
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 2.9em 0em 1em 0em;
  border-style: none solid solid none;
  border-width: 0 0px 0px 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: double 3px #;
  width: 560px;
  margin: 7px 0;
  }

/* 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-bottom;
  }

/* 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.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 10px;
  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: 0.9em;
  height: 0;
  }

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -2.0em;
  left: 0.6em;
  width: 24em;
  color: #063D72;
  font-weight: normal;
  text-transform: uppercase;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -2.0em;
  right: 0.1em;
  width: 16em;
  text-align: right;
  font-weight: normal;
  text-transform: uppercase;
  }
.linkst .postlink a, .linkst .postlink a:hover {
  text-transform: uppercase;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1.2em 0.5em 1.1em;
  font-size: 0.9em;
  font-weight: normal;
  font-family: arial;
  color: #063D72;
  text-transform: uppercase;
  }
.punbb .linksb a, .punbb .linksb a:hover {
  text-transform: uppercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: normal;
  color: #063D72;
  text-transform: uppercase;
  }
.linksb .pagelink a, .linksb .pagelink a:hover {
  text-transform: uppercase;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
  text-transform: uppercase;
  }
.linksb .postlink a, .linksb .postlink a:hover {
  text-transform: uppercase;
  }

/* 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;
  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: 4px 12em 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;
  }

/* 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: сenter;
  width: 58%;
  }

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


/* C2.3 */
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  width: 30%;
}

.punbb .main .tcr a {
  font-weight: nomal;
  text-transform: none;
  text-align: justify;
  
}
.category .tc2, .category .tc3, .forum .tc2, .forum .tc3 {
    color: #293242!important;
    font-size: 16px;
    font-family: cambria;
}


/* 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 {
    font-size: 13px;
    font-family: "Arial";
    font-weight: bold;
    text-transform: uppercase;
}

#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px !important;
}


/* 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;
  text-align: left;
  font-style: normal;
  font-style: none;
  letter-spacing: 0.2px;
  }

.punbb td .modlistn .tcr a {
  font-style: italic;
  letter-spacing: 0.5px;
 }


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 1px groove #;
  font-size:11px;
  }

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    text-align: justify;
    padding-left: 65px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 60px;
    height: 49px;
    margin-top: 7px;
}

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

/* C3.1 */
.punbb .post .container {
   text-align: justify;
}

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


/* C3.3 */
.punbb .post h3 span {
   background-image: url("http://funkyimg.com/i/2bHPs.png");
   display: block;
   color: #404040;
   font-family: Arial;
   font-size: 10.5px;
   text-transform: uppercase;
   font-weight: normal!important;
   padding: 0.2em 0.5em;
   margin-left: 21.8em;
}
#pun-main .post .permalink {
   font-family: Arial;
   font-size:10.5px;
   text-transform: uppercase;
   font-weight: normal!important;
   color: #404040;
}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  color: #4C4C4C;
  font-family: Arial;
  text-align: right;
  font-weight: normal;
  text-transform: uppercase !important;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19.0em;
  margin-top: -1.8em;
  overflow: hidden;
  }

/* 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-size: 11px;
    font-family: "Arial";
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


/* C3.8 */
.pa-author a {
  text-decoration: none;
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.2em;
  font-weight: bold;
  padding-top: 0px;
  }

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

/* C3.11 */
.punbb .post-body {
  margin-left: 19.8em;
  border-left-style: solid;
  border-left-width: 1px;
  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: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
    background-image: url("http://funkyimg.com/i/2bHQc.png");
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -18.6em;
    text-align: right;
  }
#pun-main .post-links li a {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #4F5254;
}
#pun-main .post-links li a:hover {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #004877;
}


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

#post-form #post fieldset legend {
  text-align: center !important;
}



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

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.4em 1em;
  text-align: right;
  }

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

 #pun-messages .post-box {
width: 350px;
}


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

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

/* C6.2 */
#profilenav {
  background: url("http://funkyimg.com/i/2bGsf.png");
  float: left;
  display: inline;
  width: 14em;
  border: 3px double #8792A0 !important;
  margin-left: -16.3em;
  margin-top: 0.5em;
  }


/* C6.3 */
#profilenav li {
  font-weight: normal;
  text-align: left;
  margin-left: 1em !important;
  padding-bottom: 0.8em;
  }

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited, #profilenav li a:hover {
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #383C42;
}


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


/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  margin: -7px 0px 0px 8px;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
    padding: 0 5px;
    position: relative;
    float: left;
    font-style: normal;
    color: #383838;
    line-height: 1%;
    font-size: 12px;
    letter-spacing: normal;
    font-weight: 600;
    font-family: Arial;
    text-shadow: none;
  }


/* 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.1 */
#pun-title {
  margin: 0;
  border: none;
}

/* D1.2 */
#pun-title h1 {
  display: block;
  height: 40px;
  padding: 2em 1em 0 1em;
  position: absolute;
}

/* D1.3 */
#pun-title .container {
  border-style: none;
  }

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

#pun-title TABLE {
  border: none;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
    width: 500px;
}



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

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -7px;
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, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
}

/* D3.2 */
#pun-navlinks .container { 
    height: 4px;
    margin-top: -55px;
}

/* D.3 */
#pun-navlinks li {
  display: inline-block;
  padding-right: 1em;
  }

/* D3.4 */
#pun-navlinks li a, #pun-navlinks li a:hover, #pun-navlinks li a:focus, #pun-navlinks li a:active {
    font-family: "cambria";
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
  }


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

/* D4.1 */
#pun-ulinks  {
    margin-top: 0px;
    height: 40px;
  }

/* D4.2 */
#pun-ulinks .container {
    border-top: none;
    font-size: 9.5px;
    font-family: "Arial Narrow";
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    margin-left: 0px !important;
    padding: 5px;
    line-height: 10px;
  }


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

/* 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-left-style: none;
  border-left-width: 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: 0em 1em 1em 0em;
    margin-left: 0px!important;
    text-align: center;
}
#pun-status {
    font-size: 10.3px;
    text-align: center!important;
}
#pun-status span.item3 {
  font-size:10.3px;
}
#pun-status p span.item3, #pun-status p span.item3 a {
color: #141414!important;
display: none!important;
}
#pun-status .container a, #pun-status .container a:hover{
color: #090909!important;
  }


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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  font-size:11px;
  font-style: none;
  }

#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  font-style: none;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #243342;
}



/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.0em 0em;
  font-size: 1.1em;
  color: #243342;
  text-align: center;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0px 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 none solid none;
  border-width: 0 0 0px 0;
  position: center;
  font-weight: normal;
  }

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

/* D6.3 */
#pun-announcement .container {
  padding: 0.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: solid;
  border-top-width: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  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;
  }

#pun-about p.container {
  text-align: center;
  line-height: 0%;
  padding-top: 30px;

}

/* 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;
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  font-size:11px;
  font-style: none;
  }

#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  font-style: none;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #243342;
}


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

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

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


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  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: solid;
  border-bottom-width: 0px;
  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;
  }

Код:

/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/*Шапка*/
#pun-title table {
background: url("http://funkyimg.com/i/2bGs5.png") no-repeat;
   height: 553px;
   width: 1094px;
   margin-left: -217px;
}

/*Фон*/
body {
background:  url("http://funkyimg.com/i/2bGqq.png") repeat-x top center,
url("http://funkyimg.com/i/2bGry.png") repeat;
   background-color: #011529;
   overflow-x: hidden;
}
/*Тело*/
#pun {
  background: url("http://funkyimg.com/i/2bGs6.png");
  position: relative;
  width: 856px!important;
  position: relative;
  margin: auto;
  }

/*Копирайт*/
#copyright {
background: url("http://funkyimg.com/i/2bGs7.png") no-repeat scroll center;
   text-align: center;
   width: 856px;
   height: 151px;
   margin-left: -14px;
}
div#html-footer {
margin: 0px 0px -100px 0px;
text-align: center; 
}


/*Подпись*/
.punbb .post-sig dt {  
border: none;
border-top: solid 1px #838e9c;
  }

/*Линия hr*/
hr {
border: none;
border-top: 1px double #838e9c;
}

/* Прокрутка*/
::-webkit-scrollbar{
width: 4px;
height: 4px;
background-color: #67707b;
}
::-webkit-scrollbar-thumb{
background-color: #1e3750;
}


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

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

/* CS1.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, #pun-stats h2 {
    background: url("http://funkyimg.com/i/2bGs8.png") no-repeat;
    height: 40px;
    width: 856px;
    margin-left: -13px;
    color: #4A6898;
    text-align: center;
    line-height: 1%;
    font-size: 11.5px;
    letter-spacing: 5.5px;
    font-weight: normal;
    font-family: 'Arial Narrow';
    text-transform: uppercase;
    text-shadow: -1px 0px 0px #000000;
}
.punbb-admin #pun-admain h2 {
  background-color: transparent; 
  color: #0f0f0f;
  line-height: 1%;
  font-size: 11px;
  letter-spacing: 0.5px;
  font-weight: normal;
  font-family: Arial;
  font-style: none;
  text-align: left;
  text-shadow: none;
  text-transform: uppercase;
}


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

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

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

/* CS1.7 */
#pun-main .quote-box {
  background: url("http://funkyimg.com/i/2bGsf.png");
  color: #000000;
  padding: 10px 10px 5px 10px;
}
#pun-main .code-box {
  background: url("http://funkyimg.com/i/2ehH3.png") no-repeat top center,  url("http://funkyimg.com/i/2bGsg.png");
  color: #000000;
  padding: 8px 10px 5px 10px;
}
#pun-main .spoiler-box {
  background: url("http://funkyimg.com/i/2bGsg.png");
  color: #000000;
  padding: 10px 10px 10px 10px;
}
.punbb .quote-box cite {
    font-weight: bold;
    color: #353d46;
    text-transform: uppercase;
    font-size: 10px;
}
.punbb .code-box strong.legend a {
    font-weight: bold;
    color: #484c50;
    text-transform: uppercase;
    font-size: 10px;
}
.punbb .spoiler-box div, .punbb .spoiler-box div a {
    font-weight: bold;
    color: #484c50;
    text-transform: uppercase;
    font-size: 10px;
}
.post-content .spoiler-box > div {
    padding-left: 18px!important;
    text-transform: uppercase!important;
}
.punbb .quote-box {
  border: 4px double #787E86!important;
}
.punbb .code-box {
  border: 4px double #787E86!important;
}
.punbb .spoiler-box {
  border: 4px double #787E86!important;
}



/* CS1.8 */
#pun-navlinks .container {
text-align: center;
   background-color: transparent;
   color: #000000;
}
.offline li.pa-online strong {
    font-weight: normal;
}
.punbb textarea, .punbb select {
    background: url("http://funkyimg.com/i/2eicP.png");
    color: #000000;
    margin: 5px 0px 5px 0px;
    padding: 2px;
    border: 4px double #99a0a9!important;
}
.punbb input {
    background: url("http://funkyimg.com/i/2eicP.png");
    color: #000000;
    margin: 5px 0px 5px 0px;
    padding: 2px;
    border: 4px double #99a0a9!important;
}

#post .formsubmit {
    text-align: center;
}


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

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

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   border-color: transparent;
  }
/* 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: transparent;
  }

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }
#pun-ulinks li, #pun-announcement h2 span, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }
.punbb .divider {
  border-color: transparent;
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }
li.pa-online {
  border-left-color: transparent;
  }
.punbb .post-sig dt {
  border-top-color: # !important;
  }


/* 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:#383838;
  font-weight: normal;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color:#383838;
  text-transform: none;
  text-decoration: none;
}

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

/* CS3.3 */
#pun-navlinks a {
    color: #5A7694;
    letter-spacing: 2px;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color:#64819E;
  letter-spacing: 2px;
  text-shadow: none;
  }


/* Пользовательские ссылки */
#pun-ulinks  a:link, #pun-ulinks  a:visited {
  font-weight: normal;
  letter-spacing: 1px;
  color: #5A7694;
  text-transform: uppercase;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  font-weight: normal;
  letter-spacing: 1px;
  color: #5A7694;
  text-transform: uppercase;
}


/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image : url('http://funkyimg.com/i/2bGs9.png');
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image : url('http://funkyimg.com/i/2bGsa.png');
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url('http://funkyimg.com/i/2bGsb.png');
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('http://funkyimg.com/i/2bGsc.png');
background-repeat: no-repeat;
}
/*Перенесено*/
TR.iredirect Div.icon {
background-image : url('http://funkyimg.com/i/2bGsd.png'); 
background-repeat: no-repeat;
}

/*Иконка статистики*/
#pun-stats ul.container {
    background: url("http://funkyimg.com/i/2eXsi.png") no-repeat scroll 10px 5px transparent!important;
    padding-left: 75px;
    height: 80px;
}


/*Количество тем, количество сообщений*/
#pun th {
   text-transform: uppercase;
   font-size: 9px!important;
   color: #2B2B2B;
   font-family: Arial;
   font-style: normal;
   letter-spacing: 1.0px;
}
#pun-index.punbb th,#pun-viewforum.punbb th{
  font-size:0!important;
  color:transparent!important;
  height:0!important;
  padding:0!important;
  border:0!important;
}



/*Окно шрифта*/
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  { 
background: url("http://funkyimg.com/i/2bGsg.png");
border-style: solid;
border-width: 1px;
color: #000000;
border-color: #99a0a9;
}


/*Окно репутации*/
#pun-main #pun-reputation .container, #pun-main #pun-report .container, div#pun-reputation div.inner h1, #pun-report h1, #pun-reputation h1 {background-image: url("http://funkyimg.com/i/2bGsh.png"); text-shadow: none; color: #000000; border: 1px solid #545454 !important;
}
#pun-report h1, #pun-reputation h1 {background-image: url("http://funkyimg.com/i/2bGsh.png"); text-shadow: none; color: #000000; width: auto !important; margin: auto !important; border: 1px solid #545454 !important;
}


.topic a.sharelink {
display: none;
}


/*Страница наград*/
#pun-mod #pun-main .category h2 span {
text-align: center !important;
}
#pun-mod #pun-main .category h2 span a:link, #pun-mod #pun-main .category h2 span a:visited, #pun-mod #pun-main .category h2 span a:hover {
  text-transform: uppercase;
}
#pun-mod #pun-main .category h2 select {
margin-top: 50px;
margin-bottom: 20px;
font-size:11px;
width: 170px;
margin-left: -100px !important;
}


/*Номер, дата поста*/
.punbb .post h3 strong {
   float: left !important;
   margin-left: 0 !important;
   margin-right: 5px;
   text-align: left !important;
   width: auto !important;
   font-weight: normal!important;
}
.post h3 strong:before {
  content: "запись ";
  color: #404040;
  font-family: Arial;
  font-size: 10.5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
}
div.post h3 strong:after{
  content: ",";
  color: #404040;
  font-family: Arial;
  font-size: 10.5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
}
div.post-rating p:before {
  content: "рейтинг ";
  color: #404040;
  font-family: Arial;
  font-size: 10.5px;
  text-transform: uppercase;
  font-weight: normal;
}
.punbb .post-box {
  position: relative;
}
div.post-rating p {
  padding: 0 10px !important;
  position: absolute;
  right: 0px;
  top: -19px;
  color: #404040;
  font-family: Arial;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: normal;
}
div.post-vote p {
   position: absolute;
   right: -8px;
   top: -5px;
}
div.post-rating a, div.post-vote a {
   color: #404040;
}
div.post-rating p a:hover {
   color: #404040;
}



/*Окантовка профиля*/
.punbb .post .post-author {
background: 
url("http://funkyimg.com/i/2bGu7.png") no-repeat 0px 0px, 
url("http://funkyimg.com/i/2bGu9.png") no-repeat 0px bottom, url("http://funkyimg.com/i/2bGu8.png") repeat-y 0px 0px;
padding-bottom: 10px !important;
padding-left: 0px !important;
padding-top: 0px !important;
margin-left: 5px;
text-align: center;
color: #000000!important;
background-attachment: local;
}
.pa-author a, .pa-author {
color: #95B6E0!important;
font-weight: bold!important;
text-shadow: #113056 -1px 1px 0px;
text-transform: uppercase!important;
}
.punbb .post .post-author {
color: #BAC8DC!important;
text-shadow: #424A56 -1px 1px 0px;
}
.punbb .post .post-author a {
color: #BAC8DC!important;
text-shadow: #424A56 -1px 1px 0px;
}
.punbb .post .post-author a:hover, .punbb .post .post-author a:focus, .punbb .post .post-author a:active {
color: #D1E0F5;
}
.pa-author {
font-weight: bold; !important;
padding-top: 10px !important;
}
.post-author ul li.pa-avatar img {
text-align: center;
border: 1px solid #1D1D1D;
}
.pa-avatar {
background: url("http://funkyimg.com/i/2bpL2.png");
width: 208px;
padding-bottom: 10px !important;
padding-top: 12px !important;
margin-left: -11px !important;
margin-bottom: 5px!important;
}
.post-author ul li.pa-avatar img {
    text-align: center;
    border: solid 1px #778496 !important;
    box-shadow: #25303E 0px 0px 1px!important;
}
.post .pa-title {
background: url("http://funkyimg.com/i/2bpKf.png");
width: 208px;
font-style: normal;
font-weight: normal;
font-size: 10px;
    color: #A3B5CE;
    text-shadow: #313C4A 1px 1px 0px;
    margin-top: -0.7em;
    padding-top: 8px;
    margin-left: -11px;
    letter-spacing: -0.2px;
}
.post-author ul li.pa-fld1, .post-author ul li.pa-fld2, .post-author ul li.pa-fld3, .post-author ul li.pa-fld4, .post-author ul li.pa-fld5 {
text-align: justify;
}
.post .pa-online {
    color: #bac1c8!important;
    font-size: 11px;
    font-family: "Arial Narrow";
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    margin-left: -14px;
    margin-bottom: 2px;
    letter-spacing: 1.0px;
}


/*Таблица*/
.tab{
  background: url("http://funkyimg.com/i/2efjg.png");
  display: block;
  position: absolute;
  height: 136px;
  width: 728px;
  top: 211px;
  right: -4px;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  opacity: 0;
}
.tab:hover{ 
  opacity:5; 
}


/*Текст*/
#text { 
color: #7b9ab5;
text-align: justify;
padding: 0px 4px 0px 0px;
line-height: 12px;
}
#text a {
color: #a9c4dc;
}
#text a:hover, a:active {
color: #b7cee4;
}
#text::-webkit-scrollbar{
width: 2px;
background-color: transparent;
}
#text::-webkit-scrollbar-thumb{
background-color: #174FA7;
}
#texts { 
color: #a3bdd4;
text-align: justify;
padding: 0px 4px 0px 0px;
line-height: 12px;
}
#texts a {
color: #a9c4dc;
}
#texts a:hover, a:active {
color: #b7cee4;
}
#texts::-webkit-scrollbar{
width: 2px;
background-color: transparent;
}
#texts::-webkit-scrollbar-thumb{
background-color: #7a99b5;
}

/*Оформление ссылок в шапке*/
#navi a {
    background: url("http://funkyimg.com/i/2eiaH.png") no-repeat;
    color: #68a2d8!important;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    padding: 1px 7px 0px 7px;
    margin: 4px 0px 4px 0px;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 0.7px;
    opacity: 0.8;
}
#navi a:hover {
    background: url("http://funkyimg.com/i/2eiaH.png") no-repeat;
    color: #8fc3f5!important;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    padding: 1px 7px 0px 7px;
    margin: 4px 0px 4px 0px;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 0.7px;
}


/*Arial Narrow*/
@font-face {
  font-family: "Arial Narrow";
  src: url("/files/0012/f3/e1/25209.eof"),
url("/files/0012/f3/e1/55039.otf"),
url("/files/0012/f3/e1/72753.ttf"),
url("/files/0012/f3/e1/60978.woff");
}
/*Franklin Gothic Medium*/
@font-face {
  font-family: "Franklin Gothic Medium";
  src: url("/files/0012/f3/e1/90499.eot"),
url("/files/0012/f3/e1/10700.otf"),
url("/files/0012/f3/e1/45839.ttf"),
url("/files/0012/f3/e1/20396.woff");
}

Код:

<!--Отключения сервера рекомендаций-->
<script type="text/javascript">
rusffLive.enable = false;
</script>


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

<!--Убираем надпись награды из навигации форума -->
<style type="text/css">
li#navawards {display: none;}
</style>


<!--Стрелки вверх, вниз-->
<div style="position:fixed; z-index:1003; right: 7.5%; bottom: 54%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="http://funkyimg.com/i/2eXoA.png" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="http://funkyimg.com/i/2eXoz.png" alt="Вниз страницы">
  </a>
</div>


<!--Cкрытие информации в профиле-->
<style>img.post-img-Sp {margin: 2px 0px 5px 0px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{
display: block;
color: #C7C7C7;
font-family: Arial;
font-size: 10px;
text-align: center;
text-transform: uppercase;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>


<!--Таблица-->
<table style="display: block; position: absolute; height: 50px; width: 550px; top: 150px; right: -17px;"><tbody><tr><td>
<div id="text" style="height: 35px; width: 145px;">
<center><a href="ссылка"><img style="max-width:30px; max-height:30px;border: 1px solid #0a5fbb;" src="http://funkyimg.com/i/2eicE.png" border="0" title="имя"></a> 
<a href="ссылка"><img style="max-width:30px; max-height:30px;border: 1px solid #0a5fbb;" src="http://funkyimg.com/i/2eicE.png" border="0" title="имя"></a> 
<a href="ссылка"><img style="max-width:30px; max-height:30px;border: 1px solid #0a5fbb;" src="http://funkyimg.com/i/2eicE.png" border="0" title="имя"></a> 
<a href="ссылка"><img style="max-width:30px; max-height:30px;border: 1px solid #0a5fbb;" src="http://funkyimg.com/i/2eicE.png" border="0" title="имя"></a> </center></div></td>
<td><div id="text" style="height: 35px; width: 180px;">
<center><a href="ссылка"><img style="max-width:30px; max-height:30px;border: 1px solid #0a5fbb;" src="http://funkyimg.com/i/2eicE.png" border="0" title="имя"></a> 
<a href="ссылка"><img style="max-width:30px; max-height:30px;border: 1px solid #0a5fbb;" src="http://funkyimg.com/i/2eicE.png" border="0" title="имя"></a> 
<a href="ссылка"><img style="max-width:30px; max-height:30px;border: 1px solid #0a5fbb;" src="http://funkyimg.com/i/2eicE.png" border="0" title="имя"></a> 
<a href="ссылка"><img style="max-width:30px; max-height:30px;border: 1px solid #0a5fbb;" src="http://funkyimg.com/i/2eicE.png" border="0" title="имя"></a> 
<a href="ссылка"><img style="max-width:30px; max-height:30px;border: 1px solid #0a5fbb;" src="http://funkyimg.com/i/2eicE.png" border="0" title="имя"></a> 
</center></div>
</td>
<td><div id="text" style="height: 45px; width: 200px;">
<div id="navi"><a href="" target="frame">правила</a> <a href="" target="frame">сюжет</a> <a href="" target="frame">faq</a><br>
<a href="" target="frame">новости</a> <a href="" target="frame">анкета</a> <a href="" target="frame">акции</a>
</div>
</div></td>
</tr>
</tbody></table>

<div class="tab"><table style="display: block; position: absolute; height: 136px; width: 720px; top: 5px; left: 5px;"><tr><td>
<div id="texts" style="height: 120px; width: 712px;overflow: auto;">
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
<a href="http://">Сквозь тьму</a> и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
<br>Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.
</div></td>
</tr>
</table></div>


<table style="display: block; position: absolute; height: 136px; width: 720px; top: 359px; right: -4px;"><tr><td>
<div id="text" style="height: 120px; width: 400px;overflow: auto;">
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
<br>Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
</div></td>
<td><div id="text" style="height: 120px; width: 300px;overflow: auto;">
Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.
<br>Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.
</div></td>
</tr>
</table>

Код:

<!--Аватар по умолчанию-->
<script type="text/javascript">
    var DefAvtr="http://funkyimg.com/i/2eicE.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>


<!--Cокрытие полей-->
<script type="text/javascript">
$('div.post-author ul').find('li[class^="pa-fld"]').map(function(){ 
var Dop=$(this).html();
if(Dop=='undefined'||Dop==null){return false;};
var Virez=Dop.slice(Dop.indexOf(":")+1);
$(this).html(Virez);
});
</script>

<!--Cкрытие информации в профиле-->
<script>
var a1 = 2	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://funkyimg.com/i/2eo9H.png[Профиль]",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-from",       //Откуда
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://funkyimg.com/i/2eo9J.png[Персонаж]",
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
// 3 кнопка- ссылка на Картинку
"http://funkyimg.com/i/2eo9K.png[Награды]",
"award",      //Награды(только для rusff и ork)
"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Скрытие информации профиля-->


<!--Копирайт-->
<div id="copyright">
<!--Баннеры-->
<table style="display: block; position: absolute; padding: 2px; height:65px; width:830px; bottom: 76px; left: -2px;"><tbody><tr><td>
<div style="height: 60px;width: 480px;text-align: justify;padding: 2px 5px 2px 2px; overflow: auto;">
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.</div></td>
<td><div style="height: 60px;width: 320px;text-align: justify;padding: 2px; overflow: auto;">
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
</div>
</td></tr></tbody></table>

<div style="display: block; position: absolute; margin-top: 106px; left: 399px; height: 11px; width: 131px;"> <a href="http://harlequinadeshadows.tumblr.com" target="_blank"><img src="http://funkyimg.com/i/2eX4Q.png"></a></div>


<!--Выделение кода-->
<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>

Код:

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

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

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

/* 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, arial, helvetica, sans-serif,  cassandra;
  }

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

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  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: normal;
  }

/* 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 {
  position: relative;
  float: none;
  margin: auto;
  }

/* A5.2 */
.punbb {
   position: relative;
   height: auto;
   width: 840px;
   margin-left: 16px;
   color: #312c20;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 0% 0x 0%;
  float: center;
  position:absolute;
  width: 278px!important;
  height: 129px!important;
  font-family: Arial;
  font-size: 0em;
  color: transparent !important;
  background-image: url("http://s3.uploads.ru/BowsD.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: 270px !important;
  margin-top: 200px !important;
  }

#pun-maint, #pun-redirect h1 {
  display:none;
} 
#pun-redirect a {
  position:absolute;
  font-style: normal;
  font-family: Arial;
  font-size: 0em;
  font-style: italic;
  text-decoration: none;
}


/* 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 none solid none;
  border-width: 0px 0px 2px 0px;
  }

/* A5.9 */
.punbb .container {
    border: none;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 5.8em 0em 0.6em 0em;
  border-style: none solid solid none;
  border-width: 0 0px 0px 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;
  width: 590px;
  margin: 7px 0;
  }

/* 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-bottom;
  }

/* 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.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 10px;
  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: 0.9em;
  height: 0;
  }

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -2.0em;
  left: 0.1em;
  width: 24em;
  color: #335f2c;
  font-weight: normal;
  text-transform: uppercase;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -2.0em;
  right: 0.5em;
  width: 16em;
  text-align: right;
  font-weight: normal;
  text-transform: uppercase;
  }
.linkst .postlink a, .linkst .postlink a:hover {
  text-transform: uppercase;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1.2em 0.5em 1.1em;
  font-size: 0.9em;
  font-weight: normal;
  font-family: arial;
  color: #335f2c;
  text-transform: uppercase;
  }
.punbb .linksb a, .punbb .linksb a:hover {
  text-transform: uppercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: normal;
  color: #335f2c;
  text-transform: uppercase;
  }
.linksb .pagelink a, .linksb .pagelink a:hover {
  text-transform: uppercase;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
  text-transform: uppercase;
  }
.linksb .postlink a, .linksb .postlink a:hover {
  text-transform: uppercase;
  }

/* 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;
  font-size: 1.1em;
  }

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

/* 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: 4px 12em 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;
  }

/* 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: 55%;
  }

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


/* C2.3 */
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  width: 35%;
  text-align: center;
}
.punbb .main .tcr a {
  font-weight: nomal;
  text-transform: none;
}


/* 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 {
    font-size: 13px;
    font-family: "Arial";
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 8px;
}

#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px !important;
  color: #5d4602!important;
}


/* 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;
  text-align: left;
  font-style: normal;
  font-style: none;
  letter-spacing: 0.2px;
  }

.punbb td .modlistn .tcr a {
  font-style: italic;
  letter-spacing: 0.5px;
 }


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 0px;
  }

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


/* C2.14 */
.punbb td div.tclcon {
    text-align: justify;
    margin-left: 0px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 60px;
    height: 40px;
    margin-left: -10px;
}

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

/* C3.1 */
.punbb .post .container {
   text-align: justify;
}

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


/* C3.3 */
.punbb .post h3 span {
   display: block;
   background-color: #f1e9d5;
   color: #7b3c00;
   font-family: Arial!important; 
   font-size: 10.5px;
   text-transform: uppercase;
   font-weight: normal!important;
   padding: 0.3em 0.5em;
   margin-left: 21.3em;
}
#pun-main .post .permalink {
   font-family: Arial!important; 
   font-size:10.5px;
   text-transform: uppercase;
   font-weight: normal!important;
   color: #7b3c00;
}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  color: #7b3c00;
  font-family: Arial!important; 
  text-align: right;
  font-weight: normal;
  text-transform: uppercase!important;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19.1em;
  margin-top: -1.1em;
  overflow: hidden;
  }

/* 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-size: 11px;
    font-family: "Arial";
    text-transform: uppercase;
    letter-spacing: none;
    margin-top: -13px;
}

/* C3.8 */
.pa-author a {
  text-decoration: none;
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.2em;
  font-weight: bold;
  padding-top: 0px;
  }

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

/* C3.11 */
.punbb .post-body {
  margin-left: 19.8em;
  border-left-style: solid;
  border-left-width: 1px;
  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: 17.4em;
  border-left-style: solid;
  border-left-width: 0px;
  }

/* C3.15 */
.punbb .post-links ul {
    padding: 0 0.3em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -18.3em;
    text-align: right;
  }
#pun-main .post-links li a {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #335f2c;
}
#pun-main .post-links li a:hover {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #5d4602;
}


/* 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.4em 1em;
  text-align: right;
  }

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

 #pun-messages .post-box {
width: 350px;
}


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

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

/* C6.2 */
#profilenav {
  float: left;
  display: inline;
  width: 14em;
  border: solid 1px #e8dfc4!important;
  margin-left: -16.3em;
  margin-top: 0.5em;
  background-color: #fffdf3;
  }


/* C6.3 */
#profilenav li {
  font-weight: normal;
  text-align: left;
  margin-left: 1em !important;
  padding-bottom: 0.8em;
  }

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited, #profilenav li a:hover {
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #5d4602;
}


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


/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  margin: -35px 0px 0px 8px;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  float: left;
  font-style: normal;
  color: #7b3c00;
  line-height: 1%;
  font-size: 12px;
  letter-spacing: normal;
  font-weight: 600;
  font-family: Arial;
  text-shadow: none;
  }


/* 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.1 */
#pun-title {
  margin: 0;
  border: none;
}

/* D1.2 */
#pun-title h1 {
  display: block;
  height: 40px;
  padding: 2em 1em 0 1em;
  position: absolute;
}

/* D1.3 */
#pun-title .container {
  border-style: none;
  }

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

#pun-title TABLE {
  border: none;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
    width: 500px;
}



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

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -7px;
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, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
}

/* D3.2 */
#pun-navlinks .container { 
    height: 33px;
    margin-top: -380px;
    margin-right: -190px;
    text-align: center;
}

/* D.3 */
#pun-navlinks li {
  display: inline-block;
  padding-right: 1.5em;
  }

/* D3.4 */
#pun-navlinks li a, #pun-navlinks li a:hover, #pun-navlinks li a:focus, #pun-navlinks li a:active {
    font-family: Tahoma;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: none;
  }


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

/* D4.1 */
#pun-ulinks  {
    height: 320px;
  }

/* D4.2 */
#pun-ulinks .container {
    font-size: 9px;
    font-family: Arial;
    text-align: center;
    font-weight: normal;
    margin-right: -90px;
    padding: 5px;
    line-height: 10px;
  }


/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  white-space: nowrap;
  padding-right: 0.6em;
  }

/* 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-left-style: none;
  border-left-width: 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: 0em 1em 1em 0em;
    margin-left: 0px!important;
    text-align: center;
}
#pun-status {
    font-size: 10.3px;
    text-align: center!important;
  color: #312c20!important;
}
#pun-status span.item3 {
  font-size:10.3px;
  color: #312c20!important;
}
#pun-status p span.item3, #pun-status p span.item3 a {
display: none!important;
 color: #312c20!important;
}

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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  font-size:11px;
  font-style: none;
  }

#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  font-style: none;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #633c00;
}



/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.0em 0em;
  font-size: 1.1em;
  color: #633c00;
  text-align: center;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0px 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 none solid none;
  border-width: 0 0 0px 0;
  position: center;
  font-weight: normal;
  }

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

/* D6.3 */
#pun-announcement .container {
  padding: 0.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: solid;
  border-top-width: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
  text-align: justify;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  padding: 0.7em 0 0 0;
  text-align: justify;
  }


/* 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: center;
  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;
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  font-size:11px;
  font-style: none;
  }

#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  font-style: none;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #633c00;
}


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

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

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


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  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: solid;
  border-bottom-width: 0px;
  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;
  }

Код:

/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {
display: none;
}
#pun-announcement .container {
padding-top: 1em;
}

/*Шапка*/
#pun-title.section {
background: transparent url(http://s9.uploads.ru/9g2Zl.png) top center scroll no-repeat;
height: 389px;
width: 1000px;
margin-left: -104px;
}

/*Фон*/
body {
background:  url("http://sg.uploads.ru/2OhWC.png") repeat-x top center, 
url("http://sd.uploads.ru/erBsc.png") repeat;
background-color: #4b7745;
overflow-x: hidden;
}
/*Тело*/
#pun {
background: url("http://sh.uploads.ru/Pc2bp.png");
width: 872px;
}

/*Копирайт*/
#copyright {
background: url(http://s7.uploads.ru/5Vqwf.png);
width: 891px;
height: 127px;
margin-left: -26px;
text-align: center;
}
#html-footer {
margin: 0px 0 -3px 0;
text-align: center;
}

b, strong {
color: #335f2c;
}

/*Подпись*/
.punbb .post-sig dt {  
border: none;
border-top: solid 1px #ccbf8c;
  }

/*Линия hr*/
hr {
border: none;
border-top: 1px double #ccbf8c;
}

/* Прокрутка*/
::-webkit-scrollbar{
width: 2px;
height: 2px;
background-color: #e0be56;
}
::-webkit-scrollbar-thumb{
background-color: #c37700;
}

#updown {
position:fixed;
bottom: 72%;
right: 5%;
text-align:center;
}

/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;
}

/* CS1.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, #pun-stats h2 { 
background: url(http://s9.uploads.ru/bM6ao.png) no-repeat;
width: 895px;
height: 40px;
margin-left: -35px;
color: #00498e;
text-shadow: #acd0f3 0px 1px 0px;
text-align: center;
line-height: 1%;
font-size: 10px;
letter-spacing: 0.5px;
font-weight: bold;
font-family: 'Arial';
text-transform: uppercase;
}
.punbb-admin #pun-admain h2 {
background-color: transparent; 
color: #232323;
line-height: 1%;
font-size: 10px;
letter-spacing: 0.5px;
font-weight: bold;
font-family: Arial;
text-align: left;
text-transform: uppercase;
text-shadow: none!important;
}
#pun-admain legend {
padding: 0px 40px!important;
}

/* CS1.7 */
.punbb .quote-box {
background-color: #fffffe;
border-top: 0px!important;
border-bottom: 0px!important;
border-right: 0px!important;
border-left: 2px solid #4c7b45!important;
}
.punbb .code-box, .punbb .spoiler-box {
background-color: #fffffe;
border-top: 0px!important;
border-bottom: 0px!important;
border-right: 0px!important;
border-left: 2px solid #bb6d00!important;
}
.punbb .quote-box cite {
font-weight: bold;
color: #4c7b45;
text-transform: uppercase;
font-size: 9px;
}
.punbb .code-box strong.legend a  {
font-weight: bold;
color: #bb6d00;
text-transform: uppercase;
font-size: 9px;
}
.punbb .spoiler-box div, .punbb .spoiler-box div a  {
font-weight: bold;
}
.post-content .spoiler-box > div {
text-transform: uppercase!important;
color: #bb6d00;
font-size: 9px;
}

/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
}
.offline li.pa-online strong {
font-weight: normal;
}

#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  { 
background-color: #fffffe;
color: #312c20;
border: 1px solid #ceb77e!important;
}

#post-form #post fieldset legend {
text-align: center !important;
color: #633c00;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
}
.punbb textarea, .punbb select {
background-color: #fffffe;
color: #312c20;
margin: 5px 0px 5px 0px;
border: 1px solid #ceb77e!important;
}
.punbb .button {
padding: 7px;
background-color: #fffffe;
color: #7d6425;
font-size: 10px!important;
font-weight: bold!important;
text-transform: uppercase;
border: 1px solid #ceb77e!important;
}
.punbb .button:hover {
padding: 7px;
background-color: #fffffe;
color: #cc9200;
font-size: 10px!important;
font-weight: bold!important;
text-transform: uppercase;
border: 1px solid #ceb77e!important;
}
.punbb input{
background-color: #fffffe;
padding: 3px;
color: #633c00;
font-size: 10px;
border: 1px solid #ceb77e!important;
}
#imageupload-left input[type=button] {
width: auto !important;
}
#post .formsubmit {
text-align: center;
}


/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.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, .punbb th, #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 .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-color: transparent;
}
.adcontainer {
border: none !important;
}
#pun-admain fieldset {
border-width: 0px!important;
}


/* CS2.5 */
.punbb th {
border-color: transparent;
}
#pun th {
text-transform: lowercase;
font-size: 10px!important;
letter-spacing: 1px;
color: #715a1f!important;
font-family: Arial;
font-style: normal;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, #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 .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-left-color: transparent;
}

#pun-admain fieldset p {
border-color: #f1e9d5!important;
background-color: #f3ebd9!important;
}

/* 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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #335f2c;
font-weight: normal;
text-decoration: none;
}

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

/* CS3.3 */
#pun-navlinks a {
color: #a4bfa0;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #d3e2d1;
}

#pun-ulinks  a:link, #pun-ulinks  a:visited {
font-weight: normal;
letter-spacing: 1px;
color: #f9bd1a;
text-transform: uppercase;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
font-weight: normal;
letter-spacing: 1px;
color: #f3dcb5;
text-transform: uppercase;
}

#pun-adnav .isactive ul.adsubnav a {
color: #335f2c!important;
}
#pun-admain a:active, #pun-admain a:hover, #pun-admain a:focus, #pun-admain .isactive a, #pun-adnav .isactive ul.adsubnav a:hover, #pun-adnav .isactive ul.adsubnav a:focus, #pun-adnav .isactive ul.adsubnav a:active{
color: #5d4602!important;
}


/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image : url(http://s5.uploads.ru/eRGT6.png);
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image : url(http://s7.uploads.ru/c7MbF.png);
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url(http://sg.uploads.ru/Z3M7I.png);
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url(http://s5.uploads.ru/fx3DS.png);
background-repeat: no-repeat;
}
/*Перенесено*/
TR.iredirect Div.icon {
background-image : url(http://sh.uploads.ru/pzwjN.png); 
background-repeat: no-repeat;
}


/*Окно репутации*/
#pun-reputation div.inner, #pun-report div.inner, #pun-popup_awards div.inner {
background: url("http://s7.uploads.ru/xcaYP.png")!important;
padding: 3px!important;
border: none !important;
}
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1б #pun-graffiti-rusff h1 {
background: url("http://s7.uploads.ru/xcaYP.png")!important;
width: auto!important;
margin: auto!important; 
height: 10px !important;
color: #312c20!important;
}
#pun-report .inner table tr td, #pun-reputation .inner table tr td, #pun-admin-award-form .inner table tr td {
border: none !important;
}
.topic a.sharelink {
display: none;
}


/*Страница наград*/
#pun-mod #pun-main .category h2 span {
text-align: center !important;
}
#pun-mod #pun-main .category h2 span a:link, #pun-mod #pun-main .category h2 span a:visited, #pun-mod #pun-main .category h2 span a:hover {
text-transform: uppercase;
}
#pun-mod #pun-main .category h2 select {
margin-top: 50px;
margin-bottom: 20px;
font-size:11px;
width: 170px;
margin-left: -100px !important;
}


/*Номер, дата поста*/
.punbb .post h3 strong {
   float: left !important;
   margin-left: 0 !important;
   margin-right: 5px;
   text-align: left !important;
   width: auto !important;
   font-weight: normal!important;
}
.post h3 strong:before {
  content: "письмо # ";
  color: #7b3c00;
  font-family: Arial;
  font-size: 10.5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
}
div.post h3 strong:after{
  content: ",";
  color: #7b3c00;
  font-family: Arial;
  font-size: 10.5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
}
div.post-rating p:before {
  content: "оценка ";
  color: #7b3c00;
  font-family: Arial;
  font-size: 10.5px;
  text-transform: uppercase;
  font-weight: normal;
}
.punbb .post-box {
  position: relative;
}
div.post-rating p {
  padding: 0 10px !important;
  position: absolute;
  right: 0px;
  top: -19px;
  color: #7b3c00;
  font-family: Arial;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: normal;
}
div.post-vote p {
   position: absolute;
   right: -8px;
   top: -5px;
}
div.post-rating a, div.post-vote a {
   color: #7b3c00;
}
div.post-rating p a:hover {
   color: #7b3c00;
}



/*Окантовка профиля*/
.punbb .post .post-author > ul {
background: url(http://s5.uploads.ru/Lo6O5.png) top center no-repeat, url(http://sg.uploads.ru/inwPl.png) bottom center no-repeat;
padding: 0px 10px 15px 11px !important;
}
.punbb .post .post-author li {
padding-left: 1px;
}
.punbb .post .post-author {
background: transparent url(http://sg.uploads.ru/qpA30.png);
text-align: center;
color: #77601e!important;
}
.pa-author a, .pa-author,.pa-author a, .pa-author strong {
color: #4a7743!important;
text-shadow: none!important;
font-weight: bold!important;
text-transform: uppercase!important;
}
.punbb .post .post-author b, .punbb .post .post-author strong, .punbb .post .post-author a {
color: #4a7743!important;
}
.pa-author a:hover {
color: #4a7743!important;
}
.pa-author {
padding-top: 10px !important;
}
.post .pa-title {
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #9a6511;
margin-top: 0.5em;
letter-spacing: -0.1px;
}
.pa-avatar {
width: 208px;
padding-bottom: 10px !important;
padding-top: 12px !important;
margin-left: -11px !important;
margin-bottom: 5px!important;
}
.post-author ul li.pa-avatar img {
border: solid 2px #f9f3e3 !important;
box-shadow: #ecb81c 0px 0px 0px 1px!important;
}
.post-author ul li.pa-from, .post-author ul li.pa-reg, .post-author ul li.pa-positive, .post-author ul li.pa-sex, .post-author ul li.pa-age, .post-author ul li.pa-ip, .post-author ul li.pa-invites, .post-author ul li.pa-time-visit, .post-author ul li.pa-last-visit, .post-author ul li.pa-awards, .post-author ul li.pa-gifts {
display: none;
}
.pa-respect {
display: inline-block;
text-align: center;
width: 80px;
}
.pa-posts {
display: inline-block;
text-align: center;
width: 80px;
}
.post-author ul li.pa-fld1, .post-author ul li.pa-fld2, .post-author ul li.pa-fld3, .post-author ul li.pa-fld4, .post-author ul li.pa-fld5 {
text-align: justify;
}
.post .pa-online {
font-size: 10px;
font-family: "Arial";
font-weight: normal;
text-transform: uppercase;
text-align: center;
margin-left: -8px;
margin-bottom: 2px;
letter-spacing: 1.0px;
text-shadow: none!important;
}


/*Таблица*/
.tab1 {
display: block;
position: absolute;
height: 113px;
width: 250px;
top: 91px;
left: 323px;
padding: 5px;
}
#text { 
color: #754700;
text-align: justify;
font-size: 10.5px;
padding: 0px 4px 0px 0px;
line-height: 12px;
text-shadow: #fbf6e6 -1px 0px 0px;
}
#imgams {
position: absolute;
height: 106px;
width: 236px;
top: 5px;
left: 260px;
padding: 3px;
}
#imgamsa, #imgamsh {
border:2px solid transparent;
margin:0;
padding:0;
}
#imgamsa {
opacity:1px;
display:block;
position:absolute;
z-index:100;
transition-duration:0.96s;
-webkit-transition-duration:0.96s;
-moz-transition-duration:0.96s;
-o-transition-duration:0.96s;
-ms-transition-duration:0.96s;
}
#imgamsa:hover {
opacity:0.00;
}
#text b {
color: #bb6d00;
}
#text a {
color: #2a4e23;
}
#text a:hover, #text a:active {
color: #560e08;
}
#text::-webkit-scrollbar {
width: 1px;
background-color: transparent;
}
#text::-webkit-scrollbar-thumb {
background-color: #c37700;
}


#text2 { 
color: #022f5a;
text-align: justify;
font-size: 8.2px;
padding: 0px 4px 0px 0px;
line-height: 10px;
text-transform: uppercase;
overflow: auto;
}
#imguser { 
background-color: #248ef2; 
width: 31px; 
height: 31px; 
}


#menu {
display: block; 
position: absolute; 
height: 117px; 
width: 250px; 
top: 246px; 
right: -5px;
}
#links a {
background-color: #ffd662;
color: #795100!important;
font-family: Arial;
height: 10px;
width: 250px;
font-weight: bold;
text-align: center;
display: inline-block;
padding: 1px;
margin: 2px 0px 3px 0px;
font-size: 10px;
text-transform: uppercase;
line-height: 12px;
letter-spacing: 0.7px;
opacity: 0.8;
}
#links a:hover {
background-color: #fff0c4;
color: #4c7845!important;
font-family: Arial;
height: 10px;
width: 250px;
font-weight: bold;
text-align: center;
display: inline-block;
padding: 1px;
margin: 2px 0px 3px 0px;
font-size: 10px;
text-transform: uppercase;
line-height: 12px;
letter-spacing: 5px;
opacity: 1.8;
-moz-transition: 0.7s ease;
-webkit-transition: 0.7s ease;
}

Код:

<!----------------------------------------------  Выделение кода -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText =  'познай глубины леса'</script>


<!----------------------------------------------  Отключение сервера рекомендаций -->
<script type="text/javascript">
rusffLive.enable = false;
</script>


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

<!----------------------------------------------  Убрать награды из навигации -->
<style type="text/css">
li#navawards {display: none;}
</style>


<!----------------------------------------------  Таблица -->
<div class="tab1">
<div id="text" style="height: 115px; width: 245px; overflow: auto;">
<b>21.03.2017:</b> Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
<a href="http://">Сквозь тьму</a> и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
<br> Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.
</div>
<div id="imgams">
<table layout="fixed" width="100%" style="width: 250px; height: 92px; margin-top: -4px; margin-left: -4px;"><tr valign="top"><td width="50%">
<img id="imgamsa"  src="http://sg.uploads.ru/CLoyx.png"/>
<img id="imgamsh" src=" "/></td><td width="1%"></td>
<td width="50%">
<img id="imgamsa" src="http://s8.uploads.ru/UKVND.png"/>
<img id="imgamsh" src=" "/></td>
</tr><tr><td>
<img id="imgamsa" src="http://sh.uploads.ru/1KLIj.png"/>
<img id="imgamsh" src=" "/></td><td width="1%"></td>
<td width="50%">
<img id="imgamsa"  src="http://sh.uploads.ru/EIAUO.png"/>
<img id="imgamsh" src=" "/></td>
</tr>
</td>
</table>
</div>
</div>



<table style="display: block; position: absolute; height: 50px; width: 250px; top: 255px; left: 32px;"><tbody><tr><td>
<div id="imguser"><a href="ссылка"></a><a href="ссылка"><img style="position: absolute; max-width: 25px; max-height: 25px; border: 1px solid #dbe1e6; margin: 0.2em;" src="http://sd.uploads.ru/t/DgMcU.png" border="0" title="лунный принц"></a></div></td>
<td><div id="text2">Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной.</div>
</td></tr>
</tbody></table>
<table style="display: block; position: absolute; height: 50px; width: 250px; top: 255px; left: 320px;"><tbody><tr><td>
<div id="imguser"><a href="ссылка"></a><a href="ссылка"><img style="position: absolute; max-width: 25px; max-height: 25px; border: 1px solid #dbe1e6; margin: 0.2em;" src="http://sd.uploads.ru/t/DgMcU.png" border="0" title="лунный принц"></a></div></td>
<td><div id="text2">Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной.</div>
</td></tr>
</tbody></table>
<table style="display: block; position: absolute; height: 50px; width: 250px; top: 309px; left: 32px;"><tbody><tr><td>
<div id="imguser"><a href="ссылка"></a><a href="ссылка"><img style="position: absolute; max-width: 25px; max-height: 25px; border: 1px solid #dbe1e6; margin: 0.2em;" src="http://sd.uploads.ru/t/DgMcU.png" border="0" title="лунный принц"></a></div></td>
<td><div id="text2">Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной.</div>
</td></tr>
</tbody></table>
<table style="display: block; position: absolute; height: 50px; width: 250px; top: 309px; left: 320px;"><tbody><tr><td>
<div id="imguser"><a href="ссылка"></a><a href="ссылка"><img style="position: absolute; max-width: 25px; max-height: 25px; border: 1px solid #dbe1e6; margin: 0.2em;" src="http://sd.uploads.ru/t/DgMcU.png" border="0" title="лунный принц"></a></div></td>
<td><div id="text2">Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной.</div>
</td></tr>
</tbody></table>

<div id="menu"><div id="links"><center>
<a href="" target="frame">правила</a>
<a href="" target="frame">сюжет</a>
<a href="" target="frame">faq</a><br>
<a href="" target="frame">новости</a>
<a href="" target="frame">шаблон анкеты</a>
<a href="" target="frame">доп. поля</a>
<a href="" target="frame">акции</a>
</center></div>
</div>

Код:

<!----------------------------------------------  Стрелки вверх вниз -->
<div id="updown">
<a href=#top onClick="$('html,body').scrollTop(0,0); return false;" title="Вверх страницы" alt="Вверх страницы" ><img src="http://s8.uploads.ru/Hf23w.png" style="margin-bottom: 10px;"/></a><br>
<a href="#bottom" onclick="$('html,body').scrollTop(document.body.scrollHeight); return false;" title="Вниз страницы"><img src="http://s8.uploads.ru/Hf23w.png" alt="Вниз страницы"/></a>
</div>

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


<!----------------------------------------------  Пиар вход -->
<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-входа(или ссылка на картинку);
PR.set();</script>


<!----------------------------------------------  Баннер -->
<div id="copyright">
<div style="display: block; position: absolute; height: 45px; width: 850px; left: -10px; margin-top: 23px; text-align: justify;padding: 2px 5px 2px 5px; overflow: auto;">
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.</div>

<div style="display: block; position: absolute;m; margin-top: 103px; left: 322px; height: 10px; width: 203px;"> <a href="http://harlequinadeshadows.tumblr.com" target="_blank"><img src="http://s5.uploads.ru/ykX5O.png"></a></div>

</div>

Код:

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

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

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

/* 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, arial, helvetica, sans-serif,  cassandra;
  }

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

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  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: normal;
  }

/* 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 {
  position: relative;
  float: none;
  margin: auto;
  }

/* A5.2 */
.punbb {
   position: relative;
   height: auto;
   width: 840px;
   margin-left: 16px;
   color: #36382a;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 0% 0x 0%;
  float: center;
  position:absolute;
  width: 386px!important;
  height: 144px!important;
  font-family: Arial;
  font-size: 0em;
  color: transparent !important;
  background-image: url("https://forumstatic.ru/files/0017/96/a4/19435.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: 220px !important;
  margin-top: 200px !important;
  }

#pun-maint, #pun-redirect h1 {
  display:none;
} 

#pun-redirect a {
  position:absolute;
  font-style: normal;
  font-family: Arial;
  font-size: 0em;
  font-style: italic;
  text-decoration: none;
}


/* 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 none solid none;
  border-width: 0px 0px 2px 0px;
  }

/* A5.9 */
.punbb .container {
    border: none;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 2.8em 0em 0.6em 0em;
  border-style: none solid solid none;
  border-width: 0 0px 0px 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;
  width: 590px;
  margin: 7px 0;
  }

/* 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-bottom;
  }

/* 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.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 10px;
  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: 0.9em;
  height: 0;
  }

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -2.0em;
  left: 0.6em;
  width: 24em;
  color: #5b6100;
  font-weight: normal;
  text-transform: uppercase;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -2.0em;
  right: 0.1em;
  width: 16em;
  text-align: right;
  font-weight: normal;
  text-transform: uppercase;
  }
.linkst .postlink a, .linkst .postlink a:hover {
  text-transform: uppercase;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1.2em 0.5em 1.1em;
  font-size: 0.9em;
  font-weight: normal;
  font-family: arial;
  color: #5b6100;
  text-transform: uppercase;
  }
.punbb .linksb a, .punbb .linksb a:hover {
  text-transform: uppercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: normal;
  color: #5b6100;
  text-transform: uppercase;
  }
.linksb .pagelink a, .linksb .pagelink a:hover {
  text-transform: uppercase;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
  text-transform: uppercase;
  }
.linksb .postlink a, .linksb .postlink a:hover {
  text-transform: uppercase;
  }

/* 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;
  font-size: 1.1em;
  }

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

/* 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: 4px 12em 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;
  }

/* 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: сenter;
  width: 58%;
  }

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


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

.punbb .main .tcr a {
  font-weight: nomal;
  text-transform: none;
}
.category .tc2, .category .tc3, .forum .tc2, .forum .tc3 {
    color: #2b4f0c!important;
    font-size: 10.5px;
    font-family: arial;
}


/* 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 {
    font-size: 13px;
    font-family: "Arial";
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
    padding: 0px;
}
#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px !important;
  color: #584514;
}


/* 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;
  text-align: left;
  font-style: normal;
  font-style: none;
  letter-spacing: 0.2px;
  }

.punbb td .modlistn .tcr a {
  font-style: italic;
  letter-spacing: 0.5px;
 }


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 1px groove #;
  font-size:11px;
  }

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


/* C2.14 */
.punbb td div.tclcon {
    text-align: justify;
    margin-left: 50px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 66px;
    height: 51px;
    margin-left: -5px;
}

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

/* C3.1 */
.punbb .post .container {
   text-align: justify;
}

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


/* C3.3 */
.punbb .post h3 span {
   background-color: #d0d0b8;
   display: block;
   color: #777407;
   font-family: Arial;
   font-size: 10.5px;
   text-transform: uppercase;
   font-weight: normal!important;
   padding: 0.2em 0.5em;
   margin-left: 21.8em;
}
#pun-main .post .permalink {
   font-family: Arial;
   font-size:10.5px;
   text-transform: uppercase;
   font-weight: normal!important;
   color: #777407;
}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  color: #777407;
  font-family: Arial;
  text-align: right;
  font-weight: normal;
  text-transform: uppercase !important;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19.0em;
  margin-top: -1.8em;
  overflow: hidden;
  }

/* 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-size: 12px;
    font-family: "Arial";
    text-transform: uppercase;
    letter-spacing: none;
}

/* C3.8 */
.pa-author a {
  text-decoration: none;
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.2em;
  font-weight: bold;
  padding-top: 0px;
  }

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

/* C3.11 */
.punbb .post-body {
  margin-left: 19.8em;
  border-left-style: solid;
  border-left-width: 1px;
  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: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
    background-color: #bdbfa9;
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19.0em;
    text-align: right;
  }
#pun-main .post-links li a {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #515f26;
}
#pun-main .post-links li a:hover {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #5d5d30;
}


/* 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.4em 1em;
  text-align: right;
  }

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

 #pun-messages .post-box {
width: 350px;
}


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

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

/* C6.2 */
#profilenav {
  background-color: #cfd2b9;
  float: left;
  display: inline;
  width: 14em;
  border: solid 1px #80886f!important;
  margin-left: -16.3em;
  margin-top: 0.5em;
  }


/* C6.3 */
#profilenav li {
  font-weight: normal;
  text-align: left;
  margin-left: 1em !important;
  padding-bottom: 0.8em;
  }

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited, #profilenav li a:hover {
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #4f523c;
}


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


/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  margin: -20px 0px 2px 8px;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
    padding: 0 5px;
    position: relative;
    float: left;
    font-style: normal;
    color: #4a5422;
    line-height: 1%;
    font-size: 12px;
    letter-spacing: normal;
    font-weight: 600;
    font-family: Arial;
    text-shadow: none;
  }


/* 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.1 */
#pun-title {
  margin: 0;
  border: none;
}

/* D1.2 */
#pun-title h1 {
  display: block;
  height: 40px;
  padding: 2em 1em 0 1em;
  position: absolute;
}

/* D1.3 */
#pun-title .container {
  border-style: none;
  }

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

#pun-title TABLE {
  border: none;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
    width: 500px;
}



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

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -7px;
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, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
}

/* D3.2 */
#pun-navlinks .container { 
  height: 154px;
  margin-top: -358px;
  text-align: center;
}

/* D.3 */
#pun-navlinks li {
  display: inline-block;
  padding-right: 1.5em;
  }

/* D3.4 */
#pun-navlinks li a, #pun-navlinks li a:hover, #pun-navlinks li a:focus, #pun-navlinks li a:active {
    font-family: Arial;
    font-size: 12.5px;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: none;
  }


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

/* D4.1 */
#pun-ulinks  {
    margin-top: 0px;
    height: 170px;
  }

/* D4.2 */
#pun-ulinks .container {
    font-size: 8.5px;
    font-family: Arial;
    text-align: center;
    font-weight: normal;
    padding: 5px;
    line-height: 10px;
    letter-spacing: 5px;
  }


/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  white-space: nowrap;
  padding-right: 0.6em;
  }

/* 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-left-style: none;
  border-left-width: 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: 0em 1em 1em 0em;
    margin-left: 0px!important;
    text-align: center;
}
#pun-status {
    font-size: 10.3px;
    text-align: center!important;
  color: #36382a!important;
}
#pun-status span.item3 {
  font-size:10.3px;
  color: #36382a!important;
}
#pun-status p span.item3, #pun-status p span.item3 a {
display: none!important;
 color: #36382a!important;
}


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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  font-size:11px;
  font-style: none;
  }
#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  font-style: none;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #483e24;
}

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.0em 0em;
  font-size: 1.1em;
  color: #483e24;
  text-align: center;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0px 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 none solid none;
  border-width: 0 0 0px 0;
  position: center;
  font-weight: normal;
  }

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

/* D6.3 */
#pun-announcement .container {
  padding: 0.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: solid;
  border-top-width: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
  text-align: justify;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  padding: 0.7em 0 0 0;
  text-align: justify;
  }


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

#pun-about p.container {
  text-align: center;
  line-height: 0%;
  padding-top: 30px;
}

/* 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;
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  font-size:11px;
  font-style: none;
  }
#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  font-style: none;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #483e24;
}


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

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

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


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  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: solid;
  border-bottom-width: 0px;
  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;
  }

Код:

/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {
display: none;
}
#pun-announcement .container {
padding-top: 1em;
}

/*Шапка*/
#pun-title.section {
background: transparent url(https://forumstatic.ru/files/0017/96/a4/48646.png) top center scroll no-repeat;
height: 371px;
width: 942px;
margin-left: -51px;
}

/*Фон*/
body {
background:  url("https://forumstatic.ru/files/0017/96/a4/11487.png") repeat-x top center, 
url("https://forumstatic.ru/files/0017/96/a4/74486.png") repeat;
background-color: #727657;
overflow-x: hidden;
}
/*Тело*/
#pun {
background: url("https://forumstatic.ru/files/0017/96/a4/40528.png");
width: 872px;
}

/*Копирайт*/
#copyright {
background: url(https://forumstatic.ru/files/0017/96/a4/60706.png);
width: 916px;
height: 153px;
margin-left: -40px;
text-align: center;
}
#html-footer {
margin: 0px 0 -3px 0;
text-align: center;
}

b, strong {
color: #5b6100;
}

/*Подпись*/
.punbb .post-sig dt {  
border: none;
border-top: solid 1px #81824f;
  }

/*Линия hr*/
hr {
border: none;
border-top: 1px double #81824f;
}

/* Прокрутка*/
::-webkit-scrollbar{
width: 3px;
height: 3px;
background-color: none;
}
::-webkit-scrollbar-thumb{
background-color: #525034;
}

#updown {
position:fixed;
bottom: 65%;
right: 5%;
text-align:center;
}

/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;
}

/* CS1.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, #pun-stats h2 { 
background: url(https://forumstatic.ru/files/0017/96/a4/92756.png) no-repeat;
width: 872px;
height: 38px;
margin-left: -16px;
color: #b0b597;
text-align: center;
line-height: 1%;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: bold;
font-family: 'Arial';
text-transform: uppercase;
}
.punbb-admin #pun-admain h2 {
background-color: transparent; 
color: #584514;
line-height: 1%;
font-size: 10px;
letter-spacing: 0.5px;
font-weight: bold;
font-family: Arial;
text-align: left;
text-transform: uppercase;
text-shadow: none!important;
}
#pun-admain legend {
padding: 0px 40px!important;
}

/* CS1.7 */
.punbb .quote-box {
background: url("https://forumstatic.ru/files/0017/96/a4/23373.png");
border-top: 0px!important;
border-bottom: 0px!important;
border-right: 0px!important;
border-left: 2px solid #778239!important;
}
.punbb .code-box, .punbb .spoiler-box {
background: url("https://forumstatic.ru/files/0017/96/a4/23373.png");
border-top: 0px!important;
border-bottom: 0px!important;
border-right: 0px!important;
border-left: 2px solid #778239!important;
}
.punbb .quote-box cite {
font-weight: bold;
color: #606333;
text-transform: uppercase;
font-size: 10px;
}
.punbb .code-box strong.legend a  {
font-weight: bold;
color: #606333;
text-transform: uppercase;
font-size: 10px;
}
.punbb .spoiler-box div, .punbb .spoiler-box div a  {
font-weight: bold;
color: #606333;
font-size: 10px;
}
.post-content .spoiler-box > div {
text-transform: uppercase!important;
color: #606333;
font-size: 9px;
}

/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
}
.offline li.pa-online strong {
font-weight: normal;
}

#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  { 
background: url("https://forumstatic.ru/files/0017/96/a4/51000.png")!important;
color: #000000;
border: 1px solid #2b391d!important;
}

#post-form #post fieldset legend {
text-align: center !important;
color: #353535;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
}
.punbb textarea, .punbb select {
background-color: #f0f1e6;
color: #4e583a;
margin: 5px 0px 5px 0px!important;
border: 1px solid #747958!important;
}
.punbb .button {
padding: 7px;
background-color: #c7cab6;
color: #505a3c;
font-size: 10px!important;
font-weight: bold!important;
text-transform: uppercase;
border: 1px solid #9ba274!important;
}
.punbb .button:hover {
padding: 7px;
background-color: #c7cab6;
color: #687122;
font-size: 10px!important;
font-weight: bold!important;
text-transform: uppercase;
border: 1px solid #9ba274!important;
}
.punbb input{
background-color: #f0f1e6;
color: #4e583a;
font-size: 10px;
border: 1px solid #747958!important;
padding: 3px;
}
#imageupload-left input[type=button] {
width: auto !important;
}
#post .formsubmit {
text-align: center;
}


/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.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, .punbb th, #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 .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-color: transparent;
}
.adcontainer {
border: none !important;
}
#pun-admain fieldset {
border-width: 0px!important;
}

/* CS2.5 */
.punbb th {
border-color: transparent;
}
#pun th {
text-transform: lowercase;
font-size: 10px!important;
letter-spacing: 1px;
color: #585a46!important;
font-family: Arial;
font-style: normal;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, #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 .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-left-color: transparent;
}

#pun-admain fieldset p {
border-color: #cfd2b8!important;
background-color: #cfd2b8!important;
}

/* 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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #584514;
font-weight: normal;
text-decoration: none;
}

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

/* CS3.3 */
#pun-navlinks a {
color: #aaab82;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #898a69;
}

#pun-ulinks  a:link, #pun-ulinks  a:visited {
font-weight: normal;
letter-spacing: 1px;
color: #282b19;
text-transform: uppercase;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
font-weight: normal;
letter-spacing: 1px;
color: #454c17;
text-transform: uppercase;
}

#pun-adnav .isactive ul.adsubnav a {
color: #585614!important;
}
#pun-admain a:active, #pun-admain a:hover, #pun-admain a:focus, #pun-admain .isactive a, #pun-adnav .isactive ul.adsubnav a:hover, #pun-adnav .isactive ul.adsubnav a:focus, #pun-adnav .isactive ul.adsubnav a:active{
color: #818a50!important;
}


/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image: url(https://forumstatic.ru/files/0017/96/a4/26926.png);
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image: url(https://forumstatic.ru/files/0017/96/a4/43804.png);
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image: url(https://forumstatic.ru/files/0017/96/a4/28999.png);
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image: url(https://forumstatic.ru/files/0017/96/a4/82382.png);
background-repeat: no-repeat;
}
/*Перенесено*/
TR.iredirect Div.icon {
background-image: url(https://forumstatic.ru/files/0017/96/a4/26926.png); 
background-repeat: no-repeat;
}

/*Окно репутации*/
#pun-reputation div.inner, #pun-report div.inner, #pun-popup_awards div.inner {
background: url("https://forumstatic.ru/files/0017/96/a4/51000.png")!important;
padding: 3px!important;
border: none !important;
}
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1, #pun-graffiti-rusff h1 {
background: url("https://forumstatic.ru/files/0017/96/a4/51000.png")!important;
width: auto!important;
margin: auto!important; 
height: 10px !important;
color: #312c20!important;
}
#pun-report .inner table tr td, #pun-reputation .inner table tr td, #pun-admin-award-form .inner table tr td {
border: none !important;
}
.topic a.sharelink {
display: none;
}


/*Номер, дата поста*/
.punbb .post h3 strong {
float: left !important;
margin-left: 0 !important;
margin-right: 5px;
text-align: left !important;
width: auto !important;
font-weight: normal!important;
}
.post h3 strong:before {
content: "письмо # ";
color: #777407;
font-family: Arial;
font-size: 10.5px;
text-align: center;
text-transform: uppercase;
font-weight: normal;
}
div.post h3 strong:after{
content: ",";
color: #777407;
font-family: Arial;
font-size: 10.5px;
text-align: center;
text-transform: uppercase;
font-weight: normal;
}
div.post-rating p:before {
content: "Оценка ";
color: #777407;
font-family: Arial;
font-size: 10.5px;
text-transform: uppercase;
font-weight: normal;
}
.punbb .post-box {
position: relative;
}
div.post-rating p {
padding: 0 10px !important;
position: absolute;
right: 0px;
top: -19px;
color: #525225;
font-family: Arial;
font-size: 9px;
text-transform: uppercase;
font-weight: normal;
}
div.post-vote p {
position: absolute;
right: -8px;
top: -5px;
}
div.post-rating a, div.post-vote a {
color: #777407;
}
div.post-rating p a:hover {
color: #777407;
}



/*Окантовка профиля*/
.punbb .post .post-author > ul {
background: url(https://forumstatic.ru/files/0017/96/a4/37002.png) top center no-repeat, url(https://forumstatic.ru/files/0017/96/a4/67251.png) bottom center no-repeat;
padding: 0px 10px 15px 11px !important;
}
.punbb .post .post-author li {
padding-left: 1px;
}
.punbb .post .post-author {
background: transparent url(https://forumstatic.ru/files/0017/96/a4/33201.png);
text-align: center;
color: #4d4e2f!important;
}
.pa-author a, .pa-author,.pa-author a, .pa-author strong {
color: #545002!important;
text-shadow: none!important;
font-weight: bold!important;
text-transform: uppercase!important;
}
.punbb .post .post-author b, .punbb .post .post-author strong, .punbb .post .post-author a {
color: #545002!important;
}
.pa-author {
padding-top: 8px!important;
}
.post .pa-title {
font-style: normal;
font-weight: normal;
font-size: 10px;
color: ##515236;
margin-top: -0.7em;
padding-top: 10px;
letter-spacing: -0.2px;
}
.pa-avatar {
width: 207px;
padding-bottom: 10px !important;
padding-top: 12px !important;
margin-left: -11px !important;
margin-bottom: 5px!important;
}
.post-author ul li.pa-avatar img {
border: solid #949465 2px!important;
}
.post-author ul li.pa-fld1, .post-author ul li.pa-fld2, .post-author ul li.pa-fld3, .post-author ul li.pa-fld4, .post-author ul li.pa-fld5 {
text-align: justify;
}
.post .pa-online {
font-size: 10px;
font-family: "Arial";
font-weight: normal;
text-transform: uppercase;
text-align: center;
margin-left: -8px;
margin-bottom: 2px;
letter-spacing: 1.0px;
text-shadow: none!important;
}


/*Таблица*/
#text { 
color: #262914; 
text-align: justify; 
font-size: 10px; 
padding: 0px 4px 0px 0px;
line-height: 12px;
}
#text a {
color: #3e3c01;
}
#text a:hover, a:active {
color: #263e00;
}
#text a, #text a b, #text b {
color: #3e3c00;
}
#text::-webkit-scrollbar{
width: 2px;
background-color: transparent;
}
#text::-webkit-scrollbar-thumb{
background-color: #3c3c1f;
}
#navi a {
font-family: Arial;
font-weight: bold;
text-align: center;
display: inline-block;
font-size: 10px;
text-transform: uppercase;
opacity: 0.8;
}
#navi a:hover {
font-family: Arial;
font-weight: bold;
text-align: center;
display: inline-block;
font-size: 10px;
text-transform: uppercase;
line-height: 12px;
letter-spacing: 0.7px;
opacity: 1.8;
-moz-transition: 0.7s ease;
-webkit-transition: 0.7s ease
}

Код:

<!----------------------------------------------  Выделение кода -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText =  'познай глубины леса'</script>


<!----------------------------------------------  Отключение сервера рекомендаций -->
<script type="text/javascript">
rusffLive.enable = false;
</script>


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

<!----------------------------------------------  Убрать награды из навигации -->
<style type="text/css">
li#navawards {display: none;}
</style>


<!----------------------------------------------  Cкрытие информации в профиле -->
<style>img.post-img-Sp {
margin: 2px 0px 5px 0px;
}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{
display: block;
color: #C7C7C7;
font-family: Arial;
font-size: 10px;
text-align: center;
text-transform: uppercase;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>


<!----------------------------------------------  Таблица -->
<table style="display: block; position: absolute; height: 136px; width: 720px; top: 203px; left: -3px;"><tr><td>
<div id="text" style="height: 130px; width: 290px;overflow: auto;">
<b>02.12.16.</b> Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
<br><b>16.10.16.</b> Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
</div></td>
<td><div id="text" style="height: 130px; width: 270px;overflow: auto;">
<p><a href="ссылка"><img style="max-width: 40px; max-height: 40px; border: 2px solid #46462f; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"></a> <img style="max-width: 40px; max-height: 40px; border: 2px solid #46462f; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"></a> <img style="max-width: 40px; max-height: 40px; border: 2px solid #46462f; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"></a>  <img style="max-width: 40px; max-height: 40px; border: 2px solid #46462f; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"></a> <img style="max-width: 40px; max-height: 40px; border: 2px solid #46462f; margin: 0px 0px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"></a></p>
<p>Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.
<br>Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли. <a href="ссылка">Читать далее</a></p>
</div></td>
<td><div id="text" style="height: 130px; width: 270px;">
<div style="font-size: 10px; line-height: 12px; text-transform: uppercase;"><center><b>Администрация</b></center></div>
<center><a href="ссылка">Арлекин</a> • <a href="ссылка">Лунный Рыцарь</a>
<br><a href="ссылка">Арлекин</a> • <a href="ссылка">Лунный Рыцарь</a> • <a href="ссылка">Корона</a></center>
<br>
<div style="font-size: 10px; line-height: 12px; text-transform: uppercase;"><center><b>НАВИГАЦИЯ</b></center></div>
<br><div id="navi"><center><a href="" target="frame">правила</a> • <a href="" target="frame">сюжет</a> • <a href="" target="frame">хронология</a> • <a href="" target="frame">faq</a> • <a href="" target="frame">новости</a> • <a href="" target="frame">анкета</a> • <a href="" target="frame">акции</a> • <a href="" target="frame">конкурсы</a></center>
</div>
</div></td>
</tr>
</table>

Код:

<!---------------------------------------------- Cокрытие полей-->
<script type="text/javascript">
$('div.post-author ul').find('li[class^="pa-fld"]').map(function(){ 
var Dop=$(this).html();
if(Dop=='undefined'||Dop==null){return false;};
var Virez=Dop.slice(Dop.indexOf(":")+1);
$(this).html(Virez);
});
</script>

<!----------------------------------------------  Cкрытие информации в профиле -->
<script>
var a1 = 2	// 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/96/a4/75535.png[Игрок]",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-from",       //Откуда
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"https://forumstatic.ru/files/0017/96/a4/51369.png[Персонаж]",
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
// 3 кнопка- ссылка на Картинку
"https://forumstatic.ru/files/0017/96/a4/50208.png[Награды]",
"award",      //Награды(только для rusff и ork)
"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Скрытие информации профиля-->



<!----------------------------------------------  Аватар гостя -->
<script type="text/javascript">
    var DefAvtr="https://forumstatic.ru/files/0012/f3/e1/84586.png";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>

<!----------------------------------------------  Стрелки вверх вниз -->
<div id="updown">
<a href=#top onClick="$('html,body').scrollTop(0,0); return false;" title="Вверх страницы" alt="Вверх страницы" ><img src="https://forumstatic.ru/files/0017/96/a4/38284.png" style="margin-bottom: 10px;"/></a><br>
<a href="#bottom" onclick="$('html,body').scrollTop(document.body.scrollHeight); return false;" title="Вниз страницы"><img src="https://forumstatic.ru/files/0017/96/a4/38284.png" alt="Вниз страницы"/></a>
</div>


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


<!----------------------------------------------  Пиар вход -->
<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-входа(или ссылка на картинку);
PR.set();</script>


<!----------------------------------------------  Баннер -->
<div id="copyright">
<div style="display: block; position: absolute; height: 50px; width: 840px; left: -5px; margin-top: 44px; text-align: justify;padding: 2px 5px 2px 5px; overflow: auto;">
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.</div>

<div style="display: block; position: absolute; margin-top: 116px; left: 343px; height: 40px; width: 150px;"> <a href="http://harlequinadeshadows.tumblr.com" target="_blank"><img src="https://forumstatic.ru/files/0017/96/a4/15832.png"></a></div>

</div>

Код:

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

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

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

/* 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, arial, helvetica, sans-serif,  cassandra;
  }

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

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  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: normal;
  }

/* 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 {
  position: relative;
  float: none;
  margin: auto;
  }

/* A5.2 */
.punbb {
   position: relative;
   height: auto;
   width: 830px;
   margin-left: 13px;
   color: #252525;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 0% 0x 0%;
  float: center;
  position:absolute;
  width: 340px!important;
  height: 223px!important;
  font-family: Arial;
  font-size: 0em;
  color: transparent !important;
  background-image: url("https://forumstatic.ru/files/0017/96/a4/85299.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: 270px !important;
  margin-top: 200px !important;
  }

#pun-maint, #pun-redirect h1 {
  display:none;
}

#pun-redirect a {
  position:absolute;
  font-style: normal;
  font-family: Arial;
  font-size: 0em;
  font-style: italic;
  text-decoration: none;
}


/* 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 none solid none;
  border-width: 0px 0px 2px 0px;
  }

/* A5.9 */
.punbb .container {
    border: none;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 4.6em 0em 0.2em 0em;
  border-style: none solid solid none;
  border-width: 0 0px 0px 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;
  width: 590px;
  margin: 7px 0;
  }

/* 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-bottom;
  }

/* 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.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 10px;
  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: 0.9em;
  height: 0;
  }

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -2.0em;
  left: 0.6em;
  width: 24em;
  color: #3e3733;
  font-weight: normal;
  text-transform: uppercase;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -2.0em;
  right: 0.1em;
  width: 16em;
  text-align: right;
  font-weight: normal;
  text-transform: uppercase;
  }
.linkst .postlink a, .linkst .postlink a:hover {
  text-transform: uppercase;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1.2em 0.5em 1.1em;
  font-size: 0.9em;
  font-weight: normal;
  font-family: arial;
  color: #3e3733;
  text-transform: uppercase;
  }
.punbb .linksb a, .punbb .linksb a:hover {
  text-transform: uppercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: normal;
  color: #3e3733;
  text-transform: uppercase;
  }
.linksb .pagelink a, .linksb .pagelink a:hover {
  text-transform: uppercase;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
  text-transform: uppercase;
  }
.linksb .postlink a, .linksb .postlink a:hover {
  text-transform: uppercase;
  }

/* 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;
  font-size: 1.1em;
  }

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

/* 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: 4px 12em 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;
  }

/* 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: 54%;
  }

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


/* C2.3 */
.punbb .main .tcr {
  background-color: transparent;
  overflow: hidden;
  width: 35%;
  text-align: center;
}

.punbb .main .tcr a {
  font-weight: nomal;
  text-transform: none;
}
.category .tc2, .category .tc3, .forum .tc2, .forum .tc3 {
    color: #676767!important;
    font-size: 10.5px;
    font-family: arial;
}


/* 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 {
    font-size: 13px;
    font-family: "Arial";
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 0px;
}
#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.3px !important;
  color: #58461e;
}


/* 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;
  text-align: left;
  font-style: normal;
  font-style: none;
  letter-spacing: 0.2px;
  }

.punbb td .modlistn .tcr a {
  font-style: italic;
  letter-spacing: 0.5px;
 }


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 1px groove #;
  font-size:11px;
  }

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


/* C2.14 */
.punbb td div.tclcon {
    text-align: justify;
    margin-left: 40px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 52px;
    height: 56px;
    margin-left: -15px;
    margin-top: -5px;
}
.byuser {
    display: block;
    font-size: 10px;
    padding: 5px 0px 5px 0px;
}
.byuser:before {
    content: "написан";
    font-size: 10px;
}

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

/* C3.1 */
.punbb .post .container {
   text-align: justify;
}

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


/* C3.3 */
.punbb .post h3 span {
   background-color: #c5c3bf;
   display: block;
   color: #3e3733;
   font-family: Arial;
   font-size: 11px;
   text-transform: uppercase;
   font-weight: normal!important;
   padding: 0.2em 0.5em;
   margin-left: 20.8em;
}
#pun-main .post .permalink {
   font-family: Arial;
   font-size:11px;
   text-transform: uppercase;
   font-weight: normal!important;
   color: #3e3733;
}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  color: #3e3733;
  font-family: Arial;
  text-align: right;
  font-weight: normal;
  text-transform: uppercase !important;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19.0em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* 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-size: 12px;
    font-family: "Arial";
    text-transform: uppercase;
    letter-spacing: none;
}

/* C3.8 */
.pa-author a {
  text-decoration: none;
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.2em;
  font-weight: bold;
  padding-top: 0px;
  }

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

/* C3.11 */
.punbb .post-body {
  margin-left: 19.8em;
  border-left-style: solid;
  border-left-width: 1px;
  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: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
    background-color: #c5c3bf;
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19.0em;
    text-align: right;
  }
#pun-main .post-links li a {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #3e3733;
}
#pun-main .post-links li a:hover {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #3e3733;
}


/* 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.4em 1em;
  text-align: right;
  }

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

 #pun-messages .post-box {
width: 350px;
}


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

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

/* C6.2 */
#profilenav {
  background-color: #d6d4d1;
  float: left;
  display: inline;
  width: 14em;
  border: solid 1px #b9b2a1!important;
  margin-left: -16.3em;
  margin-top: 0.5em;
  }


/* C6.3 */
#profilenav li {
  font-weight: normal;
  text-align: left;
  margin-left: 1em !important;
  padding-bottom: 0.8em;
  }

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited, #profilenav li a:hover {
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #443f34;
}


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


/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  margin: -40px 0px 2px 8px;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
    padding: 0 5px;
    position: relative;
    float: left;
    font-style: normal;
    color: #524934;
    line-height: 1%;
    font-size: 12px;
    letter-spacing: normal;
    font-weight: 600;
    font-family: Arial;
    text-shadow: none;
  }


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

/* C6.8 */
#viewprofile li span {
  color: #42371e;
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 5px;
  font-weight: bold;
}
#profile-left {
 background-color: #cecbc4;
}
#profile-right {
  background-color: #d4d2ce;
}
#profile-left img {
  border: 3px solid #908a7e;
}
#profile-left strong {
 color: #42371e;
}
#profile-signature {
 padding: 5px;
}

/*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.1 */
#pun-title {
  margin: 0;
  border: none;
}

/* D1.2 */
#pun-title h1 {
  display: block;
  height: 40px;
  padding: 2em 1em 0 1em;
  position: absolute;
}

/* D1.3 */
#pun-title .container {
  border-style: none;
  }

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

#pun-title TABLE {
  border: none;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
    width: 500px;
}



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

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -7px;
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, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
}

/* D3.2 */
#pun-navlinks .container { 
  height: 10px;
  margin-top: -45px;
  text-align: center;
  margin-right: -10px!important;
}

/* D.3 */
#pun-navlinks li {
  display: inline-block;
  padding-right: 1.3em;
  }

/* D3.4 */
#pun-navlinks li a, #pun-navlinks li a:hover, #pun-navlinks li a:focus, #pun-navlinks li a:active {
    font-family: Arial;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: none;
  }


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

/* D4.1 */
#pun-ulinks  {
    margin-top: -38px;
    height: 50px;
  }

/* D4.2 */
#pun-ulinks .container {
    font-size: 8.5px;
    font-family: Arial;
    text-align: center;
    font-weight: normal;
    padding: 5px;
    line-height: 10px;
  }


/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  white-space: nowrap;
  padding-right: 0.6em;
  }

/* 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-left-style: none;
  border-left-width: 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: 0em 1em 1em 0em;
    margin-left: 0px!important;
    text-align: center;
}
#pun-status {
    font-size: 10.3px;
    text-align: center!important;
  color: #58461e!important;
}
#pun-status span.item3 {
  font-size:10.3px;
  color: #292929!important;
}
#pun-status p span.item3, #pun-status p span.item3 a {
display: none!important;
 color: #292929!important;
}


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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  font-size:11px;
  font-style: none;
  }
#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  font-style: none;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #292929;
}

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.0em 0em;
  font-size: 1.1em;
  color: #292929;
  text-align: center;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0px 0;
  height: 10px;
  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 none solid none;
  border-width: 0 0 0px 0;
  position: center;
  font-weight: normal;
  }

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

/* D6.3 */
#pun-announcement .container {
  padding: 0.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: solid;
  border-top-width: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
  text-align: justify;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  padding: 0.7em 0 0 0;
  text-align: justify;
  }


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

#pun-about p.container {
  text-align: center;
  line-height: 0%;
  padding-top: 30px;
}

/* 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;
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  font-size:11px;
  font-style: none;
  }
#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  font-style: none;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #292929;
}


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

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

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


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  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: solid;
  border-bottom-width: 0px;
  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;
  }

Код:

/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {
display: none;
}
#pun-announcement .container {
padding-top: 1em;
}
/*Убираем отредактировано*/
.lastedit {
display:none;
}
/*Убрать награды из навигации*/
li#navawards {
display: none;
}


/*Шапка*/
#pun-title.section {
background: transparent url(https://forumstatic.ru/files/0017/96/a4/31456.png) top center scroll no-repeat;
height: 418px;
width: 939px;
margin-left: -48px;
}

/*Фон*/
body {
background:  url("https://forumstatic.ru/files/0017/96/a4/60309.png") repeat-x top center, 
url("https://forumstatic.ru/files/0017/96/a4/24490.png") repeat;
background-color: #767475;
overflow-x: hidden;
}
/*Тело*/
#pun {
background: url("https://forumstatic.ru/files/0017/96/a4/39599.png");
width: 867px;
}

/*Копирайт*/
#copyright {
background: url(https://forumstatic.ru/files/0017/96/a4/48151.png);
width: 867px;
height: 75px;
margin-left: -13px;
text-align: center;
}
#html-footer {
margin: 0px 0 -3px 0;
text-align: center;
}

b, strong {
color: #272727;
}

/*Подпись*/
.punbb .post-sig dt {  
border: none;
border-top: solid 1px #ccc9c3;
  }

/*Линия hr*/
hr {
border: none;
border-top: 1px double #ccc9c3;
}

/* Прокрутка*/
::-webkit-scrollbar{
width: 3px;
height: 3px;
background-color: none!important;
}
::-webkit-scrollbar-thumb{
background-color: #3d3c3d;
}

#updown {
position: fixed;
bottom: 53%;
right: 5%;
text-align: center;
}

/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;
}

/* CS1.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, #pun-stats h2 { 
background: url(https://forumstatic.ru/files/0017/96/a4/37696.png) no-repeat;
width: 867px;
height: 38px;
margin-left: -13px;
color: #bfb8a7;
text-align: center;
line-height: 1%;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: bold;
font-family: 'Arial';
text-transform: uppercase;
}
.punbb-admin #pun-admain h2 {
background-color: transparent; 
color: #2d2d2d;
line-height: 1%;
font-size: 10px;
letter-spacing: 0.5px;
font-weight: bold;
font-family: Arial;
text-align: left;
text-transform: uppercase;
text-shadow: none!important;
}
#pun-admain legend {
padding: 0px 40px!important;
}

/* CS1.7 */
.punbb .quote-box {
background-color: #d2cdc5;
border-top: 0px!important;
border-bottom: 0px!important;
border-right: 0px!important;
border-left: 2px solid #6d2f1e!important;
}
.punbb .code-box, .punbb .spoiler-box {
background-color: #ceccc7;
border-top: 0px!important;
border-bottom: 0px!important;
border-right: 0px!important;
border-left: 2px solid #717171!important;
}

.punbb .quote-box cite {
font-weight: bold;
color: #6d2f1e;
text-transform: uppercase;
font-size: 10px;
}
.punbb .code-box strong.legend a  {
font-weight: bold;
color: #464646;
text-transform: uppercase;
font-size: 10px;
}
.punbb .spoiler-box div, .punbb .spoiler-box div a  {
font-weight: bold;
color: #464646;
font-size: 10px;
}
.post-content .spoiler-box > div {
text-transform: uppercase!important;
color: #464646;
font-size: 9px;
}

/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
}
.offline li.pa-online strong {
font-weight: normal;
}

#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  { 
background-color: #dfddd8;
color: #000000;
border: 1px solid #b9b4a8!important
}

#post-form #post fieldset legend {
text-align: center !important;
color: #353535;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
}
.punbb textarea, .punbb select {
background-color: #f5f5f5;
color: #252525;
margin: 5px 0px 5px 0px!important;
border: 0px solid #9a9a9a!important;
}
.punbb .button {
padding: 7px;
background-color: #77746e;
color: #e8e2d6;
font-size: 10px!important;
font-weight: bold!important;
text-transform: uppercase;
border: 0px solid #615d56!important
}
.punbb .button:hover {
padding: 7px;
background-color: #77746e;
color: #d2ccc0;
font-size: 10px!important;
font-weight: bold!important;
text-transform: uppercase;
border: 0px solid #615d56!important
}
.punbb input{
background-color: #f7f7f7;
color: #383737;
font-size: 10px;
border: 1px solid #949390!important;
padding: 3px;
}
#imageupload-left input[type=button] {
width: auto !important;
}
#post .formsubmit {
text-align: center;
}


/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.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, .punbb th, #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 .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-color: transparent;
}
.adcontainer {
border: none !important;
}
#pun-admain fieldset {
border-width: 0px!important;
}

/* CS2.5 */
.punbb th {
border-color: transparent;
}
#pun th {
text-transform: lowercase;
font-size: 10.5px!important;
letter-spacing: 1px;
color: #505050!important;
font-family: Arial;
font-style: normal;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, #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 .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-left-color: transparent;
}

#pun-admain fieldset p {
border-color: #ccc8c3!important;
background-color: #ccc8c3!important;
}
.adformal {
border-width: 0 0 0 0!important;
}


/* 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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #503d11;
font-weight: normal;
text-decoration: none;
}

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

/* CS3.3 */
#pun-navlinks a {
color: #3e2013;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #1f1d1f;
}

#pun-ulinks  a:link, #pun-ulinks  a:visited {
font-weight: normal;
letter-spacing: 1px;
color: #252525;
text-transform: uppercase;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
font-weight: normal;
letter-spacing: 1px;
color: #252525;
text-transform: uppercase;
}

#pun-adnav .isactive ul.adsubnav a {
color: #3e3729!important;
}
#pun-admain a:active, #pun-admain a:hover, #pun-admain a:focus, #pun-admain .isactive a, #pun-adnav .isactive ul.adsubnav a:hover, #pun-adnav .isactive ul.adsubnav a:focus, #pun-adnav .isactive ul.adsubnav a:active{
color: #5d5545!important;
}


/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image: url(https://forumstatic.ru/files/0017/96/a4/14372.png);
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image: url(https://forumstatic.ru/files/0017/96/a4/38403.png);
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image: url(https://forumstatic.ru/files/0017/96/a4/26782.png);
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image: url(https://forumstatic.ru/files/0017/96/a4/77718.png);
background-repeat: no-repeat;
}
/*Перенесено*/
TR.iredirect Div.icon {
background-image: url(https://forumstatic.ru/files/0017/96/a4/14372.png); 
background-repeat: no-repeat;
}
/*Cтатистика*/
#pun-stats ul.container {
background: url("https://forumstatic.ru/files/0017/96/a4/36285.png") no-repeat scroll 10px 5px transparent!important;
padding-left: 75px;
height: 48px;
}

/*Окно репутации*/
#pun-reputation div.inner, #pun-report div.inner, #pun-popup_awards div.inner {
background: url("https://forumstatic.ru/files/0017/96/a4/19056.png")!important;
padding: 3px!important;
border: none !important;
}
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1, #pun-graffiti-rusff h1 {
background: url("https://forumstatic.ru/files/0017/96/a4/19056.png")!important;
width: auto!important;
margin: auto!important; 
height: 10px !important;
color: #5f4b1e!important;
}
#pun-report .inner table tr td, #pun-reputation .inner table tr td, #pun-admin-award-form .inner table tr td {
border: none !important;
}
.topic a.sharelink {
display: none;
}

/*Номер, дата поста*/
.punbb .post h3 strong {
float: left !important;
margin-left: 0 !important;
margin-right: 5px;
text-align: left !important;
width: auto !important;
font-weight: normal!important;
}
.post h3 strong:before {
content: "письмо #";
color: #3e3733;
font-family: Arial;
font-size: 11px;
text-align: center;
text-transform: uppercase;
font-weight: normal;
}
div.post h3 strong:after{
content: "/";
color: #3e3733;
font-family: Arial;
font-size: 11px;
text-align: center;
text-transform: uppercase;
font-weight: normal;
}
div.post-rating p:before {
content: "Оценка ";
color: #3e3733;
font-family: Arial;
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
}
.punbb .post-box {
position: relative;
}
div.post-rating p {
padding: 0 10px !important;
position: absolute;
right: 0px;
top: -19px;
color: #3e3733;
font-family: Arial;
font-size: 9px;
text-transform: uppercase;
font-weight: normal;
}
div.post-vote p {
position: absolute;
right: -8px;
top: -5px;
padding: 0.0em 0.2em 0.0em 0.0em;
}
div.post-rating a, div.post-vote a {
color: #3e3733;
}
div.post-rating p a:hover {
color: #3e3733;
}



/*Окантовка профиля*/
.punbb .post .post-author > ul {
background: url(https://forumstatic.ru/files/0017/96/a4/99462.png) top center no-repeat, url(https://forumstatic.ru/files/0017/96/a4/89558.png) bottom center no-repeat;
padding: 0px 10px 15px 11px !important;
}
.punbb .post .post-author li {
padding-left: 1px;
}
.punbb .post .post-author {
background: transparent url(https://forumstatic.ru/files/0017/96/a4/64302.png);
text-align: center;
color: #292928!important;
}
.pa-author, .pa-author a, .pa-author strong {
color: #e6d4cd!important;
text-shadow: none!important;
font-weight: bold!important;
text-transform: uppercase!important;
}
.pa-author {
padding-top: 8px !important;
}
.post .pa-title {
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #daceb2;
margin-top: -0.7em;
padding-top: 10px;
letter-spacing: -0.2px;
}
.pa-avatar {
background: url(https://forumstatic.ru/files/0017/96/a4/72743.png);
width: 208px;
padding-bottom: 10px !important;
padding-top: 12px !important;
margin-left: -11px !important;
margin-bottom: 5px!important;
}
.post-author ul li.pa-avatar img {
border: solid #848078 3px!important;
}
.post-author ul li.pa-fld1, .post-author ul li.pa-fld2, .post-author ul li.pa-fld3, .post-author ul li.pa-fld4, .post-author ul li.pa-fld5 {
text-align: justify;
}
.post .pa-online {
font-size: 10px;
font-family: "Arial";
font-weight: normal;
text-transform: uppercase;
text-align: center;
margin-left: -8px;
margin-bottom: 2px;
letter-spacing: 1.0px;
text-shadow: none!important;
}


/*Подфорумы*/
#pun-index td div.tclcon {
background-color: #c7c4bc;
padding: 5px 10px 0px 5px;
border: 3px solid #bdbab3;
}

/*Колонки тем и сообщений*/
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
display:none!important;
}
.Tems_And_messages {
display:inline-block;
width:116px;
text-transform: lowercase;
font-size: 10px!important;
letter-spacing: 2px;
font-style: normal;
}
.main table .Add {
background-color: #bdbab3;
width: 440px;
margin-left: -6px;
padding: 5px 0px 5px 0px;
text-align: center;
}

/*Таблица*/
#text { 
color: #b5ad9a; 
text-align: justify; 
font-size: 10px; 
padding: 0px 4px 0px 0px;
line-height: 12px;
}
#text a {
color: #bda46c;
}
#text a:hover, a:active {
color: #4a1907;
}
#text::-webkit-scrollbar{
width: 2px;
background-color: transparent;
}
#text::-webkit-scrollbar-thumb{
background-color: #5a442d;
}
#texts { 
color: #6d6d6d;
text-align: justify;
font-size: 10px;
padding: 0px 4px 0px 0px;
line-height: 12px;
}
#texts a {
color: #4a1907;
}
#texts a:hover, a:active {
color: #4a1907;
}
#text a, #text a b, #text b, #texts a, #texts a b, #texts b {
color: #bda46c;
}
#texts::-webkit-scrollbar{
width: 1px;
background-color: transparent;
}
#texts::-webkit-scrollbar-thumb{
background-color: #5a442d;
}

#links {
display: block;
position: absolute;
height: 20px;
width: 695px;
top: 150px;
left: 155px;
}

#navi a {
background-color: #522514;
color: #b18e80!important;
font-family: Arial;
font-weight: bold;
text-align: center;
display: inline-block;
padding: 1px 7px 0px 7px;
margin: 4px 0px 4px 0px;
font-size: 10px;
text-transform: uppercase;
line-height: 12px;
letter-spacing: 0.7px;
}
#navi a:hover {
background-color: #3d3c3d;
color: #bbb0b6!important;
font-family: Arial;
font-weight: bold;
text-align: center;
display: inline-block;
padding: 1px 7px 0px 7px;
margin: 4px 0px 4px 0px;
font-size: 10px;
text-transform: uppercase;
line-height: 12px;
letter-spacing: 0.7px;
}

Код:

<!----------------------------------------------  Выделение кода -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText =  'Выделить код'</script>

<!----------------------------------------------  Отключение сервера рекомендаций -->
<script type="text/javascript">
rusffLive.enable = false;
</script>


<!----------------------------------------------  Cкрытие информации в профиле -->
<style>img.post-img-Sp {
margin: 2px 0px -3px 0px;
}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{
display: block;
color: #C7C7C7;
font-family: Arial;
font-size: 10px;
text-align: center;
text-transform: uppercase;
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>

<!----------------------------------------------  Таблица -->
<table style="display: block; position: absolute; height: 136px; width: 720px; top: 5px; left: -10px;"><tr><td>
<div id="text" style="height: 130px; width: 290px;overflow: auto;">
<b>02.12.16.</b> Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
<br><b>16.10.16.</b> Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
</div></td>
<td><div id="text" style="height: 130px; width: 270px;overflow: auto;">
 <a href="ссылка"><img style="display: block; float: left; max-width: 45px; max-height: 45px; border: 4px solid #80755e; margin: 0px 7px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"></a> <div style="    font-size: 10px; line-height: 12px; text-transform: uppercase;"><b> Квест #2: Тайна озера под лунной</b></div>
Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.
<br>Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.
</div></td>
<td><div id="text" style="height: 130px; width: 270px;overflow: auto;">
Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.
<br>Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли. <a href="ссылка">Читать далее</a>
</div></td>
</tr>
</table>

<div id="links">
<div id="navi"><a href="" target="frame">правила</a> <a href="" target="frame">сюжет</a> <a href="" target="frame">хронология</a> <a href="" target="frame">faq</a> <a href="" target="frame">новости</a> <a href="" target="frame">анкета</a> <a href="" target="frame">акции</a> <a href="" target="frame">конкурсы</a>
</div>
</div>

Код:

<!---------------------------------------------- Cокрытие полей-->
<script type="text/javascript">
$('div.post-author ul').find('li[class^="pa-fld"]').map(function(){ 
var Dop=$(this).html();
if(Dop=='undefined'||Dop==null){return false;};
var Virez=Dop.slice(Dop.indexOf(":")+1);
$(this).html(Virez);
});
</script>

<!----------------------------------------------  Cкрытие информации в профиле -->
<script>
var a1 = 2	// 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/96/a4/58977.png[Профиль]",
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-from",       //Откуда
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"https://forumstatic.ru/files/0017/96/a4/89206.png[Персонаж]",
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
// 3 кнопка- ссылка на Картинку
"https://forumstatic.ru/files/0017/96/a4/98547.png[Награды]",
"award",      //Награды(только для rusff и ork)
"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Скрытие информации профиля-->


<!----------------------------------------------  Аватар гостя -->
<script type="text/javascript">
    var DefAvtr=" ";

    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
    </script>

<!----------------------------------------------  Стрелки вверх вниз -->
<div id="updown">
<a href=#top onClick="$('html,body').scrollTop(0,0); return false;" title="Вверх страницы" alt="Вверх страницы" ><img src="https://forumstatic.ru/files/0017/96/a4/20051.png" style="margin-bottom: 10px;"/></a><br>
<a href="#bottom" onclick="$('html,body').scrollTop(document.body.scrollHeight); return false;" title="Вниз страницы"><img src="https://forumstatic.ru/files/0017/96/a4/20051.png" alt="Вниз страницы"/></a>
</div>


<!----------------------------------------------  Баннер -->
<div id="copyright">
<div style="display: block; position: relative; height: 50px; width: 840px; left: 10px; top: 26px; text-align: justify; padding: 2px 5px 2px 5px; overflow: auto; color: #232223;">
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
</div>

<div style="display: block; position: absolute; margin-top: 58px; left: 314px; height: 9px; width: 214px;"> <a href="http://harlequinadeshadows.tumblr.com" target="_blank"><img src="https://forumstatic.ru/files/0017/96/a4/49061.png"></a></div>

</div>



<!----------------------------------------------  Сообщения и темы -->
<script type="text/javascript">
(function(){
   $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
   function appendTopicS(){
     $('.category td.tcl .tclcon,#f-subforums td.tcl .tclcon').each(function() {
       var L=$(this).parents('tr:first');
       var str='<br><div class="Add"><div class="Tems_And_messages">Тeм: <span class="right">'+L.find('td.tc2').text()+'</span></div>\
       <div style="margin-left:12px;" class="Tems_And_messages">Cообщений: <span class="right">'+L.find('td.tc3').text()+'</span></div>\
       </div>';$(str).appendTo(this);
     });
   }
   if($('#pun-index').length){appendTopicS ();}
   if($('#pun-viewforum').length){
     var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1);
     if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()});
   }
}());
</script>

Код:

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

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

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

/* 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, arial, helvetica, sans-serif,  cassandra;
  }

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

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  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: normal;
  }

/* 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 {
  position: relative;
  float: none;
  margin: auto;
  }

/* A5.2 */
.punbb {
   position: relative;
   height: auto;
   width: 833px;
   margin-left: 18px;
   color: #252525;
  }

/* A5.3 */
#pun-redirect {
  margin: 150px 0% 0x 0%;
  float: center;
  position:absolute;
  width: 313px!important;
  height: 163px!important;
  font-family: Arial;
  font-size: 2em;
  color: transparent !important;
  background-image: url("https://forumstatic.ru/files/0017/96/a4/59910.png");
  background-position: top center;  
  background-repeat: no-repeat;
  margin-left: 270px !important;
  margin-top: 200px !important;
  }

#pun-maint, #pun-redirect h1 {
 display: none;
}

#pun-redirect a {
  position: absolute;
  float: center;
  width: 250px!important;
  left: 35px !important;
  top: 60px !important;
  font-style: normal;
  font-family: Arial;
  font-size: 12px;
  font-style: none;
  text-decoration: none;
}


/* 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 none solid none;
  border-width: 0px 0px 2px 0px;
  }

/* A5.9 */
.punbb .container {
    border: none;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 4.8em 0em 0.2em 0em;
  border-style: none solid solid none;
  border-width: 0 0px 0px 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;
  width: 590px;
  margin: 7px 0;
  }

/* 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-bottom;
  }

/* 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.4em 3.8em 1.4em 3.5em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 10px;
  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: 0.9em;
  height: 0;
  }

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -2.0em;
  left: 0.6em;
  width: 24em;
  color: #65635d;
  font-weight: normal;
  text-transform: uppercase;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -2.0em;
  right: 0.1em;
  width: 16em;
  text-align: right;
  font-weight: normal;
  text-transform: uppercase;
  }
.linkst .postlink a, .linkst .postlink a:hover {
  text-transform: uppercase;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1.2em 0.5em 1.1em;
  font-size: 0.9em;
  font-weight: normal;
  font-family: arial;
  color: #65635d;
  text-transform: uppercase;
  }
.punbb .linksb a, .punbb .linksb a:hover {
  text-transform: uppercase;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  font-weight: normal;
  color: #65635d;
  text-transform: uppercase;
  }
.linksb .pagelink a, .linksb .pagelink a:hover {
  text-transform: uppercase;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
  text-transform: uppercase;
  }
.linksb .postlink a, .linksb .postlink a:hover {
  text-transform: uppercase;
  }

/* 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;
  font-size: 1.1em;
  }

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

/* 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: 4px 12em 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;
  }

/* 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: 54%;
  }

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


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

.punbb .main .tcr a {
  font-weight: nomal;
  text-transform: none;
}
.category .tc2, .category .tc3, .forum .tc2, .forum .tc3 {
    color: #676767!important;
    font-size: 10.5px;
    font-family: arial;
}


/* 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 {
    font-size: 13px;
    font-family: "Arial";
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    padding: 0px;
}
#pun-index .tcl h3 a:link, #pun-index .tcl h3 a:visited, #pun-index .tcl h3 a:hover {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.3px !important;
  color: #5a7700;
}


/* 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;
  text-align: left;
  font-style: normal;
  font-style: none;
  letter-spacing: 0.2px;
  }

.punbb td .modlistn .tcr a {
  font-style: italic;
  letter-spacing: 0.5px;
 }


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

/* C2.12 */
.punbb .main th {
  padding: 1px 1em 1px 1em;
  border-left: none;
  border-top: none;
  border-bottom: 1px groove #;
  font-size:11px;
  }

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


/* C2.14 */
.punbb td div.tclcon {
    text-align: justify;
    margin-left: 0px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 47px;
    height: 46px;
    margin-left: -3px;
    margin-top: -5px;
}
.byuser {
    display: block;
    font-size: 10px;
    padding: 5px 0px 5px 0px;
}
.byuser:before {
    content: "написан";
    font-size: 10px;
}

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

/* C3.1 */
.punbb .post .container {
   text-align: justify;
}

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


/* C3.3 */
.punbb .post h3 span {
    background-color: #e0dbcd;
    display: block;
    font-family: Arial;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal!important;
    padding: 0.2em 0.5em;
    margin-left: 22.8em;
    margin-right: -0.3em;
}
#pun-main .post .permalink {
   font-family: Arial;
   font-size: 10px;
   text-transform: uppercase;
   font-weight: normal!important;
   color: #65635d;
   letter-spacing: 1px;
}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  color: #737d00;
  font-family: Arial;
  text-align: right;
  font-weight: normal;
  text-transform: uppercase !important;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19.0em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* 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-size: 12px;
    font-family: "Arial";
    text-transform: uppercase;
    letter-spacing: none;
}

/* C3.8 */
.pa-author a {
  text-decoration: none;
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.2em;
  font-weight: bold;
  padding-top: 0px;
  }

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

/* C3.11 */
.punbb .post-body {
  margin-left: 19.8em;
  border-left-style: solid;
  border-left-width: 1px;
  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: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
    background-color: #e0dbcd;
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19.4em;
    margin-right: -0.3em;
    text-align: right;
  }
#pun-main .post-links li a {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #65635d;
}
#pun-main .post-links li a:hover {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #65635d;
}


/* 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.4em 1em;
  text-align: right;
  }

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

 #pun-messages .post-box {
width: 350px;
}


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

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

/* C6.2 */
#profilenav {
  background-color: #e0dbce;
  float: left;
  display: inline;
  width: 14em;
  border: solid 1px #cec6b4!important;
  margin-left: -16.3em;
  margin-top: 0.5em;
  }


/* C6.3 */
#profilenav li {
  font-weight: normal;
  text-align: left;
  margin-left: 1em !important;
  padding-bottom: 0.8em;
  }

#profilenav li a, #profilenav li a:hover, #profilenav li а:link,  #profilenav li a:visited, #profilenav li a:hover {
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #464646;
}


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


/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  margin: -40px 0px 2px 8px;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
    padding: 0 5px;
    position: relative;
    float: left;
    font-style: normal;
    color: #464646;
    line-height: 1%;
    font-size: 12px;
    letter-spacing: normal;
    font-weight: 600;
    font-family: Arial;
    text-shadow: none;
  }


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

/* C6.8 */
#viewprofile li span {
  color: #42371e;
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 5px;
  font-weight: bold;
}
#profile-left {
 background-color: #e4e0d5;
}
#profile-right {
  background-color: #e4e0d5;
}
#profile-left img {
  border: 3px solid #afa793;
}
#profile-left strong {
 color: #524c3d;
}
#profile-signature {
 padding: 5px;
}

/*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.1 */
#pun-title {
  margin: 0;
  border: none;
}

/* D1.2 */
#pun-title h1 {
  display: block;
  height: 40px;
  padding: 2em 1em 0 1em;
  position: absolute;
}

/* D1.3 */
#pun-title .container {
  border-style: none;
  }

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

#pun-title TABLE {
  border: none;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
    width: 500px;
}



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

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -7px;
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, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
}

/* D3.2 */
#pun-navlinks .container { 
  height: 10px;
  margin-top: -139px;
  text-align: center;
  margin-right: -10px!important;
}

/* D.3 */
#pun-navlinks li {
  display: inline-block;
  padding-right: 1.3em;
  }

/* D3.4 */
#pun-navlinks li a, #pun-navlinks li a:hover, #pun-navlinks li a:focus, #pun-navlinks li a:active {
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: none;
  }


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

/* D4.1 */
#pun-ulinks  {
    margin-top: 120px;
    height: 20px;
  }

/* D4.2 */
#pun-ulinks .container {
    font-size: 8.5px;
    font-family: Arial;
    text-align: center;
    font-weight: normal;
    padding: 5px;
    line-height: 10px;
  }


/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  white-space: nowrap;
  padding-right: 0.6em;
  }

/* 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-left-style: none;
  border-left-width: 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: 0em 1em 1em 0em;
    margin-left: 0px!important;
    text-align: center;
}
#pun-status {
    font-size: 10.3px;
    text-align: center!important;
  color: #58461e!important;
}
#pun-status span.item3 {
  font-size:10.3px;
  color: #292929!important;
}
#pun-status p span.item3, #pun-status p span.item3 a {
display: none!important;
 color: #292929!important;
}


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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  font-size:11px;
  font-style: none;
  }
#pun-crumbs1 a:link, #pun-crumbs1 a:visited, #pun-crumbs1 a:hover {
  font-weight: bold;
  font-style: none;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #74241c;
}

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.0em 0em;
  font-size: 1.1em;
  color: #524c3d;
  text-align: center;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0px 0;
  height: 10px;
  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 none solid none;
  border-width: 0 0 0px 0;
  position: center;
  font-weight: normal;
  }

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

/* D6.3 */
#pun-announcement .container {
  padding: 0.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: solid;
  border-top-width: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
  text-align: justify;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  padding: 0.7em 0 0 0;
  text-align: justify;
  }


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

#pun-about p.container {
  text-align: center;
  line-height: 0%;
  padding-top: 30px;
}

/* 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;
  font-family: Arial;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.5px;
  font-size:11px;
  font-style: none;
  }
#pun-crumbs2 a:link, #pun-crumbs2 a:visited, #pun-crumbs2 a:hover {
  font-weight: bold;
  font-style: none;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #524c3d;
}


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

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

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


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  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: solid;
  border-bottom-width: 0px;
  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;
  }

Код:

/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {
display: none;
}
#pun-announcement .container {
padding-top: 1em;
}
/*Убираем отредактировано*/
.lastedit {
display:none;
}
/*Убрать награды из навигации*/
li#navawards {
display: none;
}


/*Шапка*/
#pun-title.section {
background: transparent url(https://forumstatic.ru/files/0017/96/a4/81709.png) top center scroll no-repeat;
height: 344px;
width: 877px;
margin-left: -22px;
}

/*Фон*/
body {
background:  url("https://forumstatic.ru/files/0017/96/a4/93716.png") repeat-x top center, 
url("https://forumstatic.ru/files/0017/96/a4/84429.png") repeat;
background-color: #585d2c;
overflow-x: hidden;
}
/*Тело*/
#pun {
background: url("https://forumstatic.ru/files/0017/96/a4/95873.png");
width: 869px;
}

/*Копирайт*/
#copyright {
background: url(https://forumstatic.ru/files/0017/96/a4/26207.png);
width: 869px;
height: 94px;
margin-left: -18px;
text-align: center;
}
#html-footer {
margin: 0px 0 -3px 0;
text-align: center;
}

b, strong {
color: #252525;
}

/*Подпись*/
.punbb .post-sig dt {  
border: none;
border-top: solid 1px #d0cab9;
  }

/*Линия hr*/
hr {
border: none;
border-top: 1px double #bfb7a0;
}

/* Прокрутка*/
::-webkit-scrollbar{
width: 2px;
height: 2px;
background-color: none!important;
}
::-webkit-scrollbar-thumb{
background-color: #2a3600;
}

/* Стрелки*/
#updown {
position: fixed;
bottom: 87%;
right: 5%;
text-align: center;
opacity: 0.5;
}

/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;
}

/* CS1.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, #pun-stats h2 { 
background: url(https://forumstatic.ru/files/0017/96/a4/73396.png) no-repeat;
width: 869px;
height: 45px;
margin-left: -18px;
color: #c6ca9f;
text-shadow: 0px 1px 0px #2c3800;
font-size: 11px;
font-weight: bold;
font-family: 'Arial';
text-transform: uppercase;
text-align: center;
letter-spacing: 0.5px;
line-height: 1%;
}
.punbb-admin #pun-admain h2 {
background-color: transparent; 
color: #2d2d2d;
line-height: 1%;
font-size: 10px;
letter-spacing: 0.5px;
font-weight: bold;
font-family: Arial;
text-align: left;
text-transform: uppercase;
text-shadow: none!important;
}
#pun-admain legend {
padding: 0px 40px!important;
}

/* CS1.7 */
.punbb .quote-box {
background-color: #d0d2b6;
color: #4c501e;
box-shadow: 0px 0px 0px 1px #babd90;
border: 4px solid #fbf9f4!important;
}
.punbb .spoiler-box {
background: url("https://forumstatic.ru/files/0017/96/a4/41914.png");
border-top: 2px solid #717171!important;
border-bottom: 0px!important;
border-right: 0px!important;
border-left: 0px!important;
}
.punbb .code-box {
background: url("https://forumstatic.ru/files/0017/96/a4/41914.png");
border-top: 2px solid #717171!important;
border-bottom: 0px!important;
border-right: 0px!important;
border-left: 0px!important;
}

.punbb .quote-box cite {
font-weight: bold;
color: #535815;
text-shadow: 0px 1px 0px #dddeca;
text-transform: uppercase;
font-size: 10px;
}
.punbb .code-box strong.legend a  {
font-weight: bold;
color: #464646;
text-transform: uppercase;
font-size: 10px;
}
.punbb .spoiler-box div, .punbb .spoiler-box div a  {
font-weight: bold;
color: #464646;
font-size: 10px;
}
.post-content .spoiler-box > div {
text-transform: uppercase!important;
color: #464646;
font-size: 9px;
}

/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
}
.offline li.pa-online strong {
font-weight: normal;
}

#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  { 
background-color: #ede9df;
color: #000000;
border: 1px solid #bcb7a7!important;
}

#post-form #post fieldset legend {
text-align: center !important;
color: #353535;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
}
.punbb textarea, .punbb select {
background-color: #ffffff;
color: #252525;
margin: 5px 0px 5px 0px!important;
border: 1px solid #c6c3b5!important;
}
.punbb .button {
background-color: #dcd7ca;
color: #757165;
padding: 3px 8px 3px 8px;
margin: 5px 10px 5px 10px!important;
font-size: 11px!important;
font-weight: 400!important;
letter-spacing: 0.5px;
text-transform: uppercase;
border: none!important;
}
.punbb .button:hover {
background-color: #dcd7ca;
color: #5a7700;
padding: 3px 8px 3px 8px;
margin: 5px 10px 5px 10px!important;
font-size: 11px!important;
font-weight: 400!important;
letter-spacing: 0.5px;
text-transform: uppercase;
border: none!important;
}
.punbb input{
background-color: #ffffff;
color: #524c3d;
margin: 5px 0px 5px 0px!important;
border: 1px solid #cecbc3!important;
padding: 3px;
}
#imageupload-left input[type=button] {
width: auto !important;
}
#post .formsubmit {
text-align: center;
}


/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.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, .punbb th, #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 .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-color: transparent;
}
.adcontainer {
border: none !important;
}
#pun-admain fieldset {
border-width: 0px!important;
}

/* CS2.5 */
.punbb th {
border-color: transparent;
}
#pun th {
text-transform: lowercase;
font-size: 10.5px!important;
letter-spacing: 0.2px;
color: #a29b87!important;
font-family: Arial;
font-style: normal;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, #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 .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-left-color: transparent;
}

#pun-admain fieldset p {
border-color: #ddd9cf!important;
background-color: #ddd9cf!important;
}
.adformal {
border-width: 0 0 0 0!important;
}


/* 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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #5a7700;
font-weight: normal;
text-decoration: none;
}

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

/* CS3.3 */
#pun-navlinks a {
color: #a6ae87;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #c0c7a5;
}

#pun-ulinks  a:link, #pun-ulinks  a:visited {
font-weight: normal;
letter-spacing: 1px;
color: #5c630d;
text-transform: uppercase;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
font-weight: normal;
letter-spacing: 1px;
color: #5c630d;
text-transform: uppercase;
}

#pun-adnav .isactive ul.adsubnav a {
color: #3e3729!important;
}
#pun-admain a:active, #pun-admain a:hover, #pun-admain a:focus, #pun-admain .isactive a, #pun-adnav .isactive ul.adsubnav a:hover, #pun-adnav .isactive ul.adsubnav a:focus, #pun-adnav .isactive ul.adsubnav a:active{
color: #5d5545!important;
}


/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {  
background-image: url(https://forumstatic.ru/files/0017/96/a4/54203.png);
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {  
background-image: url(https://forumstatic.ru/files/0017/96/a4/79167.png);
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image: url(https://forumstatic.ru/files/0017/96/a4/99370.png);
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image: url(https://forumstatic.ru/files/0017/96/a4/76129.png);
background-repeat: no-repeat;
}
/*Перенесено*/
TR.iredirect Div.icon {
background-image: url(https://forumstatic.ru/files/0017/96/a4/54203.png); 
background-repeat: no-repeat;
}

/*Окно репутации*/
#pun-reputation div.inner, #pun-report div.inner, #pun-popup_awards div.inner {
background: url("https://forumstatic.ru/files/0017/96/a4/41914.png")!important;
padding: 3px!important;
border: none !important;
}
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1, #pun-graffiti-rusff h1 {
background: url("https://forumstatic.ru/files/0017/96/a4/41914.png")!important;
width: auto!important;
margin: auto!important; 
height: 10px !important;
color: #236794!important;
}
#pun-report .inner table tr td, #pun-reputation .inner table tr td, #pun-admin-award-form .inner table tr td {
border: none !important;
}
.topic a.sharelink {
display: none;
}

/*Номер, дата поста*/
.punbb .post h3 strong {
float: left !important;
margin-left: 0 !important;
margin-right: 5px;
text-align: left !important;
width: auto !important;
font-weight: normal!important;
}
.post h3 strong:before {
content: "письмо #";
color: #737d00;
font-family: Arial;
font-size: 10px;
text-align: center;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.5px;
}
div.post h3 strong:after{
content: " /";
color: #737d00;
font-family: Arial;
font-size: 10px;
text-align: center;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.5px;
}
div.post-rating p:before {
content: "Оценка ";
color: #626d13;
font-family: Arial;
font-size: 10px;
text-transform: uppercase;
font-weight: normal;
}
.punbb .post-box {
position: relative;
}
div.post-rating p {
margin: 2px!important;
position: absolute;
right: 0px;
top: -19px;
color: #65635d;
font-family: Arial;
font-size: 8px;
text-transform: uppercase;
font-weight: normal;
}
div.post-vote p {
position: absolute;
right: -8px;
top: -5px;
padding: 0.0em 0.2em 0.0em 0.0em;
}
div.post-rating a, div.post-vote a {
color: #65635d;
}
div.post-rating p a:hover {
color: #65635d;
}



/*Окантовка профиля*/
.punbb .post .post-author > ul {
background: url(https://forumstatic.ru/files/0017/96/a4/58481.png) top center no-repeat, url(https://forumstatic.ru/files/0017/96/a4/76235.png) bottom center no-repeat;
padding: 0px 10px 15px 11px !important;
}
.punbb .post .post-author li {
padding-left: 1px;
}
.punbb .post .post-author {
background: transparent url(https://forumstatic.ru/files/0017/96/a4/76235.png);
text-align: center;
color: #403a2b!important;
}
.punbb .post .post-author b, .punbb .post .post-author b {
color:#67624b!important;
}
.punbb .post .post-author a {
color: #737b00!important;
}
.punbb .post .post-author a:hover{
color: #737b00!important;
}
.pa-author, .pa-author a, .pa-author strong {
color: #4d5d12!important;
text-shadow: none!important;
font-weight: bold!important;
text-transform: uppercase!important;
}
.pa-author {
padding-top: 2px !important;
}
.post .pa-title {
background-color: #c9c3b0;
margin-top: 0.1em;
padding-top: 2px;
letter-spacing: -0.2px;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #635c49;
}
.pa-avatar {
width: 208px;
padding-bottom: 10px !important;
padding-top: 5px !important;
margin-left: -11px !important;
margin-bottom: 5px!important;
}
.post-author ul li.pa-avatar img {
border: solid #898370 3px!important;
}
.post-author ul li.pa-from, .post-author ul li.pa-reg, .post-author ul li.pa-positive, .post-author ul li.pa-sex, .post-author ul li.pa-age, .post-author ul li.pa-ip, .post-author ul li.pa-invites, .post-author ul li.pa-time-visit, .post-author ul li.pa-last-visit, .post-author ul li.pa-awards, .post-author ul li.pa-gifts {
display: none;
}
.pa-respect {
display: inline-block;
text-align: center;
width: 80px;
}
.pa-posts {
display: inline-block;
text-align: center;
width: 80px;
}
.post-author ul li.pa-fld1, .post-author ul li.pa-fld2, .post-author ul li.pa-fld3, .post-author ul li.pa-fld4, .post-author ul li.pa-fld5 {
text-align: justify;
}
.post-author ul li.pa-fld2 {
background-color: #c9c3b0;
padding: 5px!important;
}
.post .pa-online {
font-size: 10px;
font-family: "Arial";
color: #4a4639!important;
font-weight: normal;
text-transform: uppercase;
text-align: center;
margin-left: -8px;
margin-bottom: 2px;
letter-spacing: 1.0px;
text-shadow: none!important;
}


/*Аватары пользователей*/
.punbb .user-avatar img.ava {
margin-top: 5px!important;
color: #c7c1b0!important;
border: 2px solid #c7c1b0!important;
border-radius: 0%!important;
}
.punbb .user-avatar img.ava:hover {
border-radius: 0%!important;
}
.punbb .user-avatar img.on_ {
width: 8px !important;
height: 8px !important;
border-radius: 0% !important;
margin: 3px 8px 0 -16px!important;
background: #c7c1b0!important;
}


/*Таблица*/
#text {
color: #5f5437;
text-align: justify;
font-size: 10px;
padding: 0px 4px 0px 0px;
line-height: 12px;
}
#text a {
color: #648000;
}
#text a:hover, a:active {
color: #9ca77b;
}
#text a b, #text b {
color: #627d00;
}
#text::-webkit-scrollbar{
width: 1px;
background-color: transparent;
}
#text::-webkit-scrollbar-thumb{
background-color: #3c8423;
}
#text2 {
color: #d0a793;
text-shadow: 0px 1px 0px #5f1600;
text-align: justify;
font-size: 10px;
padding: 0px 4px 0px 0px;
line-height: 12px;
}
#text2 a {
color: #e2c3b4;
}
#text2 a:hover, a:active {
color: #e6d3ca;
}
#text2::-webkit-scrollbar{
width: 1px;
background-color: transparent;
}
#text2::-webkit-scrollbar-thumb{
background-color: #d0a793;
}
/*Ссылки*/
#links a {
background-color: #3d685f;
color: #a7b9a5!important;
font-family: Arial;
height: 18px;
width: 200px;
font-weight: bold;
text-align: center;
display: inline-block;
padding: 10px 5px 5px 5px;
font-size: 11px;
text-transform: uppercase;
line-height: 12px;
letter-spacing: 0.7px;
opacity: 0.8;
}
#links a:hover {
background-color: #3d685f;
color: #f3fff2!important;
font-family: Arial;
height: 18px;
width: 200px;
font-weight: bold;
text-align: center;
display: inline-block;
padding: 10px 5px 5px 5px;
font-size: 11px;
text-transform: uppercase;
line-height: 12px;
letter-spacing: 0.7px;
opacity: 1.8;
-moz-transition: 0.7s ease;
-webkit-transition: 0.7s ease;
}

Код:

<!----------------------------------------------  Выделение кода -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText =  'Выделить код'</script>

<!----------------------------------------------  Отключение сервера рекомендаций -->
<script type="text/javascript">
rusffLive.enable = false;
</script>



<!----------------------------------------------  Таблица -->
<div id="text" style="display: block; position: absolute; top: 67px; height: 110px; width: 556px; left: -3px; margin: 5px; overflow: auto;">
<b>21.03.2017:</b> Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
<a href="http://">Сквозь тьму</a> и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
<br> Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.
</div>
<!----------------------------------------------  Таблица -->
<table style="display: block;position: absolute;height: 94px;width: 851px;top: 223px;left: -17px;margin: 3px 8px 3px 8px;"><tbody><tr><td>
<div id="text2" style="height: 90px; width: 570px; overflow: auto;">
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
<br> Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня так близко. Искупай меня в этой тьме так близко. В нашей войне нет победителей. Недостающее звено, что жажду найти так близко. Прошу, очисти мой разум от боли так близко. Но когда проявится твоё истинное "я" так близко. Я желал бы оказаться подальше отсюда. Сквозь тьму и свет я пробиваюсь, чтобы быть так близко. Тени и ложь скрывают тебя от меня.
<p>Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли.
<br>Так далек от того, кем я был, от того, кого я любил, кем хотел быть. Так далек от наших мечт, от смысла любви, от тебя рядом со мной. Так далек от надежды на горизонте, стою в одиночестве. Разве я прошу многого? Так далек от свободы, прошлое преследует меня, будущее не в моей власти. Но если ты возьмешь меня за руку, прошу, вытащи меня из темноты и вновь зажги огонек надежды. Мы побежим рядом, не скрывая ничего, защищены от боли. <a href="ссылка">Читать далее</a></p>
</div></td>
<td><div id="text2" style="height: 90px;width: 270px;">
<p><a href="ссылка"><img style="max-width: 40px; max-height: 40px; border: 2px solid #58110a; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"></a> <img style="max-width: 40px; max-height: 40px; border: 2px solid #58110a; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"> <img style="max-width: 40px; max-height: 40px; border: 2px solid #58110a; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц">  <img style="max-width: 40px; max-height: 40px; border: 2px solid #58110a; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"> <img style="max-width: 40px; max-height: 40px; border: 2px solid #58110a; margin: 0px 0px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"></p>
<p><a href="ссылка"><img style="max-width: 40px; max-height: 40px; border: 2px solid #58110a; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"></a> <img style="max-width: 40px; max-height: 40px; border: 2px solid #58110a; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"> <img style="max-width: 40px; max-height: 40px; border: 2px solid #58110a; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц">  <img style="max-width: 40px; max-height: 40px; border: 2px solid #58110a; margin: 0px 8px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"> <img style="max-width: 40px; max-height: 40px; border: 2px solid #58110a; margin: 0px 0px 0px 0px;" src="http://s5.uploads.ru/t/mxQfj.png" border="0" title="лунный принц"></p>
</div>
</div></td>
</tr>
</tbody></table>
<!----------------------------------------------  Ссылки -->
<div id="text" style="display: block; position: absolute; top: 12px; height: 35px; width: 854px; left: -17px; margin: 0px;">
<div id="links">
<a href="" target="frame">правила</a>
<a href="" target="frame">сюжет</a>
<a href="" target="frame">faq</a><br>
</div>
</div>

Код:

<!---------------------------------------------- Cокрытие полей-->
<script type="text/javascript">
$('div.post-author ul').find('li[class^="pa-fld"]').map(function(){ 
var Dop=$(this).html();
if(Dop=='undefined'||Dop==null){return false;};
var Virez=Dop.slice(Dop.indexOf(":")+1);
$(this).html(Virez);
});
</script>


<!----------------------------------------------  Стрелки вверх вниз -->
<div id="updown">
<a href=#top onClick="$('html,body').scrollTop(0,0); return false;" title="Вверх страницы" alt="Вверх страницы" ><img src="https://forumstatic.ru/files/0017/96/a4/30334.png" style="margin-bottom: 10px;"/></a><br>
<a href="#bottom" onclick="$('html,body').scrollTop(document.body.scrollHeight); return false;" title="Вниз страницы"><img src="https://forumstatic.ru/files/0017/96/a4/30334.png" alt="Вниз страницы"/></a>
</div>