<div id="mybb-counter" style="display:none">
<script type="text/javascript"><!--
new Image().src = "https://counter.yadro.ru/hit;ruhelp?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape('PARTNER_PAGE_2238')+";"+Math.random();
new Image().src = "//pacific.rusff.me/vc?1754415;0;"+Math.random();//--></script>
<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(201230, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/201230" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
</div>

<div id="html-header">
<div class="uptable"></div>

<div class="activists">
<a href="ссылка" title="лучший игрок: вася пупкин"><div><img src="https://forumstatic.ru/files/001a/a5/51/16865.png"></div></a>
<a href="ссылка" title="лучший игрок: мойша петросян"><div><img src="https://forumstatic.ru/files/001a/a5/51/16865.png"></div></a>
<a href="ссылка" title="активист: х_й на блюде"><div><img src="https://forumstatic.ru/files/001a/a5/51/16865.png"></div></a>
<a href="ссылка" title="активист: цирк уехал, а лошади остались"><div><img src="https://forumstatic.ru/files/001a/a5/51/16865.png"></div></a>
</div>

<div class="bestpost">
<span>лучший пост от <a href="ссылка">вася пупкин</a>:</span> Он стоял совсем голенький и сквозняк холодил его упругие булки. Все, о чем он мог думать в эту секунду, был этот длинный гладкий банан. Банан, который разделил жизнь Васи на до и после. Это был ЕГО банан. Банан, который нельзя называть.
</div>

<div class="intro">
<span><a href="ссылка">hermione</a> - <a href="ссылка">harry</a> - <a href="ссылка">draco</a> - <a href="ссылка">ron</a></span>
<div><b>hp, 2nd generation, dark!au, 2005 </b> <br>Добро пожаловать на Тупиковую аллею, гений! Тут можно затариться дешевым крэком, старыми альбомами рэд хот чили пепперс и второсортной травкой. Худой Эл говорил, что после неё видел самое настоящее  волшебство в какой-то школе и встретил кого-то, кто назвал себя Шмонан-ле-Вортом. На следующий день Эл пропал, наверное помер в канаве.</div></div>

<script type="text/javascript" src="https://forumstatic.ru/files/001a/18/bd/96460.js"></script>
<div class="spirit-navigation" id="navig-batton">навигация</div>
<div id="navigblock" style="display:none"><div class="forumnavi">
<!-- важные ссылки -->
<a href="ссылка">сюжет</a>
<a href="ссылка">о мире</a>
<a href="ссылка">роли и внешности</a>
<a href="ссылка">faq</a>
<a href="ссылка">гостевая</a>
<a href="ссылка">нужные персонажи</a>
</div></div>

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

<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
  position: absolute;
  background: rgba(0,0,0,.8);
  z-index: 999;
  max-width: 180px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
  font-family: open sans; /* шрифт */
  font-size: 10px; /* размер текста */
  display: none;
  color: #fff; /* цвет текста */
  text-align: center;
  padding: 5px;
  letter-spacing: 1px;
  font-weight: lighter;
  text-shadow: 1px 1px 1px #253130
}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26671.js"></script>
<script type="text/javascript" src="https://forumstatic.ru/files/001a/c3/86/48364.js"></script>
<!--//End//-Всплывающие Подсказки при наведении-->

<!--Для хтмл -->
<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" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'акцио [копируется сразу]' //текст ссылки</script>
<!-- конец -->

<!---------------------------- доп. смайлы ---------------------------->
<style type="text/css">
#wrapper {  width: 600px!important; }
/* вкладки доп смайлов */
ul.tabs {height: 25px;line-height: 25px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px;}
ul.tabs li a {display: block;padding: 0 13px 1px;margin-bottom: -1px; position: relative;}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {padding: 0 13px;}
ul.tabs li.tab-current a {padding: 0px 13px 2px;}
div.t2,div.t3,div.t4,div.t5,div.t6,div.t7,div.t8 {display: none;    width: 600px;    margin-left: 5px;        overflow: auto;    height: 159px;}
</style>

<!---------------------------- лс ---------------------------->

<script src="https://forumstatic.ru/files/0011/e9/e1/56920.js" type="text/javascript"></script>
</div>

<div id="pun-title" class="section">
<table id="title-logo-table" cellspacing="0">
    <tbody id="title-logo-tbody">
    <tr id="title-logo-tr">
        <td id="title-logo-tdl" class="title-logo-tdl">
        <h1 class="title-logo"><span>knockturn alley</span></h1>
        </td>
        <td id="title-logo-tdr" class="title-logo-tdr"><!-- banner_top --></td>
    </tr>
    </tbody>
</table>
</div>

<div id="pun-announcement" class="section">
<h2><span>Объявление</span></h2>
<div class="container">
    <div class="html-box">
    <!---------------------------- плашки ---------------------------->
<center>
<!---- 1 ---->

<!----2 ---->

<!---- 3 ---->

</center>
    </div>
</div>
</div>

<!-- Просмотр полного профиля на странице /profile.php V.2 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/44995.js"></script>

<!-- Восстановление последнего поста при утере by Человек-Шаман -->
<script>
$(document).ready(function() {
  $('#addition-area').append(function() {
    return $('<div>Восстановить последний пост</div>').click(restoreLastPost);
  });
  function restoreLastPost() {
    $('#main-reply').val(localStorage.ReservePost);
  };
});
</script>
<!--конец-->

<!-- Кликабельность сообщений -->
<script type="text/javascript">
$('.post-author ul').each(function(){
  if(GroupID == 3) {
    var id = $(this).find('.pa-author a').attr('href').split('id=')[1];
  } else {
    id = $(this).parents('.post').find('.pl-email:first a').attr('href').split('id=')[1];
  }
  $(this).find('.pa-posts').html('<a href="/search.php?action=show_user_posts&user_id='+id+'" target="_blank">Сообщений</a>:'+$(this).find('.pa-posts').text().split(':')[1]);
});
</script>
<!-- конец -->

<!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->
<script> if($('#pun-viewtopic').length)$(window).load(function () {
if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
});
</script>

<!-- Аватар гостя-->
<script type="text/javascript">
var DefAvtr="https://forumstatic.ru/files/001a/a5/51/60573.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>

<!-- Меню "Быстрый переход" © Alex_63 -->
    <script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18390.js"></script>

<!-- Быстрый переход по страницам темы © Alex_63 -->
    <style>
    .quickJump {
      display: none;
      position: absolute;
      background: #9e9453;
      color: #000;
      font-size: 11px;
      margin-top: 3px;
      padding: 5px !important;
      border: solid 1px #ccc;
      border-radius: 5px;
    }
    .openQJump { cursor: pointer; margin-right: 1px; }
    .openQJump > img { margin-bottom: -6px; opacity: 1.0; }
    .openQJump > img:hover { opacity: 0.8; }
    </style>
    <script type="text/javascript">
    var topicID = $('html').find('link[rel="alternate"]').attr('href').split('tid=')[1];
    if($('#pun-viewtopic').length) {
        $('div.pagelink:contains("»"), div.pagelink:contains("«")').each(function(){
            $('<form action="http://'+location.hostname+'/viewtopic.php" method="get"><ul class="qJump-ul"><li class="quickJump"><label><input type="hidden" name="id" value="'+topicID+'" />К странице: <input type="text" name="p" size="4" /></label> <input type="submit" class="button" value="Перейти" /></li></ul></form>').appendTo(this);
            $('<span class="openQJump"><img src="https://forumstatic.ru/files/0015/c4/3f/53036.png" /></span>').prependTo(this);
        });
        $('.openQJump').click(function(){
            $(this).parent().find('.quickJump').fadeToggle(160);
        });
    };
    </script>
    <!-- //End//-Быстрый переход по страницам темы -->

<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>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/001a/a5/51/86993.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/001a/a5/51/44341.png" border="0" /></div>

<!--кнопки вверх вниз-->
<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>

<!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
    <style>
    #pun-main .forum table{ table-layout: auto;}
    #pun-main tr.tr-divider {
      font-weight: bold;
    }
    </style>
    <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
    <!-- //End//-Разделение тем -->

<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('--')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

<!--замена тире -->
<script type="text/javascript">
$('.post-content p').each(function(){
  function replacer(str){return str.replace(/-\s|–\s/gm,'— ');}
  var a = $(this).clone().wrap('<div></div>').parent().html();
  var b = a.replace(/>[^<>]+</gim,replacer);
  if(a!=b)$(this).replaceWith(b)
});
</script>

<!-- тег абзаца -->
<style>#button-indent {background: url(http://s7.uploads.ru/t/mnkgq.png) no-repeat center 6px!important;}</style>
<script type="text/javascript">(function()
{var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="отступы"><img src="/i/blank.gif"  onclick="insert(\''+b+'\')"></td>');
var indent = '<span style="display: inline-block; margin: 0em 2.1em;"></span>';
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>

<!-- ник гостя -->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>

<script type="text/javascript">
function show_new() { if(GroupID == 3) return;
$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');}
show_new();
</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:200px;margin-left:324px !important;text-transform: uppercase;font-size: 10px;margin-top: 1px;"><img src="img/minus.png" alt="-" />Шрифт<img src="img/plus.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//Меняем Шрифт в Топике -->

<script type="text/javascript">
(function(){function rep(str, p1,offset, s){
  return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';}
$('.post-content p').each(function(){
  $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep));
});}());
</script>

<script type="text/javascript">
    var A=[1,2,3,4]
    $(".post .post-author li").each(function (){
    for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){
    $(this).html($(this).html().replace(/^[^:]*:/,''));}};});
    </script>

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

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

<!-- Восстановить утерянный при закрытии темы пост -->
<script src="https://forumstatic.ru/files/0019/37/10/51919.js"></script>

<!--запятая после ника -->
<script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</script>

<!-- Правка глюка Репы при  отсутствии скриптов  руссфф  v2-->
<script> if($('#pun-viewtopic').length)$(window).load(function () {
if(!$('#pun-reputation').length)FORUM.PartnerVote = function() { return true; };
});
</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('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

<div class="banners"><center><a href="ссылка" target="_blank"><img src="https://forumstatic.ru/files/001a/a5/51/12108.gif" title="hp, 2nd gen, dark!au" border="0"width="88" height="31"></a>  <a href="ссылка" target="_blank"><img src="https://forumstatic.ru/files/001a/a5/51/12108.gif" title="hp, 2nd gen, dark!au" border="0"width="88" height="31"></a>   <a href="ссылка" target="_blank"><img src="https://forumstatic.ru/files/001a/a5/51/12108.gif" title="hp, 2nd gen, dark!au" border="0"width="88" height="31"></a>   <a href="ссылка" target="_blank"><img src="https://forumstatic.ru/files/001a/a5/51/12108.gif" title="hp, 2nd gen, dark!au" border="0"width="88" height="31"></a>   <a href="ссылка" target="_blank"><img src="https://forumstatic.ru/files/001a/a5/51/12108.gif" title="hp, 2nd gen, dark!au" border="0"width="88" height="31"></a>   <a href="ссылка" target="_blank"><img src="https://forumstatic.ru/files/001a/a5/51/12108.gif" title="hp, 2nd gen, dark!au" border="0"width="88" height="31"></a>   <a href="ссылка" target="_blank"><img src="https://forumstatic.ru/files/001a/a5/51/12108.gif" title="hp, 2nd gen, dark!au" border="0"width="88" height="31"></a>   
</center></div>

/* A1.1 */
  @import url(style_cs.css);
  @import url('https://fonts.googleapis.com/css?family=Oranienbaum|Old Standard TT|Amatic+SC|Bad+Script|Caveat|Cormorant+Unicase|Lobster|Pacifico|Pattaya|Philosopher|Playfair+Display+SC|Playfair+Display|Poiret+One|Yeseva+One|Marck+Script|Pangolin|Raleway:900i|Cormorant+SC|Arima+Madurai|Cabin+Sketch|Pompiere|Cinzel+Decorative|Megrim|Cookie|Roboto|Lora|Yanone+Kaffeesatz|EB+Garamond|Cormorant Garamond|Alice|Neucha|Prata|Press+Start+2P|Rubik+Mono+One|Montserrat|Arsenal|Tenor+Sans|Vollkorn+SC');

@font-face {font-family: RiotSquad;
src: local("RiotSquad"), url(https://forumstatic.ru/files/001a/a5/51/25901.ttf);}

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

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

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

/* 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 70%  verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

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

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

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

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

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

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

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

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

/* A3.10 */
.punbb a {
  text-decoration: 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 dl.post-sig dt span,
.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 {
    background: url(https://forumstatic.ru/files/001a/a5/51/77846.png) no-repeat top,
      url(https://forumstatic.ru/files/001a/a5/51/42716.png) no-repeat bottom,
      #d2cdbb url(https://forumstatic.ru/files/001a/a5/51/88456.png);
    margin: auto;
    width: 916px;
  margin-top: 253px !important;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.2)
}
.punbb {
    height: auto;
    margin: 0px 20px;
    width: auto;
  padding-bottom:5px !important;
}

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

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

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

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

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

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

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

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

#pun-main h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid;
  border-width: 1px;
}

/***************************************************/*************************************************************
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 {
    border-top: 1px solid #4f4736;
    display: block;
    margin: 5px 0;
    width: 250px;
}

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 1em;
  line-height: 150%;
font-family: 'Verdana', sans-serif;  }

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    border: medium none;
    margin: 0.4em 0em 0.8em;
    padding: 0em;
}

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

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

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

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

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

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

/* B3.1 */
.punbb .linkst {
    float: left;
    position: relative;
    width: 100%;
    font-size: 1.1em;
    height: 0;
    color: #040301;
    font-family: lora !important;
  }

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

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

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

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  color: #3a3a3a;
  font-family: roboto
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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: center;
    width: 45%;
}

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

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

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

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

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  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;
  }

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    font-size: 12px;
    line-height: 10px;
    margin-left: 0;
    text-align: left;
}

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

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

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

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

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid transparent;
  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: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

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

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

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

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  padding: 3px 0 0 10px;
  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: normal;
  }

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

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

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

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

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

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

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

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

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

/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
  margin-bottom: -35px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks {
  border: none;
  margin: 0;
}

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

/* D3.2 */
#pun-navlinks .container {
  font-weight: normal;
}

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

/* D3.4 */
#pun-navlinks li a {
    font-family: tahoma;
    font-size: 0.8em;
    padding: 10px 5px 10px 7px;
}

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

/* D4.1 */
#pun-ulinks {
    border: none;
}
#pun-ulinks .container {
    border: medium none;
    height: 3px;
    padding-top: 0px;
    width: 850px;
}
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
}
#pun-ulinks li a {
    font-size: 0.8em;
    padding: 0 0 0 5px;
}

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

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

/* D5.2 */
#pun-status     {text-align: center;
    font-size: 8px;
    font-family: yeseva one;
    font-weight: normal !important;
    padding: 0 !important;
    position: absolute;
    width: 916px;
    margin-left: 60px;
    top: 262px;
    font-weight: lighter !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 16px;}

#pun-status .container {  color: #997a4b;
    display: inline-block;
    background: #1b130b;
    height: 16px;
    padding: 0 10px;
    line-height: 15px;
    border-radius: 0px 0px 10px 10px;
}

#pun-status .container a {color: #917332}
#pun-status .container a:hover {color: #82807b}

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

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

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

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

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

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

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

/* D6.3 */
#pun-announcement .container {
  padding: 0.6em 1em 1em 1em;
  margin-bottom: 0px;
  margin-top: 20px;
text-align: center;
margin-bottom: -60px !important;
  }

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em;
  margin: 0 5px;
  }

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

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

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

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

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

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

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

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

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

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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: 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: 1.4em/120% monaco, "bitstream vera sans" }

::-webkit-scrollbar {
width: 4px;
    height: 4px;
    background-color: rgb(14, 10, 5);
    border-radius: 10px !important;}
::-webkit-scrollbar-thumb {
background-color: #866e47;
    width: 4px !important;
    box-shadow: 0 0 0 1px rgba(20, 18, 15, 0.58) inset;
    border-radius: 1px !important;
}

.stickytext, .closedatafield, #pun-live-rusff, .pl-reports  {display: none}

input, textarea {
    outline: none;
} 
input:active, textarea:active {
    outline: none;
}
:focus {
    outline: none;
}

#pun #pun-messages .post h3 {
  width: auto !important;
  box-shadow: none !important;
  border: 0 !important;;
  background: transparent !important;
}
#pun #pun-messages .post h3 span {
  width: auto !important;

}
#pun #pun-messages .post-author {  margin-top: 30px !important;
  margin-left: 5px !important;
}
#pun-messages .post-author ul {
}
#pun-messages .pa-posts {display: none}
#pun-messages .pa-online {clear: both}
#pun-messages .pa-title {display: none}

#main-reply {height: 200px;
}

#mask_dialog .inner, .modal-inner.section, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner  {
background: #c0b8a1;
    border: 1px solid #a0987f !important;
    box-shadow: 0 0 5px 0 rgba(182,143,148,.5), 0 0 0 1px rgba(255,255,255,.01) inset,  0 0 15px 0 rgba(143,139,124,.6) inset;
}

#pun #pun-viewtopic .FNTslider {display: block}
    .FNTslider {
    border-radius: 0px;
    position: absolute;
    z-index: 1000;
    background: #160f09;
    width: 110px;
    height: 2px;
    margin: 3px 5px;
    border: solid 1px rgba(0,0,0,1);
    float: left;
    margin-left: 396px;
    display: none;
}
#pun .FNTslider .before {
    height: 2px;
    border: solid 1px #544022;
    border-right: none 0;
    border-radius: 1px 0 0 1px;
    position: absolute;
    background: #544022;
    margin-top: -1px;
    margin-left: -1px;
}
#pun .FNTslider .thumb {
    width: 5px;
    height: 10px;
    border-radius: 0%;
    position: relative;
    top: -4px;
    background: #8d8771;
    cursor: pointer;
}

#post legend span {display: none}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {top: 55px !important;}

#smilies-area, #video-area  {
    width: 470px !important;}

.pl-reports {display: none !important;}

.pa-avatar img {max-width: 180px}

.post-content td { border:none transparent !important;}

::selection {    background: #3e2b1f;
    color: #b5a055;
}

html, body, .code-box .scrollbox, textarea, .scrollbox, div, spletenki, textcont {scrollbar-width: thin;
scrollbar-color: #7f5020 rgba(20, 18, 15,0.01);}

#html-header {
font-weight: 500;
color: #68624f;
text-shadow: 0 0 1px #111
}

#html-header a {color: #776240}
#html-header a:hover {color: #775620}

.post-content abbr {text-decoration: underline;
text-decoration-style: dotted;
text-decoration-color: #555}

#BookmCntToggle {margin-top: 30px !important;}
#MyBookmarks {background: #bcb59e;
z-index: 99;
}
#BookmCntToggle.default-style {background: #bcb59e;
border-radius:2px;
box-shadow: 2px 2px 1px #000;
opacity: .95;
}
.post .bookmark {color: #7f5020 !important;}
#BookmCntToggle.default-style {color: #7f5020 !important;}

#topic-users-in p.container a:after {content: ", ";
color: #1b1b1b}

#topic-users-in p.container a:last-child:after {content: ".";}

#leftside {background: url(https://forumstatic.ru/files/001a/a5/51/94263.png) no-repeat top center;
width: 987px;
height:870px;
  position: fixed;
  top: 115px;
z-index: -1;
transform: translateX(-50%);
left: 50%;
box-shadow: 0 0 20px 0 rgba(0,0,0,.8)}

.forumnavi {display: block;
    opacity: 0.95;
    padding: 0px 5px;
    background: #080504;
    border: 1px solid #29140f;
    box-shadow: 0 0 0 1px #6f5836, 0 0 0 2px #352c20;
}

#pun .forumnavi a {  background: #1b130b;
    white-space: nowrap;
    margin: 5px auto;
    border-radius: 2px;
    text-align: center;
    transition: all 0.3s linear 0s;
    display: block;
    padding: 4px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
    font-family: lora;
    font-size: 10px;
    font-weight: 700;
    color: #997b50;
    box-shadow: 0 0 0 1px #1b1610 inset, 0 0 10px 0 rgba(0, 0, 0, 0.72) inset
}

#pun .forumnavi a:hover {    background-color:#222 !important;
  opacity: .9;
  transform: scale(.9);
  color: #8b6e30
}

#navigblock {width: 200px; margin-left: 700px; position: absolute; top: 252px; z-index: 9; }

.spirit-navigation.spirit-navigation_hover{filter: brightness(1.2) opacity(.6);
  letter-spacing: 4px
}

.spirit-navigation {
   height: 24px;
    width: 100px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 231px;
    margin-left: 800px;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    text-transform: uppercase;
    line-height: 21px;
    letter-spacing: 3px;
    color: #6b583a;
    text-align: right;
    transition: all .7s ease-in-out 0s;
    opacity: 1;
    font-weight: 700 !important;
    font-size: 11px !important;
    font-family: yeseva one !important;
}

.intro {
  position: absolute;
  top: 137px;
  margin-left: -15px;
  width: 320px;
  text-align: justify;
  font: 500 9px/16px lora
}

.intro span {    display: block;
    text-align: center;
    font: 11px 'yeseva one';
    margin-bottom: 5px;}

.intro > div {height: 46px;
overflow-y: auto;
padding-right: 5px;
}

.activists {position: absolute;
margin-left: 725px;
top: 128px}

.activists div {
display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    border: 1px solid #3e2614;
    box-shadow: 0 0 0 1px #9a7c4c, 0 0 0 2px #503716, 0 0 3px 1px #845c45;
    border-radius: 1px;
    margin-right: 15px;
    opacity: 0.6;
}

.activists div:hover {opacity: 1}

.activists div img {filter: sepia(50%) brightness(0.4);}

.activists div:hover img {filter: none}

.bestpost {position: absolute;
margin-left: 670px;
text-align: justify;
font: 500 9px/16px lora;
  top:165px;
  width: 220px;
  overflow-y: auto;
  padding-right: 5px;
  height: 60px;
}

.bestpost span {
  text-transform: uppercase;
  font: 500 8px lora;
}

#pun_wrap {width: 987px;
margin: auto}