Код:

/*************************************************************
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 * {

  }

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

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

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .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: 11px "Verdana"
  }

/* 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: underline
  }

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


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

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

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



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

/* A5.1 */
#pun {
  margin: 0 auto 0 auto; width: 982px;
background: #BEBAAF url("https://s2.uploads.ru/RFXT7.jpg") top center repeat-y;

  }

/* A5.2 */
.punbb {
  float: left;
  width: 870px;
  margin-left: 45px; 
  height: auto;

  }


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

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

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

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

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

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

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

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



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

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

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


/* B1.2 полоса в подписи*/
.punbb .post-sig dt {
  display: block;
border-top: 1px dotted #494b51!important;
  width: 100%;
  margin: 5px 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 {
  max-width: 910px!important;
  overflow: hidden; 
  }

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

/* B1.8 полная окантовка цитаты-хайда и пр*/
.punbb .post-content .quote-box {
    padding: 5px;
  border: 3px double #676767 !important;
    box-shadow: inset #676767 0 2px 10px;
margin-bottom: 15px;
  }
 .punbb .post-content .code-box {
    padding: 15px;
  border: 3px double #676767 !important;
    box-shadow: inset #676767 0 2px 10px;}

/* B1.9 сами названия цитата-код-скрытый и пр*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
text-align: center;
letter-spacing: 3px;
  font-style: normal;
  margin: 0; 
  }

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

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

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

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


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

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

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

/* B3.3 верхние-страница*/
.linkst .pagelink {
  position: absolute;
  top: -3.4em;
padding-top: 30px;
padding-bottom: -20px;
  left: 2em;
  width: 24em; color: #2e2b1a;
  }

/* B3.4 ответить-верхнее*/
.linkst .postlink {
  position: absolute;
  top: -3.4em;
padding-top: 20px;
padding-bottom: -20px;
  right: 2em;
  width: 16em;
  text-align: right;
  font-weight: bold; 
  }

/* B3.5 блок нижние-страница-подписаться-ответить*/
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em; 
  }

/* B3.6 страница 1...54 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left; color: #2e2b1a;
  }

/* B3.7 ответить-нижнее */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
  }

/* B3.8 подписаться и отслеживать тему */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


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

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

/* C1.1 под быстрым ответом все поле*/
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 ответить-посмотреть вся линия*/
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0; 
  }

/* C1.3 отправить-посмотреть - кнопки*/
.punbb input {
color: #6d6d6d; 
padding:4px;
background:  #f4f4f4;
border: none !important;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
}

.punbb .button {
background: #A19D94;
    box-shadow: inset #676767 0 2px 10px;
    border-radius: 25px;
font-size: 11px;
font-weight: bold !important;
text-transform: uppercase;
font-family: verdana;
height: 30px;
color: #381f0c;
padding: 3px;
min-width: 100px;
text-align: center;
}
.punbb .button:hover {
background: url(http://s6.uploads.ru/H2yrm.jpg) #A19D94;
    box-shadow: inset #676767 0 2px 10px;
color: #381f0c;
    border-radius: 25px;
}


.bottom {  background-color: transparent;
color: #340100;
  border: 3px double #676767 !important;
    line-height: 99% !important;
    box-shadow: inset #676767 0 2px 10px;}



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

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

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

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

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

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

/* C1.10 сортировка ввод имен и прочие блоки*/
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
margin: 0 0.6em 0 0;
background: #A19D94;
    box-shadow: inset #676767 0 2px 10px;
    border-radius: 25px;
font-size: 11px;
font-weight: bold !important;
text-transform: uppercase;
font-family: verdana;
height: 30px;
color: #381f0c;
padding: 3px;
min-width: 100px;
text-align: center; }

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

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

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

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

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 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: 50%; 
  }

/* C2.2 второй и третий блок*/
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%; 
  }

/* C2.3 третий блок*/
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 первый блок кроме заглавной страницы*/
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%; 
  }

/* C2.5 второй блок кроме заглавного*/
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%; 
  }

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

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

/* C2.8 названия подфорумов Новый Форум */
#pun-index .tcl h3 {
   text-align: center;
   font-weight:normal!important;
   color: #5e2a0a;
text-shadow: #e4e3e0 1px 1px 0px;
text-transform: uppercase;  }


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

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

/* C2.11 общая табличка*/
.punbb .main td {
  border-style: ridge none none ridge;
border-color: transparent;
  border-width: 0px;
  padding: 0.8em 1em; 
  }

/* C2.12 форум тем сообщений Имя статус*/
.punbb .main th {
  border-style: none none none ridge;
border-color: transparent;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em; 
  }

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

/* C2.14 Отступы иконок */
.punbb td div.tclcon {
color: #3d3c3b;
margin-left: -10px;
padding-left: 40px;
padding-right: 15px;
padding-bottom: 10px;
width: 370px;
text-align: justify;
font-size: 10px;
}





/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 25px;
  height: 25px;
  padding-top: 15px;
  margin-top: 15px;
background-position: center;
background-repeat: no-repeat;
}



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

/* C3.1 полностью блок поста после ника и даты*/
.punbb .post .container {
  border-style: none ;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px; 
  }

/* C3.2 аватар и дата*/
.punbb .post h3 {
  border-style: none;
  border-width: 0px; 
  }

/* C3.3 просто дата на посте */
.punbb .post h3 span {

  padding: -0.5em 1em;
  display: block;
  margin-left: 21em;
  }

/* C3.4 номер поста*/
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal; 
  }


/* C3.5 ник*/
.punbb .post .post-author {
  float: left;
margin-top: -30px;
  width: 210px;
  overflow: hidden;
}

/* C3.6 полоса с профилем в посте*/
.punbb .post .post-author ul, .punbb .post .post-author p {
  line-height: 140%; }

/* C3.7 */
.pa-author {
  text-align: center; 
font-family: arial narrow;
font-style: normal;
text-transform: uppercase;
font-size: 16px;
margin-top: 10px;
margin-bottom: 3px;
}

.pa-avatar {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center; 
margin-left: 0px;}

 



.pa-awards {
width: 180px;
margin-top: 15px;
margin-left: 12px;
    min-height: 80px;
    padding: 5px;
    font-size: 10px;
background-image: url(http://s2.uploads.ru/tBW2l.jpg);
    text-align: center;
  border: 3px double black !important;
    line-height: 99% !important;
    box-shadow: inset black 0 2px 10px;}

.pa-avatar img, .punbb img.avatardemo, #profile-left img {
box-shadow: black 0 2px 10px;
  border: 3px double black !important;
  }

/* C3.8 */
.pa-author a {
  text-align: center; 
font-style: normal;
text-transform: uppercase;
font-size: 16px;
font-family: Playfair Display SC;
text-shadow: black 1px 1px 0px;
font-weight: bold;
color: #5e2a0a !important;
margin-top: 33px;
margin-bottom: 3px;
}

.pa-author a:hover {
  text-align: center; 
font-style: normal;
text-transform: uppercase;
font-size: 16px;
font-family: Playfair Display SC;
text-shadow: black 1px 1px 0px;
font-weight: bold;
color: #381f0c !important;
margin-top: 33px;
margin-bottom: 3px;
}

/* C3.9 статус и активен*/
li.pa-title {text-align: center;
  padding-bottom: 0.4em;
font-size: 10px;
text-transform: uppercase;
height: 12px;
font-weight: bold;
letter-spacing: 1px;
width: 190px;
font-family: Playfair Display SC;
margin-left: 10px;
margin-bottom: 5px;
border-radius: 10px;
padding-top: 2px;
  }


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

li.pa-fld3, li.pa-fld2, li.pa-fld1 {
padding-left: 10px;
padding-right: 10px;
margin-top: 5px;  }


/* C3.11 тело поста без даты*/
.punbb .post-body {
  margin-left: 21em;
border: none;
  padding: 0 0 1px 0;
 
  }

/* C3.12 снова пост, но чуть меньше*/
.punbb .post-box {
  padding: 2em;
text-align: justify;
  }

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

/* C3.14 удалить редактировать и прочее*/
.punbb .post-links {
  margin-left: 19em;
border: none;
  }

/* C3.15 полностью строка с лс цитировать и прочим*/
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
 border: none;
  background: transparent;
  text-align: right; 
  }

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

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

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }
/* C3.19 */
.post-author ul {
    background: transparent repeat scroll 0 0;
padding-top: 0.0em;
    text-align: center;
}


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

/* C4.1 блок модменю и активны*/
.punbb .modmenu .container {
  padding: 0.5em 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; 
  }


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

/* C6.1 профиль вместе с содержимым*/
#profile .container {
  padding-left: 18.6em; 
  }

/* C6.2 блок профиль-меню полностью*/
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline; 
  }

/* C6.3 профиль-ссылочки*/
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold; 
  }

/* C6.4 профиль по обводке*/
#viewprofile ul, #profilenav ul {
    padding: 5px;
    font-size: 10px;
margin-left: 2px;
background-image: url(http://s6.uploads.ru/H2yrm.jpg);
    text-align: justify;
  border: 3px double #676767 !important;
    line-height: 99% !important;
    box-shadow: inset #676767 0 2px 10px;
  }

/* C6.5 название профиль*/
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px; 
  }

/* C6.6 еще раз название профиль нормальное*/
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative; 
  }

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


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

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

/* D1.1 все лого-шапка */
#pun-title {
  margin: 0;
  border-style: none;
  border-width: 0; 
  }

/* D1.2 блок с названием*/
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em; 
  }

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


/* D1.4 одно названьице   шапка нормальная*/
#pun-title h1 span  {
height: 10px;
  font-size: 1.5em; display: none;
  }

#pun-title table {
	border: none;
	height: 554px;
	width: 982px; 
 background-image: url("http://s6.uploads.ru/xPbWT.jpg"); 
background-repeat: no-repeat;
background-position: center bottom;
background-color: tansparent;
margin-left: -45px;
}


/*блок до баннера*/
#pun-title td.title-logo-tdl {
	border: none;
	width: 100%; }


/*блок баннера*/
#pun-title td.title-logo-tdr {
	border: none;
vertical-align: top;
   top: 0px;
margin-left: -440px;
margin-top: 50px;
position: absolute; 
}

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0px; 
z-index: 10;
font-weight: bold !important;

  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
font-weight: bold !important;
  }

/* D.3 */
#pun-navlinks li {
font-weight: bold !important;
  display: inline;
  padding-right: 1em;
  }


/* D3.4 */
#pun-navlinks li a {
font-weight: bold !important;
font-family: Playfair Display SC;
font-size: 15px;
  font-weight: normal;
  }

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.5em 1em;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  white-space: nowrap;
font-size: 8PX !important;
color: #381f0c !important;
text-align: top center;
font-family: verdana;
font-weight: bold !important;

margin-top: -10px;
text-decoration: none;
  }

#pun-ulinks li a:hover{    color: #5e2a0a !important;}


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

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


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

/* D5.1 приветствие и фонд*/
#pun-status, #pun-status .container, #pun-status .container a {
  border-bottom: none;
  margin-bottom: 0; color: #17120C;


  }

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

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

/* D5.4 навигация-верх */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0; 
  }

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

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

#pun-break2, #pun-break3 {border: none; }


/* 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 1px 0;
  position: relative;
  font-weight: bold;
display: none;
  }

/* D6.2 Название Объявление*/
#pun-announcement h2 span {
  display: none;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

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

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

/* D7.1 ниже статистики все*/
#pun-stats .container {
  padding: 0.8em 1em; color: #17120C;
  }

/* D7.2 всего тем сообщений*/
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%; 
  }

/* D7.3 тем сообщений участники вся полоска*/
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%; 
  }

/* D7.4 активны посетители за сутки*/
li#onlinelist {
  margin-top: 1em;
  border-top-style: none;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%; 
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: none;
  border-top-width: 1px;
  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-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em; 
  }

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

/* D8.6 навигация низ*/
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border: none; 
  }

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

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

/* D8.9 создать в админке*/
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px; 
  }

.punbb-admin, #pun-admain1 .adformal p, #pun-admain fieldset p{ background-color: transparent !important; border-left-color: #ECECEC !important }
#pun-admain fieldset, .adcontainer {border-color: transparent !important; 
border-left-color: #ECECEC !important; 
border-right-color: #ECECEC !important; 
border-bottom: transparent !important; }

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

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

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


.title-logo-tdr *, #tieser-bottom{ 
  filter:alpha(opacity=80)!important; 
  opacity: 0.8!important;  
  -moz-opacity: 0.8!important;  
  -khtml-opacity: 0.8!important; 
} 
.title-logo-tdr *:hover, #tieser-bottom:hover{ 
filter:alpha(opacity=100)!important; 
opacity: 1.0!important;  
-moz-opacity: 1.0!important;  
-khtml-opacity: 1.0!important; 
}


#button-spoiler {
    background: url("https://forumupload.ru/uploads/000f/c1/d3/2092-4.gif ") no-repeat scroll 50% 50% transparent;}




.tablica1 {
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
width: 250px;
height: 270px;
position: absolute; 
letter-spacing: 0px;
color: #17120C;
z-index: 7;  
font-size: 10px;
text-align: justify;
margin-top: 255px;  /*отступ сверху*/
margin-left: 625px !important;  /*сдвиг*/
    line-height: 99% !important;}



.tablica2 {
width:370px;
height: 270px;
position: absolute; 
letter-spacing: 0px;
color: #535353;
z-index: 7;  
font-size: 10px;
text-align: center;
margin-top: 255px;  /*отступ сверху*/
margin-left: 257px !important;  /*сдвиг*/
    line-height: 99% !important;
}

.tablica3 {
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
width: 250px;
height: 110px;
position: absolute; 
letter-spacing: 0px;
color: #17120C;
z-index: 7;  
font-size: 10px;
text-align: justify;
margin-top: 255px;  /*отступ сверху*/
margin-left: 0px !important;  /*сдвиг*/
    line-height: 99% !important;
}
.tablica31 {
padding: 5px;
width: 230px;
height: 78px;
position: absolute; 
letter-spacing: 0px;
color: #535353;
z-index: 7;  
overflow: auto;
font-size: 10px;
text-align: justify;
margin-top: 365px;  /*отступ сверху*/
margin-left: 10px !important;  /*сдвиг*/
    line-height: 99% !important;
}

.tablica32 {
width: 250px;
height: 50px;
position: absolute; 
letter-spacing: 0px;
color: #535353;
z-index: 7;  
font-size: 10px;
text-align: justify;
margin-top: 462px;  /*отступ сверху*/
margin-left: 5px !important;  /*сдвиг*/
    line-height: 99% !important;
}

#pun-about p.container {text-align: center;}



a.sbla1:link, a.sbla1:visited {
display: block;
width: 370px;
height: 12px;
margin-bottom: 1px;
text-transform: lowercase;
text-shadow: black 1px 1px 0px;
font-size: 10px;
font-style: normal;
font-weight: bold;
background: url(http://s7.uploads.ru/9OLFs.jpg);
text-align: center;
box-shadow: inset black 0 0px 5px;
padding-bottom: 0px;}

a.sbla1:hover, a.sbla1:active {
display: block;
text-transform: lowercase;
font-size: 10px;
width: 370px;
height: 12px;
text-shadow: black 1px 1px 0px;
font-style: normal;
font-weight: bold;
background: url(http://s3.uploads.ru/HKDbt.jpg);
text-decoration: none;
text-align: center;
box-shadow: inset black 0 0px 5px;
padding-bottom: 0px;}


a.sbla:link, a.sbla:visited {
display: block;
margin-bottom: 1px;
border-radius: 10px;
    box-shadow: inset #676767 0 0px 10px;
text-transform: lowercase;
text-shadow: #d3d3d3 1px 1px 0px;
font-size: 10px;
font-style: normal;
font-weight: bold;
background: #cecabe;
text-align: center;
padding: 1px;}

a.sbla:hover, a.sbla:active {
display: block;
margin-bottom: 1px;
border-radius: 10px;
    box-shadow: inset #565656 0 0px 10px;
text-transform: lowercase;
text-shadow: #d3d3d3 1px 1px 0px;
font-size: 10px;
font-style: normal;
font-weight: bold;
background: #c8c4b8;
text-align: center;
padding: 1px;}


a.sbla2:link, a.sbla2:visited {
display: block;
width: 160px;
margin-bottom: 1px;
border-radius: 10px;
    box-shadow: inset #676767 0 0px 10px;
text-transform: lowercase;
text-shadow: #d3d3d3 1px 1px 0px;
font-size: 10px;
font-style: normal;
font-weight: bold;
background: #d7d5d2;
text-align: center;
padding: 1px;}

a.sbla2:hover, a.sbla2:active {
display: block;
width: 160px;
margin-bottom: 1px;
border-radius: 10px;
    box-shadow: inset #565656 0 0px 10px;
text-transform: lowercase;
text-shadow: #d3d3d3 1px 1px 0px;
font-size: 10px;
font-style: normal;
font-weight: bold;
background: #aba9a5;
text-align: center;
padding: 1px;}

/*********************************************************
E - ДРУГОЕ
*********************************************************/
/* E1 Скроллбар
-------------------------------------------------------------*/
/* E1.1 - ширина прокрутки */
::-webkit-scrollbar {
width: 6px;
}
/* E1.2 - прокрутка на общей странице, по которой ездит ползунок */
::-webkit-scrollbar-track {
background: #161514;
}
/* E1.3 */
::-webkit-scrollbar-thumb{
background: #381f0c;
}
/* E1.4 - ползунок после нажатия на него мышкой */
::-webkit-scrollbar-thumb:active {
background: #381f0c;
}



#pun-about p.container {text-align: center;}




hr {
border: none;
border-top: solid 4px #381f0c;}

h6 {
text-align: center;
height: 15px;
background-color: #D9D8D6;
font-weight: bold !important;
color: black;
text-shadow: white 1px 1px 0px;
text-transform: lowercase;
font-size: 10px;}


#pun-about p.container {text-align: center;}

.rotation {
  display: none;
}


.news {    padding: 3px;
    font-size: 10px;
background-image: url(http://s6.uploads.ru/H2yrm.jpg);
    text-align: justify;
height: 50px;
overflow: auto;
  border: 3px double #676767 !important;
    line-height: 99% !important;
    box-shadow: inset #676767 0 2px 10px;
margin-bottom: -7px;}


.img.post-img-Sp {margin-bottom: 10px;}
.post-ul-Sp  Sp1 {margin-top: -116px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner {font-size:14px; letter-spacing:1px;}



/******************************************************************
  Cтиль:"таблица с вкладками"
******************************************************************/

/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
background: transparent;}
.s-tabs{
width:220px;  /*ширина таблицы*/
display:block;
}
.s-tabs>.stab{
height: 85px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
position:relative;
z-index:100;
cursor:pointer;
display:inline-block;
text-align: center;
}
/* Активное "Ушко" */
.s-tabs>span.selected{
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
    padding: 3px;
    font-size: 10px;
background-image: url(http://s6.uploads.ru/H2yrm.jpg);
    text-align: justify;
  border: 3px double #676767 !important;
    line-height: 99% !important;
    box-shadow: inset #676767 0 2px 10px;
display:none;
overflow-y:auto;
overflow-x:hidden;  
}


.oform {width: 650px;
color: #17120C;
background: url(http://s6.uploads.ru/O0bPm.jpg);
text-align: justify;
font-family:'arial';
border: 5px solid #1C1910;
padding:20px;}

.oform td {    padding: 5px;
    font-size: 11px;
padding: 10px;
    text-align: justify;
    line-height: 99% !important;
    box-shadow: inset #676767 0 2px 10px;
background: url(http://s6.uploads.ru/H2yrm.jpg) #B9A88C;
width: 320px;
margin-right: 20px;}

.oform tr {
background: transparent;}

  .korpus > div, .korpus > input { display: none; }

.korpus {text-align: center;
 padding: 10px;}

.korpus label {
  width: 120px;
  padding: 5px 5px;
  display: inline-block;
background-image: url(http://s6.uploads.ru/H2yrm.jpg);
  color: #2B261E; border-radius:10px 10px 0 0;}

.korpus label:hover {
background-image: url(http://s6.uploads.ru/H2yrm.jpg);
  color:  #2B261E;}

.korpus input[type="radio"]:checked + label {
background-image: url(http://s6.uploads.ru/H2yrm.jpg);
  font-weight: bold;
  color:  #2B261E;
    box-shadow: -3px -2px 4px -0px #433C2F;}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),

.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.korpus > input:nth-of-type(6):checked ~ div:nth-of-type(6),
.korpus > input:nth-of-type(7):checked ~ div:nth-of-type(7) { 
  display: block; 
  padding-top: 15px;
  text-align: justify;
background-image: url(http://s6.uploads.ru/H2yrm.jpg);
  box-shadow: -2px -1px 4px -0px #433C2F;
padding: 10px;}

#copyright {
background: transparent url(http://s7.uploads.ru/upnmt.jpg);
background-position: center bottom !important; 
background-repeat: no-repeat; 
border: none !important; 
margin-left: -45px;
margin-bottom: -11px !important;
width: 982px;
text-align: center;
height: 100px !important;}

.banners {
color: #17120C;
margin-left: 10px;
padding: 5px;
width: 860px;
height: 50px;
font-size: 10px;
background-image: url(http://s6.uploads.ru/H2yrm.jpg);
  border: 3px double #676767 !important;
    box-shadow: inset #676767 0 2px 10px;
overflow: auto;
}



float: none;
}
#pun-about p.container {text-align: center;}


.episode {
width: 418px;
padding: 4px;
background: black url(http://s3.uploads.ru/SRoeX.jpg) repeat top center fixed;
border: 3px solid #1B180F;
}

.episope1 {
width: 404px;
padding: 6px;
background: black url(http://s3.uploads.ru/SRoeX.jpg) repeat top center fixed;
}

.nameepisode {
width: 404px;
font-family: Playfair Display SC;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
color: #655C48;
text-shadow: #1B180F 1px 1px 0px;
}

.episodepart1 {font-family: arial;
font-size: 10px;
padding: 4px;
background-image: url(http://s6.uploads.ru/H2yrm.jpg);
box-shadow: inset #676767 0 0px 10px;
text-align: justify;
}

.episodeuser {width: 396px;
font-family: georgia;
background-color: #383427;
color: #655C48; font-size: 8px;
padding: 1px;
letter-spacing: 2px;}

Код:

<div class="leftpanel"><center><img src="https://se.uploads.ru/1Xqxk.gif"></center><br><div style="padding-left: 7px; padding-right: 7px; margin-top: -10px;">Каждый инстинкт говорит нам, что мы не можем сделать ничего с тем, что нас пугает. Но это и есть страх - инстинкт. Мы убегаем, потому что это в нашей природе. Лучше убежать и жить новым днём, или как там гласит поговорка. Но если мы убегаем, каннибал становится сильнее. Лучше бежать навстречу страху. Лучше встретиться с ним. Взглянуть ему в глаза. Увидеть, как он слабеет.</div><br>

<div style="position: absolute; width:140px; height:140px; top:207px; margin-left: 9px; z-index:999; -webkit-filter: grayscale(100%); opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65);">
    <table id="ava-status" cellpadding=0 cellspacing=0 ><tr><td id="ava-status"></td></tr></table>
    </div>

<script type="text/javascript">
    var img = document.createElement('img');
    var UserAvatar = UserAvatar;
    if( ! UserAvatar )
    	img.src = 'http://sd.uploads.ru/0Yehf.jpg';
    else
    	img.src = UserAvatar;
     
    $("td#ava-status").html(img);
    var a=$("#pun-status .container");a.html(a.html().replace('Ваш последний визит: ','был '))
    $("#navprofile,#navlogout").appendTo(a)
    </script>
    
    </div>






<div class="rightpanel"><center><a href="http://sind.f-rpg.ru/viewtopic.php?id=4" class="sbla">Гостевая</a>
<a href="http://sind.f-rpg.ru/viewtopic.php?id=25#p290" class="sbla">Сюжет</a>
<a href="http://sind.f-rpg.ru/viewtopic.php?id=7" class="sbla">Правила</a>
<a href="http://sind.f-rpg.ru/viewtopic.php?id=5" class="sbla">Список персонажей</a>
<a href="http://sind.f-rpg.ru/viewtopic.php?id=26#p291" class="sbla">FAQ</a>
<a href="http://sind.f-rpg.ru/viewforum.php?id=8" class="sbla">Акции</a>
<a href="http://sind.f-rpg.ru/viewtopic.php?id=57" class="sbla">Игровая система</a>
<a href="http://sind.f-rpg.ru/viewtopic.php?id=8#p9" class="sbla">Шаблон анкеты</a><br>
<div id="grey"><a href="http://sind.f-rpg.ru/profile.php?id=7" title="АДМИНИСТРАТОР: Найтвинг"><img src="http://s8.uploads.ru/REmyA.jpg"></a> <a href="http://sind.f-rpg.ru/profile.php?id=3" title="АДМИНИСТРАТОР: Красный Робин"><img src="http://s0.uploads.ru/54L2t.jpg"></a> <a href="http://sind.f-rpg.ru/profile.php?id=4" title="АДМИНИСТРАТОР: Красный Колпак"><img src="http://s6.uploads.ru/1gIxi.jpg"></a> <a href="http://sind.f-rpg.ru/profile.php?id=8" title="АДМИНИСТРАТОР: Бэтмен"><img src="http://sd.uploads.ru/6KnST.jpg"></a></center><br>
  <div style="margin-left: 5px; padding: 5px; width: 140px; height: 180px; text-align: justify; overflow: auto;"><b>20/01/17.</b> А мы тут что-то делаем, но это пока секрет. Терпите, господа.<br><br><b>06/01/17.</b> Мы всю неделю отходили от празднования Нового года и толком ничего не сделали. Но мы все еще котики и любим вас, <i>но странною любовью</i>.<br><br><b>01/01/17.</b> <a href="http://sind.f-rpg.ru/viewtopic.php?id=6#p7693">С НОВЫМ ГОДОМ!</a><br><br><b>29/12/16.</b> Микроновости:<br>
- запустили квестовые шестеренки, обязательно прочитайте <a href="http://sind.f-rpg.ru/viewtopic.php?id=6#p7693">объявление</a>;<br>
- запустили конкурсы, а теперь готовим к новому году подарочки;<br>
- любим наших игроков, скорректировали шрифты на форуме;<br>
- создали краткий шаблон для нужных персонажей и шаблон для оформления цитат;<br>
- поправили F.A.Q.<br><br><b>19/12/16.</b> Отсыпали всем немного <a href="http://sind.f-rpg.ru/viewtopic.php?id=6#p6355">новостей</a>, го знакомиться.<br><br><b>05/12/16.</b> За окном сейчас метель, и мне нечем заняться, поэтому было решено обновить таблицу. Население Готэма с момента последнего обновления резко увеличилось, куда ни плюнь - везде знакомые лица, будь то герой или злодей. Желаем всем новоприбывшим приятной игры и вдохновения, а теперь подняли задницы - и кликнули на баннеры топов.<br><br><b>13/11/16.</b> Итак, герои и злодеи, добро пожаловать в Готэм, один из самых темных и мрачных городов США. Мы официально открыли двери и ждем вас.<br><br><b>30/10/16.</b> Мы еще не открылись, а уже сменили дизайн. Ну а что? Все кругом обновляются к Хеллоуину, а родное гнездо летучей мыши - одного из главных символов праздника - еще даже не украшено. Не порядок.<br><br><b>26/08/16.</b> Усиленно готовимся к открытию, которого заслуживает этот город. <br></div>  </div>








<div class="activ"><table><tr><td style="width: 250px; vertical-align: top;"><div class="zagolovok">GOTHAM HEROES</div><br><center><div id="grey"><a href="http://sind.f-rpg.ru/profile.php?id=8" title="Лучший игрок - Bruce Wayne"><img src="http://s7.uploads.ru/cHLWN.jpg"></a><br><div class="postec"><img src="http://sf.uploads.ru/7yJ0O.jpg">В семейке всегда были не самые простые отношения между братьями, сыновьями и отцом, а когда какая-то часть их тесного круга внезапно пропадала – становилось все еще хуже. Хуже быть не может? Может.<br>
Эти взгляды Дэмиан уже почти привык на себе чувствовать. Да, он тогда перегнул, хотя прекрасно знал, что вероятность справиться с преступниками была не выше десяти процентов, еще и лопнувший трос не оставил путей для отступления. Первые несколько пуль настигли цели, теперь у Дэмиана нет шансов уйти с простреленным плечом и ногой. Младший член семейства надеялся увидеть кого угодно, но только не Джейсона, который закрыл его своей спиной и живо вытащил из-под линии огня. Кажется, это был то ли всплеск адреналина, то ли шок, но Тодд успел протащить вырывающегося Робина дальше двадцати метров, прежде чем упасть, придавив своим телом. Струящаяся чужая горячая кровь и хриплое дыхание сопровождали попытки вызвать как можно быстрей подмогу, но когда помощь прибыла, было уже поздно.<br><a href="http://sind.f-rpg.ru/viewtopic.php?id=125#p9750" title="Автор поста - Damian Wayne">читать продолжение без регистрации и СМС</a></div></div></center>
</td><td style="width: 370px; vertical-align: top;">


<div class="zagolovok">DAILY NEWS</div><br>
<center>Хроники событий сюжетных квестов. Coming soon...</center><br>
<center><div id="grey"><a href="http://rpgtop.su/24768" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x7.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href="http://forum-top.ru/vote/5164" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a></div></center><br>
<div class="zagolovok">WANTED DEAD OR ALIVE</div><br><center><div id="grey"><div class="rotation"><a href="http://sind.f-rpg.ru/viewtopic.php?id=27#p8748" title="Edward Nygma"><img src="http://s1.uploads.ru/gojPI.jpg"></a>  <a href="http://sind.f-rpg.ru/viewtopic.php?id=27#p9282" title="HARVEY DENT"><img src="http://sg.uploads.ru/Ktb2H.jpg"></a>  <a href="http://sind.f-rpg.ru/viewtopic.php?id=27#p1511" title="MARGARET PYE"><img src="http://s2.uploads.ru/oO6X5.jpg"></a></div>

<div class="rotation"><a href="http://sind.f-rpg.ru/viewtopic.php?id=27#p1509" title="killer croc"><img src="http://funkyimg.com/i/2k5Mb.jpg"></a> <a href="http://sind.f-rpg.ru/viewtopic.php?id=27#p8273" title="james gordon"><img src="http://s7.uploads.ru/CQWlM.jpg"></a> <a href="http://sind.f-rpg.ru/" title="harper row"><img src="http://sg.uploads.ru/3vE4J.jpg"></a></div>

<div class="rotation"><a href="http://sind.f-rpg.ru/viewtopic.php?id=27#p8862" title="jonathan crane"><img src="http://s8.uploads.ru/QOL4h.jpg"></a> <a href="http://sind.f-rpg.ru/viewtopic.php?id=27#p9188" title="Ra's al Ghul"><img src="http://s5.uploads.ru/P5r0T.jpg"></a></div></div></center>




</td><td style="width: 250px; vertical-align: top;"><div class="zagolovok">GOTHAM HEROES</div><br><center><div id="grey"><a href="http://sind.f-rpg.ru/viewtopic.php?id=122" title="This Christmas"><img src="http://s9.uploads.ru/UsYhP.jpg"></a> <a href="http://sind.f-rpg.ru/viewtopic.php?id=54" title="	face so sunny, ain’t that funny"><img src="http://s8.uploads.ru/JxqXU.jpg"></a><br><div class="citata"><a href="http://sind.f-rpg.ru/profile.php?id=39"><img src="http://s9.uploads.ru/w0BOD.jpg" title="Автор цитаты - John Constantine"></a>С самого начала это дело даже не считалось криминальным - смерть от страха была похожа на обычный инфаркт. Если бы не перебор адреналина в крови, на который обратили внимание эксперты, дела, быть может, даже и не завели бы. Но одна смерть - случайность, две - совпадение, а три - система. Кого-то из дотошных следователей заинтересовало странное совпадение и он начал копать. Записи были не систематизированы, поэтому британец решил осмотреть место последнего убийства сам.<br></div>
<br><div style="margin-top: 64px"><a href="http://sind.f-rpg.ru/profile.php?id=26" title="Постописец - Selina Kyle"><img src="http://se.uploads.ru/EoUNP.jpg"></a> <a href="http://sind.f-rpg.ru/profile.php?id=7" title="Постописец - Dick Grayson"><img src="http://sh.uploads.ru/YU0IF.jpg"></a> <a href="http://sind.f-rpg.ru/profile.php?id=4" title="Флудер - Jason Todd"><img src="http://sa.uploads.ru/OF9JP.jpg"></a> <a href="http://sind.f-rpg.ru/profile.php?id=29" title="Флудер - Joker"><img src="http://s8.uploads.ru/BC0SZ.jpg"></a></div><br></div></center> 













 </div>
</td></tr></table>  </div>





<!-- No объявление -->
<style type="text/css">
#pun-announcement h2 {display: none}
</style>
<!-- /No объявление -->


<style>#pun-navlinks .container {
position: relative; 
text-align: center;
margin-top: -310px;
margin-left: -56px;
width: 908px;
text-transform: uppercase;
font-weight: bold;
}</style>

<style type="text/css">
#pun-ulinks .container {
position: relative; 
text-align: center;
margin-top: 260px;
text-align: top center;
text-transform: uppercase;
margin-bottom: 0px;
}
</style>







<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>
<link href='http://fonts.googleapis.com/css?family=Playfair Display SC' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>




<link rel="stylesheet" href="https://forumstatic.ru/files/0014/82/77/56063.css" type="text/css" />
<script type='text/javascript'>
$(function() {
   $('a[title], img[title],td[title]').tipsy({fade: true, gravity: 'n'});
});
</script>


<!-- HTML верх -Спойлер скрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin-bottom: 0px;}
<style>post-ul-Sp  Sp1 {margin-top: -116px;}</style>
<style>div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner {font-size:14px; letter-spacing:1px;}</style>

<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>

Код:

<!--Активен/Нет картинками-->
<script  type="text/javascript"> var L0='<img class="imgON_Off" src="';
    var L1='" style="width:auto;margin:13px auto 0 auto;display:block;" />';
    var ImgON="https://s5.uploads.ru/Mqjc4.png";  // Картинка Online;
    var ImgOff="http://s5.uploads.ru/RCrV4.png";  // Картинка OffLine;
    $("#pun-viewtopic .post .post-author > ul").each(function ()   {
    if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
        }else $(this).append(L0+ImgOff+L1);
    });
</script>

<style>.post-content legend.hide{display:none;}</style>
<script type="text/javascript">
//alert("A")
var SkL="\\[",SkR="\\]";
var patt = new Array()
   patt[0] = SkL + "NIC" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/NIC" + SkR;
   patt[1] = SkL + "STA" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/STA" + SkR;
   patt[2] = SkL + "AVA" + SkR + "([^" + SkL + SkR + "$]+)" + SkL + "/AVA" + SkR;
   patt[3] = SkL + "SGN" + SkR + "([^" + SkL + SkR + "]+)" + SkL + "/SGN" + SkR;
  $(".post-content").each(function (){
   var contex = $(this).html();
    for (j=0; j < patt.length; j++){
var chang = '<legend class="hide ' + patt[j].substring(2,5) + '" >';//alert(chang)
var EndCh = '</legend>'; 
var reg_esp = new RegExp(patt[j],"igm");
contex=contex.replace(reg_esp,chang + "$1" + EndCh);//alert(contex)
     }$(this).html(contex)
  });
var pa_avtr='<li class="pa-avatar">';
var Avt_St='<img src="';
var Avt_End='"alt="Аватар"/>';
var PostSig_St='<dl class="post-sig"><dt><span>Подпись автора</span></dt><dd><p>';
var PostSig_End='</p></dd></dl>';
$(".post legend.hide").each(function (){
  var S=$(this).html();
  var STA=$(this).parents(".post").find(".post-author .pa-title")
/*[NIC]*/ if($(this).hasClass('NIC')==true){$(this).parents(".post").find(".post-author .pa-author a").html(S);}
/*[STA]*/ if($(this).hasClass('STA')==true){$(this).parents(".post").find(".post-author .pa-title").html(S);}
/*[AVA]*/ if($(this).hasClass('AVA')==true){var AVA=$(this).parents(".post").find(".post-author .pa-avatar")
if(AVA.html()!=null){AVA.html(Avt_St+S+Avt_End)}else $(this).parents(".post").find(".post-author .pa-title").after(pa_avtr+Avt_St+S+Avt_End+'</li>');}
/*[SGN]*/ if($(this).hasClass('SGN')==true){$(this).parents(".post").find(".post-content .post-sig").replaceWith("");
$(this).parents(".post").find(".post-content").append(PostSig_St+S+PostSig_End);}
});
</script>

<script type="text/javascript">
var h=(new Date()).getHours(), UserID;
        if(GroupTitle =="Гость"||GroupTitle =='Гости'){UserLogin = "Гость";}
if (h > 20 || h <7) {a='Ночь темна и полна ужасов,<br><b>'+UserLogin+'</b>.' }
if (h > 6 && h < 12) {a='Это утро, которого ты заслуживаешь, но не которое тебе нужно, <b>'+UserLogin+'</b>.'} 
if (h > 11 && h < 21) {a='Где детонатор, <b>'+UserLogin+'</b>?!<br>Говори, где он!'} 
var arre=document.getElementsByClassName("item1")
var f=0
for (f=0; f<=(arre.length-1); f++)
{if (arre[f].innerHTML.indexOf("Привет,")!=-1)
{arre[f].innerHTML=a}}
</script>










<style>
.punbb .post-rating a.green,
.punbb .post-rating a.red{
 font-weight:700!important;
}
.punbb .post-rating a.green,
.pa-respect span.C1{}
.punbb .post-rating a.red,
.pa-respect span.C2{}
</style>
<script type="text/javascript">
var a='<img style="margin:-0px" src="http://sg.uploads.ru/o87g5.png" title="нравится"/>';
var b='<img style="margin:-0px" src="http://sh.uploads.ru/qwiD2.png" title="не нравится"/>'
$(".post").each(function(){
 $(this).find("a[href*='&v=1&code=']").html(a);
 var c=$(this).find(".pa-respect span:first");//c.html(
 c.html(c.html().replace(/^\[(.+?)\/(-[0-9]+)\]/img,"[<span class=C1>$1</span>/<span class=C2>$2</span>]"))
 $(this).find("a[href*='&v=0&code=']").html(b);
 var d=$(this).find(".post-rating a")
 if(d.html().replace(/[0-9]*/img,"")=='+'){d.addClass("green")}
 if(d.html().replace(/[0-9]*/img,"")=='-'){d.addClass("red")}
 
});
</script>


<!--Меняем Шрифт в Топике --> 
<style id=a_fnt>.post h3 img{margin:0 7px;cursor:pointer;}</style>
<script type="text/javascript">
function setcookieF(a,b,c){if(c){var d=new Date();d.setTime(d.getTime());d=new Date(d.getTime()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toGMTString():'');else return false}function getcookieF(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c){c=c[0].split('=')}else{return false}return c[1]?c[1]:false}
 
a='<strong class=fnt style="width:auto;margin-right:18%;"><img src="http://sg.uploads.ru/o87g5.png" alt="-" />регулировка шрифта<img src="http://sh.uploads.ru/qwiD2.png" alt="+" /></strong>';$(".post:first h3 strong,.post:last h3 strong").after(a);
b_Fnt1='<style id=b_fnt>#main-reply,.punbb .post-content{font-size:';b_Fnt2='px;}</style>'
var c_Fnt;
N=getcookieF('c_Fnt')
 if(N){c_Fnt=parseFloat(N);setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000)}else{var c_Fnt=Math.round(parseFloat($(".punbb .post-content").css("font-size")));}
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2; $("#a_fnt").after(b_Fnt);
function setFnt_Size(){
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2;
 $("#b_fnt").replaceWith(b_Fnt);//alert(b_Fnt)
 setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000);
}
$(".post h3 img[alt='-']").click(function (){if(c_Fnt){c_Fnt--;setFnt_Size();}});
$(".post h3 img[alt='+']").click(function (){if(c_Fnt<38){c_Fnt++;setFnt_Size();}});
</script><!--End//Меняем Шрифт в Топике -->



<!-- выравнивание таблицы по верху -->
<style type="text/css">
#pun-main .topic .container .post-body .post-box .post-content table tbody tr td {vertical-align: top;}
</style>


<script>
var sek = 100;
function setNagrad(){
indexof="<img src='http://s4.uploads.ru/fhpgq.jpg' >" 
str = document.getElementById("navawards").innerHTML
pos = str.indexOf("Награды")
document.getElementById("navawards").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+7,str.length-1)
}
TestRotatorMycontent()
function TestRotatorMycontent() {
if($("#pun-navlinks #navawards").length>0){setNagrad();return;}
timerID = setTimeout("TestRotatorMycontent()",sek);return;}
</script>

<script><!--Своя картинка или Слово в Панель навигации -->
var Img_Word=0;   //0-Картинка;1-Cлово /Ставим картинку или Слово ?
   navlinks=new Array(
  "navextra1","http://sf.uploads.ru/edjRf.jpg",  // Дополнительный пункт меню 1
  "navindex","http://sf.uploads.ru/F3bBo.jpg",   // Форум
  "navuserlist","http://s4.uploads.ru/1pArH.jpg",// Участники
  "navawards","http://s4.uploads.ru/fhpgq.jpg",   // Награды
  "navsearch","http://s2.uploads.ru/B7xGH.jpg",  // Поиск
  "navprofile","http://s6.uploads.ru/ZBrw9.jpg", // Профиль
  "navpm","http://s3.uploads.ru/aTxeQ.jpg",      // Сообщения
  "navadmin","http://sd.uploads.ru/XGCLM.jpg",   // Администрирование
  "navregister","http://s2.uploads.ru/WevrH.jpg",// Регистрация
  "navlogin","http://sg.uploads.ru/RfeUq.jpg",   // Войти
  "navpiar","http://s1.uploads.ru/APHkq.jpg",   // Пиар
  "navlogout","http://sh.uploads.ru/xrswG.jpg"   // Выход - !ПОСЛЕДНИЙ элемент без запятой
)
var s,i;for (i=0; i < navlinks.length; i++){s=navlinks[i+1];
   if(!Img_Word){s='<img class="navlinks" src="'+s+'" border="0" />'}
   $("#"+navlinks[i]+" a").html("<span>"+s+"</span>");i++;}
</script>


<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
ReadNik="Dark Knight";
ReadPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\"><img src=\"http://s1.uploads.ru/APHkq.jpg\"></span></a></li>\
<li id=\"navreader\"><a onclick=\"ReadIn()\"><span style=\"cursor:pointer\"><img src=\"http://s7.uploads.ru/kMqiV.jpg\"></span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin

function PiarIn () {$("#PR_loginDiv #fld1").val(PiarNik); $("#PR_loginDiv #fld2").val(PiarPas); $("#PR_loginDiv input[type='submit']").click();}
function ReadIn () {$("#PR_loginDiv #fld1").val(ReadNik); $("#PR_loginDiv #fld2").val(ReadPas); $("#PR_loginDiv input[type='submit']").click();}
}
</script>











<script type="text/javascript"> 
var num = $('.rotation').length;
var rotation = Math.floor(Math.random() * num+1);  
$('.rotation:nth-child('+rotation+')').show();
</script>



<script type="text/javascript">
$('.s-tabs').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stab').eq(0).show();    
});
$('.s-tabs>span').live('click', function(){
     var a = $(this).parent('.s-tabs');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected'); 
     a.children('.stab').hide();   
     a.children('.stab').eq(index).show();    
});
</script>





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


<!--Оповещение о новых ЛС-->
<script type="text/javascript">
var str = new String(document.getElementById("navpm").innerHTML)
var str2 = new String(document.location)
if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) )
{
alert("У вас новое сообщение!")
}
</script>


<!--вверх вниз-->
<div style="position:fixed;z-index:500; right :0.5%; bottom: 3%;">
<a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s6.uploads.ru/u6ZtJ.png" alt="Вверх страницы"></a>
<br>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s4.uploads.ru/9qt0y.png" alt="Вниз страницы"></a>
</div>


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









<script type="text/javascript">
$(".punbb .modmenu .container a").append(",")
</script>


<!-- нет аватара -->
<script type="text/javascript">
var DefAvtr="http://sd.uploads.ru/0Yehf.jpg";
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>











<!--обтекание изображения 2.4.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
  });
elm=document.getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content") 
{
post = elm[x].innerHTML;
if(post.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]{1,11000})\[\/float\]/gi
elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")
}}
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('', '')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('', '')" />
</div></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>
<!-- Настройка кнопок прокрутки вверх-вниз -->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

<!-- Какие-то настройки таблиц -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<center><a href="http://sind.f-rpg.ru/pages/banner" title="Баннеры">БАННЕРЫ</a></center><br><br><br><br>
<div class="banners" id="grey"><a href="http://crossoverapocalypse.f-rpg.ru/" target="_blank"><img src="http://funkyimg.com/i/2mtDJ.png" title="Apocalypse" border="0"width="88" height="31"></a> <a href="http://artishock.rusff.me/" target="_blank"><img src="http://s2.uploads.ru/nzVxs.gif" title="ARTISHOCK" border="0"width="88" height="31"></a> <a href="http://coffeebreak.rusff.me/" target="_blank"> <img src="http://funkyimg.com/i/2jTP7.jpg" border="0" width="88" height="31" title="Ролевой Каталог CoffeeBreak"></a> <a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/5ls0J.gif" border="0" alt="photoshop: Renaissance"></a> <a href="http://zephyr.f-rpg.ru/"><img src="http://s8.uploads.ru/q3zX5.png" alt="Зефир, помощь ролевым" title="Зефир, помощь ролевым" /></a> <a target="_blank" href="http://myfrpg.com" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://myfrpg.com/images/pr/tank.gif" border="0"></a> <a href="http://whitepr.0pk.ru/" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/60444.gif" border="0" alt="White PR"></a> <a href="http://interstellart.rusff.me/"  title="Interstellart" target="_blank"><img src="http://s7.uploads.ru/kcLsa.png" width="88" height="31" alt="Interstellart"></a> <a href="http://marvelgame.ru/" title="Marvel Game: and the world was gone."><img src="http://funkyimg.com/i/2gwM6.gif" height="31" width="88" border="0"></a> <a href="http://dcrebirth.rusff.me"><img src="http://s7.uploads.ru/JciBR.png" alt="DC: Rebirth"></a> <a href="http://standoff.rusff.me/", target=_blank, title='MARVEL: StandOFF!'><img src="http://images.vfl.ru/ii/1484053454/5ae0d0e8/15610927.gif"></a> <a href="http://marvelfear.rusff.me"><img src="http://s8.uploads.ru/fOi9g.png" alt="Marvel: Fear Within"></a> <a href="http://nowar.rolka.su"><img src="https://i.yapx.ru/EHU9.gif"></a> <a href="http://dceu.rusff.me/"><img border="0" src="http://funkyimg.com/i/2bwTg.png"title="DC Extended Universe"></a> <a href="http://roads.f-rpg.ru/" target=_blank><img src="https://forumstatic.ru/files/0017/b9/71/25182.gif"></a> <a href="http://godsgate.rusff.me/" title="BABYLON" target="_blank"><img src="http://funkyimg.com/i/2fNeq.png" width="88px" height="31px"></a> <a href=http://swordsplosion.ru/><img title="Игра по мотивам Borderlands" src=https://forumstatic.ru/files/0014/98/d3/20289.jpg></a> <a href="http://thelastspell.rusff.me/"target=_blank><img src="http://savepic.ru/12983225.gif" alt= "THE LAST SPELL" height="31" width="88" border="0"></a> <a href="http://twdconfrontation.rusff.me/" target="_blank"><img src="http://s6.uploads.ru/t/bhW7J.gif" title="Добро пожаловать в мир Ходячих мертвецов!" width="88" border="0" height="31"></a> <a href="http://narutomoorimschool.f-rpg.ru/"><img src="http://funkyimg.com/i/2iFdt.gif" width=88 height=31 border=0></a> <a href="http://shadowsinparadise.rusff.me"><img src="http://s2.uploads.ru/t/FlYOT.gif" alt="Shadows in paradise " title="Shadows in paradise" /></a> <a href="http://marvelfrpg.mybb.ru" target="blank"><img border=0 src='http://funkyimg.com/i/2kcdq.png' alt="MARVEL: ON THE BRINK OF WAR"></a> <a href="http://sif.hutt.ru/" title="Saints International Falls" target="_blank"><img src="http://s020.radikal.ru/i723/1612/84/4da70708bc51.gif"></a> <a href="http://kitejgrad.rusff.me/"><img src="http://i.imgur.com/RBchmux.png" title="Подводный город"></a> <a href="http://newonetreehill.rusff.me/" title="One Tree Hill" target="_blank"><img src="http://s3.uploads.ru/hCjI6.gif" width="88px" height="31px"></a> <a href='http://hpgame.rusff.me/' target='_blank' title='HP: Hypnotic Panopticon'><img src='http://i6.imageban.ru/out/2016/10/16/7e6e4a894c88b3d01bcb87e89fb82b9f.gif' border='0' width='88' height='31'></a> <a href="http://sherlock2shot.mybb.ru/"title=" Sherlock Holmes. Two Shot "><img src="http://s019.radikal.ru/i619/1702/42/e7eb038c42eb.gif" width=88 height=31 border=0></a>  <a href="http://allgenerations.rusff.me/" title="| Three Generations: I would rather die |"><img src="http://funkyimg.com/i/2k6d9.png"></a>  <a href="http://empireoftheisles.rusff.me/" target="_blank"><img src="http://se.uploads.ru/RDFaA.gif"title="Dishonored: Empire of the Isles"border="0" width="88" height="31"></a> <a href="http://fairum.f-rpg.ru/" target="_blank"><img src="http://storage9.static.itmages.ru/i/17/0315/h_1489595755_5983326_2015a98120.gif" title="Fairum: The End Is Nigh"></a> <a href="http://marvelous.rusff.me/" title="Marvel: Victorious" target="blank"><img src="http://s5.uploads.ru/PZuMm.gif"/></a></div>



<div class="rot" id="grey"><style>#КонтентРотатор p{display: none; text-align: justify;}</style>
    <div id="КонтентРотатор" style="width:340px; margin-top: -10px;"><!-- Ротатор произвольного контента -->
    <p><a href="http://sind.f-rpg.ru/profile.php?id=7">Dick Grayson</a>: Самый лучший Робин - Тим. Все.<br><a href="http://sind.f-rpg.ru/profile.php?id=4">Jason Todd</a>: Замена.<br><a href="http://sind.f-rpg.ru/profile.php?id=3">Tim Drake</a>: Тодд, это была автозамена. Мне даже делать ничего не пришлось~</p>
    <p><a href="http://sind.f-rpg.ru/profile.php?id=32">Conner Kent</a>: у найтвинга есть суперспособности?<br>
<a href="http://sind.f-rpg.ru/profile.php?id=3">Tim Drake</a>: нет.<br>
<a href="http://sind.f-rpg.ru/profile.php?id=32">Conner Kent</a>: он богат?<br>
<a href="http://sind.f-rpg.ru/profile.php?id=3">Tim Drake</a>: нет.<br>
<a href="http://sind.f-rpg.ru/profile.php?id=32">Conner Kent</a>: почему он вообще супергерой?<br>
<a href="http://sind.f-rpg.ru/profile.php?id=3">Tim Drake</a>: ну он акробат, сильный. красивый там<br>
<a href="http://sind.f-rpg.ru/profile.php?id=32">Conner Kent</a>: если ты смелый, ловкий, умелый - готэм тебя зовет?</p>
    <p><a href="http://sind.f-rpg.ru/profile.php?id=32">Conner Kent</a>: бетмена никогда не смущало, что у него много детей? <br>
<a href="http://sind.f-rpg.ru/profile.php?id=3">Tim Drake</a>:  да неее<br>
<a href="http://sind.f-rpg.ru/profile.php?id=32">Conner Kent</a>: а он помнил обо всех этих... нуууу...<br>
<a href="http://sind.f-rpg.ru/profile.php?id=3">Tim Drake</a>: днях рождения? ни разу не вспомнил! он вообще отец года<br>
<a href="http://sind.f-rpg.ru/profile.php?id=32">Conner Kent</a>: вау<br>
<a href="http://sind.f-rpg.ru/profile.php?id=3">Tim Drake</a>: но ранимый, так что не говори ему. а то что мы в случае чего будем делать?<br>
<a href="http://sind.f-rpg.ru/profile.php?id=32">Conner Kent</a>: ну, обычно в этих случаях закапывают...<br>
<a href="http://sind.f-rpg.ru/profile.php?id=3">Tim Drake</a>: об этом поговоришь с тоддом</p>
    <p><a href="http://sind.f-rpg.ru/profile.php?id=18">Damian Wayne</a>: Я знаю, ты можешь быть очень ловким и быстрым *пауза*<br>
<a href="http://sind.f-rpg.ru/profile.php?id=18">Damian Wayne</a>:  Когда сбегаешь из своей канавы от шампуня!<br>
<a href="http://sind.f-rpg.ru/profile.php?id=4">Jason Todd</a>: Шшшш! /шипит при упоминании шампуня/</p>
</div>
 
    <script language="javascript">
    var sek = 100000;  // Время отображения
 
    var Nrout=$("#КонтентРотатор p").length
    var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
    function RotatorMycontent(i) {
    $("#КонтентРотатор p").hide();
    $("#КонтентРотатор p").eq(i).show();
    j =Math.round(Math.random()*(Nrout-1));
    timerID = setTimeout("RotatorMycontent(j)",sek);}
    </script></div>
<div id="copyright"><br>
</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;
  }

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

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .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: 11px "Verdana"
  }

/* 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: underline
  }

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


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

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

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



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

/* A5.1 */
#pun {
  margin: 0 auto 0 auto; width: 1030px;
background: #CBC8C3 url("http://s3.uploads.ru/W7wZB.jpg") top center repeat-y;

  }

/* A5.2 */
.punbb {
  float: left;
  width: 960px;
  margin-left: 30px; 
  height: auto;

  }


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

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

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

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

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

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

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

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



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

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

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


/* B1.2 полоса в подписи*/
.punbb .post-sig dt {
  display: block;
  border-top: 1px dotted #676767;
  width: 100%;
  margin: 5px 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 {
  max-width: 910px!important;
  overflow: hidden; 
  }

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

/* B1.8 полная окантовка цитаты-хайда и пр*/
.punbb .post-content .quote-box {
  margin: 0.4em 1.8em 1.4em 1.2em;
  padding: 1em;
font-size: 10px;
  background: url(http://s3.uploads.ru/xurgc.jpg) #C0C0C0;
  border: 3px double #B7B7B7 !important;
text-align: justify;
  }
 .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.2em;
  padding: 1em;
  background: url(http://s3.uploads.ru/xurgc.jpg) #C0C0C0;
  border: 3px double #B7B7B7 !important;
    text-align: justify;  }

/* B1.9 сами названия цитата-код-скрытый и пр*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0; 
  }

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

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

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

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


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

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

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

/* B3.3 верхние-страница*/
.linkst .pagelink {
  position: absolute;
  top: -3.4em;
  left: 2em;
  width: 24em; color: #2e2b1a;
  }

/* B3.4 ответить-верхнее*/
.linkst .postlink {
  position: absolute;
  top: -3.4em;
  right: 2em;
  width: 16em;
  text-align: right;
  font-weight: bold; 
  }

/* B3.5 блок нижние-страница-подписаться-ответить*/
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em; 
  }

/* B3.6 страница 1...54 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left; color: #2e2b1a;
  }

/* B3.7 ответить-нижнее */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold;
  }

/* B3.8 подписаться и отслеживать тему */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


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

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

/* C1.1 под быстрым ответом все поле*/
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 ответить-посмотреть вся линия*/
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0; 
  }

/* C1.3 отправить-посмотреть - кнопки*/
.punbb input {
color: #6d6d6d; 
padding:4px;
background:  #f4f4f4;
border: none !important;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
}

.punbb .button {
background-color:#C0C0C0;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
color: black !important;
border-bottom: 4px solid #9e9e9e !important;
font-size: 14px;
text-transform: uppercase;
font-family: arial narrow;
height:30px;
padding: 3px;
min-width:100px;
text-align:center;
}
.punbb .button:hover {
background-color:#9e9e9e;
color: black !important;
border-bottom: 4px solid #9e9e9e !important;
}


.bottom {  background-color: transparent;
color: #340100;
border: #B38854 1px solid !important;}



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

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

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

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

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

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

/* C1.10 сортировка ввод имен и прочие блоки*/
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
margin: 0 0.6em 0 0;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
text-align: center;
margin-bottom: 5px;
background-color:#C0C0C0;
 border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
color: black !important;
border-bottom: 4px solid #360000 !important; }

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

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

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

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

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 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: 50%; 
  }

/* C2.2 второй и третий блок*/
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%; 
  }

/* C2.3 третий блок*/
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 первый блок кроме заглавной страницы*/
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%; 
  }

/* C2.5 второй блок кроме заглавного*/
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%; 
  }

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

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

/* C2.8 названия подфорумов Новый Форум */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold; 
color: #141414;
  }


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

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

/* C2.11 общая табличка*/
.punbb .main td {
  border-style: ridge none none ridge;
border-color: transparent;
  border-width: 0px;
  padding: 0.8em 1em; 
  }

/* C2.12 форум тем сообщений Имя статус*/
.punbb .main th {
  border-style: none none none ridge;
border-color: transparent;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em; 
  }

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

/* C2.14 Отступы иконок */
.punbb td div.tclcon {
padding-top: 5px;
color: #2e2b1a;
font-size: 10px;
margin-left: 40px !important;
width: 380px;
padding: 5px !important;
text-align: justify;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width:40px;
  height: 40px;
  padding: 5px;
  margin-top: 1px;
  margin-left: -16px;
background-position: center;
background-repeat: no-repeat;
}



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

/* C3.1 полностью блок поста после ника и даты*/
.punbb .post .container {
  border-style: none ;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px; 
  }

/* C3.2 аватар и дата*/
.punbb .post h3 {
  border-style: none;
  border-width: 0px; 
  }

/* C3.3 просто дата на посте */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

/* C3.4 номер поста*/
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal; 
  }


/* C3.5 ник*/
.punbb .post .post-author {
  float: left;
  width: 210px;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 полоса с профилем в посте*/
.punbb .post .post-author ul, .punbb .post .post-author p {
  line-height: 140%; }

/* C3.7 */
.pa-author {
  text-align: center; 
font-family: arial narrow;
font-style: normal;
text-transform: uppercase;
margin-top: 5px;
font-size: 16px;
color: #360000 !important;
}

.pa-avatar {
  font-size: 1.1em;
  font-weight: bold;
  text-align: center; 
margin-left: 0px;}

 



.pa-awards {
padding: 15px;!important}

.pa-avatar img, .punbb img.avatardemo, #profile-left img {
  border: 3px double #B7B7B7 !important;
  }

/* C3.8 */
.pa-author a { 
}

/* C3.9 статус и активен*/
li.pa-title {text-align: center;
  padding-bottom: 0.4em;
font-size: 10px;
text-transform: uppercase;
margin-bottom: 5px;
padding-top: 2px;
  }


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

li.pa-fld3, li.pa-fld2, li.pa-fld1 {
padding-left: 10px;
padding-right: 10px;  }


/* C3.11 тело поста без даты*/
.punbb .post-body {
  margin-left: 20em;
border: none;
  padding: 0 0 1px 0; 
  }

/* C3.12 снова пост, но чуть меньше*/
.punbb .post-box {
  padding: 2em; 
  }

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

/* C3.14 удалить редактировать и прочее*/
.punbb .post-links {
  margin-left: 19em;
border: none;
  }

/* C3.15 полностью строка с лс цитировать и прочим*/
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
 border: none;
  background: transparent;
  text-align: right; 
  }

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

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

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }
/* C3.19 */
.post-author ul {
    background: transparent repeat scroll 0 0;
padding-top: 0.0em;
    text-align: center;
}


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

/* C4.1 блок модменю и активны*/
.punbb .modmenu .container {
  padding: 0.5em 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; 
  }


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

/* C6.1 профиль вместе с содержимым*/
#profile .container {
  padding-left: 18.6em; 
  }

/* C6.2 блок профиль-меню полностью*/
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline; 
  }

/* C6.3 профиль-ссылочки*/
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold; 
  }

/* C6.4 профиль по обводке*/
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-color: #c7c0af;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0; 
  }

/* C6.5 название профиль*/
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px; 
  }

/* C6.6 еще раз название профиль нормальное*/
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative; 
  }

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


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

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

/* D1.1 все лого-шапка */
#pun-title {
  margin: 0;
  border-style: none;
  border-width: 0; 
  }

/* D1.2 блок с названием*/
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em; 
  }

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


/* D1.4 одно названьице   шапка нормальная*/
#pun-title h1 span  {
height: 10px;
  font-size: 1.5em; display: none;
  }

#pun-title table {
	border: none;
	height: 444px;
	width: 1030px; 
 background-image: url("http://s2.uploads.ru/no0BY.jpg"); 
background-repeat: no-repeat;
background-position: center bottom;
background-color: tansparent;
margin-left: -30px;
}


/*блок до баннера*/
#pun-title td.title-logo-tdl {
	border: none;
	width: 100%; }


/*блок баннера*/
#pun-title td.title-logo-tdr {
	border: none;
vertical-align: top;
   top: 0px;
margin-left: -440px;
margin-top: 50px;
position: absolute; 
}

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0px; 
z-index: 10;
font-weight: bold !important;
font-family: arial;

  }

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
font-weight: bold !important;
  }

/* D.3 */
#pun-navlinks li {
font-weight: bold !important;
font-family: arial;
  display: inline;
  padding-right: 1em;
  }


/* D3.4 */
#pun-navlinks li a {
font-weight: bold !important;
font-family: arial;
  font-size: 1.1em;
  font-weight: normal;
  }

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

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

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.5em 1em;
  }

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

font-size: 12PX !important;
color: #A1A1A1 !important;
font-family: arial narrow;
text-align: top center;
font-weight: normal !important;

margin-top: -10px;
text-decoration: none;
  }

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


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

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


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

/* D5.1 приветствие и фонд*/
#pun-status, #pun-status .container, #pun-status .container a {
  border-bottom: none;
  margin-bottom: 0; color: #525252;


  }

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

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

/* D5.4 навигация-верх */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0; 
  }

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

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

#pun-break2, #pun-break3 {border: none; }


/* 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 1px 0;
  position: relative;
  font-weight: bold;
display: none;
  }

/* D6.2 Название Объявление*/
#pun-announcement h2 span {
  display: none;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

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

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

/* D7.1 ниже статистики все*/
#pun-stats .container {
  padding: 0.8em 1em; color: #525252;
  }

/* D7.2 всего тем сообщений*/
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%; 
  }

/* D7.3 тем сообщений участники вся полоска*/
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%; 
  }

/* D7.4 активны посетители за сутки*/
li#onlinelist {
  margin-top: 1em;
  border-top-style: none;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%; 
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: none;
  border-top-width: 1px;
  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-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em; 
  }

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

/* D8.6 навигация низ*/
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border: none; 
  }

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

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

/* D8.9 создать в админке*/
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px; 
  }

.punbb-admin, #pun-admain1 .adformal p, #pun-admain fieldset p{ background-color: transparent !important; border-left-color: #ECECEC !important }
#pun-admain fieldset, .adcontainer {border-color: transparent !important; 
border-left-color: #ECECEC !important; 
border-right-color: #ECECEC !important; 
border-bottom: transparent !important; }

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

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

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


.title-logo-tdr *, #tieser-bottom{ 
  filter:alpha(opacity=80)!important; 
  opacity: 0.8!important;  
  -moz-opacity: 0.8!important;  
  -khtml-opacity: 0.8!important; 
} 
.title-logo-tdr *:hover, #tieser-bottom:hover{ 
filter:alpha(opacity=100)!important; 
opacity: 1.0!important;  
-moz-opacity: 1.0!important;  
-khtml-opacity: 1.0!important; 
}


#button-spoiler {
    background: url("https://forumupload.ru/uploads/000f/c1/d3/2092-4.gif ") no-repeat scroll 50% 50% transparent;}



.ams { padding: 10px;
width: 1030px;
height: 30px;
position: absolute; 
letter-spacing: 0px;
color: rgb(151, 151, 151);
z-index: 7;  
font-size: 10px;
text-align: justify;
top: 192px;  /*отступ сверху*/
margin-left: 0px !important;  /*сдвиг*/
}


.postec { padding: 10px;
width: 290px;
height: 120px;
position: absolute; 
letter-spacing: 0px;
color: black;
z-index: 7;  
font-size: 10px;
text-align: justify;
top: 285px;  /*отступ сверху*/
margin-left: 480px !important;  /*сдвиг*/
overflow: auto;
padding-right: 5px;
}

.tablica { padding: 10px;
width: 1030px;
height: 25px;
position: absolute; 
letter-spacing: 0px;
color: rgb(151, 151, 151);
z-index: 7;  
font-size: 10px;
text-align: justify;
top: 427px;  /*отступ сверху*/
margin-left: 0px !important;  /*сдвиг*/
}



.tablica1 { padding: 10px;
width: 290px;
height: 60px;
position: absolute; 
letter-spacing: 0px;
color: black;
z-index: 7;  
font-size: 10px;
text-align: justify;
top: 220px;  /*отступ сверху*/
margin-left: 480px !important;  /*сдвиг*/
overflow: auto;
padding-right: 5px;
}



.tablica2 { padding: 10px;
width: 300px;
height: 190px;
position: absolute; 
letter-spacing: 0px;
color: black;
z-index: 7;  
font-size: 10px;
text-align: justify;
top: 220px;  /*отступ сверху*/
margin-left: 180px !important;  /*сдвиг*/
overflow: auto;
padding-right: 5px;
}



.need { padding: 10px;
width: 200px;
height: 90px;
position: absolute; 
letter-spacing: 0px;
color: #8c9ca5;
z-index: 7;  
font-size: x-small;
top: 215px;  /*отступ сверху*/
margin-left: -25px !important;  /*сдвиг*/
}

.need1 { padding: 10px;
width: 200px;
height: 90px;
position: absolute; 
letter-spacing: 0px;
color: #8c9ca5;
z-index: 7;  
font-size: x-small;
top: 237px;  /*отступ сверху*/
margin-left: -25px !important;  /*сдвиг*/
}



.need2 { padding: 10px;
width: 200px;
height: 90px;
position: absolute; 
letter-spacing: 0px;
color: #8c9ca5;
z-index: 7;  
font-size: x-small;
top: 259px;  /*отступ сверху*/
margin-left: -25px !important;  /*сдвиг*/
}

.need3 { padding: 10px;
width: 200px;
height: 90px;
position: absolute; 
letter-spacing: 0px;
color: #8c9ca5;
z-index: 7;  
font-size: x-small;
top: 281px;  /*отступ сверху*/
margin-left: -25px !important;  /*сдвиг*/
}

#pun-about p.container {text-align: center;}



a.sbla:link, a.sbla:visited {
border-left: #471B12 4px solid;
border-right: #471B12 4px solid;
display: block;
height: 10px;
margin-bottom: 1px;
text-transform: lowercase;
font-size: 10px;
font-style: normal;
letter-spacing: 0px;
font-weight: normal;
background: #1c1c1c;
color: rgb(151, 151, 151);
text-align: center;
padding: 2px 2px 2px 0px;}

a.sbla:hover, a.sbla:active {
border-left: #471B12 4px solid;
border-right: #471B12 4px solid;
display: block;
text-transform: lowercase;
font-size: 10px;
height: 10px;
font-style: normal;
letter-spacing: 0px;
font-weight: normal;
background: #2a2a2a;
text-decoration: none;
text-align: center;
padding: 2px 2px 2px 0px;}




/*********************************************************
E - ДРУГОЕ
*********************************************************/
/* E1 Скроллбар
-------------------------------------------------------------*/
/* E1.1 - ширина прокрутки */
::-webkit-scrollbar {
width: 6px;
}
/* E1.2 - прокрутка на общей странице, по которой ездит ползунок */
::-webkit-scrollbar-track {
background: #C0C0C0;
border: #929292 solid 1px;
}
/* E1.3 */
::-webkit-scrollbar-thumb{
background: #360000;
}
/* E1.4 - ползунок после нажатия на него мышкой */
::-webkit-scrollbar-thumb:active {
background: #360000;
}



#pun-about p.container {text-align: center;}




hr {
border: none;
  border-top: 1px dotted #676767;}


.rotation {
  display: none;
}

#copyright {
background: transparent url(http://s2.uploads.ru/1Wezw.png);
background-position: center bottom !important; 
background-repeat: no-repeat; 
border: none !important; 
margin-left: -30px;
margin-bottom: -11px !important;
width: 1030px;
text-align: center;
height: 75px !important;}