Код:

<table width="895px">
<tbody>
<tr><td width="33%" align="justify" colspan="2">
  <center><img src="http://i77.fastpic.ru/big/2016/0829/19/2ce70257dc21a5188e18236aa4a26419.png"></center>
  <div style="overflow: scroll; overflow-x: hidden; width: 270px; height: 185px;"><center><i>Рад всех приветствовать!!</i></center>
Добро пожаловать на FRPG «Naruto: The End of Peace», посвященной одноименной манге и аниме «Naruto». Рейтинг ресурса: NC-21. Система игры: локационная. </div></td>
<td width="33%" align="center" colspan="2">
 <div class="nav"><ul>
   <li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=667">Правила проекта</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=639#p43728">Сюжетная линия</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=669">Система</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=299">Список персонажей</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewforum.php?id=5">Акции</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=676">Шаблон анкет</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=674">Оформление профиля</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=666">Жалобы и предложения</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=312#p11464">Обсуждение игры</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=569#p38667">Заказ миссий</a>
   </li></ul>
</div><div class="nav1"><ul>
   <li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=306">Комментарий к системе</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=12">Заказ GM</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=560#p38651">Объявления</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=464">Иерархия</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=563#p38654">Апгрейд персонажа</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=559#p38650">Награды</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=562#p38653">Отсутствие</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=462">Список преступников</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=311#p11463">Поиск партнера</a>
   </li><li>  <a href="http://narutoend.anihub.ru/viewtopic.php?id=6">FAQ</a>
   </li></ul>
</div></td>
    <td width="33%" align="justify" colspan="2">
  <center><img src="http://i78.fastpic.ru/big/2016/0829/1c/d35847a738081da0101374c919c0831c.png"></center>
<div style="overflow-y: scroll; overflow-x: hidden; height: 185px; width: 273px;">
<font face="georgia">
<b>21.12.16.</b></font> Приветствую вас снова на проекте! Да-да, мы возобновили работы, взялись за голову и не только. Результат последних двух недель вы можете видеть на экране. Но и это еще только начало. Скоро грядут перемены и в дизайне, и в системе игры. <br>
<br><b>22.12.16.</b></font> Спешим сообщить, что <a href="http://narutoend.anihub.ru/viewtopic.php?id=689#p44331">Акция №1: "Дзинтюрики"</a> полностью готова!<br>
<font face="georgia"><b></b></font> </div>
</td></tr>
<tr><td width="33%" align="center" colspan="2">
  <center><img src="http://s0.uploads.ru/t/bRC0r.png"></center>
  


</td>
    <td width="33%" align="center" colspan="2"><center><img src="http://s1.uploads.ru/t/2RJBw.png"></center>Disclosure&Eliza Doolittle &ndash; You and me
<object width="200" height="16" type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf">
    <param name="bgcolor" value="#2f2f2f">
    <param name="FlashVars" value="mp3=http://vozmimp3.com/s1/down3/6-9v4-p14-9765a82263705a/Disclosure_feat_Eliza_Doolittle__You__Me_Flume_Remix.mp3">
</object>
<br> <!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://s01.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=22239&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22239' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://s01.rpgtop.su/cgi-bin-mod/iv.cgi?a=ins&id=22239' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22239' target='_top'><img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<a href="http://forum-top.ru/vote/4497" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru" /></a>

 </td> <br>
    <td width="33%" align="justify" colspan="2">
<a href="http://insideout.mybb.ru/" target=_blank><img src="http://s2.uploads.ru/nWyN6.gif" title="Inside Out"></a> <a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=19454' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=19454&cid=9_1.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=19454&cid=9_1.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
  <!-- /Top.Roleplay.Ru -->
<script language="JavaScript">
d = new Date();
var m = d.getTime();
m=m+'&url=';
m=m+self.location;
var a='<a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/index.php?from=19454&rand='+m+'" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=19454&rand=' + m;
a=a+'" width="88" height="31" border="0"></a>';
document.write(a);
</script>
<noscript><a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/index.php?from=19454" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=19454" width="88" height="31" border="0"></a></noscript>
<a href="http://eob.rusff.me" target="_blank" title="Era Of Balance"><img src="http://funkyimg.com/i/2g2Hw.png"></a>
<a href="http://www.rolanime.net/forum//"><img title="Rolanime Naruto "22 года спустя"" src="http://www.imageup.ru/img160/2489908/banner-majj-16kopiya3.gif" border="0" /></a>
<a href="http://rebornomania.rolka.su/" title="KHR: The Shadow Enemy"><img src="https://forumstatic.ru/files/0016/21/f6/68320.gif" width="88" height="31" alt="KHR: The Shadow Enemy"></a>
<a href="http://whitepr.0pk.ru/" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/92917.png" border="0" alt="White PR"></a>
</td></tr>
</tbody></table>

Код:

/* style by MØLLY ❤ war.hat */
@import url(style_cs.css);

.resizable-input-test {
    border: 1px solid #ccc;
    padding: 5px;
    resize: both;
    overflow: auto;
}

#pun {
    width: 1000px;
    margin: 230px auto 30px auto;
}

#pun-title {
    display: none;
}

#html-footer .container {padding:0px;margin:auto;}

#html-footer .container img {opacity:0.6;}

#html-footer .container img:hover {opacity:1;transition:.5s;}

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

.punbb ul, .punbb dl, .punbb dd, .punbb dt {padding:0; list-style:none;}

.punbb img {border:none;}

.punbb .main table {table-layout:fixed; width:100%;}

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

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

/*A3*/
body {font-size:100%; margin:0;}

.punbb {font:normal 70% "verdana","arial","helvetica", sans-serif;}

.punbb textarea, .punbb input, .punbb optgroup {
    font: 1em "verdana","arial","helvetica",sans-serif;
    border-width: 0;
    padding: 4px;
    margin-top: 4px;
}

:focus-visible {
    border: 0;
    outline: 0;
}

.main .formal select {
    height: 21px;
}

.punbb select {
    font: 1em "verdana","arial","helvetica",sans-serif;
    border-width: 0;
    padding: 4px;
}

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

.punbb pre {font:11px  "verdana", "arial", "helvetica", sans-serif;}

.punbb address, .punbb em {font-style: normal;}

.punbb .post-content em {font-style:normal;}

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

.punbb a {text-decoration:none;}

.punbb optgroup {font-weight:normal;}

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

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

.punbb {height:auto; margin:0;}

/*A5*/
#pun-redirect, #pun-maint {float:none; margin:0;}

#pun-redirect h1 {width:auto; margin:0;}

.adformal h2, #pun-adnav h2 {border-style:none solid solid none;}

.punbb .category .container {
    padding: 20px;
    margin: auto;
}

.punbb .category tr .bottom a{opacity:1; font-size:16px; font-weight:bolder; font-family:monospace; font-variant:small-caps;}

.punbb .category tr .bottom a:hover{opacity:0.7;}

.punbb .category .container table tbody#awards-content.hasicon td.tcl {
    width:13%;
}

#profile thead {
    display: table-header-group;
}

#profile thead th {
    text-align: left;
}

#profile .fs-box td.tc2 {
    display: table-cell;
}

#profile .fs-box td.tc3 {
    display: table-cell;
}

#profile #awards-content td.tc2 {
    display: table-cell;
    text-align: center;
}

#pun-main h1 {
    display: none;
}

#pun-main #viewprofile-next #profilenav {
    display: none;
}

#pun-debug h2 {font-size:24px; font-weight:normal; font-family:Romanovsky; text-align:center; border-style:dotted; border-width:0 0 2px 0;}

#pun-debug h2 span {padding:0 10px; text-shadow:1px 1px #000;}

#pun-index thead {display:none;}

thead {display:none;}

.punbb .forum tr .bottom {margin-left:50px;margin-right:32px;line-height:12px;font-size:11px;font-family:arial;vertical-align:top;text-align:right;padding:2px;}

.punbb .forum tr .bottom .user-avatar {margin:-13px -40px 0 4px!important;}

.punbb .forum tr .bottom span {font-size:10px;}

.punbb .user-avatar .avatar-image {
    border-radius: 0!important;
    height: 30px!important;
    width: 30px!important;
    border-style: solid;
    border-width: 3px;
}

.punbb .user-avatar .isonline {
    display: none!important;
}

.punbb .main thead {display:none;}

.punbb .post-content {
    overflow: hidden;
}

.punbb .post-content td {border-width:0px!important;}

.punbb .post-sig dt {
    text-align: center;
    border-top: 3px double #587260;
    width: 50%;
    margin: 15px auto 4px auto;
}

.punbb .post-content p {margin:0; padding:0 0 0 0; line-height:150%; text-align:justify;}

.post-content hr {padding:0 4px;border-style:dashed;border-width:1px 0;}

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

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

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

.punbb .post-content .blockcode .scrollbox {height:85px!important;}

.punbb .post-content .scrollbox {width:100%; overflow:auto;}

.punbb .post-content .quote-box, .punbb .post-content .code-box {
    border-style: solid;
    border-width: 2px 0;
    margin: 6px 4px;
    padding: 10px;
}

.punbb .post-content .spoiler-box {
    padding: 8px;
}

.punbb .post-content .quote-box table, .punbb .post-content .code-box table {width:99%; margin:auto;}

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

/* B2*/
.punbb .info-box {padding:1.1em 1.7em 1em 1.7em; border-style: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;}

.multipage .section {
    margin: auto;
    padding: 0 10px;
}

.main .formal {
    padding: 10px 20px;
}

#viewprofile-next #viewprofile .container #profile-left {
    width: 22%;
    overflow: visible;
    padding: 16px;
    border-style: solid;
    border-width: 1px;
}

#viewprofile-next #viewprofile .container #profile-left li {
    font-family: monospace;
    font-weight: bold;
    font-size: 11px;
}

#viewprofile-next #viewprofile .container #profile-left li#profile-name {
    margin: -13px -16px 0px 0;
    text-align: right;
}

#viewprofile-next #viewprofile .container #profile-left li#profile-name strong {
    font-size: 16px;
    width: fit-content;
    text-transform: uppercase;
    padding: 0 10px;
}

#viewprofile-next #viewprofile .container #profile-left li#profile-title {
    text-align: right;
    width: 214px;
    font-size: 10px;
    text-transform: lowercase;
    padding: 4px 6px;
}

#viewprofile-next #viewprofile .container #profile-left li#pa-avatar {
    text-align: right;
    width: 227px;
}

#viewprofile-next #viewprofile .container #profile-left li#pa-avatar img {
    border: 1px solid #e6e6e6;
    padding: 5px 5px 5px 10px;
}

#viewprofile-next #viewprofile .container #profile-left li#pa-online {
    text-align: right;
    padding: 2px 4px;
}

#viewprofile-next #viewprofile .container #profile-left li#pa-edit {
    text-align: right;
    padding: 2px 4px;
}

#viewprofile-next #viewprofile .container #profile-left li#pa-ua {
    display: none;
}

#viewprofile-next #viewprofile .container #profile-right {
    padding: 0px 10px 10px 15px;
    text-align: left;
}

#viewprofile-next #viewprofile .container #profile-right li {
    display: grid;
    padding: 0 4px 4px 0;
}

#viewprofile-next #viewprofile .container #profile-right li span {
    font-weight: bold;
}

#viewprofile-next #viewprofile .container #profile-right li strong {
    font-weight: normal;
    padding: 1px 0 0 4px;
}

#viewprofile-next #viewprofile .container #profile-signature {
    padding: 0;
    margin: 0% 2% 1% 28%;
}

#viewprofile-next #viewprofile .container #profile-signature ul {
    border-top: 3px double #587260;
    margin: 0;
    padding: 10px;
}

#viewprofile-next #viewprofile .container #profile-right li#pa-fld1 strong {
    text-align: justify;
}

#viewprofile-next #viewprofile .container #profile-right li#pa-fld1 strong a {
    font-weight: normal;
}

#profile.formal {
    padding: 10px;
}

.main.mod-page {
    padding: 10px;
}

.main.mod-page h2 {
    display: none;
}

.main.mod-page .container {
    padding: 10px;
}

.main.mod-page h2 .fr {font-family:monospace;font-size:11px;}

.main.mod-page thead {
    display: table-header-group;
}

.main.mod-page thead th.tcl, .main.mod-page thead th.tc2, .main.mod-page thead th.tc3 {
    font-family: monospace;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.main.mod-page thead .tcl {
    text-align: left;
}

.main.mod-page thead .tc2 {
    display: table-cell;
}

.main.mod-page #awards-content .tc2 {
    display: table-cell;
    text-align: center;
}

.punbb .linkst, .punbb .linksb {
    padding: 10px;
    font-size: 10px;
    font-family: monospace;
    font-weight: bold;
    text-transform: uppercase;
}

.linkst .pagelink, .linksb .pagelink {
    margin: 0 3px;
}

.linkst .postlink, .linksb .postlink {
    width: auto!important;
    text-align: right;
}

.linkst .postlink span, .linksb .postlink span {
    padding: 0 10px;
    font-family: monospace;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.subscribelink {display:none;}

.punbb input.button {
    font-weight: bold;
    font-family: monospace;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 10px;
    cursor: pointer;
}

#post-form h2 {
    display: none;
}

#post-form #post.container {padding:4px;}

#post-form #post.container fieldset small#plng {
    font-family: monospace;
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 6px;
}

#post-form #my-form input {
    margin: 4px 4px 0 0;
}

.punbb .formsubmit {text-align:center;}

.punbb fieldset {
    border-width: 0;
    padding: 0;
    margin: 0;
}

.punbb .formal fieldset .fs-box table td.tc2 {width: 20%!important;}

.punbb .formal fieldset .fs-box table td.tc3 {width:9%!important;}

#profile legend {
    font-weight: bold;
    text-transform: uppercase;
}

#profile fieldset .fs-box {
    margin: 0 2px 10px 2px;
}

#profile fieldset .fs-box .infofield {
    margin: 0 0 10px 0;
}

#post-form.formal p.inputfield.required {
    margin: 0 0 8px 0;
}

.punbb legend span {
    font-size: 16px;
    font-family: monospace;
    text-transform: uppercase;
    font-weight: bold;
}

.punbb fieldset .fs-box.inline {
    padding: 10px 0;
}

#form-buttons table {width: 100%!important; margin:0;}

#form-buttons td img {height:24px!important;}

#button-files_rusff {display:none!important;}

#button-graffiti_rusff {display:none!important;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    right: 0!important;
    top: 22px!important;
    padding: 10px;
    background: #d7d6d6;
    box-shadow: 1px 1px 4px #587260, -1px 1px 4px #587260;
}

#image-area {width:500px!important;}

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

.punbb .inline .infofield {
    clear: both;
    padding: 4px 0;
}

.punbb .datafield br {display:none;}

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

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

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

.punbb .longinput input {
    margin: 6px 0;
}

.punbb .hashelp {position:relative;}

.punbb .helplinks {display:block; font-weight:normal; width:36%;}

.punbb #profile .helplinks {top:1.5em;}

.punbb .helplinks span {display:block; padding-bottom:0.2em;}

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

#pun-main .forum th {display:none;}

.punbb .forum .container {
    padding: 10px;
}

#pun-searchtopics .main .tcl {height:16px; font-size:12px; margin:0 0 0 2px;} 

#pun-searchtopics .pagestext {font-family:monospace; font-size:11px; font-weight:normal;}

#pun-modviewforum .main div.icon {display:none;}

#pun-modviewforum .main .tcl a {font-size:11px; padding:1px 4px 1px 2px;}

#pun-userlist .main .tcl  {
    width: 20%;
    padding: 2px 0 2px 0;
}

#pun-userlist .main .tc3  {
    width: 12%;
}

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

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

.punbb td span.youposted {font-weight:bold; margin-left:-1em;}

.punbb td .modlist {
    display: none;
}

.punbb .main .tcl {
    overflow: hidden;
    width: 60%;
    padding: 10px;
}

.punbb .main .tc2 {
    display: none;
}

.punbb .main .tc3 {
    display: none;
}

.punbb .main .tcr {
    overflow: hidden;
    width: 40%;
    text-align: left;
    padding: 10px;
}

.punbb .main .tcr a {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.punbb .main .tcl .intd {
    padding: 6px;
    border-style: solid;
    border-width: 1px;
}

.punbb .main .tcr {
    font-family: monospace;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.punbb td div.tclcon {
    text-align: justify;
    padding: 10px;
    font-size: 11px;
    font-family: monospace;
    min-height: 17px;
}

.punbb td div.tclcon h3 {
    margin: -32px -16px 0 0;
    text-align: right;
}

.punbb td div.tclcon h3 a {
    font-size: 26px;
    /* font-family: monospace; */
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    padding: 0 10px;
    transition-duration: 1s;
}

.punbb td div.tclcon h3 a:hover {
    letter-spacing: 1px;
}


.punbb td div.tclcon div.link {
    text-align: center;
    font-family: monospace;
    text-transform: lowercase;
    margin: 4px 0 0px 0;
}

.punbb td div.tclcon div.link a {
    font-size: 10px;
    padding: 0 3px;
    margin: 0 3px;
}

.punbb td div.tclcon a {height:16px; font-size:12px; font-weight:bold; margin:0 0 0 2px;}

.byuser {
    font-size: 10px;
}

.punbb div.icon {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    margin: 2px 4px 10px 2px;
}

tr.inew div.icon {
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=100);
}

.punbb .forum .tcl .intd {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
}

.punbb .forum div.icon {
    float: left;
    width: 24px;
    height: 24px;
    border-radius: 0;
    margin: 2px 4px 2px 4px;
}

.punbb .forum td div.tclcon {
    text-align: right;
    font-size: 12px;
    min-height: auto;
    padding: 7px;
}

.punbb .forum td div.tclcon span.stickytext, .punbb .forum td div.tclcon span.closedatafield, .punbb .forum td div.tclcon span.redirecttext {
    font-size: 9px;
}

.punbb .forum td div.tclcon a {
    font-size: 12px;
    font-family: monospace;
    text-transform: uppercase;
    letter-spacing: .5px;
}


.punbb .post .container {
    padding: 10px;
}

.punbb .lastedit {opacity:0.4; text-align:right!important;}

.punbb .post-rating .container {width:fit-content; text-align:right; font-family:monospace; font-size:12px;box-shadow:none;}

.punbb .post-vote .container {width:fit-content; text-align:right; font-family:monospace; font-size:12px;}

#pun-live-rusff {display:none!important;}

.punbb .post h3 {
    padding: 2px 15px;
    font-size: 10px;
    font-family: monospace;
    font-weight: bold;
    text-transform: uppercase;
}

.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: right;
}

.punbb .post h3 .sharelink {
    display: none;
}

.punbb .post .post-author {
    float: left;
    width: 220px;
    padding: 6px;
    margin: 10px 0 0 0;
    border-style: solid;
    border-width: 1px;
}
 
#pun-main .post-author ul {
    text-align: center;
    padding: 10px;
    font-size: 11px;
    font-family: monospace;
}

.pa-author {
    overflow: hidden;
    margin: -29px -16px 0 0;
    text-align: right;
}

.pa-author img {
    margin-right: 0!important;
    padding: 0 6px;
}

.pa-author a:link, .pa-author a:visited {
    font-size: 16px;
    font-family: monospace;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 10px 0 0;
    transition-duration: 2s;
}

.pa-author a:hover {
    letter-spacing: 1px;
    transition-duration: 2s;
}

.pa-author strong {
    font-size: 16px;
    font-family: monospace;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 10px;
}

.pa-replies {
    padding: 10px 0 0 0;
    font-family: monospace;
    font-size: 10px;
    text-transform: uppercase;
}

.pa-title {
    text-align: right;
    width: 208px;
    font-family: monospace;
    font-weight: bold;
    font-size: 10px;
    text-transform: lowercase;
    padding: 4px 6px;
    margin: 0 0 0 -10px;
}

.pa-avatar.item2 {
    text-align: right;
    width: 211px;
}

.pa-avatar img {
    border: 1px solid #e6e6e6;
    padding: 6px 6px 6px 10px;
}

.pa-posts {
    padding: 2px 4px;
}

.pa-respect {
    padding: 2px 4px;
}

.pa-positive {
    padding: 2px 4px;
}

.pa-sex {
    padding: 2px 4px;
}

.pa-age {
    padding: 2px 4px;
}

.pa-ip {
    padding: 2px 4px;
}

.pa-time-visit {
    padding: 2px 4px;
}

.pa-online {
    text-align: right;
    padding: 2px 4px;
}

.pa-last-visit {
    padding: 2px 4px;
}

.pa-social.social-discord {
    padding: 2px 4px;
}

.pa-social.social-vk {
    padding: 2px 4px;
}

.pa-social.social-skype {
    padding: 2px 4px;
}

.pa-social.social-telegram {
    padding: 2px 4px;
}

div.award {
    margin: -10px 0 0 0;
}

.pa-awards {
    padding: 2px 4px;
}

.pa-fld1 {
    float: right;
    transform: rotate(0);
    text-align: right;
    margin: 10px -10px -26px 0;
    padding: 2px 6px;
    font-family: Courier New;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.pa-fld2 {
    text-align: justify;
    width: 193px;
    margin: 6px 0;
    padding: 4px;
    font-size: 11px;
    line-height: 12px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px #587260, -1px 1px #587260, 1px -1px #587260, -1px -1px #587260;
}

.pa-fld2 a:hover, .pa-fld2 a:focus, .pa-fld2 a:active {
    font-weight: normal;
}

.pa-reg {
    padding: 2px 4px;
}

.post-author.online.topic-starter ul li.pa-ua {
    display: none;
}

#pun-main .post-author ul.post-ul-Sp {
    padding: 0;
}

#pun-main .post-author .post-img-Sp {
    vertical-align: top;
    opacity: 0.3;
    padding: 0 2px;
}

#pun-main .post-author img.post-img-Sp:hover {
    opacity: 0.95;
    transition-duration: 1s;
}

#pun-main .post-author img.post-img-Sp.active {
    opacity: 0.95;
}

#pun-main .post-body {
    margin-left: 234px;
    padding: 10px 10px 10px 15px;
}

.punbb .post-box table {width:inherit;}

.punbb fieldset .post-box {margin-bottom:0.8em;}

.fs-box table td.tcl {width: 14%!important;}

.fs-box table td.tc2 {width:11%!important;}

#pun-main .post-links {width:960px;}

.punbb .post-links ul {text-align:right;}

.punbb .post-links li {display:inline; font-size:11px; font-family:monospace; padding:0 6px;}

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

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

.punbb .modmenu .container {
    padding: 10px;
    font-size: 10px;
    font-family: monospace;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
}

#topic-modmenu {margin:0;}

#topic-modmenu .container {padding:0px 8px;}

.punbb .modmenu .container strong {float:left;}

.punbb .modmenu input {margin-left:5px; padding:0;}

.punbb .modmenu input.button {float:left; text-transform:none; font-weight:normal;}

#pun-main .info {
    padding: 10px;
}

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

#messages .linksb {border-style:none;}

#pun-main #profile #profilenav {
    float: left;
    padding: 0 10px;
}

#pun-main #profile #profilenav h2 {
    padding: 0;
    text-align: right;
    background: none;
    border: 0;
}

#pun-main #profile #profilenav h2 span {
    font-size: 16px;
    font-family: monospace;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 10px;
}

#pun-main #profile #profilenav li {font-weight:bold; padding:0.3em 1em;}

#viewprofile h2 {background:transparent; border:none;}

#viewprofile h2 span {position:relative; font-family:verdana, arial, helvetica, sans-serif; font-size:14px; font-weight:bold; text-shadow:none;}

#setmods dl {padding:0 0 0 16em; margin-bottom:0.2em;}

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

#setmods dd {display:block; padding:4px 2px; font-weight:normal;}

.punbb img.avatardemo {float:right; margin:0 0 0.8em 1.8em;}

#pun-userlist .usertable {
    padding: 10px 20px;
}

#pun-userlist thead {
    display: contents;
}

#pun-userlist .usertable th.tcl, #pun-userlist .usertable th.tc2, #pun-userlist .usertable th.tc3 {
    font-family: monospace;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}

#pun-userlist .usertable th.tcl {
    padding-left: 40px;
}

#pun-userlist .usertable  .tcl.username .avatar-image {
    border-width: 0;
    box-shadow: none;
}

#pun-userlist .main .tcl, #pun-userlist .main .tc2, #pun-userlist .main .tc3 {
    display: table-cell;
    vertical-align: top;
}

#pun-navlinks {
    text-align: center;
    margin: auto;
}

#pun-navlinks .container {
    padding: 5px 10px 0 10px;
}

#pun-navlinks li {
    display: inline;
    padding: 0 4px;
}

#pun-navlinks li a {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

#pun-ulinks {
    text-align: center;
}

#pun-ulinks .container {
    padding: 0 10px 5px 10px;
    text-align: center;
}

#pun-ulinks li {
    display: inline;
    margin: 0 2px;
}

#pun-ulinks li a {
    font-size: 9px;
    text-transform: uppercase;
}

#pun-status .container {
    padding: 10px;
    font-size: 10px;
    font-family: monospace;
    font-weight: bold;
    text-transform: uppercase;
}

#pun-status .container .item1, #pun-status .container .item2, #pun-status .container .item3 {
    margin: 0 3px;
}

.status_userava>img{width:37px;height:auto;vertical-align:top;padding:0 2px 0 0;float:left;margin:0 4px 0 0;opacity:0.85;}

#pun-status .container .user_links {display:block;}

#pun-status .container .user_links li {display:inline;}

#pun-status .container .user_links li a {padding:0 8px 0 2px;font-weight:bold;}

#pun-crumbs1 {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 6px auto;
    letter-spacing: -1px;
    text-transform: uppercase;
}

#pun-crumbs2 {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 6px auto;
    letter-spacing: -1px;
    text-transform: uppercase;
}

/*D3*/
#pun-break1 {margin:auto;}

/*D4*/
#pun-announcement h2 {display:none;}

#pun-announcement .container {padding:4.3em 1em 1em 1em;}

.punbb .main h2, #pun-stats h2 {
    text-align: right;
    margin: 0;
    padding: 4px 20px;
    border-style: solid;
    border-width: 5px 0;
}

.punbb .main h2 span.offctgr {
    float: right;
    margin: 0 -20px 0 0;
    padding: 0;
}

.punbb .main h2 span, #pun-stats h2 span {
    font-size: 12px;
    font-weight: bold;
    text-transform: lowercase;
}

#pun-stats .statscon .container {
    padding: 15px;
    margin: auto;
    text-align: center;
}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    text-align: center;
    display: inline-block;
    padding: 4px 8px;
    margin: 0 15px;
    font-family: monospace;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
}

#pun-stats li.item1 {
    width: auto;
}

#pun-stats li.item2 {
    width: auto;
}

#pun-stats li.item3 {
    width: auto;
}

#pun-stats li.item4 {
    width: auto;
}

li#onlinelist {
    text-align: justify;
    font-size: 10px;
    text-transform: lowercase;
}

li#onlinelist div {
    padding: 10px 4px;
}

li#onlinelist .item6.birthday {
    text-align: center;
    font-family: monospace;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
}

#pun-qjump {margin:0; border:none; width:50%; position:relative; float:left;}

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

#pun-about .container {
    text-align: right;
    padding: 6px 15px;
    font-family: monospace;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .5px;
}

#pun-about p span {display:block; padding-left:50%;}

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

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

#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;}

#pun-help .formal p, #pun-help .formal dd {margin-bottom:1em;}

#pun-help .formal ul, #pun-help .formal dl {padding:0 0 0 1em;}

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

#pun-help .formal li * {vertical-align:text-top;}

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

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

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.inner.popup_graffiti h1 {font-size: 11px!important; font-weight:normal!important; font-family:verdana, arial, helvetica, sans-serif!important; border:none!important; width:640px!important; margin:0!important;}

.inner.popup_graffiti h1 span {padding:0!important; text-shadow:none!important;}

progress {height:15px;}

.go-up, .go-down {
    display: none;
    position: fixed;
    z-index: 9999;
    cursor: pointer;
    opacity: 1;
}

.go-up {
    top: 354px;
    margin-left: 1025px;
}

.go-down {
    top: 436px;
    margin-left: 1023px;
}

.go-down:hover, .go-up:hover {
    opacity: 1;
}

.FNTslider {
    position: relative;
    z-index: 1000;
    width: 110px;
    height: 5px;
    margin: 3px 0;
    border-style: solid;
    border-width: 1px;
    float: right;
}

.FNTslider .before {
    height: 5px;
    position: absolute;
}

.FNTslider .thumb {
    width: 7px;
    height: 11px;
    position: relative;
    top: -3px;
    cursor: pointer;
}

#tooltip {position:absolute;display:none;background-color:rgba(0, 0, 0, 0.6);box-shadow:1px 1px 1px #000;z-index:999;max-width:175px;border-radius:2px;font-family:Monospace;font-size:12px;color:#d3ddd2;text-shadow:1px 1px #000;text-align:center;padding:3px 5px;}

.terumi_shin {position: absolute;
    top: 0;}
.terumi_shin img {width: 50px;}