где: Сеул, Южная Корея ● когда: 2018 - наши дни ● что: реал [велком всем] и способности [онли акции] ● рейтинг: max ● система: эпизоды ● мастеринг: в квестах
Sooyoung# Olivia# Namjoon# Kris#
Она тоже считала себя особенной. Никогда не сомневалась в принятом решении и собственной правоте. Впрочем, правдолюбцы никогда не путешествуют извилистым путем, они идут к истине прямой мощеной дорогой по костям инакомыслящих.
Вниз

hangang

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » hangang » Ворота в Новый Мир » хлам


хлам

Сообщений 1 страница 14 из 14

1

хтмл-верх
Код:
--------------скрыть надпись улучшить форум
<style>
#pun-status .item4.status-right{
  display:none;
}
</style>
--------------скрыть надпись улучшить форум

<!--шапка-->
<div style="position: absolute;width: 911px;height: 316px;margin-top: -315px;margin-left: -5px;"><img src="https://i.imgur.com/BJnEu2n.png"></div>

<!--цифры-->
<!--над y-->
<div style="    position: absolute;
    z-index: 1000;
    margin-top: -237px;
    font-family: arial;
    color: #fff;
    margin-left: 40px;
    font-size: 14px;">6</div>
<div style="    position: absolute;
    z-index: 1000;
    margin-top: -237px;
    font-family: arial;
    color: #fff;
    margin-left: 72px;
    font-size: 14px;">2</div>
<!--над парой-->
<div style="    position: absolute;
    z-index: 1000;
    margin-top: -210px;
    font-family: arial;
    color: #fff;
    margin-left: 650px;
    font-size: 16px;">4</div>
<!--над постом-->
<div style="    position: absolute;
    z-index: 1000;
    margin-top: -249px;
    font-family: arial;
    color: #fff;
    margin-left: 802px;
    font-size: 12px;">3</div>
<div style="    position: absolute;
    z-index: 1000;
    margin-top: -249px;
    font-family: arial;
    color: #fff;
    margin-left: 828px;
    font-size: 12px;">8</div>
<div style="    position: absolute;
    z-index: 1000;
    margin-top: -249px;
    font-family: arial;
    color: #fff;
    margin-left: 853px;
    font-size: 12px;">1</div>
<!--амс-->
<div style="
    display: block;
    text-align: right;
    font-family: arial black;
    font-size: 14px;
    position: absolute;
    margin-top: -130px;
    font-weight: bold;
    margin-left: 395px;
    letter-spacing: 1px;
    line-height: 14px;
    z-index: 1000;
">
<a href="http://yellowroad.rusff.me/profile.php?id=7" style="color:#160e12">sunmi</a>  <br>
<a href="http://yellowroad.rusff.me/profile.php?id=6" style="color:#160e12">mark</a>  <br>
<a href="http://yellowroad.rusff.me/profile.php?id=4" style="color:#160e12">johnny</a>  <br>
<a href="http://yellowroad.rusff.me/profile.php?id=5" style="color:#160e12">lucas</a> <br>
</div>
<!--навигация-->
<div style="position: absolute;margin-top: -245px;width: 277px;margin-left:2px;"><div style="position: absolute;}">
<left><form id="qjump" action="viewforum.php" method="get">
<div><label> <select style="
    background-color: #fff;
    padding: 0px !important;
    font-family: arial;
    font-size: 9px;
    width: 262px;
    height: 14px;
    margin-top: 162px;
    margin-left: 608px;" name="id" onchange="window.location=('http://yellowroad.rusff.me/viewtopic.php?id='+this.options[this.selectedIndex].value)"> <option value="19">гостевая</option> <option value="10">фак</option> <option value="6">путеводитель</option> <option value="12">внешности</option> <option value="14">работа</option> <option value="2">шаблон анкеты</option> <option value="5">банк</option> <option value="9">магазин</option> <option value="297">системные плашки</option></select></label></div>
</form></left></div></div>
<!--текст-->
<div style="
    width: 198px;
    background-color: transparent;
    color: #000;
    font-family: arial;
    margin-top: -232px;
    margin-left: 672px;
    position: absolute;
    height: 44px;
    font-size: 10px;
    overflow-y: auto;
    padding-right: 2px;">у юто по хмельному-волновому шиферу ползёт здравым смыслом напоминание о том, что хвитэк не обрадуется, если увидит их здесь вдвоём такими здесь; флешбеками под внимательный взгляд хви предупреждение: вы только свалите, если зайдёте дальше. <a href="http://yellowroad.rusff.me/viewtopic.php?id=469#p69812">читать дальше. . .</a></div>
<!--активисты-->
<div style="    
    border: #000 0px solid;
    top: 142px;
    margin-left: 610px;
    position: absolute;
    z-index: 1000;">
<img title="лучшая пара: min yoongi &amp; min jihoon" src="http://funkyimg.com/i/2JE66.png" style="border: 2px solid #fff;" class="tablehover"> 
<a href="http://yellowroad.rusff.me/profile.php?id=205"><img title="постописец: chae hyungwon" src="http://funkyimg.com/i/2JE69.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a> 
<a href="http://yellowroad.rusff.me/profile.php?id=175"><img title="постописец: jung jaehyun" src="http://funkyimg.com/i/2JE6d.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a> 
<a href="http://yellowroad.rusff.me/profile.php?id=159"><img title="постописец: oh sehun" src="http://funkyimg.com/i/2JE6a.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a>
<br>
<a href="http://yellowroad.rusff.me/viewtopic.php?id=651#p61159"><img title="лучший эпизод: forgve me. i'm hopeless." src="http://funkyimg.com/i/2JE6b.png" style="border: 2px solid #fff;" class="tablehover"></a>
<a href="http://yellowroad.rusff.me/profile.php?id=223"><img title="активист: lee jimin" src="http://funkyimg.com/i/2JE68.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a> 
<a href="http://yellowroad.rusff.me/profile.php?id=33"><img title="активист: park siyeon" src="http://funkyimg.com/i/2JE67.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a> 
<a href="http://yellowroad.rusff.me/profile.php?id=30"><img title="активист: kim donghan" src="http://funkyimg.com/i/2JE6c.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a> 
</div>

<div style="    
    border: #000 0px solid;
    top: 142px;
    margin-left: 610px;
    position: absolute;
    z-index: 1000;">
<img title="лучшая пара: min yoongi &amp; min jihoon" src="http://funkyimg.com/i/2JE66.png" style="border: 2px solid #fff;" class="tablehover"> 
<a href="http://yellowroad.rusff.me/profile.php?id=205"><img title="постописец: chae hyungwon" src="http://funkyimg.com/i/2JE69.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a> 
<a href="http://yellowroad.rusff.me/profile.php?id=175"><img title="постописец: jung jaehyun" src="http://funkyimg.com/i/2JE6d.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a> 
<a href="http://yellowroad.rusff.me/profile.php?id=159"><img title="постописец: oh sehun" src="http://funkyimg.com/i/2JE6a.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a>
<br>
<a href="http://yellowroad.rusff.me/viewtopic.php?id=651#p61159"><img title="лучший эпизод: forgve me. i'm hopeless." src="http://funkyimg.com/i/2JE6b.png" style="border: 2px solid #fff;" class="tablehover"></a>
<a href="http://yellowroad.rusff.me/profile.php?id=223"><img title="активист: lee jimin" src="http://funkyimg.com/i/2JE68.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a> 
<a href="http://yellowroad.rusff.me/profile.php?id=33"><img title="активист: park siyeon" src="http://funkyimg.com/i/2JE67.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a> 
<a href="http://yellowroad.rusff.me/profile.php?id=30"><img title="активист: kim donghan" src="http://funkyimg.com/i/2JE6c.png" style="max-width:40px;max-height:40px; border: 2px solid #fff;" class="tablehover"></a> 
</div>
<!--новостные иконки
<div style="    position: absolute;
    margin-top: -308px;
    margin-left: 214px;
    width: 280px;
    text-align: right;
    word-spacing: 5px;
    line-height: 16px;">

<a href="http://yellowroad.rusff.me/viewtopic.php?id=25#p70962"><img title="новости #15" style="max-width: 44px;" src="https://i.imgur.com/1W1CBfq.png" class="tablehover"></a>

<a href="http://yellowroad.rusff.me/viewtopic.php?id=735"><img title="я сделяль" style="max-width: 44px;" src="http://funkyimg.com/i/2J7dx.png" class="tablehover"></a><br>

<a href="http://yellowroad.rusff.me/viewtopic.php?id=24"><img title="отзывы о дизайне" style="max-width: 44px;" src="https://i.imgur.com/QRfsM7b.png" class="tablehover"></a>

<a href="http://yellowroad.rusff.me/viewtopic.php?id=770#p70960"><img title="монеточка" style="max-width: 44px;" src="https://i.imgur.com/4k4odjH.png" class="tablehover"></a>

<a href="http://yellowroad.rusff.me/viewtopic.php?id=769"><img title="карусель плашек" style="max-width: 44px;" src="https://i.imgur.com/UIohWen.png" class="tablehover"></a>

<a href="http://yellowroad.rusff.me/viewtopic.php?id=328#p70961"><img title="удаления" style="max-width: 44px;" src="https://i.imgur.com/Bcu8sv4.png" class="tablehover"></a>

</div>-->
<!--кнопки вверх вниз-->
<div class="go-up" id="ToTop"><img src="https://i.imgur.com/f8zZEtc.png" border="0"></div>
<div class="go-down" id="OnBottom"><img src="https://i.imgur.com/iT3FORN.png" border="0"></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:25px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
margin-bottom: 25%; /*отступ снизу (можно не указывать)*/
width:120px; /*ширина кнопки*/
margin-left:20%
height:30px; /*высота кнопки*/
}
.go-up {
bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<!--СКРИПТЫ-->
<!-- Скрипт всплывающей подсказки о персонаже по клику -->
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0019/95/7c/67055.css">
<script img-data="http://sa.uploads.ru/SoT3N.png" src="http://forumstatic.ru/files/0013/44/56/57946.js"></script>
<!-- HTML во всплывающуюю таблицу-->
<script type="text/javascript">
$(document).ready(function(){
  $('img.a-info,.my-tabs>span').click(function(){
   $("li.tab-a .code-box").each(function(){
    if($(this).text().indexOf('<!--HTML-->')!=-1){
    $(this).wrap('<div class="htmldemo"></div>')
    $(this).replaceWith($('.htmldemo').text().split('<!--HTML-->')[1]);}
});});});
</script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->
<!-- Просмотр полного профиля на странице /profile.php V.2 -->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/44995.js"></script>
<!-- Выделение кода в блоке "Код" // © Alex_63, версия 2017г. -->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'выделить код:' //текст ссылки</script>
<!-- Кнопки BB-кодов при редактировании подписи © Alex_63 -->
<script type="text/javascript">
if(document.URL.indexOf('section=signature')!=-1)document.write('<scr'+'ipt type="text/javascript" src="http://forumstatic.ru/files/0016/0b/c8/99528.js"></scr'+'ipt>');
</script>
<!--дополнительные смайлы v.3.1 © Romych-->
<style type="text/css">
#wrapper{left:-10px;position:relative;width: 486px;}
    #wrapper div[class^="t"]{position:relative;z-index:1000;height: 280px!important;overflow-y:auto;}
.tabs{height:22px;line-height:21px;margin:0 0 3px;list-style:none;font-family: arial;font-size:11px;}
 .tabs li{float:left;cursor:pointer;text-transform:lowercase;}
.tabs li a{background:transparent url("")no-repeat scroll 0 0/cover;color:#575757;display:block;margin-bottom:-1px;padding:0 5px 1px;position:relative;text-align:center;text-decoration:none;width:70px;}
.tabs li a:hover{color:#000;background:url("")no-repeat scroll 0-22.1px/cover;text-decoration:none;}
.tabs li.active a{color:#000;border:medium hidden;line-height:22px;background-position:0 -43.2px;}.tabs li.active a:hover{color:#000;}
#smilies-area div[class^="t-"]:not(.t-0){display:none;width:480px;}
</style>

0

2

структура ксс
Код:
/* A1 Import the colour scheme
-------------------------------------------------------------*/
  
/* A1.1 */
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC');
@import url('https://fonts.googleapis.com/css?family=Bahiana');
@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
@import url('https://fonts.googleapis.com/css?family=Homemade+Apple');
@import url('https://fonts.googleapis.com/css?family=Euphoria+Script');
@import url('https://fonts.googleapis.com/css?family=Bad+Script');
@import url('https://fonts.googleapis.com/css?family=Monoton');
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');
@import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do');
@import url('https://fonts.googleapis.com/css?family=Jura');
@import url('https://fonts.googleapis.com/css?family=Megrim');
@import url('https://fonts.googleapis.com/css?family=Lobster');

@font-face {
    font-family: 'yeseva';
    src: url('http://forumstatic.ru/files/0019/96/f4/27666.eot?'),
    url('http://forumstatic.ru/files/0019/96/f4/34774.woff') format('woff'),
    url('http://forumstatic.ru/files/0019/96/f4/28991.ttf') format('truetype'),
    url('http://forumstatic.ru/files/0019/96/f4/30039.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'bebas';
    src: url('http://forumstatic.ru/files/0019/95/7c/38584.eot?'),
    url('http://forumstatic.ru/files/0019/95/7c/59857.woff') format('woff'),
    url('http://forumstatic.ru/files/0019/95/7c/41053.ttf') format('truetype'),
    url('http://forumstatic.ru/files/0019/95/7c/37989.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'gogoia';
    src: url('http://forumstatic.ru/files/0019/98/a7/97500.eot?'),
    url('http://forumstatic.ru/files/0019/98/a7/41672.woff') format('woff'),
    url('http://forumstatic.ru/files/0019/98/a7/50753.ttf') format('truetype'),
    url('http://forumstatic.ru/files/0019/98/a7/90359.svg#svgFontName') format('svg');
}



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

/* A2.1 */
html, body {
    margin: 0; 
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

/* 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.7em;
    vertical-align: middle;
}


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

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

/* A3.2 */
.punbb {
    font: normal 68.70%  verdana, arial, helvetica, sans-serif;
    text-align: justify;
}

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

.punbb textarea {
    color: #000;
    font-family: verdana!important;
    font-size: 0.98em!important;
}

/* 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 legend span {
    font-size: 0.8em!important;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.04em;
}

.punbb h2 span {
    display: none;
}

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

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

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

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

/* A3.10 */
.punbb a {
    text-decoration: 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 {
    width: 900px;
    /*padding: 70px;*/
    border: none;
    border-top: none;
    border-style: none;
}

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

/* A5.3 */


#pun-redirect{
    border: 0 none!important;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0 !important;
    background: url(https://i.imgur.com/uhKFHkN.png) center no-repeat !important;
  }
#pun-redirect *{
  border:0 none;
}
#pun-redirect .main-title {
  display:none;
}


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

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

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

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

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

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

/* A5.10 */
#pun-main h1 {
    font-family: arial;
    font-size: 10px;
}


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

#pun-main h2 {
    padding: 10px 1em 10px 1em;
    border-style: solid solid none solid;
    border-width: 1px 1px 0 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 {
    display: block;
    border-top: 1px solid #888;
    width: 250px;
    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 {
    width: 100%;
    overflow: hidden;
}

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 0.4em 1.8em 1.4em 1.8em;
    padding: 1em;
}

/* 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;
    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.8em;
    left: 1em;
    width: 24em;
    color: #000000;
}

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

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

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

/* 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;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;
    padding-top: 2px;
    letter-spacing: 0.03em;
}

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

/* C1.5 */
.punbb fieldset legend {
    padding: 0;
    margin: 0 0 0 -5px;
    font-size: 0.8em;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.04em;
}

/* 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 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;
    width: 50%;
    padding-right: 1px;
    padding-left: 4em;
 }

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

.punbb .main .tc3 {
    width: 10%;
    text-align: center;
}

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

.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0;
}

#pun-viewforum .tcl {
}

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

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
    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 {
    background-color: transparent;
    color: #554b58;
    font-family: arial black;
    margin-top: -6px;
}

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

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

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

/* C2.12 */
.punbb .main th {
    border-style: none none none none;
    border-width: 0 0 0 0px;
    padding: 0.4em 1.5em 0.4em 1.5em;
}

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

* html .tclcon {
    height: 1px;
}

/* C2.14 форумы */

.punbb td div .tclcon, .category .container table .hasicon .tc1 {
    background-color: #fcf0f1;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 14px;
    width: 330px;
    font-size: 10px!important;
    font-family: arial;
}

.punbb td div.tclcon {
}

/* C2.15 */
.punbb div.icon {
    float: right;
    margin-left: 52px;
    margin-top: 0px;
    margin-right: 10px;
    display: block;
     width: 23px;
    height: 23px;
}

/* C3 Topics

-------------------------------------------------------------*/

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

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

/* C3.3 */
.punbb .post h3 span {
    padding: 0.5em 1em;
    display: block;
    margin-left: 19em;
    border-left-style: none;
    border-left-width: 0px
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: right;
    font-weight: normal;
    padding-right: 30 px;
}

/* C3.5 тело профиля */
.punbb .post .post-author {
    float: left;
    width: 200px;
    margin-top: -1.5em;
    margin-left: 10px;
    overflow: hidden;
    background: url(http://funkyimg.com/i/2JE3y.png) 0 top no-repeat, url() 0 bottom no-repeat;
    background-color: #fcf0f1!important;
    padding-top: 5px;
}

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

/* C3.7 */
.pa-author {
    font-size: 1.1em;
    margin-top: 5px!important;
}

li.pa-fld1 {
    margin-top: -18px;
    margin-left: -3px;
    cursor: pointer;
}

/* C3.8 ник автора */
.pa-author a {
    font-size: 11px;
    color: #db565a!important;
    font-family: arial black;
    letter-spacing: 1px;
    margin-top: 3px!important;
    text-transform: uppercase;
    font-weight: bold;
}

/* C3.9 статус*/
li.pa-title {
    color: #000;
    font: 7pt "tahoma" !important;
    text-transform: lowercase;
    padding-bottom: 4px;
  }

li.pa-online {
    margin-bottom: 5px;
    color: #aaa;
    line-height: 0.8em;
    font-size: 9px;
    text-transform: lowercase;
    border-left-style: solid;
    border-left-width: 0.7em;
    margin-top: 0.7em;
    font-family: tahoma!important;
  }

.post-author ul li.pa-avatar img {
    background: transparent none!important;
    max-width: 180px;
    height: auto;
    width: auto!important;
    border: 2px solid #ffd8d9;
    margin-left: -3px;
}

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

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

/*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;
    padding-right: 1em;
}

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

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

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

.pl-website { 
    visibility: hidden; 
}

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

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

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

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

/* C5 Message boxes

-------------------------------------------------------------*/

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

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

/* C6 Profile

-------------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

/* C7 User list

-------------------------------------------------------------*/

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

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

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

/*************************************************************

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

**************************************************************/

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

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

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


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

/* D1.4 */
#pun-title h1 span {
    font-size: 1.5em;
}

#pun-title.section{border:none}

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

#pun-title td.title-logo-tdr {
    border: none;
    width: 400px;
    padding-top: 200px; 
    padding-left: 220px;

}

/* 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-top: 2px;
}

/* D3.2 навигация*/
#pun-navlinks .container{
    padding: 1em;
    font-size: 12px;
    text-align: center;
    font-family: arial black;
    text-transform: uppercase;
    margin-top: -65px!important;
    position: absolute;
    width: 900px;
}

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

/* D3.4 */
#pun-navlinks li a {
    font-size: 1.1em;
    -webkit-transition: all linear 0.2s; 
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

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

/* D4.1 */
#pun-ulinks  {
    padding-top: 0.5em;
    letter-spacing: 3px;
    color: #aaaaaa;
    font-size: 12px;
    font-family: arial;
    text-transform: lowercase;
    margin-top: -45px;
    position: absolute;
    width: 900px;
  }

/* D4.2 */
#pun-ulinks .container {
    border-top: none;
    text-align: center;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
    color: #aaaaaa;
    letter-spacing: 0px;
    font-size: 11px;
    font-family: arial;
}


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

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

/* D5 Welcome box and Top Breadcrumbs

-------------------------------------------------------------*/

/* D5.1 привет, юзернейм*/
#pun-status, #pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
    margin-top: -10px;
    border-top: none;
    font-size: 11px;
    color: #000;
    font-family: arial;
    letter-spacing: 0px;
    text-transform: lowercase;
    text-align: center;
    position: absolute;
    width: 900px;
}

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

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

/* D5.4 */
#pun-crumbs1 {
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    margin-top: 0;
    margin-left: 1.5em;
    color: ##554b58;
    font-family: gogoia;
    text-transform: lowercase;
    margin-left: -10px!important;
    margin-top: 8px;
}

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    font-size: 0.8em;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
}

/* D5.6 */
#pun-break1 {
    margin: 0 2em;
    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;
}

/* 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: 4.3em 1em 1em 1em;
}

/* D7 Statistics

-------------------------------------------------------------*/

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

/* 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: none;
    padding-left: 50%;
}

/* D8.6 */
#pun-crumbs2 {
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: none;
    border-top: none;
    font-size: 1.1em;
    font-family: arial;
    color: #3d3d3d;
}

/* D8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 0em 4.4em;
    font-size: 0.8em;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
}

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

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

/* D9 Help file

-------------------------------------------------------------*/

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

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

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

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

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

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

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

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

.permalink {
    padding-left: 0.5em;
}

.sharelink {
    padding-right: 1em;
}

0

3

цвета ксс
Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/

#pun-title table {
    border: none;
    margin-left: -10px;
    float: none;
    width: 900px;
    height: 1px;
}
    /*background-image: url("http://funkyimg.com/i/2EX2p.png");
    background-position: top center;
    background-repeat: no-repeat;
}*/

body {
    background-color: #ffffff;
    background: linear-gradient(to bottom, #ffdedc, #fffcfc);
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-style: none;
}

#pun { 
    margin: 315px auto auto auto;
    background-image: url(""); 
    background: #ffffff;
    background-attachment: fixed; 
border-style: none;
}

/*Ставим низ*/ 
#pun-about p.container {
    background-image: url(https://i.imgur.com/U1rIOmO.png);
    background-repeat: no-repeat;
    border: none;
    margin-bottom: -42px;
    width: 900px;
    height: 66px;
    margin-left: -5px;
}

div#pun-about {
    margin-bottom: -10px;
} 

#pun-title .title-logo { 
    display: none; 
}


.lastedit {
    display: none;
}

#pun-main .post-author ul  {
    text-align: center;
}

#pun-announcement h2 {
    display: none;
}

.stickytext, .closedatafield {
    display: none;
}

/*Цвет полосы прокрутки*/

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

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #db565a;
}

/* ПРОКРУТКА В ТЕМАХ */

#facestd::-webkit-scrollbar, #us_td::-webkit-scrollbar, #of_td::-webkit-scrollbar  { 
    width: 4px; 
    height: 2px; 
}

#facestd::-webkit-scrollbar-track, #us_td::-webkit-scrollbar-track, #of_td::-webkit-scrollbar-track { 
    background-color: #fefafa; 
}

#facestd::-webkit-scrollbar-thumb, #us_td::-webkit-scrollbar-thumb, #of_td::-webkit-scrollbar-thumb { 
    background-color: #ffd8d9; 
}

.resizable-textarea textarea {
    display: block;
    margin-bottom: 0pt;
    color: #000000;
}

/* цвет выделения кода */
::selection { 
background: #ffd8d9; /* Safari */ 
} 
::-moz-selection { 
background: #ffd8d9; /* Firefox */ 
}

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

.punbb .formal fieldset .post-box {
    padding-right: 1em;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {  
    background-color: transparent;  
    background-image: url();  
    font-size: 11px;
    text-align: center;
    color: #000000;
    font-family: Arial;
    text-transform: lowercase;
}

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    /* background: url() 0 bottom no-repeat, url(https://i.imgur.com/w8H7hwa.png) 0 top no-repeat, url(https://i.imgur.com/wbpUdSv.png) 0 top repeat; */
    background-color: #fcf0f1;
    /* border: 0px double #d6d6d6 !important; */
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: justify;
    background-position-x: right;
    border-top: 6px solid #ffd8d9!important;
}

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

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

.punbb textarea, .punbb select, .punbb input {
    background-color: #fcf0f1;
    border: 1px solid #ffd8d9 !important;
}

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

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

  }

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

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

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
    border-color:transparent;
}
 
/* CS2.5 */
.punbb th {color: #000000;
    border-color: transparent;  
}

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

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
    border-color: transparent;
}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
    border-color: transparent;
}

.punbb .divider {
    border-color: transparent;
}

.punbb .formal fieldset .post-box, .punbb .info-box {
    border: 1px solid #000000
}

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

.punbb .post-sig dt {
    border-top-color: transparent !important;
}

#pun-userlist .main .tcl, #pun-userlist .main .tc2 {
    width: 15%!important;
}
/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
    color: #db565a;
    border-bottom: 1px none #000000;
    text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #000000;
}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
    color: #323232;
    border-bottom: 0px none #000000;
    text-decoration: none;
}

/* CS3.3 */
#pun-navlinks a {
    color: #160e12;
    border-bottom: 0px none #160e12;
    text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #db565a;
    border-bottom: 0px none #000000;
    text-decoration: none;
}

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

#pun-index.punbb .tclcon h3 > a {
    color: #db565a;
    /* -webkit-transition: all linear 0.3s; */
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
    text-shadow: 0px 0px 0px #ad9fa9;
    text-transform: uppercase;
    font-size: 13px !important;
    padding-right: 10px;
    font-weight: bold;
}

#pun-index.punbb .tclcon h3 > a:active, #pun-index.punbb .tclcon h3 > a:hover {
    color: #000000;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

.punbb table Div.icon {
    /* float: right; */
    display: block;
    border-style: none none none none;
    width: 55px;
    height: 100px;
    margin-left: 335px;
    margin-top: -25px;
    background: url(https://i.imgur.com/P7XW1dL.png) no-repeat;
    position: absolute;
}

tr.inew div.icon {
    background: url(https://i.imgur.com/BOZJEfy.png) no-repeat;
}

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

#pun-viewforum table Div.icon {
    background-image: url(https://i.imgur.com/9UXkqT1.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    float: right;
    /* height: 9px; */
    margin-left: 10px;
    /* margin-right: 6px; */
    margin-top: 1.5px;
    position: relative;
    width: 50px!important;
    height: 50px;
    /* background-position-x: -10px; */
}

#pun-messages table Div.icon {
    background-image: url(https://i.imgur.com/9UXkqT1.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    float: right;
    /* height: 9px; */
    margin-left: 10px;
    /* margin-right: 6px; */
    margin-top: 1.5px;
    position: relative;
    width: 50px!important;
    height: 50px;
    /* background-position-x: -10px; */
    margin-top: -6px;
}

#pun-viewforum TR.inew Div.icon {
    background-image: url(https://i.imgur.com/xhLdOLG.png);
}

#pun-messages TR.inew Div.icon {
    background-image: url(https://i.imgur.com/xhLdOLG.png);
}

#pun-viewforum TR.isticky Div.icon {
    background-image: url(https://i.imgur.com/GpW6yur.png);
}

#pun-searchtopics Div.icon {
    display: none;
}



/*всплывающее окно наград и репутации*/
#pun-popup_awards div.container {
    background: #bcbcbc;
}

.inner.post_reputation {
    background: #dddddd; /*цвет фона*/
    border: 2px double solid #cdc285; /*граница*/
}

/*фон выпадающего меню в форме ответа*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    background: #fefafa;
    border: 2px solid #db565a;
    padding-top: 5px; /*отступ от bb-панели*/
    border-radius: 5px;
}

/*Выравниваем в одну строку число постов и Уважение*/
.pa-posts, .pa-respect {
    text-align: center;
    font-size: 9px ;
    border: 0px solid #cbc0bf; /*Вид бордеров*/
    display: inline-block;
    padding: 0 2px;
    width: 66px; 
    margin-left: 0px; 
    text-transform: lowercase;
}

.pa-posts {
    word-spacing: 25px;
    margin-left: -38px!important;
}

.pa-fld2 {
    text-align: center;
    font-size: 9px;
    border: 0px solid #cbc0bf;
    display: inline-block;
    padding: 0 2px;
    width: 55px;
    margin-left: -5px!important;
    background-color: #fefafa;
}

.lz {
    text-align: justify;
    background-color: #fefafa;
    padding: 4px;
    font-family: arial;
    font-size: 10px;
    line-height: 11px;
    width: 176px;
    margin-left: -3px!important;
    border-bottom: 3px solid #ffd8d9;
}

.fl {
    float: left;
    color: #6f8d8b;
    font-size: 48px;
    font-family: arial black;
    line-height: 23px;
    padding-right: 2px;
    text-shadow: 2px 1px #ffd8d9;
    /* max-width: 28px; */
    max-height: 50px;
}

.fl a {
    color: #db565a!important;
}

.pa-respect {
    margin-right: -40px!important;
}

.pa-posts, .pa-fld2, .pa-respect {
}

#font-area.container {
    height: 200px;
    overflow: auto;
    border: 2px solid #db565a;
    background: #fefafa;
    border-radius: 5px 0px 0px 4px;
    left: 15px;
    width: 130px;
}

#size-area.container {
    background-color: #db565a;
    border: 2px solid #fefafa;
    border-radius: 5px;
    left: 35px;
    width: 50px;
}

/*цвет ссылок в профиле*/
.punbb .post .post-author a{
    color: #000000;
}

/*цвет текста в профиле*/
.punbb .post .post-author {
    color: #000000;
}

#of_fon {
    background-color: #fcf0f1;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 35px 5px 25px;
    width: 500px;
    border: 10px solid #ffd8d9;
}

#of_headline fl {
    letter-spacing: 5px;
    background-color: #fefafa;
    color: black;
    font-family: yeseva;
    font-size: 17px;
    font-weight: bold;
    width: 427px!important;
    height: 50px!important;
    text-transform: uppercase;
    display: block;
    line-height: 50px;
}

#of_bank {
    font-family: arial;
    font-size: 11px;
    height: 515px !important;
    line-height: 15px;
    margin-top: -4px !important;
    padding-left: 15px;
    overflow-y: auto;
    text-align: left;
    width: 196px;
    background: #fefafa;
    padding: 10px 4px 4px 6px;
}

of3 {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: yeseva;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin-left: 30px;
    padding: 0 0 0 14px;
}

of4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: yeseva;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin-left: 30px;
    padding: 0 0 0 14px;
}

#facefon {
    background-color: #fcf0f1;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 35px 5px 25px;
    width: 500px;
    border: 10px solid #ffd8d9;
}

#faceprivet hi {
    letter-spacing: 5px;
    background-color: #fefafa;
    color: black;
    font-family: yeseva;
    font-size: 17px;
    font-weight: bold;
    width: 427px!important;
    height: 50px!important;
    text-transform: uppercase;
    display: block;
    line-height: 50px;
}

#facestd {
    font-family: arial;
    font-size: 10px;
    height: 100px !important;
    line-height: 10px;
    margin-top: -4px !important;
    padding-left: 15px;
    overflow-y: auto;
    text-align: left;
    width: 193px;
    background: #fefafa;
}

#faceprivet3 {
    background: #f0efe2;
    color: #121212bd;
    font-family: tahoma;
    font-size: 17px;
    font-weight: bold;
    padding: 15px 0;
    text-transform: uppercase;
    width: 440px;
}

#faces {
    margin-top: 20px;
}
fc1 {
    font-family: yeseva;
    color: black;
    font-size: 15px;
    letter-spacing: 3px;
    margin-left: -18px;
    text-transform: uppercase;
}

fc2 {
    font-family: yeseva;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin-left: 30px;
    padding: 0 px 0 5px;
}

#faces table {
    vertical-align: top;
}

#of_pic {
    color: #121212bd;
    font-family: tahoma;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    width: 427px!important;
    line-height: 50px;
}

#of {
    margin-top: 20px;
}

.of1 {
    font-family: yeseva;
    color: black;
    font-size: 15px;
    letter-spacing: 3px;
    margin-left: -18px;
    text-transform: uppercase;
}

of2 {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: yeseva;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin-left: 30px;
    padding: 0 px 0 5px;
}

#of table {
    vertical-align: top;
}

#of_td {
    font-family: arial;
    font-size: 10px;
    height: 100px !important;
    line-height: 10px;
    margin-top: -4px !important;
    padding-left: 15px;
    overflow-y: auto;
    text-align: left;
    width: 193px;
    background: #fefafa;
}

.ust_opis {
    text-align: justify;
    background-color: #fefafa;
    width: 397px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    margin-top: -15px!important;
    font-size: 10px;
    font-family: arial;
}

#us_td {
    font-family: arial;
    font-size: 10px;
    height: 70px !important;
    line-height: 10px;
    margin-top: -4px !important;
    padding-left: 15px;
    overflow-y: auto;
    text-align: left;
    width: 193px;
    background: #fefafa;
}

.prof, .vnesh, .us_op {
    padding-bottom: 10px;
}

/* СОЦ СЕТЬ */

.sn_fon {
    width: 500px;
    background-image: url(http://funkyimg.com/i/2EQyw.png);
    border: 1px ridge;
}

.sn_login  {
    background-image: url(http://funkyimg.com/i/2EQtf.png);
    height: 40px;
    margin-top: 0px!important;
    line-height: 44px;
    font-size: 24px;
    display: block;
    font-family: bebas;
    font-weight: bold;
    letter-spacing: 2px;
}

.snfp_login {
    height: 30px;
    text-align: left;
    font-family: bebas;
    /* line-height: 10px; */
    font-size: 18px;
    font-weight: bold;
    margin-left: 40px!important;
    margin-top: 9px!important;
    letter-spacing: 2px;
}

.sn_pic {
    margin: 4px 10px 10px 10px!important;
}

.sn_hash {
    text-align: left;
    margin-left: 10px!important;
    font-family: arial;
    font-style: italic;
    color: #15d698;
}

.sn_text {
    text-align: justify;
    margin: 5px 10px 10px 10px!important;
    font-family: arial;
    font-size: 13px;
    height: auto;
    overflow-y: auto;
}

.sn_date {
    margin-left: 10px!important;
    text-align: left;
    color: #575757;
    vertical-align: bottom;
    font-style: italic;
    padding-bottom: 5px!important;
}

.sncom_fon {
    width: 340px;
    height: 123px;
    background-image: url(http://funkyimg.com/i/2EQFW.png);
    background-color: #fff;
    background-repeat: no-repeat;
    border: 1px ridge;
}

.snfp_text {
    font-family: arial;
    font-size: 12px;
    width: 210px;
    text-align: justify;
    overflow: auto;
}

.snfp_ava {
    float: left;
    width: 70px;
    height: 70px;
    margin-left: 15px!important;
    border-radius: 50%;
    overflow: hidden;
}

.speed {
    position: absolute;
}

/* КОНЕЦ СОЦ СЕТИ */

/* СОО ПРИНЯТИЯ */
.prin_fon {
    width: 340px;
    height: 200px;
    background-image: url(http://funkyimg.com/i/2EQFW.png);
    background-color: #fff;
    background-repeat: no-repeat;
    border: 1px ridge;
}

.prin_text {
    width: 320px;
    font-family: arial;
    text-align: justify;
    overflow: auto;
    height: 136px;
    font-size: 12px;
    padding-top: 1px;
    line-height: 13px;
}

.prin_pic {
    float: left;
    padding-right: 6px;
    margin-top: 3px!important;
}
/* КОНЕЦ СОО ПРИНЯТИЯ */



/* ПЕРВОЕ СОО СОЦ СЕТИ & ЛИЧНОЙ СТРАНИЦЫ */
.snfm_fon {
    width: 500px;
    height: 250px;
    background-image: url(http://funkyimg.com/i/2EQyw.png);
    border: 1px ridge;
}

.snfm_ava {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
}

.snfm_song {
    font-family: arial;
    font-style: italic;
    color: #15d698;
    font-size: 12px;
    margin-top: 5px!important;
}

.snfm_text {
    font-family: arial;
    font-size: 12px;
    width: 210px;
    height: 70px;
    text-align: justify;
    overflow: auto;
}

.snfm_gifts {
    overflow-y: -webkit-paged-x;
    height: 55px;
    text-align: left;
width: 212px
}

.snfm_plashki {
    height: 130px!important;
    width: 194px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 5px!important;
}
/* КОНЕЦ ПЕРВОГО СОО */

/* СКРЫТИЕ MARK В ТЕМЕ С ЛИЧНОЙ СТРАНИЦЕЙ */
.post-content .highlight-text {
    background-color: #c2dbd2!important;
    color: #000;
}

/* ОФОРМЛЕНИЕ НОВОСТЕЙ */
.news_fon {
    width: 500px;
    height: 570px;
    background-image: url(http://funkyimg.com/i/2EQyw.png);
    border: 1px ridge;
}

.news_text {
    margin: 12px 20px!important;
    text-align: justify;
    font-family: arial;
    font-size: 13px;
    height: 300px;
    overflow-y: auto;
    padding-right: 4px;
}

.news_hash {
    text-align: left;
    margin-left: 20px!important;
    font-family: arial;
    font-style: italic;
    color: #15d698;
}

.news_pics {
    float: left;
    margin-right: 8px!important;
}

.news_flood {
    height: 80px;
    margin-top: 10px!important;
    position: absolute;
    text-align: right;
    width: 240px;
}

.news_game {
    height: 80px;
    margin-top: 10px!important;
    position: absolute;
    margin-left: 250px!important;
    text-align: left;
    width: 240px;
}

.news_couple {
    position: absolute;
    text-align: left;
    width: 240px;
    margin-top: 90px!important;
    margin-left: 250px!important;
}

.news_post {
    position: absolute;
    margin-top: 90px!important;
    text-align: right;
    width: 240px;
}

.news_date {
    margin-left: 20px!important;
    text-align: left;
    color: #575757;
    vertical-align: bottom;
    font-style: italic;
    position: absolute;
    margin-top: 170px!important;
}

.news_fon1 {
    width: 500px;
    height: 650px;
    background-image: url(http://funkyimg.com/i/2EQyw.png);
    border: 1px ridge;
}

.news_luch {
    position: absolute;
    width: 442px;
    margin-top: 170px!important;
    margin-left: 23px!important;
    text-align: justify;
    font-family: arial;
    font-size: 13px;
}

.post_pic {
    float: left;
    margin-right: 6px!important;
}

.news_date1 {
    text-align: left;
    color: #575757;
    vertical-align: bottom;
    font-style: italic;
    position: absolute;
    margin-top: 20px!important;
}

/* КОНЕЦ ОФОРМЛЕНИЯ НОВОСТЕЙ */

/* ВСПЛЫВАЮЩЕЕ В ШАПКЕ */
.tablehover {
    opacity: 0.7; 
    transition-duration: 1s;  
    -moz-transition-duration: 1s;  
    -webkit-transition-duration: 1s;  
    -o-transition-duration: 1s;
 }

.tablehover:hover {
    opacity: 1;
 }


th.tc2.pmtc22 {
    width: 135px!important;
}

th.tc3.pmtc33 {
    width: 95px!important;
}
/* КОНЕЦ ВСПЛЫВАЮЩЕЕ */

/*СИСТЕМНЫЕ ПЛАШКИ*/
.plashki {
    background-color: rgba(252, 244, 230, 0.55);
    font-family: arial;
    width: 184px;
    margin-left: 7px!important;
    height: 20px;
    padding-top: 6px!important;
}
/*КОНЕЦ СИСТЕМНЫХ*/

/* КОНЕЦ ОФОРМЛЕНИЯ НОВОСТЕЙ */

 .akcia {
    font-size: 14px;
    letter-spacing: 0px;
    text-align: center;
    color: #6f8d8b;
    font-family: gogoia;
    text-transform: lowercase;
    letter-spacing: 1px;}

0

4

структура ксс-2
Код:
/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.1609024591.css); 
@import "http://webfonts.ru/import/coolvetica.css";  
@import url(http://allfont.ru/allfont.css?fonts=bodoni);
  @import url(http://allfont.ru/allfont.css?fonts=minion-cyrillic-semibold);
  @import url(http://allfont.ru/allfont.css?fonts=penta-bold);
  @import url('https://fonts.googleapis.com/css?family=Stardos+Stencil');




/* 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;
  line-height: 1.2;
  }

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

/* A3.2 */
.punbb {
  font: normal 70.76% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif;
    color: #121317;
    background-color: #d2d2d2;
    border-style: solid;
    border-width: 4px;
    -moz-border-image: url(https://i.ibb.co/VYvK2nc/NgMbi.jpg) 4 repeat;
    -webkit-border-image: url(https://i.ibb.co/MMfMm7S/3.jpg) 4 repeat;
    -o-border-image: url(https://i.ibb.co/VYvK2nc/NgMbi.jpg) 4 repeat;
    box-shadow: 0 -11px 0 -8px #7d728f, 0 11px 0 -8px #7d728f;
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  padding-left: 3px;
  }

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

/* A3.5.1 */
.punbb h2 span {
    font-size: 0em;
  }

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

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

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

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

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

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


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

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

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
/* ширина форума проставляется здесь */
#pun {
  margin:  0px auto auto auto;;
 width: 960px;
  position: relative;
  }

/* A5.2 */
.punbb {
  width: 895px;
  height: auto;
margin-left: 0px;
padding-left: 28px;
  }


/* A5.3 */
#pun-redirect{
    border: 0 none!important;
    background: #261c14 !important;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    top: 0%;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
font: 9px bodoni !important;
    background: url(http://sd.uploads.ru/nX9fJ.png) top center no-repeat !important;
  }
#pun-redirect *{
  border:0 none;
}
#pun-redirect .main-title {
  display:none;
}
#pun-redirect.punbb .info .container{
    position: absolute;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    left: 4px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 68px auto auto auto;
    width: 387px;
    padding: 10px 10px;
    height: 40px;
    background-color: #d5d5d5;
    box-shadow: inset #8e8e8e 0 0 26px;
    border: 2px dotted #887d8d;
}

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

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
background-color: transpanent;
color: #2b1c0c;
text-align: left;
  font-size: 11px;!important
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
background-color: transpanent;
color: #2b1c0c;
text-align: left;
  }

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

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



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

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

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

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    text-align: center;
    border-top: 1px solid #686465;
    width: 50%;
    margin-left: 160px;
    padding-bottom: 10px;
}

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
text-align: justify;
    margin-left: 3px;
   word-wrap: break-word;
    padding-top: 5px;
  }

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    background-color: #d2d2d2;
    margin: 0.4em 0em 1.4em 0em;
    padding: 0.5em;
    border-style: solid;
    border-width: 4px;
    -moz-border-image: url(https://i.ibb.co/VYvK2nc/NgMbi.jpg) 4 repeat;
    -webkit-border-image: url(https://i.ibb.co/MMfMm7S/3.jpg) 4 repeat;
    -o-border-image: url(https://i.ibb.co/VYvK2nc/NgMbi.jpg) 4 repeat;
    box-shadow: 0 -11px 0 -8px #7d728f, 0 11px 0 -8px #7d728f;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0.2em;
    font-size: 13px;
    letter-spacing: 0.4px;
    border-bottom: 1px dashed #344646;
    font-weight: bold;
    font-style: normal;
    margin: 0;
    color: #544002;
  }

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

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

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

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


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

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

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

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

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

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

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

/* 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 12em 0 0;
  height: 100%; /* For IE */
  }

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


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

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

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

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
    padding-bottom: 2px;
  }

/* 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: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 0.7em;
  word-wrap: break-word;
  }

/* 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 {
            margin-left: 10px;
            width: 300px;
    }

/* C2.15 */
.punbb div.icon {
    float: right;
    display: block;
    padding: -10px 0px 5px 0px;
    width: 60px;
    height: 32px;
    padding-right: 9px;
    margin-top: 7px;
}

/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: static;
  margin-left: 0.2em;
  }


 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
background-color: transpanent; 
}



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

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

  }

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

  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

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

  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;

  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;

  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }

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



/* 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 {
  padding: 0.5em 1em;
  display: block;
  margin-left: 22em;
  border-left-style: solid;
  border-left-width: 1px
 }


/* 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: 230px;
    margin-left: 6px;
    margin-top: -1.3em;
    background: url(https://i.ibb.co/zVrY9Xq/Ys3KX.jpg) top center no-repeat, url(https://i.ibb.co/Pjr7nBy/IMeKh.jpg) bottom no-repeat, url(https://i.ibb.co/CtxDbW3/4iDvw.jpg) center repeat-y;
    padding: 3px 9px 9px 9px!important;
}

/* C3.6 */
.punbb .post .post-author > ul {
padding: 20px 2em 0em 1em;margin-top: -4px;
line-height: 110%;margin-left: 7px;
    color: #504543;}

/* C3.7 */
.pa-author {
    font-size: 1.2em;
    font-family: verdana;
    text-transform: none;
    margin-top: 0px;
    width: 200px;
    margin-left: auto;
}

/* C3.8 */
.pa-author a {
    font-family: georgia !important;
    font-weight: bold;
    letter-spacing: 0px;
    color: #b6b6b7 !important;
    font-size: 12px;
    text-transform: uppercase;
}

/* C3.9 */
li.pa-title {
    padding: 5px 2px 3px 2px;
    margin-top: -2px;
    margin-left: 1px;
    font-size: 11px !important;
    font-family: georgia;
    text-transform: lowercase;
    color: #2a2626;
    text-align: center;
    border-bottom: 1px solid #777270;
    width: 190px;
}


/* C3.11 */
.punbb .post-body {
  margin-left: 22em;
  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: 20em;
  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 0em;
  text-align: right;
padding-left: 11px;
  }

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

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  margin-left: -2px;
  }

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



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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }
/**********************************************/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

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

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

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

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

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

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

#pun-title h1 span  {
  font-size: 1.5em;
  }


/* 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-left: -10px;
    margin-top: -55px;
    text-align: center;
    font-family: impact;
    font-size: 20px;
} 

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  }

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

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.0em;
   font-size: 16px;!important
}

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

/* D4.1 */
#pun-ulinks  {
    border-left-style: none;
    border-right-style: none;
    text-align: center;
    margin-top: -15px;
    margin-left: 0px;}


/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  width: 880px;
  padding: 0.2em 1em;
   text-align: center;
  margin-top: -55px;
  }

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

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

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

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

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

/* D5.2 */
#pun-status .container {
padding: 0.8em 4em 1em 1em;
    margin-top: -24px;
  }

/* 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;
   font-weight: bold;
  }

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

/* 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: 1.5em 1em 1em 1em;
  }

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

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

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

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

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

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

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

/* D8.7 */
#pun-crumbs2 .container {
border-top: none;
padding: 1em 1em 0.8em 1em;
    font-family: 'Stardos Stencil'!important;
font-weight: 700;
font-size: 11px;
color: #282828;
text-align: center;
text-transform: uppercase;
letter-spacing: 0px !important;
}


/* 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 mono", "courier new", courier, monospace
  }
/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

input.button, #post fieldset .hashelp div input {
    background: rgb(210, 210, 210);
    color: #282828;
    padding-bottom: 3px;
    text-transform: lowercase;
    cursor: pointer;
    border: 3px double rgb(75, 75, 75);
    font: 12px Penta Bold !important;
}

#pun-index.punbb th,#pun-viewforum.punbb th{
  font-size:0!important;
  color:transparent!important;
  height:0!important;
  padding:0!important;
  border:0!important;
}

0

5

цвета ксс-2
Код:
/* фон */
body {background: url(https://i.ibb.co/fdDWfqz/HTPEi.jpg) 50% 0% repeat-x, url() 50% 100% repeat-x, url(https://i.ibb.co/tQdrYJx/LWq0G.jpg) 40% 0%;
background-color: #909090;  margin-left: 1px !important;}


/* Шапка */
#pun-title table {
background-image: url(https://i.ibb.co/TrWwsdK/4kC7g.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 420px;
    width: 960px;
    margin-left: -28px;
}

/* тело форума */
#pun {background-color: #dedddd; background-image: url(https://i.ibb.co/J72bnHx/tiUgk.jpg);    
}


/* футер */
#pun-about p.container {background-color: #a9a7a8;
background: url("https://i.ibb.co/X5V7y2Z/SHqPb.png");
background-position: center top; 
background-repeat: no-repeat; 
   width: 960px;
   height: 200px;
margin-left: -31px;
text-align: center;
border-color: transparent;
}
div#pun-about {
   margin-bottom: -24px;
   
}

#profilenav h2 {text-shadow: none;}

#pun-redirect.punbb  #pun-main h1 {}

hr, .banner-line {
height: 1px;
background: black;
border: 1px;}

/* Цвет текста */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, 

.punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main 

h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu 

.container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain 

legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { 

background-color: transpanent;
color: #000000;
font-weight: normal;
font-family: verdana;
font-style: normal;
}



/* Ссылки */

/* cs2.1. ссылка */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {color: #6b6b6b;
  text-decoration: none;
}


/* cs2.2 ссылка ховер */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  border-bottom: 0px none #000;
color: #695D55;}


/* cs2.3. верхняя навигация */
#pun-navlinks a {
    color: #402927;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #2a2625;
}

/* cs2.4. нижняя навигация */
#pun-ulinks a {
color: #3f3d3a;
    font: 10px georgia !important;
    text-transform: lowercase;
    letter-spacing: 1px;
     text-align: center;
}

/* cs2.5. верхняя навигация ховер */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  border-bottom: 0px none #000;
color: #746e7f!important;}

/* cs2.5. нижняя навигация ховер */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
opacity: 0.5 !important;}

a.link2 {
    color: #c0c0c0 !important;
    text-transform: uppercase;
    font-family: fowviel!important;
    font-size: 15px!important;
    letter-spacing: 0.8px;
    padding: 2px 2px 3px 4px;
}

/* линк в названиях тем на главной*/
td.tcr a {
    color: #7d728f!important;
    font-weight: bold;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/
    div.icon {
            background: url(https://i.ibb.co/ynFRDk5/4T6H5.jpg) no-repeat;
    }
    tr.inew div.icon {
            background: url(https://i.ibb.co/JnYPf4P/vhyFP.jpg) no-repeat;
    }
    tr.iclosed div.icon {
            background: url(https://i.ibb.co/cCxKPfJ/AEUit.jpg) no-repeat;
    }
    tr.isticky div.icon {
            background: url(https://i.ibb.co/Nrg7zQK/TvEIL.jpg) no-repeat;}



/* Цитаты и коды/
.punbb .quote-box, .punbb .code-box {
    background-image: url(http://funkyimg.com/i/2DsYV.jpg);
    background-color: #d2d2d2;
    border-style: solid;
    border-width: 4px;
    -moz-border-image: url(http://funkyimg.com/i/2DsYU.jpg) 4 repeat;
    -webkit-border-image: url(http://funkyimg.com/i/2DsYU.jpg) 4 repeat;
    -o-border-image: url(http://funkyimg.com/i/2DsYU.jpg) 4 repeat;
    box-shadow: 0 -11px 0 -8px #8c9070, 0 11px 0 -8px #8c9070;
}


/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-color: #d2d2d2;
background-image: url("");
    margin-left: 15px;
    margin-top: 5px;
color: #000000}


/* выравнивания параметров профиля */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -5.4em;}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center; 
}
#pun th {text-align: center;} 
#pun-crumbs1 .container { text-align: left;}




/*------------------------полоски прокрутки-----------------------*/

::-webkit-scrollbar-thumb:vertical {
    background-color:#282828;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#282828;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
background-color: #B5B1AE;
    border: 0px solid black;
}


.post::-webkit-scrollbar-thumb:vertical {
    background-color:#282828;
}

.post::-webkit-scrollbar-thumb:horizontal {
    background-color:#282828;
}

.post::-webkit-scrollbar {
    width: 2px;
    height: 2px;
background-color: #B5B1AE;
    border: 0px solid black;
   
}

/*---------------оформление подфорумов---------------*/

/* Форумы */
#pun-index .tcl h3 {
    margin-left: 0px;
    height: 15px;
    text-transform: uppercase;
    font-family: Georgia !important;
    padding-top: 8px;
    text-align: left;
    padding-left: 5px;
}

#pun-index .tcl h3 a {
color: #322c16 !important;
   letter-spacing: 1px;}
#pun-index .tcl h3 a:hover  {
color: #d8af34;
letter-spacing: 1px;}

#pun-index td div.tclcon {
width: 455px;
background: url() 0 top no-repeat, url() 0 bottom no-repeat, url() 0 top repeat-y;
min-height: 95px;}

#comforum {
font-size: 11px;
text-transform: lowercase;
font-family: Georgia;
font-style: italic;
color: #6a6a6a;}

#opforum {
font-size: 11px;
font-family: Verdana;
font-style: none;
color: #080808;
}

.podforum {
padding: 0px 12px 10px 10px;
    text-align: justify;
    font-size: 10px;
    line-height: 11px;
    background-color: #d5d5d5;
}

.ttitle {
    background-color: rgba(82, 73, 82, 0.8);
    text-align: center;
    width: 450px;
    font-family: calibri !important;
    /* font-weight: bold; */
    padding: 2px 3px 1px 3px;
    color: #cccccc;
    border-radius: 0px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 3px !important;
    margin-left: -10px !important;
}

#MyBookmarks {
    display: none;
    position: fixed;
    z-index: 3;
    left: 0;
    font-family: tahoma;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    width: 240px;
    background-color: rgba(224, 222, 223, 0.86);
}

#MyBookmarks li span strong{
    padding: 0em!important;
    margin: 0em; !important}

.pf {
margin: 8px 5px 3px 5px !important;
    padding: 10px 0 0 0;border-top: 1px dotted rgb(148, 143, 152);}
.pf a:link {
    padding: 3px 5px 3px 5px;
    color: rgb(102, 93, 88);
    font-family: georgia;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-transition: top 1s ease-out 0.5s;
    -moz-transition: top 1s ease-out 0.5s;
    -o-transition: top 1s ease-out 0.5s;
    transition: top 1s ease-out 0.5s;
}

/*---------------оформление контента---------------*/

#table-visibility A IMG{opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=60);}
#table-visibility a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=90);}

#table-visibility1 A IMG{opacity:0.5; -moz-opacity:0.6; filter:alpha(opacity=60);}
#table-visibility1 a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=90);}

.tooltip {
    position: relative;
    font-weight: bold;
    display: inline-block;
    color: #c0c0c0 !important;
   font-family: penta-bold!important;
 font-size: 9px; 
text-transform: uppercase; 
}

.tooltip span {
  margin-left: -999em;
  position: relative;
  }

.tooltip:hover span {
  font-family: Verdana;
  position: relative;
  left: -51px;
  top: -180px; 
  z-index: 100;
  margin-left: 0;
  }
.top {
    z-index: 200 !important;
    position: absolute !important;
    color: #dedcdd;
    font-family: calibri !important;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 5px;
    background-color: #181818;
    width: 120px;
    border: 1px solid #acacac;
}

#banners-box {
position: absolute;
    margin-left: 55px;
    margin-top: -78px;
    width: 743px;
    height: 64px;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #79727a;
}

#need-box {
    position: absolute;
    height: 40px;
    width: 400px;
    text-align: center;
}

::selection {
background: #9789a3;
color: #000000; /* Safari */
}
::-moz-selection {
background: #9789a3; /* Firefox */
color: #000000;
}



/*---------------оформление профиля---------------*/
.pa-fld1 {
   background-color: #c9c9c9;
    border-top: solid #7d728f;
    width: 210px;
    margin-left: -13px !important;
    padding: 5px !important;
    margin-top: 2px !important;
    font-size: 10px;
    color: #272424;
}

.pa-respect, .pa-posts, .pa-fld2 {
    font-size: 8pt !important;
    font-family: tahoma;
    font-variant: normal !important;
    display: inline-block;
    width: 47px;
    text-align: center;
    font-style: normal !important;
    text-transform: lowercase;
padding-top: 4px!important;
}

.pa-fld3 {
    font-family: calibri;
    font-size: 9px;
    color: #f3f1f1;
    width: 219px;
    margin-left: -14px !important;
    text-shadow: -1px 1px 0px rgba(211, 169, 53, 0.21);
    text-transform: uppercase;
    background: #524952;
    text-align: center;
    letter-spacing: 1px;
    padding: 2px 2px 2px 2px !important;
    box-shadow: 0 0 19px rgba(187, 187, 187, 0.32) inset;
}

a.link3 {
    text-decoration: none;
    color: #695983 !important;
    text-transform: lowercase;
    font-family: 'OpenGost Type A TT';
    font-size: 17px;
}

a.link4 {
    text-decoration: none;
    color: #695983!important;
    text-transform: none;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
background-image : url(http://funkyimg.com/i/2D8Dh.png);
background-color: #c3c1c1;}

 li.pa-avatar.item2 {margin-top: 9px; margin-left: 5px;}

li.pa-avatar.item2 > img {border: 2px solid #404040;}

#pun-announcement h2 {display: none}

/* регулировка навигации*/
div#pun-navlinks { position: absolute; width: 100%; text-align: left; }
div#pun-ulinks { position: absolute; width: 100%; text-align: left; }

}

.post-content .spoiler-box > div {
    background: url(/img/plus.png) no-repeat left center;
    cursor: pointer;
    padding-left: 18px;
}

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

/* пагинатор */
#paginator{
 background-color: #d9d9d9;
  padding:.2em;
  position:absolute;
  left:6em;border:1px solid;
  table-layout:auto!important;
  width:auto!important;
  border-radius:4px;
  box-shadow:0 1px 2px #000000;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
  z-index:1000;margin-top:1px;
  border-top:solid 1px #eee !important;
}
#paginator td{
  background:transparent!important;
  padding:0.1em;
  border-style:none!important;
}
#paginator a{
  border:solid 1px transparent;
  display:inline-block;
  width:1.8em;height:1.8em;
  line-height:1.8em;
  text-align:center;
  margin:-.2em;
}
#paginator a:hover{
 background-color: #d9d9d9;
  border:solid 1px;
  border-radius:50%;
}

/* линк в посте */
.punbb .post-content a, 
.punbb .post-content a:link {
font-weight: bolder;
color: #7d728f!important;
}

.lastedit {display:none}

.punbb .move_posts_form .container {
  background: url(http://funkyimg.com/i/2D8Dh.png);
}

.pun-awards {padding-bottom: 5px;}

#selected-image-width, #selected-thumb-width, #selected-insert-format {
    margin-top: 5px;
}

.punbb .user-avatar img.ava {
    border: 2px solid currentColor !important;
    border-radius: 0%!important;
    height: 28px;
    width: 28px;
    margin: 1px 9px 2px 0px;
    opacity: 0.85;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 45px;
    background: #dedcdd;
    border: 2px solid #7d728f;
    padding: 5px;
}

 /* Чтобы форма ответа на заезжала на кнопки */
textarea#main-reply {
  height: 250px;
  }

0

6

хтмл верх-3
Код:
<style>
#pun-status .item4.status-right{
  display:none;
}
</style>


<div id="resplash" style="display: none;">
<div class='formal' style='height:200px; width:200px; margin:auto; margin-top:200px; font-family:tahoma; font-size:10px;'> <form id='login' class='container' method='post' action='login.php?action=in' onsubmit='return my_form(this)'><fieldset><span>Форум на профилактике</span><div class='fs-box inline'> <input type='hidden' name='form_sent' value='1' /><input type='hidden' name='redirect_url' value='/' /><p class='inputfield required'> <label for='fld1'>Имя <em>(Обязательно)</em></label><br /> <span class='input'> <input type='text' id='fld1' name='req_username' size='25' maxlength='25'/></span></p> <p class='inputfield required'> <label for='fld2'>Пароль <em>(Обязательно)</em></label><br /> <span class='input'> <input type='password'  id='fld2'  name='req_password'  size='25'  maxlength='25' /></span></p></div></fieldset> <center><p class='formsubmit'> <input type='submit' class='button' id='customebutton' name='login' value='Войти как Администратор' /></p></center></form></div></div>
<script type="text/javascript">
var active = 1;
if(GroupID != 1 && active == 1){
e10 = document.createElement('div')
e10.innerHTML = document.getElementById("resplash").innerHTML;
document.getElementsByTagName('body')[0].insertBefore(e10,document.getElementById('pun_wrap'))
document.write("<style type=\"text/css\">html, body {background: #fff;} #customebutton {margin: auto;} #pun {display: none;}</style>");
document.title= 'Форум на профилактике - '+document.title;
}
</script>


<!-- НОВОСТИ -->
<div class="vkurse">
<span class="podflink"><a href="http://likelife.quadrobb.ru/viewtopic.php?id=40#p23765">Новости</a></span> - ОПЯТЬ ВЕЩАЕТ УСАТЫЙ<br>
 <br>
 </div>



<!--шрифты-->
<link href="http://fonts.googleapis.com/css?family=Lobster|Cuprum&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css">

<!--смайлы с вкладками-->
<style type="text/css">
#wrapper {width: 600px;}
/* вкладки доп смайлов */
ul.tabs {height: 25px;line-height: 25px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
ul.tabs li a {display: block;padding: 0 13px 1px;margin-bottom: -1px;color: #444;text-decoration: none;cursor: pointer;background: #F9F9F9;border: 1px solid #EFEFEF;border-bottom: 1px solid #F9F9F9;position: relative;}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {color: #593e54;padding: 0 13px;background: #9dcbe1;border: 1px solid #593e54;}
ul.tabs li.tab-current a {color: #444;background: #EFEFEF;padding: 0px 13px 2px;border: 1px solid #DDD;border-bottom: 1px solid #EFEFEF;}
div.t2{display: none;width: 450px;}
</style>


<!--Кнопки вверх вниз-->
<div style="position:fixed; right
:0.5%; bottom: 45%;">
<a href=#top onClick="window.scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://i.imgur.com/50Bj650.png" alt="Вверх страницы" ></a>
<br/>
<a href=#top onClick="window.scrollTo(0, document.body.scrollHeight); return false;" title="Вниз">
<img src="http://i.imgur.com/G4mpiuG.png" alt="Вниз" ></a>
</div>




<!--— Убрать надпись отредактировано —-->
<style type="text/css">
.lastedit {display:none}
</style>

<!-- СЧЕТЧИК СИМВОЛОВ -->
<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>

0

7

структура ксс-3
Код:
/* DESIGN BY SISTER OF MERCY 
 artishock.rusff.ru
сестра_милосердия */


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

/* A1.1 */
  @import url(style_cs.css);
@import "http://webfonts.ru/import/bebasneue.css";
@import "http://fonts.fontstorage.com/import/bernierdistressed.css";
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
 @import url(http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic,latin-ext);

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

/* 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: 104%!important;
  }

/* A3.2 */
.punbb {
  font: normal 11px  Verdana;
  }

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


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

.punbb th {
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 1px;
  }

/
/*.punbb .category th{
}
*/
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

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

.punbb legend span {
  font-size: 1.1em;
  }

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

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

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

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

/* A3.10 */
.punbb a {
  }

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


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

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

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


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

/* ШИРИНА ФОРУМА */
/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 990px;
padding: 0px 0px 0px 0px;
}

/* A5.2 */
.punbb {
  float: center;
  width: 950px;
  height: auto;
margin: 0px auto auto auto;
padding: 0px 0px 0px 0px;
  }

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

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

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

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

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

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

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

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

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

/* A 5.11 */
#pun-navlinks li {padding-left: 10px; padding: -50px}

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

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 0px solid #888;
  width: 250px;
  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 {
  width: 100%;
  overflow: hidden;
  }

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
    padding: 1em;
    border-style: solid;
    background-color: #d6d7d9;
    border-color: #9ab3d5 #a39cb5;
    border-width: 1px 4px;
    box-shadow: inset 0 0 0px 3px #d5c4eb;
}


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


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

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

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

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

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

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

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


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

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

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

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

/* 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: 0px;
  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.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

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

/* 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: justify;
  width: 35%;
  }

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

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

/* 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;
    text-transform: uppercase;
    padding: 5px;
    font-family: 'cuprum';
    font-size: 20px;
    letter-spacing: 1px;
    background-color: #ced7e2;
  } 
#pun-index .tcl h3:first-letter {color: #ec95be;}
#pun-index .tcl h3 a:hover {color: #ec95be!important;}

/* ПОДФОРУМ */
#pun-index td div.tclcon {
    color: #9a8882;
width: 350px;
margin-left: 40px;
margin-top: 20px;
min-height: 100px;
text-align: justify;
    background: url() 0 top no-repeat, url() 0 bottom no-repeat, url() 0 top repeat-y;
}


.podftext {width: 300px; margin-left: 25px; font-size: 10px; text-align: justify; padding-bottom: 10px; color: #656b75;}
.podflink1 {width: 300px;}
.podflink {padding: 0px 3px 2px;
    background-color: #d4dbe4;
    font-size: 11px;
    text-transform: uppercase;
    box-shadow: 1px 1px 0px #d6c5ec, -1px -1px 0px #bedc99;
    margin-left: 5px;}





/* 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: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0px;
text-align: center !important;
font-size: 0px;

  }

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

    * html .tclcon {height: 1px}

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


/* Размер иконок */
/* C2.15 */
.punbb div.icon {
      float: left;
    display: block;
    height: 32px;
    width: 32px;
    margin-right: 20px;
    }


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

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

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

/* C3.3 */
.punbb .post h3 span {
  border-left: 0px solid #597465;
  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;
    overflow: hidden;
    background-color: #d6d7d9;
    font-size: 9px;
    color: #656b75;
    margin-left: 10px;
    margin-top: 15px;
    border-width: 4px 1px;
    border-style: solid;
    border-color: #a39cb5 #9ab3d5;
  }



li.pa-avatar img {
  margin-top:0px;
  margin-bottom:0px;
margin-left: -1px;
  border: 2px solid #a39cb5;
}


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


/* C3.7 */
.pa-author {
font-size: 1.1em;
    font-weight: normal;
    margin-top: 10px;
  }

/* C3.8 */
.pa-author a {
font-family: 'cuprum';
font-size: 14px;
text-shadow: 1px 1px 0px #eaeaea;
text-transform: uppercase;
letter-spacing: 1px;
  }

/* C3.9 */
li.pa-title {
margin-top: 5px;
    margin-bottom: 5px;
    text-transform: lowercase;
    line-height: 1em;
    font-size: 9px;
    color: #e6dbd8;
    text-align: center;
    padding: 3px;
    background-color: #b4beca;
  }


li.pa-online {
line-height: 0.8em;
    border-left-style: solid;
    border-left-width: 0em;
    padding-left: 0.4em;
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 9px;
    color: #656b75;
  }

/* C3.11 */
.punbb .post-body {

  border-left-style: solid;
  border-left-width: 0px;
  padding: 0 0 1px 0;
  background-image: url("");
  background-position: right bottom;
  background-repeat: no-repeat;
width: 73%;
  margin-left: 255px;
  }

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

.fs-box .post-body {width: 67%!important;  }

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

/* 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: 0px;
  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 {
        margin-top: 4px;
  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-width: 0px;
  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-style: solid;
  border-width: 0px;
  }


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

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 0px 0px 0 0px;
  }

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

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

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


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

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

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

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

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

/* 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%;
  margin: -50px;
  }

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

#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-top: -40px;
    margin-left: 0px;
    width: 930px;
    font-family: cuprum!important;
  }

.punbb-admin #pun-navlinks {
    margin-top: -50px;
    margin-left: 0px;
    width: 930px;
}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
text-align: center;
  }

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

/* D3.4 */
#pun-navlinks li a {
font-family: 'cuprum';
font-weight: bold;
  }

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

/* НАВИГАЦИЯ НИЖНЯЯ СТРОКА */

/* D4.1 */
#pun-ulinks  {
text-align: center;
    margin-top: -15px;
    text-transform: lowercase;
    width: 930px;
  }

.punbb-admin #pun-ulinks {
    margin-top: -15px;important;
}

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

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

/* 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
text-align: center;
  }


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

/* D5.1 */
/*   margin-bottom: 0;
top: 50px; */
#pun-status, #pun-status .container {
    border-bottom: none;
    color: #656b75;
    width: 920px;
  }

/* 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: 10px 0px 0px 0px;
    margin-left: 10px;
    font-family: cuprum;
    font-size: 15px;
    letter-spacing: 1px;
    color: #9bb5d6;

  }

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


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

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

/* НАДПИСЬ ОБЪЯВЛЕНИЕ */
/* D6.2 */
#pun-announcement h2 span {
  display: none;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  }

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

#pun-about .container { background: url("");
background-color: none;
background-repeat: no-repeat;
height: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D8.7 */
/*  
  padding: 0.8em 1em;
  font-size: 1.1em;*/
#pun-crumbs2 .container {
border-top: none;
    padding: 10px 0px 0px 0px;
    margin-left: 10px;
    font-family: cuprum;
    font-size: 15px;
    letter-spacing: 1px;
    color: #9bb5d6;
  }

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

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


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

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

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

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

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

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

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

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

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


#font-area, #size-area, #color-area, #table-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #smilies-area, #addition-area {
position: absolute;
right: 6px;
top: 37px!important;
background: #d6d7d9;
padding: 7px!important;
border: 3px solid #9ab3d5;
}

#font-area {
max-height: 250px;
overflow-y: auto;
}

.lastedit {
display: none;
}





 /* Новости  */
.vkurse {position:absolute; width: 250px; height: 75px; padding: 5px; color: #88929f; font-size: 10px; margin: 90px 0 0 32px; overflow:auto;}
.vkurse .podflink {font-weight: bold; font-size: 10px; margin-top: 3px;}
.gotovnost {color: #fae58f;
    width: 130px;
    text-align: center;
    position: absolute;
    margin: 207px 0 0 207px;
    font-family: cuprum;
    font-size: 50px;
    text-shadow: 2px 1px 0px #d6c5ec, -2px -1px 0px #beef83;}


 /* Подложка */
.podlogka {background: url(http://funkyimg.com/i/2zyMt.png) 0 top no-repeat, 
url(http://funkyimg.com/i/2zyMu.png) 0 bottom no-repeat, 
url(http://funkyimg.com/i/2zyMv.png) 0 top repeat-y;
width: 600px; height: auto; min-height: 160px; }
.pname {       position: absolute;
    text-transform: uppercase;
    color: #fae58f;
    text-shadow: 2px 1px 0px #b9a6dc, -1px -1px 0px #bcdb98;
    font-family: cuprum;
    font-size: 25px;
    letter-spacing: 1px;
    margin: 17px 0 0 0;
    width: 600px;}
.ptext {width: 540px;
    height: auto;
    padding: 5px;
    color: #656b75;
    text-align: justify;
    padding-top: 81px;
    padding-bottom: 50px;


}

.minip_posts {display:inline-block; width:58px; font:8px 'roboto'; font-weight:bold; color:#999;  padding:4px; margin-bottom:4px; background: #f9e89b; box-shadow: 0 0 2px #e48c67, inset 0 0 39px #e8be27; }
.mpposts {font:16px 'righteous'; color: #2c698e; font-weight:700; display:block; }

0

8

цвета ксс-3
Код:
/* ОФОРМЛЕНИЕ
-------------------------------------------------------------*/

 /* Внешний фон  */
body {background-color: #ccd6e3;
background-image : url("http://funkyimg.com/i/2zyzH.png");
background-repeat: repeat;
background-position : top center;

}

 /* Внутренний фон  */
#pun {
background-image : url(http://funkyimg.com/i/2zyzG.png);
background-color: #c4b9b5;
background-position : center;
}


 /* Шапка  */
#pun-title table {
  border: none;
  height: 378px;
  width: 1074px;
  background-color: none;
  background-image: url(http://funkyimg.com/i/2zyzK.png);
  margin-left:-60px;
}



 /*  Категория */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: none;
text-align:center;
width: auto;
padding: 5px;
    border-style: none solid none solid;
    border-width: 0px 0px 0px 0px;
    background-color: #b4beca;
    text-transform: uppercase;
    color: #fae58f;
    text-shadow: 1px 1px 0px #c6b4e6, -1px -1px 0px #bcdb98;
    font-family: cuprum;
    font-size: 15px;
    letter-spacing: 2px;
  }




 /*  Цитата */
.punbb .quote-box, .punbb .code-box {
 background-color: #d6d7d9;
  color: #735f59;
padding:7px 0px 7px 3px;
}



 /*  Окно формы ответа */
.punbb textarea {
 background-color: #d6d7d9;
  color: #735f59;
border-style: solid;
border-color: #a39cb5 #b4beca;
    border-width: 1px 4px;
padding:7px 0px 7px 3px;
    box-shadow: inset 0 0 0px 3px #d5c4eb;
}
#main-reply {margin-left:-7px;}

/*  1 - хз
2 - Надписи: привет, ваш последний визит; статистика и тд 
3 - дата сообщения*/
.offline li.pa-online strong, 
.punbb .section .container, 
.punbb .post h3 {

  }

 
/* ОБВОДКА И ПРОЧЕЕ 
-------------------------------------------------------------*/

/* Обводка */
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th,  .punbb .quote-box, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .formal fieldset .post-box, .punbb .info-box, .punbb td, .punbb .post-sig dt, .punbb .divider   {
  border-color: transparent;
  }

 /*  Обводка в админке */
.punbb-admin #pun-admain h2,  .punbb fieldset, #pun-debug h2 {
  border-color: #cccccc;
  }

/* Разное */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb, #pun-main .info-box .legend .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin, #pun-admain .adcontainer #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl,  .punbb select, .punbb input  {
  background-color: none;

  } /*  color: #333333;*/

 /* Профиль юзера по центру */
#pun-main .post-author ul {text-align: center;}

/* ССЫЛКИ
-------------------------------------------------------------*/

/* Ссылки */
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #3b567a;
    border-bottom: 0px none #5b60b2;
    text-decoration: none;
    text-shadow: 1px 1px 0px #e6dbd8;
-moz-transition: all 0.2s 0.02s ease;
-o-transition: all 0.2s 0.02s ease;
-webkit-transition: all 0.2s 0.02s ease;

  }


/* Ссылки при наведении  */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #d5c4eb;
  border-bottom: 0px none #000;
  }

/* Навигация верхняя строка */
#pun-navlinks a {
    color: #96acc7;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #d6c5ec, -1px -1px 0px #bedc99;
    font-family: 'cuprum'!important;
    font-size: 17px;
    letter-spacing: 1px;
 }

/* Навигация верхняя строка при наведении*/
#pun-navlinks a:hover {
color: #62719d;
  }



/* Навигация нижняя строка */
#pun-ulinks a {
    color: #ffffff;
    text-shadow: 1px 1px 0px #d1c2e4;
    font-stretch: condensed;
    text-transform: lowercase;
  -moz-transition: all 0.2s 0.02s ease;
  -o-transition: all 0.2s 0.02s ease;
  -webkit-transition: all 0.2s 0.02s ease;
  }

/* Навигация нижняя строка при наведении  */
#pun-ulinks a:hover { 
color: #9bb5d6;
}



/* Низ форума */
#pun-about p.container {
  background: url(http://funkyimg.com/i/2zyzE.png) no-repeat center top;
  text-align: center;
  margin-left: -65px;
  height: 197px; 
  width: 1092px;}


div#html-footer {
margin: 20px 0px 0px 0px;}
div#pun-about {
   margin-bottom: -180px;
}


/* ИКОНКИ И ПРОЧЕЕ
 -------------------------------------------------------------*/

Div.icon {
background-image : url(http://funkyimg.com/i/2zyFi.png); 
background-repeat: no-repeat; 
background-position: center;
}

TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2zyFj.png); 
background-repeat: no-repeat; 
background-position: center;
}

TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2zyFk.png); 
background-repeat: no-repeat; 
background-position: center;
}

TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2zyFm.png); 
background-repeat: no-repeat; 
background-position: center;
}



/* Прокрутка фон*/
::-webkit-scrollbar {background: #ccd6e3; width: 5px; height: 5px;}
::-webkit-scrollbar-corner {background: #ccd6e3;}
/* Прокрутка бегунок */
::-webkit-scrollbar-thumb {background: #b2bcc9; width: 5px; height: 5px;}








#MyBookmarks .container {background: #d6d7d9!important;}
#MyBookmarks h2 { background: #b4beca; }

/*------------------lz--------------*/
.lz {width: 168px;padding: 9px 13px 13px;height: auto;margin-left: 23px!important;margin-top: -6px !important;color: #3c3c3c;background: #d2ebf0;box-shadow: inset 0 0 23px #18b8da;border-top: 3px solid #91b3d6;border-bottom: 3px solid #91b3d6;font: 9px tahoma;text-align: justify;border-radius: 0px 0px 20px 20px;}

.lz a {font: 10px tahoma !important;}
.lz a:hover {color: #687fa1 !important}

.plash {margin-top: -37px !important;}

/* репутация и сообщения */
.pa-posts {
text-align: center; 
display: inline-block;
padding: 2px;
width: 70px;
margin-left: 0px !important;
  border-radius: 10px;
  background-color: #f1f1f1;
  border: 3px double #d9d9d9;
  font-size: 10px; !important;
  letter-spacing: 0px;
}
.pa-respect {
text-align: center;
display: inline-block;
padding: 2px;
width: 70px;
margin-left: 0px !important;
  border-radius: 10px;
  background-color: #f1f1f1;
  border: 3px double #d9d9d9;
  font-size: 10px; !important;
  letter-spacing: 0px;
}

/* бар для викторины */
.victorybar { 
background: url(http://funkyimg.com/i/2zTGZ.png) 0 top no-repeat, 
url(http://funkyimg.com/i/2zTGX.png) 0 bottom no-repeat, 
url(http://funkyimg.com/i/2zTGY.png) 0 top repeat-y; 
width: 170px; height: 270px;} 

.vimg { 
position: absolute; 
display: block; 
width: 50px; 
height: 50px; 
margin: 15px 10px 10px 50px; 
padding: 10px 10px 10px 10px; 
border-radius: 100px; 
background: rgba(255, 255, 255, 0.1); 
text-align: center;} 

.vtext { 
position: absolute; 
display: block; 
width: 120px; 
height: 120px; 
margin: 100px 14px 0; 
padding: 10px 10px 10px 10px; 
border-radius: 10px; 
background: rgba(255, 255, 255, 0.2); 
color: #656b75; 
text-align: justify; 
font: 10px arial;}

/* анкета */
.jhappcre {
 font: 7px/100% raleway;
 font-weight: 800;
 padding: 6px;
 text-transform: uppercase;
 color: #757575;
 margin: 0px auto;
 display: block;
 text-decoration: none;
}

.jhapptf2 i {
 font-size: 11px!important;
 color: #000!important;
}

.jhapptf2 b {
 font-weight: 900!important;
 font: 11px/100% montserrat!important;
 color: #000!important;
}

.jhapptf2 {
 border-radius: 6px;
 font: 12px/100% poppins;
 text-align: justify;
 font-weight: 400;
 padding: 12px;
 color: #454545;
 background: #eee9c8;
 border: 1px solid #F1F1F1;
 min-height: 30px!important;
 margin-left: 0px;
}

::-MOZkit-SCROLLBAR { 
 width: 9px;
 border-left: 4px solid #fff;
 border-right: 4px solid #fff; 
 background: #E2E1E1; 
 }
 
::-MOZkit-SCROLLBAR-THUMB { 
 border: 2px solid #fcfcfc;  
 background: #E3E3E3;
 }
 
::-webkit-scrollbar {
 width: 9px; 
 border-left: 4px solid #fff;
 border-right: 4px solid #fff; 
 background: #E2E1E1;
 }
 
::-webkit-scrollbar-thumb { 
 border: 2px solid #fcfcfc; 
 background: #E3E3E3;
 }


.jhacontent2 b {
 font: 10px/100% raleway;
 font-weight: 900;
 color: #425f12;
}

.jhacontent2 {
 padding: 5px; 
 height: 270px;
 overflow: auto;
}

.jhapptf {
 border-radius: 6px;
 font: 7.2px/100% montserrat;
 text-align: justify;
 font-weight: 400;
 padding: 12px;
 color: #;
 background: #eee9c8;
 border: 1px solid #F1F1F1;
 min-height: 30px!important;
 margin-left: 0px;
}

.jhacontent2 i {
 color: #5b7a0f;
  text-shadow: 1px 1px #454545;
}

.jhapphti {
 padding: 6px;
 margin: 6px;
 text-align: right;
 letter-spacing: -1px;
 font: 20px/70% montserrat;
 color: #5b7a0f; 
 text-transform: lowercase;
  text-shadow: 1px 1px #fff;
  font-weight: 800;
 
}

.jhappooc i {
 color: #F4DD51;
 text-shadow: 1px 1px #79B5AC;
}

.jhappooc {
 z-index: 1;
 background: #454545;
 padding: 6px;
 color: #FFF;
 text-align: left;
 position: absolute;
 left: 0px;
 bottom: 0px;
 width: 97.2%;
 font: 9px/100% raleway;
 font-weight: 800;
 text-transform: uppercase;
}

.jhcolorborder1 {
height: 4px;
background: #56700f;
border-right: 140px solid #e49430;
margin-top: 0px;
margin-bottom: 5px;
}

.jhcolorborder2 {
height: 4px;
background: #56700f;
border-left: 140px solid #e49430;
margin-top: 105px;
}

.jhappc h5 i {
 float: left;
 padding: 5px;
 margin: 3px;
 font-size: 12px;
 color: #56700f;
 text-shadow: 1px 1px #e49430;
}

.jhappc h5 {
  font: 8.4px/100% poppins;
  text-transform: uppercase;
  float: left;
  text-align: justify;
  border-right: 1px dotted #56700f; 
  width: 130px;
  padding: 10px;
  overflow: hidden;
  color: #484848;
  height: 89px;
  position: absolute;
  top: 15px;
}

.jhappc h4 {
  color: #537512; 
  text-shadow: 1px 1px #f6d27f;
  font: 24px/100% montserrat;
  font-weight: 800;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-align: right;
  padding: 20px;
  float: right;
  width: 240px;
  height: 75px;
}

.jhappc h6 {
  color: #537512; 
  text-shadow: 1px 1px #f6d27f;
  font: 15px/100% montserrat;
  font-weight: 800;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-align: right;
  padding: 10px;
 margin-top: -55px;
margin-right:105px;
  float: right;
  width: 240px;
  height: 35px;
}


.jhappc img {
 width: 70px;
 height: 70px;
 border-radius: 100%;
 float: right;
 margin: 10px;
 border: 5px solid #537512;
 box-shadow: 2px 2px #f6d27f;
}

.jhappc {
 overflow: hidden;
 padding: 13px;
border: #dd8b29 solid 10px; 
border-left: #4f6b04 solid 3px; 
border-right: #4f6b04 solid 3px; 
box-shadow: inset 0 0 20px 10px #f6d27f;
 border-radius: 5px;
 width: 560px;
 height: 500px;
 background: #e6e3c7;
 position: relative;
}



 









.tabs {
 padding: 1px;
position: relative;  
width: 530px;
height:  400px;
margin-top: 200px;
}

.jhatab {
float: left;
}

.jhatab label {
 color: #eeebd2; 
  text-shadow: 1px 1px #3e5d04;
background: #eb8f2c;
line-height: 100%;
font-size: 18px;
border-radius: 100%;
padding: 10px;
border: 1px solid #DFDFDF;
width: 20px;
height: 20px;
margin: 10px;
position: relative;
left: 1px;
float: left;
}

.jhatab [type=radio] {
display: none;  
}

.jhacontent {
position: absolute;
height: 300px;
width: 400px;
-webkit-transition-duration: .9s; 
-moz-transition-duration: .9s;
-o-transition-duration: .9s; 
overflow: hidden;
top: 480px; 
bottom: 0px;
left: 0px; 
right: 0px;
background: #d9d49d;
padding: 20px;
border: 1px solid #dcd58c;
}
[type=radio]:checked ~ label {
background: #dfdca0;
border: 1px solid #DFDFDF;
z-index: 2;
}

[type=radio]:checked ~ label ~ .jhacontent {
z-index: 1;
top: -180px;
left: 70px;
}

0

9

структура ксс-сак
Код:
/*************************************************************
A - SETUP
**************************************************************/

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

/* A1.1 */
@import url(style_cs.css);
@import "http://forumstatic.ru/files/0010/a8/ca/63144.css";
@import url('https://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Alegreya+Sans+SC|Allerta+Stencil|Amatic+SC|Arizonia|Arvo|Bangers|Cabin+Sketch|Caveat|Chewy|Cinzel|Concert+One|Cormorant+Unicase|Francois+One|Fredericka+the+Great|Gaegu|Gamja+Flower|Gloria+Hallelujah|Hi+Melody|Indie+Flower|Julius+Sans+One|Kaushan+Script|Krona+One|Limelight|Lobster|Merriweather|Nanum+Brush+Script|Nothing+You+Could+Do|Open+Sans|Open+Sans+Condensed:300|PT+Sans|Pacifico|Permanent+Marker|Playfair+Display|Playfair+Display+SC|Prata|Questrial|Raleway|Reenie+Beanie|Roboto+Condensed|Shadows+Into+Light|Six+Caps|Song+Myung|Special+Elite|Spirax|Teko|Ubuntu|Ultra|Yanone+Kaffeesatz|Alex+Brush|Dancing+Script|Dawning+of+a+New+Day|Great+Vibes|Jura|Sail|Satisfy|UnifrakturMaguntia|Zilla+Slab+Highlight|Bitter');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;531;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:wght@300;400;500;700;900&display=swap');
@font-face {font-family: Franklin Gothic Heavy; 
src: local("Franklin Gothic Heavy"), url(http://forumstatic.ru/files/0010/a8/ca/92110.ttf);}

@font-face {
font-family: 'Intro';
font-style: normal;
font-weight: normal;
src: local('Intro'), url('http://forumstatic.ru/files/0019/34/94/34318.woff') format('woff');}

@font-face { font-family: icon; 
src: local("icon"), url(http://forumstatic.ru/files/0017/c0/20/82953.ttf); }

@font-face { font-family: Segoe Ui; 
src: local("Segoe Ui"), url(http://forumstatic.ru/files/0017/c0/20/61080.ttf); }

@font-face { font-family: 'Futura PT';
font-style: normal;
font-weight: bolder;
src: local("Futura PT"), url(http://forumstatic.ru/files/0019/34/94/24078.ttf); }

@font-face { font-family: 'Futura PT';
font-style: normal;
font-weight: bold;
src: local("Futura PT"), url(http://forumstatic.ru/files/0019/34/94/94602.ttf); }

@font-face { font-family: 'Futura PT';
font-style: normal;
font-weight: normal;
src: local("Futura PT"), url(http://forumstatic.ru/files/0019/34/94/11645.ttf); }

@font-face { font-family: 'Futura PT';
font-style: normal;
font-weight: lighter;
src: local("Futura PT"), url(http://forumstatic.ru/files/0019/34/94/65478.ttf); }

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

.punbb table, .punbb th {
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb legend span {
    font-size: 14px;
}

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

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

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

.post-content table {
    border-collapse: separate !important; 
    border-spacing: 1px;
}

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


/* 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: auto;
    padding: 0px 0px 0px 0px;
}

/* A5.2 */
.punbb {
    margin-left: 13px !important;
    float: none;
    width: 900px;
    height: auto;
}

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

/* 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 none none;
  border-width: 0px 0px 0px 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.7em 0;
    border-style: none none none none;
    border-width: 0 0px 0px 0;
    height: 20px;
    font-weight: bold;
  }


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

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

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

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    text-align: center;
    border-top: 1px dashed #2b2b2b54;
    width: 60%;
    margin-left: 120px;
    padding-bottom: 5px;
    margin-top: 10px;
}

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

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

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

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

blockquote {
    margin: 0 !important;
    padding: 10px 0 !important;
}

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 1em 5px 1em 5px;
    padding: 10px 15px 10px 15px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend a {
    display: block;
    padding-bottom: 2px;
    font-size: 18px;
    font-weight: normal!important;
    font-style: normal;
    font-family: futura pt;
    text-transform: lowercase;
    margin-bottom: 2px;
    border-bottom: 1px solid#000;
}


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

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

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

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


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

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

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

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

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

  }

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

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

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

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

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

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

/* C1.1 */
.punbb .formal .container {
  padding: 0em 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;
    font-size: 10px;
    font-family: 'montserrat';
}

/* 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 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 {
    background-color: transparent;
    text-align: center;
    width: 8%;
}

/* C2.3 */
.punbb .main .tcr {
    background-color: transparent;
    overflow: hidden;
    text-align: right;
    line-height: 14px;
    font-size: 11px;
    width: 24%;
}

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

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

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

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

/* C2.8 названия подфорумов*/ 
#pun-index .tcl h3 {
    text-align: left;
    font-size: 15px;
    font-family: futura pt;
    text-transform: uppercase;
    font-weight: normal;
    width: 495px;
    height: 20px;
    margin: 0 3.5%!important;
}

#pun-index .tcl h3 a {
    color: #000000;
}

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

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: 0.4em 1em 0.4em 1.5em;
    font-family: montserrat;
    font-size: 11px;
    letter-spacing: 1px;
  }

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

    * html .tclcon {height: 1px}

/* C2.14 */
#pun-index td div.tclcon {
    width: 550px;
    font-size: 10px;
    text-align: justify;
    font-weight: 500;
    font-family: open sans;
}


/* C2.15 */
.punbb div.icon {
    margin-right: 7px;
    margin-top: 2px;
    float: left;
    display: block;
}


#pun-messages.punbb div.icon{
  margin-top:-5px!important;
}
  

 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
  border-color: #202021 ;
}

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

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

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

  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

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

  }

/* CS2.6 */

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;

  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }

li.pa-online {
    line-height: 0.8em;
    border-left-style: solid;
    border-left-width: 0.7em;
    padding-left: 0.6em;
    margin-left: -15px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px;
    font-family: futura PT;
    border-left-color: transparent;
    text-transform: lowercase;
    margin-bottom: 5px;
}


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

/* C3.2 */

/* C3.3 */
.punbb .post h3 span {
    padding: 2px 20px 2px 20px;
    display: block;
    font-weight: 500;
    color: #0b0b0b;
}


/* C3.4 */
.punbb .post h3 strong {
  float: right;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 210px;
    overflow: hidden;
    color: #000;
    font-family: futura PT;
    font-size: 13px;
    text-align: left;
    border: 1px solid #000;
}

.punbb .post .post-author a {
    color: #000;
}


/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 0em 0.4em 0 0.4em;
}


/* C3.7 */
.pa-author {
   font-family: Futura PT;
    font-size: 14px;
    width: 202px;
    text-align: center;
}

/* C3.8 */
.pa-author a {
    font-family: Futura PT;
    font-size: 14px;
    font-weight: 600;
    color: #000!important;
    letter-spacing: 1px;
}


/* C3.9 */
li.pa-title {
    font-size: 11px;
    font-family: Futura PT;
    font-weight: normal;
    color: #4e6a75;
    line-height: 11px;
    text-align: left;
    margin: 4px 0px 7px 0px;
}

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

/* C3.12 */
.punbb .post-box {
    padding: 9px 0px 5px 5px;
}

/*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: 1em 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    font-weight: bold;
}

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;}

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


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

#pun-title h1 span  {
  font-size: 1.5em;}


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

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: 55px;
  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 {
    text-align: center;
    font-style: normal;
    font-size: 7px;
    font-weight: 400;
    text-transform: uppercase;
    height: 20px;
}

#pun-navlinks .container {
    margin-top: -22px;
}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.2em 1em;
  padding-top: 0px;}

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


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

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

/* D4.2 */
#pun-ulinks .container {
    text-align: center;
    padding-bottom: 3px;
    padding-left: 0;
    width: 890px;
    height: 18px;
}

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

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

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

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

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

/* D5.2 */
#pun-status .container {
    margin: 46px 0px 0px 10px;
    text-align: left;
}

/* 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;
    text-align: left;
}

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

/* 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: 2.5em 1em 1em 1em;
  margin-top: -23px; 
  line-height: 1.1;
  text-align: center;
  }


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

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

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

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

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 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;
  margin-bottom: 0;
  }

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

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

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

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

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



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

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

/* D9.2 */

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

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

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

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

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

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

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

#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
    display: inline-block;
    width: 267px;
    text-align: right;
    font-family: montserrat;
    font-size: 8px;
    color: #3b3734;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-style: normal;
}
.main table .Add {
    display: block;
    position: absolute;
    text-align: center;
    height: 10px;
    margin: -14px 0px 6px 0px !important;
    border-top: 1px solid #9d9a9b;
}
.Tems_And_messages .right {
    margin-left: 3px;
}




.tooltip {
    position: relative;
    display: inline
}
.tooltip em {
    display: inline;
    transform: scale(0);
    transition: all 0.5s ease-in-out 0s;
    opacity: 0;
    color: #333;
    font-family: arial !important;
    font-size: 10px !important;
    font-style: normal;
    line-height: 9px;
    left: -125px !important;
    padding: 5px;
    position: absolute;
    overflow-y: hidden;
    width: 150px;
    top:16px;
    border-radius: 1px !important;
}
.tooltip:hover em {
    top: 16px;
    background: #cfcfcf;
    border-radius: 1px !important;
    color: #101010;
    font-family: montserrat !important;
    font-size: 9px !important;
    font-style: normal;
    border: 1px solid #7b5a7b;
    line-height: 9px;
    font-weight: 500;
    left: -125px !important;
    padding: 5px;
    position: absolute;
    text-align: justify;
    overflow-y: hidden;
    width: 150px;
    z-index: 99;
    transform: scale(1);
    opacity: 1;
    transition: all 0.5s ease-in-out 0s;
}

.tooltip a {
    font-family: Futura PT;
    color: #000000 !important;
    text-transform: lowercase;
    font-size: 12px;
    font-weight: 600;
    margin: 0 1px 0 0px;
}

.tooltip:not(:last-child):after {
    content: '•';
}

.succ {
height: 125px;
    width: 276px;
    top: 126px;
    margin-left: 656px;
    position: absolute;
    text-align: center;
    z-index: 1;
}

.headerImg {
    z-index: 2;
}

.headerImg img{
    margin-right: -1px;
}

img.sigimage {
    max-height: 140px;
}

.go-up {
    text-transform: uppercase;
    padding: 3px 5px 5px 5px;
    text-align: left;
    color: #ececec!important;
    font-family: montserrat;
    font-size: 11px;
    letter-spacing: 0.7px;
    font-weight: 400;
    transition-duration: 1s;
}


.go-up:hover {
    text-transform: uppercase;
    padding: 3px 5px 5px 5px;
    color: #c8b499!important;
    font-family: montserrat;
    font-size: 11px;
    letter-spacing: 0.7px;
    font-weight: 400;
    transform: scale(0.9);
    transition-duration: 1s;
}
.go-down {
    text-transform: uppercase;
    padding: 3px 5px 5px 5px;
    text-align: left;
    color: #ececec!important;
    font-family: montserrat;
    font-size: 11px;
    letter-spacing: 0.7px;
    font-weight: 400;
    transition-duration: 1s;
}


.go-down:hover {
    text-transform: uppercase;
    padding: 3px 5px 5px 5px;
    color: #c8b499!important;
    font-family: montserrat;
    font-size: 11px;
    letter-spacing: 0.7px;
    font-weight: 400;
    transform: scale(0.9);
    transition-duration: 1s;
}

0

10

цвета ксс-сак
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Фон форума */
html, body {
    background: url(https://i.imgur.com/11g8X00.jpg);
}

/* Шапка */
#pun-title table {
    background-image: url(https://i.imgur.com/9CP2xix.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 267px;
    width: 84.9em;
    margin-left: -1.8em;
}

/* Тело форума */
#pun {
    width: 918px;
    background-color: #daccbb;
    background: url(https://i.imgur.com/w2qnar8.jpg);
    background-attachment: scroll;
    background-repeat: repeat;
    background-position: top center;
}

/* Футер */
#pun-about p.container {
    background-image: url(https://i.imgur.com/5wi7UPh.jpg);
    margin: 0px 0px -40px 0;
    background-position: center top;
    background-repeat: no-repeat;
    width: 85em;
    margin-left: -1.88em;
    height: 40px;
    overflow-x: hidden;
}

/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {background-color: transpanent;
color:#333532;
font-weight: normal;
font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #333532;
    text-align: center;
    font-style: normal;
    font-family: 'montserrat';
}

/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    color: #000000;
    background-color: #cfd9de;
    margin: 4px 0 4px 0!important;
    border: 1px solid #b3c3ca;
    box-shadow: 0px -11px 0px -10px #99aeb7;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb input {
    background-color: #d2cec8;
    color: #333532;
}

/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.punbb input { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div, #pun-report div {
    background-color: #f2f2f2;
}

/* ЖАЛОБА */
#pun-report span {
    color: red;
    font-weight: bold;
    font-size: 16px;
}

/* отключаем награды */
#pun-navlinks #navawards{display:none;}

/*главная страница, навигация*/
#navindex a:after {font-family: icon; content: "\f015";font-size: 17px; padding-left: 7px;} 

/*участники*/ 
#navuserlist a:after { font-family: icon; content: "\f0c0"; font-size: 17px; padding-left: 7px;} 

/*поиск*/ 
#navsearch a:after { font-family: icon; content: "\f002"; font-size: 17px; padding-left: 7px;} 

/*профиль*/ 
#navprofile a:after { font-family: icon; content: "\f2bb"; font-size: 17px; padding-left: 7px;} 

/*сообщения*/ 
#navpm a:after { font-family: icon; content: "\f658"; font-size: 17px; padding-left: 7px;} 

/*администрирование*/ 
#navadmin a:after { font-family: icon; content: "\f013"; font-size: 17px; padding-left: 7px;} 

/*выход*/  
#navlogout a:after { font-family: icon; content: "\f2f5"; font-size: 17px; padding-left: 7px;} 

/*вход*/ 
#navlogin a:after { font-family: icon; content: "\f2f6"; font-size: 17px; padding-left: 7px;} 

/*регистрация*/ 
#navregister a:after { font-family: icon; content: "\f0ea"; font-size: 17px; padding-left: 7px;} 

/*пиар*/
 #spMyimg a:after { font-family: icon; content: "\f086"; font-size: 17px; padding-left: 7px;} 

/*прячем названия*/
#pun-navlinks a { font-size: 0 !important; }
#pun-navlinks li a {color: #000!important;}

/* CS2 Ссылки
-------------------------------------------------------------*/

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a {color: #4c6f7d;
  text-decoration: none;
  }

/* CS2.2 */
.punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active,  #pun-ulinks a:focus, #pun-ulinks a:active {
color: #0000000;
    transition-duration: 1s;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover, td.tcr a:hover {
color: #000;
    transition-duration: 1s;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 13px;
    color: #2d2d2d;
    font-weight: normal;
    font-family: 'Futura PT';
    text-transform: lowercase;
}

#pun-ulinks a:hover {
  text-decoration: none;
  color: #715a3b;
    transition-duration: 1s;
}


#pun-navlinks a {
    color: #6b8793;
    transition-duration: 1s;
}

#pun-navlinks a:focus, #pun-navlinks a:active {
color: #b89250;
    transition-duration: 1s;
}


#pun-navlinks a:hover {
  transition-duration: 1s;
    color: #c1c1c1;
}

/* CS3 Остальное 
-------------------------------------------------------------*/

div.icon {
    height: 16px;
    width: 16px;
}

/* CS3.1 Иконки*/

div.icon {
        background: url(https://i.imgur.com/XAOkMAV.png) no-repeat;
}

tr.inew div.icon {
        background: url(https://i.imgur.com/rgaIaZm.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://i.imgur.com/ng8zmgG.png) no-repeat;
}

tr.isticky div.icon {
        background: url(https://i.imgur.com/820sTgh.png) no-repeat;
}

/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: left;     margin: 5px 0px;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}

/*---Прокрутка---*/
::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    background-color: #f6f3ee;
}

::-webkit-scrollbar-thumb {
    background-color: #000;
}

::selection {
    background: #699aaf !important;
    color: #fff;
}


#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}

td.tcr a {
    background-repeat: no-repeat;
    background-position: left center;
    font-family: Futura pt;
    font-size: 14px;
    font-weight: 600;
}

.category .container thead {display: none;}

.punbb .pa-avatar img {
    max-width: 180px !important;
    margin-top: 3px;
    border: 1px solid #ffffff;
}

.pa-avatar {
    text-align: center;
}

.punbb .user-avatar .avatar-image {
    border-radius: 110px !important;
    height: 25px !important;
    width: 25px !important;
    border: 1px solid #969696 !important;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}


#counters A IMG{opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=30);}
#counters a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=70); transition-duration: 2s;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {
    position: absolute;
    right: 6px;
    background-color: #d2cec8;
    top: 43px;
    overflow-y: auto;
    padding: 10px;
    border: #334d37 1px solid;
}

#font-area {
    max-height: 250px;
    overflow: auto;
}

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

.punbb .user-avatar .isonline {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -1px !important;
    right: 5px !important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: #a86a32 !important;
    z-index: 100;
}

.punbb .post-content a, .punbb .post-content a:link {
    font-weight: bold;
}

.punbb .post-content strong {
    font-weight: bold;
}

.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    box-shadow: 0 0 14px rgba(0,0,0,.3);
    position: relative;
    z-index: 120000;
    overflow: hidden;
    background-image: url(http://forumstatic.ru/files/001a/b7/19/64802.jpg);
    background-color: #d2cec8;
}

/***  Заплатка для поля ответа ***/
textarea#main-reply {
  width: 100%;
  height: 100%;
  height: 205px;
  margin: 0 auto !important;
  padding: 0.75em;
  box-sizing: border-box;
  overflow: auto;  }

.punbb .post h3 {
    height: 15px;
    font-family: montserrat;
    font-size: 9px;
    text-transform: uppercase;
    margin: 6px -13px 6px -13px !important;
}

.post h3 a {
    color: #000!important;
}

.pa-posts, .pa-respect {
    padding: 1px 0px 1px 0px!important;
    margin-top: 2px !important;
    display: inline!important;
    float: none!important;
    width: 95px;
    text-align: left;
    font-family: futura pt;
    text-transform: lowercase;
    font-weight: 500;
    margin-left: 1px !important;
    font-size: 11px;
    color: #000;
}

.button {
    color: #111111 !important;
    font-family: montserrat!important;
    background-color: #d4cbc1!important;
    font-size: 11px !important;
    border: none;
    font-weight: 500 !important;
    box-shadow: 0 5px 10px #d0d0d075 inset, 0 0 0 1px #a7927f inset;
    margin-top: 5px !important;
    padding: 5px 15px 7px 15px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: lowercase;
}

.bubble {
    z-index: 100;
}

.post-author {
    margin: 4px 0 0px -7px!important;
}

.sacraforum2 {
    padding: 0px 0 8px 0px;
    text-align: right;
    width: 550px;
}

.sacraforum1 {
    margin: 0px 0 0 0!important;
    padding: 8px 8px;
    color: #000;
}

.sacralink {
    color: #000!important;
    font-family: futura pt;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 3px;
}


.sacralink:hover {
	color: #4c6f7d !important;
}

.bpo {
    font-size: 12px;
    color: #d2cec8!important;
    font-family: 'Playfair Display';
    text-transform: uppercase;
}

.forlinks {
    font-weight: 600;
    letter-spacing: 0.7px;
    color: #000!important;
    font-family: Futura PT;
    font-size: 11px;
    text-transform: uppercase;
}

.pa-fld2 {
    margin: 4px -6px 4px -4px !important;
    padding: 5px 5px 9px 5px;
    font-family: futura PT;
    font-weight: 400;
    color: #000;
    font-size: 11px !important;
    text-align: left;
    background: linear-gradient(to right, #d4cbc1, #9dbbc7) left;
}

.pa-fld2 b {
	font-weight: bolder;
}

.pa-fld2 a {
	color: #000!important;
	font-weight: bolder;
}

.pa-fld2:first-line {
    font-size: 10px !important;
    font-weight: 600;
}

.pa-fld3, .pa-fld5 {
    padding: 1px 0px 1px 2px!important;
    display: inline-block!important;
    float: none!important;
    width: 96px;
    text-align: left;
    font-family: futura pt;
    text-transform: lowercase;
    font-weight: 500;
    margin: 0px -3px !important;
    font-size: 11px;
    color: #000;
}

.pa-fld3 {
    margin-right: -4px!important;
}

li.pa-fld4 img {
    margin-top: -10px;
}

li.pa-fld1 {
    text-align: center;
}

li.pa-ip, li.pa-gifts, li.pa-awards, li.pa-online, li.pa-last-visit {
    color: #000!important;
}

li.pa-ua {
    justify-content: left!important;
}

.punbb th {
font-size: 9px!important;
}

.sacth {
    width: 576px;
    padding: 20px 10px 20px 10px !important;
    background: url(https://i.imgur.com/ITuaD1z.jpg) no-repeat top, url(https://i.imgur.com/JMlhGNH.jpg) no-repeat bottom, url(https://i.imgur.com/ooiBqZB.jpg) repeat-y;
    margin: 10px 0 16px 20px !important;
    background-color: #f2f2f2;
}

.sacth img {
    max-width: 480px;
}

.sacthnuj table {
    width: 80% !important;
}
.sacthnuj {
    margin-bottom: 10px;
    color: #000;
    margin-top: 10px;
}

.sacthnuj .saccita {
    margin-bottom: 12px!important;
}

.sacth hr {
    opacity: 0 !important;
}

.sacth .quote-box, .sacth .code-box {
    /*background: url(https://i.imgur.com/U9Lkn27.jpg);*/
    box-shadow: none;
}

.sacttitle, .sacttitle2 {
    text-align: center;
    color: #000!important;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'FUTURA PT';
    letter-spacing: 4px;
    margin: 2px 0 5px 0!important;
    font-weight: bolder;
}

.saccita {
font-size: 12px;
    letter-spacing: 0px;
    font-family: 'Futura PT';
    color: #000000;
    max-width: 600px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
    padding: 2px 0 2px 0;
    margin: 10px 10px 0 10px !important;
}

.sactext {
    width: 480px;
    text-align: justify;
    font: 11px arial;
    text-transform: none;
    line-height: 11px;
    overflow: auto;
}

#admins {
    position: absolute;
    width: 304px;
    text-align: center;
    line-height: 1;
    word-spacing: 10px;
}

#admins a {
    text-align: center;
    border: none;
    font-size: 11px;
    color: #907c66;
    letter-spacing: 2px;
    text-transform: lowercase;
}

.sactablemini {
    padding: 10px !important;
    background-color: #dbcfbf;
    /* border: 1px solid #000000; */
    font: 10px verdana;
    line-height: 13px;
    text-align: justify;
    width: 90%;
    margin: 3px 20px 10px 20px !important;
    color: #000000;
}

.sactablemini a {
    color: #825d3b!important;
}

.sacobl { 
padding: 7px 9px;
    font-family: montserrat;
    font-size: 10px;
    text-transform: uppercase;
    color: #000000!important;
    margin: 4px!important;
    display: inline-block;
    transition-duration: 1s;
    background: linear-gradient(to right, #d4cbc1, #9dbbc7) left;
    background-size: 100% 100%;
    transition: 2s ease-out;
}

.sacobl:hover {
    box-shadow: inset 500px 0 0 0 #d4cbc1;
}



#BookmCntToggle.default-style {
    background: #d2cec8!important;
    border-left: solid 5px currentColor!important;
    box-shadow: 0 0 6px rgba(0,0,0,.42)!important;
    color: #72582f!important;
    display: block;
    height: 26px;
    width: 21px;
}


#MyBookmarks {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    width: 240px;
    background: #d2cec8!important;
    z-index: 2000 !important;
}

.editBookmark {
    background-color: #d2cec8;
}

/* отключаю поделиться и rss-atom */
.sharelink {
display: none!important;
.punbb .modmenu .container span {display: none;}
}

div#pun-live-rusff {
    display: none;
}

.admin-advert-block {
    margin-left: 90px;
    margin-top: 46px;
}

/* опросы */
table.poll2 h1 {
    background-color: #333532 !important;
    margin: 0 !important;
}

#pun-edit #tags .container {
    top: 80px;
}

dd {
    margin-left: 0px;
}

#awards-content .tcl {
    width: 5%;
}

/* стиль того, что есть на форуме, но не относится к дизайну */

/* анкета */
#menu1 span {
	background-color: #b9b9b9;
	padding: 4px 18px;
	margin: 7px;
	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	border-radius: 15px 0;
}

#menu1 .tabactive1 { 
	background: #a5a5a5;
	transition-duration: 0.5s;
}

#submenu1 { 
	padding: 5px; 
	text-align: left; 
	font-size: 12px; 
} 

.submenutext1 { 
	text-align: justify; 
	font-family: arial;
	background:#DCDCDC; 
	display: none;  
	height: 320px; 
	box-shadow: inset 0px 0px 5px rgb(141, 141, 141);
	overflow-y: auto;
	overflow-x: hidden;
	line-height: 1.5;
	padding: 10px;
	font-size: 11px;
}

.anketafon {
	width:600px; 
	background-color: #8D8D8D; 
	height: auto; 
	border: outset 3px #dadada; 
	margin: 0 auto;
}

.anketa1 {
	padding: 10px; 
	background-color: #DCDCDC; 
	height: 296px; 
	margin: 15px; 
	box-shadow: inset 0px 0px 5px rgb(141, 141, 141);
}

.photo1 {
	float: left;
}

.photo2 {
	float: right; 
	margin: -138px 0 0 0;
}

.name {
	background-color: #8D8D8D; 
	text-align: center; 
	font-family: lobster; 
	font-size: 24px; 
	color: #ffffff; 
	border-radius: 15px 0px; 
	padding: 5px; 
	line-height: 70%; 
	float: right; 
	width: 370px;
}

.poloska {
	height: 22px; 
	background-color: #ffffff; 
	text-align: center; 
	line-height: 22px;
	overflow-y: auto;
}

.poloska1 {
	width:164px;  
	float: left; 
	margin: 170px 0 0 -164px;
}

.poloska2 {
	width:164px;  
	float: left; 
	margin: 196px 0 0 -164px;  
}

.poloska3 {
	width:383px;  
	float: left; 
	margin: 174px 0 0 -164px;  
}

.poloska4 {
	width:383px;  
	float: left; 
	margin: 4px 0 0 0;  
}

.poloska5 {
	width:383px;  
	float: left; 
	margin: 4px 0 0 0; 
}

.poloska6 {
	width:164px;  
	float: right; 
	margin: -242px 0 0 386px;  
}

.poloska7 {
	width:164px;  
	float: right; 
	margin: -216px 0 0 386px;  
}

.poloska8 {
	width:164px;  
	float: right; 
	margin: -190px 0 0 386px;  
}

.property {
	width:201px;  
	height: 153px; 
	background-color: #ffffff; 
	float: right; 
	margin: -242px 169px 0 0;  
	text-align: justify; 
	overflow-y: auto;
	overflow-x: hidden; 
	padding: 5px;
}

.anketaplaceholder {
	border: 2px solid #ffffff !important	
}

.opisanie {	
	font-family: arial; 
	font-size: 10px; 
	letter-spacing: 2px; 
	color: #8d8d8d; 
	text-shadow:none; 
	background-color: #DCDCDC; 
	padding: 0 10px;
}

/* анкета */


/* виза */
.visafon {
	width:400px; 
	height: auto; 
	margin: 0 auto; 
	background-color: #8D8D8D; 
	border: outset 3px #dadada;
}

.visa1 {
	height: 126px; 
	padding: 10px; 
	background-color: #DCDCDC; 
	margin: 10px; 
	box-shadow: inset 0px 0px 5px rgb(141, 141, 141);
}

.visaamsfoto {
	float: left; 
	margin: -27px 0 0 -3px;
}

.visawelcome {
	float: right; 
	background-color: #8D8D8D; 
	text-align: center; 
	font-family: lobster; 
	font-size: 16px; 
	color: #ffffff; 
	border-radius: 15px 0px; 
	padding: 5px; 
	line-height: 70%; 
	width: 260px; 
	margin: -10px -12px 0 142px;
}

.visawelcometext {
	float: right; 
	width:220px; 
	height: 84px; 
	padding: 10px; 
	background-color: #ffffff; 
	box-shadow: inset 0px 0px 5px rgb(141, 141, 141); 
	text-align: justify; 
	overflow-y: auto; 
	overflow-x: hidden; 
	margin: 4px -7px 0 0;
}

.visaicons {
	float: left; 
	margin: 4px 0 0 0;
}

.visaicons2 {
	float: left; 
	margin: 2px 0 0 0;
}
/* виза */

/* отношения */
.relatz {
width: 570px;
padding: 5px 10px;
text-align: center;
height: auto;
font-size: 18px;
font-family: lobster;
color: #fff;
background-color: #8D8D8D;
border-radius: 10px 0px 10px 0px;}
.relback {position: relative;
width: 180px;
height: 180px;
background-color: #DCDCDC;
}

.relstatus {
position: absolute;
background-color: #8D8D8D;
padding: 1px 15px;
margin-top: 5px;
z-index: 2;
right: 7px;
font-family: bebas neue;
font-size: 12px;
letter-spacing: 1px;
    color: #ffffff;
}

.relface {
position: absolute;
background-image: url(http://placehold.it/150x100);
width: 150px;
height: 100px;
margin-top: 10px;
margin-left: 15px;}
.relname {position: absolute;
margin-top: 100px;
background-color: #8D8D8D;
padding: 1px 15px;
margin-left: 7px;
font-family: bebas neue;
font-size: 12px;
letter-spacing: 1px;
}

.relname a {
    color: #ffffff !important;
}

.reltext {
position: absolute;
    width: 140px;
    height: 31px;
    background-color: #ffffff;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 15px;
    padding: 10px;
    margin-top: 120px;
    margin-left: 10px;
    font-size: 9px;
    line-height: 9px;}
/* отношения */


/* хроники */
.hron1 {
    position: relative;
    width: 310px;
    height: 150px;
    background-color: #DCDCDC;
}

.hronname1 {
    position: absolute;
    margin-top: 10px;
    background-color: #8D8D8D;
    padding: 1px 15px;
    margin-left: 7px;
    font-family: bebas neue;
    font-size: 12px;
    letter-spacing: 1px;
    width: 265px;
    text-align: center;
}

.hronname1 a {
    color: #ffffff !important;
}

.hronname2 {
    position: absolute;
    margin-top: 30px;
    background-color: #ffffff;
    padding: 1px 15px;
    margin-left: 7px;
    font-family: bebas neue;
    font-size: 12px;
    letter-spacing: 1px;
    width: 265px;
    text-align: center;
}

.hronname3 {
    position: absolute;
    margin-top: 50px;
    background-color: #8D8D8D;
    padding: 1px 15px;
    margin-left: 7px;
    font-family: bebas neue;
    font-size: 12px;
    letter-spacing: 1px;
    width: 265px;
    text-align: center;
    color: #ffffff;
}

.hrontext1 {
    position: absolute;
    width: 271px;
    height: 51px;
    background-color: #ffffff;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 15px;
    padding: 10px;
    margin-top: 72px;
    margin-left: 10px;
    font-size: 9px;
    line-height: 9px;
}
/* хроники */

/* итоги */
.itogifon {
	width:600px; 
	background-color: #8d8d8d; 
	height: auto; 
	border: outset 3px #dadada; 
	margin: 0 auto;
}

.itogi1 {
    width: 580px;
    background-color: #dcdcdc;
    height: 320px;
    margin: 10px 10px 10px 10px;
    box-shadow: inset 0px 0px 5px rgb(169 169 169);
}

.nameitogi {
    background-color: #8d8d8d;
    text-align: center;
    font-family: lobster;
    font-size: 24px;
    color: #ffffff;
    border-radius: 25px 0px;
    padding: 5px;
    line-height: 70%;
    margin-left: 100px;
    width: 470px;
    height: 40px;
}

.itogidata {
    font-family: arial; 
    font-size: 10px; 
    letter-spacing: 2px; 
    color: #505050; 
    text-shadow:none; 
    background-color: #dcdcdc; 
    padding: 0 5px
}

.igrokmesfoto {
	float: left; 
	margin: -27px 0 0 10px;
        filter: grayscale(1);
}

.igroknedfoto {
	float: left; 
	margin: 27px 0 0 -104px;
        filter: grayscale(1);
}

.nameigrokmes {
	background-color: #8d8d8d; 
	text-align: center; 
	font-family: arial; 
	font-size: 10px; 
	color: #ffffff; 
	padding: 5px; 
	line-height: 70%; 
	float: left; 
	width: 164px;
        height: auto;
        margin: -44px 0px 0 10px;
}

.nameigrokned {
	background-color: #8d8d8d; 
	text-align: center; 
	font-family: arial; 
	font-size: 10px; 
	color: #ffffff; 
	padding: 5px; 
	line-height: 70%; 
	float: left; 
	width: 94px;
        height: auto;
        margin: 10px 0px 0 10px;
}

.namepost {
    background-color: #8d8d8d;
    text-align: center;
    font-family: arial;
    font-size: 10px;
    color: #ffffff;
    padding: 5px;
    line-height: 70%;
    float: right;
    width: 260px;
    height: auto;
    margin: 0 10px 0 0;
}

.postned {
	width:260px;  
	height: 96px; 
	background-color: #ffffff; 
	float: right; 
	margin: 10px 10px 0 0;  
	text-align: justify; 
	overflow-y: auto;
	overflow-x: hidden; 
	padding: 5px;
        filter: grayscale(1);
}

.epfoto {
	float: left; 
        filter: grayscale(1);
}

.itogi2 {
    background-color: #ffffff;
    width: 560px;
    height: 110px;
    margin: 10px 0 0 10px;
    float: left; 
}

.parafoto1 {
	float: left; 
        filter: grayscale(1);
}

.akt1 {
	float: left; 
        filter: grayscale(1);
}

.akt2 {
	float: right; 
	margin: -54px 0 0 0;
        filter: grayscale(1);
}

.postzaned {
    background-color: #8d8d8d;
    text-align: center;
    font-family: arial;
    font-size: 10px;
    color: #ffffff;
    padding: 10px;
    line-height: 70%;
    float: right;
    width: 160px;
    height: 30px;
    margin: -52px 109px 0 0;
}

.para1 {
    filter: grayscale(1);
    margin-left: 162px;
}

.blabla {
    width: 250px;
    height: 46px;
    background-color: #ffffff;
    float: right;
    margin: 5px 20px 0 0;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
}

.kolvopostov {
    font-family: arial; 
    font-size:16px; 
    letter-spacing: 2px; 
    color: #505050;
    text-shadow:none; 
    background-color: #dcdcdc; 
    padding: 0 10px 0 10px
}
/* итоги */

/* коллекции */
/* конфеты */
.collections {
    background-image: url(https://i.imgur.com/vh0mobp.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections .firstCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: -158px !important;
    /* opacity: 0; */
}

.collections .secondCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: -95px !important;
    /* opacity: 0; */
}

.collections .thirdCollections {
    position: absolute;
    margin-top: 6px !important;
    margin-left: -34px !important;
}


.collections .fourthCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: 28px !important;
}


.collections .fifthCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: 90px !important;

}

/* пасхальная */
.collections2 {
    background-image: url(https://i.imgur.com/pxNJHt8.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections2 .firstCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: -146px !important;
}

.collections2 .secondCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: -87px !important;
}

.collections2 .thirdCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: -24px !important;
}


.collections2 .fourthCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: 37px !important;
}

.collections2 .fifthCollections {
    position: absolute;
    margin-left: 97px !important;
    margin-top: 16px !important;
}

/* мороженое */
.collections3 {
    background-image: url(https://i.imgur.com/alU600O.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections3 .firstCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -148px !important; 
}

.collections3 .secondCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -86px !important; 
}

.collections3 .thirdCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -23px !important; 
}

.collections3 .fourthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 44px !important; 
}

.collections3 .fifthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 106px !important; 
}

/* хэллоуин 2016 */
.collections4 {
    background-image: url(https://i.imgur.com/kwCdpzL.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections4 .firstCollections { 
    position: absolute; 
    margin-top: 7px !important; 
    margin-left: -150px !important; 
}

.collections4 .secondCollections { 
    position: absolute; 
    margin-top: 7px !important; 
    margin-left: -92px !important; 
}

.collections4 .thirdCollections { 
    position: absolute; 
    margin-top: 7px !important; 
    margin-left: -25px !important; 
}

.collections4 .fourthCollections { 
    position: absolute; 
    margin-top: 7px !important; 
    margin-left: 34px !important; 
}

.collections4 .fifthCollections { 
    position: absolute; 
    margin-top: 7px !important; 
    margin-left: 100px !important; 
}

/* дсв 2017 */
.collections5 {
    background-image: url(https://i.imgur.com/SNFRJ6d.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections5 .firstCollections { 
    position: absolute; 
    margin-top: 13px !important; 
    margin-left: -153px !important; 
}

.collections5 .secondCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -90px !important; 
}

.collections5 .thirdCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -26px !important; 
}

.collections5 .fourthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 40px !important; 
}

.collections5 .fifthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 105px !important; 
}

/* полуденьрождения 2017 */
.collections6 {
    background-image: url(https://i.imgur.com/TIcD9ST.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections6 .firstCollections { 
    position: absolute; 
    margin-top: 16px !important; 
    margin-left: -153px !important; 
}

.collections6 .secondCollections { 
    position: absolute; 
    margin-top: 12px !important; 
    margin-left: -85px !important; 
}

.collections6 .thirdCollections { 
    position: absolute; 
    margin-top: 16px !important; 
    margin-left: -22px !important; 
}

.collections6 .fourthCollections { 
    position: absolute; 
    margin-top: 11px !important; 
    margin-left: 44px !important; 
}

.collections6 .fifthCollections { 
    position: absolute; 
    margin-top: 11px !important; 
    margin-left: 104px !important; 
}

/* хэллоуин 2017 */
.collections7 {
    background-image: url(https://i.imgur.com/iB4EoUO.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections7 .firstCollections { 
    position: absolute; 
    margin-top: 14px !important; 
    margin-left: -150px !important; 
}

.collections7 .secondCollections { 
    position: absolute; 
    margin-top: 13px !important; 
    margin-left: -91px !important; 
}

.collections7 .thirdCollections { 
    position: absolute; 
    margin-top: 12px !important; 
    margin-left: -26px !important; 
}

.collections7 .fourthCollections { 
    position: absolute; 
    margin-top: 12px !important; 
    margin-left: 36px !important; 
}

.collections7 .fifthCollections { 
    position: absolute; 
    margin-top: 12px !important; 
    margin-left: 98px !important; 
}

/* весна 2018 */
.collections8 {
    background-image: url(https://i.imgur.com/HDs4VQH.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections8 .firstCollections { 
    position: absolute; 
    margin-top: 26px !important; 
    margin-left: -152px !important; 
}

.collections8 .secondCollections { 
    position: absolute; 
    margin-top: 14px !important; 
    margin-left: -76px !important; 
}

.collections8 .thirdCollections { 
    position: absolute; 
    margin-top: 14px !important; 
    margin-left: -7px !important; 
}

.collections8 .fourthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 50px !important; 
}

.collections8 .fifthCollections { 
    position: absolute; 
    margin-top: 14px !important; 
    margin-left: 128px !important; 
}

/* хэлл 2018 */
.collections9 {
    background-image: url(https://i.imgur.com/HIvRgeA.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections9 .firstCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -142px !important; 
}

.collections9 .secondCollections { 
    position: absolute; 
    margin-top: 17px !important; 
    margin-left: -82px !important; 
}

.collections9 .thirdCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -21px !important; 
}

.collections9 .fourthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 35px !important; 
}

.collections9 .fifthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 96px !important; 
}

/* днюха 2018 */
.collections10 {
    background-image: url(https://i.imgur.com/roDXm9k.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections10 .firstCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -142px !important; 
}

.collections10 .secondCollections { 
    position: absolute; 
    margin-top: 13px !important; 
    margin-left: -86px !important; 
}

.collections10 .thirdCollections { 
    position: absolute; 
    margin-top: 13px !important; 
    margin-left: -21px !important; 
}

.collections10 .fourthCollections { 
    position: absolute; 
    margin-top: 13px !important; 
    margin-left: 45px !important; 
}

.collections10 .fifthCollections { 
    position: absolute; 
    margin-top: 12px !important; 
    margin-left: 98px !important; 
}

/* полуднюха 2019 */
.collections11 {
    background-image: url(https://i.imgur.com/89mK9aP.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections11 .firstCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -136px !important; 
}

.collections11 .secondCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -88px !important; 
}

.collections11 .thirdCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -43px !important; 
}

.collections11 .fourthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 8px !important; 
}

.collections11 .fifthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 58px !important; 
}

.collections11 .sixthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 105px !important; 
}

/* кирпичная 2019 */
.collections12 {
    background-image: url(https://i.imgur.com/zEIc9go.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections12 .firstCollections { 
    position: absolute; 
    margin-top: 16px !important; 
    margin-left: -154px !important; 
}

.collections12 .secondCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -84px !important; 
}

.collections12 .thirdCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: -23px !important; 
}

.collections12 .fourthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 38px !important; 
}

.collections12 .fifthCollections { 
    position: absolute; 
    margin-top: 15px !important; 
    margin-left: 97px !important; 
}

/* дсв 2020 */
.collections13 {
    background-image: url(https://i.imgur.com/TY0brCX.png);
    width: 372px;
    height: 92px;
    margin: 0 auto !important;
    position: relative;
}

.collections13 .firstCollections {
    position: absolute;
    margin-top: 19px !important;
    margin-left: -147px !important;
}

.collections13 .secondCollections {
    position: absolute;
    margin-top: 19px !important;
    margin-left: -82px !important;
}

.collections13 .thirdCollections {
    position: absolute;
    margin-top: 19px !important;
    margin-left: -20px !important;
}

.collections13 .fourthCollections {
    position: absolute;
    margin-top: 19px !important;
    margin-left: 42px !important;
}

.collections13 .fifthCollections {
    position: absolute;
    margin-top: 19px !important;
    margin-left: 105px !important;
}

/* зомбиапокалипсис 2020 */
.collections14 {
background-image: url(https://i.imgur.com/jarjP59.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections14 .firstCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: -148px !important;
    /* opacity: 0; */
}

.collections14 .secondCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: -85px !important;
    /* opacity: 0; */
}

.collections14 .thirdCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: -17px !important;
}

.collections14 .fourthCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: 37px !important;
}


.collections14 .fifthCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: 109px !important;

}

/* пивная полуднюха 2020 */
.collections15 {
background-image: url(https://i.imgur.com/p1UGBJJ.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections15 .firstCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: -155px !important;
    /* opacity: 0; */
}

.collections15 .secondCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: -110px !important;
    /* opacity: 0; */
}

.collections15 .thirdCollections {
    position: absolute;
    margin-top: 12px !important;
    margin-left: -54px !important;
}


.collections15 .fourthCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: -16px !important;
}


.collections15 .fifthCollections {
    position: absolute;
    margin-top: 11px !important;
    margin-left: 69px !important;

}

.collections15 .sixthCollections { 
position: absolute; 
margin-top: 11px !important; 
margin-left: 121px !important; 
}

/* согревающая осенняя 2020 */
.collections16 {
background-image: url(https://i.imgur.com/LxHgtdJ.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections16 .firstCollections {
    position: absolute;
    margin-top: 16px !important;
    margin-left: -159px !important;
    /* opacity: 0; */
}

.collections16 .secondCollections {
    position: absolute;
    margin-top: 15px !important;
    margin-left: -91px !important;
    /* opacity: 0; */
}

.collections16 .thirdCollections {
    position: absolute;
    margin-top: 16px !important;
    margin-left: -20px !important;
}


.collections16 .fourthCollections {
    position: absolute;
    margin-top: 16px !important;
    margin-left: 55px !important;
}


.collections16 .fifthCollections {
    position: absolute;
    margin-top: 16px !important;
    margin-left: 119px !important;

}


/* рождественская 2020 */
.collections17 {
background-image: url(https://i.imgur.com/GBW2Ztx.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}

.collections17 .firstCollections {
    position: absolute;
    margin-top: 8px !important;
    margin-left: -164px !important;
    /* opacity: 0; */
}

.collections17 .secondCollections {
    position: absolute;
    margin-top: 14px !important;
    margin-left: -102px !important;
    /* opacity: 0; */
}

.collections17 .thirdCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: -27px !important;
    /* opacity: 0; */
}


.collections17 .fourthCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: 40px !important;
    /* opacity: 0; */
}


.collections17 .fifthCollections {
    position: absolute;
    margin-top: 13px !important;
    margin-left: 96px !important;
    /* opacity: 0; */
}

/* конец коллекции */


/* для "хочу видеть" */
img.wannasee {
    max-width: 470px;
    border: solid 2px #452003 !important;
}

/* стиль для страниц с прайсом подарков
    перенесено сюда 26.08.18 потому что хуйня же */
.p1 {
    text-align: center;
    display: inline-block;
    font-family: lobster;
    color: #645D5D;
    font-size: 12px;
    background-color: #E4E4E4;
    padding: 5px;
    box-shadow: inset 0 0 15px #BBB6B6, 0 1px 2px #A8A5A5, 0 -1px 1px #E4E4E4;
    border-radius: 15px;
    margin: 2px 0 2px 0;
    min-width: 60px;
}

.lable {
    text-align: center;
    display: block;
    width: 130px;
    font-family: lobster;
    text-shadow: 0 1px 3px #FDF5F5, 0 -1px 1px #F7F2F2;
    color: #7C7676;
    font-size: 16px;
    background-color: #E4E4E4;
    padding: 5px;
    box-shadow: inset 0 0 15px #BBB6B6, 0 1px 2px #A8A5A5, 0 -1px 1px #E4E4E4;
    border-radius: 15px;
    margin: 0 auto 10px auto;
}

/* аэстетики */
.aesthetic-photo-upd { max-width: 500px; position:relative; top: 13px; margin-top: -18px; margin-left: 6px; }
.aesthetic-photo-upd img { max-width: 500px;}
.aesthetic-text-upd { width: 350px; min-height: 13px; background-color:#000000; position: relative; top: 10px; left: 4px; line-height: 13px; color: #FFF; font-family: kelly slab; text-transform: uppercase; font-size: 10px; letter-spacing: 4px; text-align: center; }
.aesthetic-upd div {margin: 0 auto;}
.aesthetic-upd { margin-bottom: 35px;}

/* инст */
.ibk2 { background: rgba(85,134,171,1); background: -moz-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85,134,171,1)), color-stop(41%, rgba(67,114,152,1)), color-stop(100%, rgba(51,97,135,1))); background: -webkit-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -o-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -ms-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: linear-gradient(to bottom, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586ab', endColorstr='#336187', GradientType=0 ); width:340px; padding:5px; }
.ilogo { font-size:19px; font-family: lobster two; text-align:center; color: #e6edf4; text-shadow: 1px 1px 1px #2c4860; line-height:100%; }
.insus { font-family: calibri; color: #ffffed; font-weight:bold; font-size:12px; line-height:100%; margin-left:4px; margin-right:8px; letter-spacing:-0.5px; text-shadow: 1px 1px 1px #1f3547; }
.ins111 { height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6; margin-left:10px; margin-right:10px; }
.ins22 { width:25px; height:21px; background-image: url(http://i.imgur.com/VsbBWbI.png);margin-right:5px; }
.ins33 { letter-spacing:0px; color: #e3ecf1; text-shadow: 1px 1px 0px #1f3547; }
.ins44 { height:1px; width:350px; background-color: #e4e4e4; box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; }
.ins55 { background-color: #f6f6f6; padding:10px; }
.inscredit { padding:4px; background-color: #ffffff; font-size:8px; font-family: calibri; line-height:100%; color: #8e8e8e; }
.insh { margin-right:15px; font-family: calibri; font-size:26px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #4175a4; }
.inslike { font-family: calibri; font-size:17px; line-height: 100%; text-align:center; letter-spacing:-1px; color: #4175a4; font-weight: bold; margin-right:115px; }
.insa1 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:23px; padding:4px; border: 1px #b6b6b6 solid; background-color: #d9d9d9; height:23px;  margin-right:6px; }
.insa2 { margin-top:3px; font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #8a8a8a; text-shadow: #6c6c6c 1px 0px, #6c6c6c 0px 1px, #6c6c6c 0px -1px, #6c6c6c -1px 0px; }
.insa3 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:23px; padding:4px; border: 1px #b6b6b6 solid; background-color: #d9d9d9; height:23px; }
.insa4 { margin-top:3px; font-family: calibri; font-size:22px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #8a8a8a; text-shadow: #6c6c6c 1px 0px, #6c6c6c 0px 1px, #6c6c6c 0px -1px, #6c6c6c -1px 0px; margin-right:6px; }
.insii { border: 1px #c5c5c3 solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.inshh { margin-left:6px; font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:left; letter-spacing:-1px; text-transform: lowercase; color: #070707; }
.insah { margin-left:6px; font-family: calibri; font-size:13px; font-weight: lighter; line-height:95%; padding:0px; 8px 8px 8px; color: #393939; }
.insah i { color: #7972a5; }
.imgtagg { width:280px; color: #508fbc; font-family: calibri; font-size:9.5px; font-weight: lighter; line-height:95%; text-align: left; padding: 4px; }

/* стиль соо в объявлениях */
.announce {
    height: auto;
    width: 400px;
    background-color: #ffffff;
    border-radius: 10px;
    text-align: justify;
    margin: 0 auto;
    line-height: 1.5;
    color: #4e4e4e;
    margin-top: 15px;
}

.announce a {
    /*color: #df3838!important;*/
}

.announce .icon {
    width: 65px;
    border: 2px solid #e6c375;
}

/* абзац */
.custom_tag_indent {
    display: inline-block;
    margin:1em 2.1em;
}

/* раскраска амс в таблице */
.avak {
    position: absolute;
    width: 150px;
    height: 80px;
    background-color: #6c8894;
    opacity: 0.6;
}

/* стикеры */
.vi {
      cursor: pointer;
      max-height: 64px;
      max-width: 64px;
}

0

11

структура ксс-сеул
Код:
/*************************************************************
A - SETUP
**************************************************************/

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

/* A1.1 */
@import url(style_cs.css);
@import "http://fonts.fontstorage.com/import/yeseva.css";
@import "http://fonts.fontstorage.com/import/ptsans.css";


@import url(http://fonts.googleapis.com/css?family=Playfair+Display&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Lora&subset=latin,cyrillic);
@import "http://fonts.fontstorage.com/import/yeseva.css";
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:700i&subset=cyrillic';
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sansita');
@import url(http://allfont.ru/allfont.css?fonts=playfair-display);
@import url('https://fonts.googleapis.com/css?family=Ramaraja');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
@import url('http://forumstatic.ru/files/0018/25/ef/94590.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
@import url('http://forumstatic.ru/files/0017/da/f3/14084.css');
@import url('https://fonts.googleapis.com/css?family=Neucha');
@import url('http://forumstatic.ru/files/0017/da/f3/98766.css');
@import url('http://forumstatic.ru/files/0017/da/f3/80658.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url(http://allfont.ru/allfont.css?fonts=lobster);
@import url(http://allfont.ru/allfont.css?fonts=bodoni);
@import url(http://allfont.ru/allfont.css?fonts=brushtype-normal);
@import url(http://allfont.ru/allfont.css?fonts=ds-standartcyr);
@import url(http://allfont.ru/allfont.css?fonts=deftone-stylus);
@import "http://fonts.fontstorage.com/import/crimsonroman.css";
@import url('https://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic');
@import url(http://allfont.net/allfont.css?fonts=bebas-neue);
@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Anton|Caveat|Covered+By+Your+Grace|Indie+Flower|Libre+Barcode+39+Extended+Text|Pacifico|Ramaraja|Ranga|Sacramento|Shadows+Into+Light|Tangerine&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Allura|Homemade+Apple|Pangolin|Poiret+One&subset=latin,cyrillic');


/* 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 {
  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: 12px;
    font-weight: bold;
}

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

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

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

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

/* A3.10 */
.punbb a {
  text-decoration: 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: auto;
    width: 922px;
    float: top center;
    padding: 0px 0px 0px 0px;
}

/* A5.2 */
.punbb {
    margin-left: -10px;
    float: none;
    width: 882px;
    height: auto;
}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 12px 20% 12px 20%;
  width: auto;
  float: none;
  background-image: url(http://forumstatic.ru/files/0019/f1/61/97472.jpg);
    background-color: #dfd9d5;
  }

/* 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 none none;
  border-width: 0px 0px 0px 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.7em 1em;
    border-style: none none none none;
    border-width: 0 0px 0px 0;
    font-family: 'yeseva one';
    text-transform: uppercase;
}


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

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

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

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  text-align: center;
  border-top: 1px dashed #4e775f;
  width: 60%;
  margin-left: 120px;
  padding-bottom: 5px;
      }

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

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 1em 1em 1em 1em;
    padding: 10px 15px 5px 15px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 4px;
    font-size: 11px;
    letter-spacing: 0.4px;
    font-style: normal;
    font-family: tahoma;
    margin: 0;
    color: #32785e;
    text-transform: uppercase;
    margin-bottom: 2px;
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 -15px;
    font-size: 10px;
    font-family: 'yeseva one';
    text-transform: uppercase;
}

/* 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 12em 0 0;
  height: 100%; /* For IE */
  }

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

#pun-admain textarea, #pun-admain .longinput input {
    width: 97%!important;
}

#main-reply {height: 200px}


/* 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 {
  background-color: transparent;
  text-align: center;
  width: 4%;
  }

/* C2.3 */
.punbb .main .tcr {
    background-color: transparent;
    overflow: hidden;
    text-align: left;
    width: 20%;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 14px;
}

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

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

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

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

/* C2.8 названия подфорумов*/ 
#pun-index .tcl h3 {
    font-size: 13px;
    font-weight: bold;
    font-family: 'yeseva one';
    font-style: normal;
    text-align: center;
    padding: 4px 4px 3px 4px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    margin-bottom: 5px;
    background-color: #ffffff2b;
}

/* 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: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* 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 */
#pun-index td div.tclcon {
    width: 480px;
    font-size: 10px;
    line-height: 12px;
    /* text-align: center; */
    margin-left: 50px;
    background-image: url(http://forumstatic.ru/files/0019/f1/61/97472.jpg);
    background-color: #dfd9d5;
    padding: 8px 8px 8px 8px;
}


/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    height: 32px;
    width: 32px;
    padding-right: 6px;
}


#pun-messages.punbb div.icon{
  margin-top:-5px!important;
}
  

 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
  border-color: #202021 ;
}

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

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

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

  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

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

  }

/* CS2.6 */

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;

  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }

li.pa-online {
  border-left-color: transparent;
  margin-bottom: 10px;
  }

li.pa-online {
    line-height: 0.8em;
    border-left-style: solid;
    border-left-width: 0.7em;
    padding-left: 0.4em;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: -15px;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'yeseva one';
    letter-spacing: 0.4px;
    text-shadow: 0 0 5px #cbcbd2;
}


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

  }

/* C3.3 */
.punbb .post h3 span {
    padding: 4px 12px 0px 12px;
    display: block;
    color: #f1ebe7 !important;
    text-transform: uppercase;
    font-size: 7px;
}

/* 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: 222px;
    overflow: hidden;
}

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

/* C3.7 */
.pa-author {
    font-style: normal;
    margin-top: 14px;
}

/* C3.8 */
.pa-author a {
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'yeseva one';
    font-size: 13px;
    letter-spacing: 0.6px;
}

/* C3.9 */
li.pa-title {
    padding-bottom: 0.4em;
    font-weight: normal;
    font-size: 7px;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 2px;
}



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

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

/*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: 1em 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -19em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    font-family: 'tahoma';
    text-align: right;
    font-weight: bold;
}

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

/* D1.2 */
#pun-title h1 {
  display : block;}

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


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

#pun-title h1 span  {
  font-size: 1.5em;}


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

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: 55px;
  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 {
    text-align: center;
    margin-top: -22px;
    font-weight: bold;
    font-style: normal;
    font-family: 'yeseva one';
    font-size: 10px;
    text-transform: uppercase;
    word-spacing: -5px;
    letter-spacing: 0.9px;
}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.2em 1em;
  padding-top: 0px;}

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


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

/* D4.1 */
#pun-ulinks {
    margin-left: -56px;
    margin-top: -5px;
}

/* D4.2 */
#pun-ulinks .container {
  text-align: center;
  text-transform: lowercase;
    margin-top: 0px;
  }

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

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

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

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

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

/* D5.2 */
#pun-status .container {
    margin: 20px 0px 0px 0px;
}

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

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

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

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

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

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

/* 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: 2.5em 1em 1em 1em;
  margin-top: -23px; 
  line-height: 1.1
  }


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

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

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

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

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 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;
  margin-bottom: 0;
  }

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

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

/* 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:  none;
  border-width: 0px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }



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

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

/* D9.2 */

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

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

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

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

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

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

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



#pun-title .title-logo {display : none;}

/* скрытая страница поиска пользователей в Админке от модераторов*/
.gid2 #pun-adnav .item4,.gid2 #pun-admin_users #pun-admain1.adformal{display:none!important;}

0

12

цвета ксс-сеул
Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/

/* фон */
body {background-image : url("https://imgur.com/jt8aPLx.jpg");
background-repeat: repeat; background-attachment: scroll;
background-position : top center; background-color: #626072;
}

/* Шапка */
#pun-title table {
    background-image: url(https://i.imgur.com/1YGwYgf.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    width: 922px;
    height: 439px;
    margin-left: -20px;
}

/* Тело форума */
#pun {
width: 922px; 
background-color: transparent; 
background-image: url(http://forumstatic.ru/files/0019/f1/61/60159.jpg); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;}

.punbb {
padding: 0 30px!important;
width: 922px;}

/* Футер */
#pun-about p.container {
    background-image: url(https://imgur.com/hxYA4C3.jpg);
    margin: 0px 0px -100px -20px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 922px;
    height: 119px;
    overflow-x: hidden;
    padding-bottom: 0px;
}





/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {
background-color: transpanent;
color: #443448;
font-weight: normal;
font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #34483c;
text-align:center; 
font-size: 12px; 
font-style: normal; font-weight: bold; font-family: "arial";
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    background-image: url(http://forumstatic.ru/files/0019/f1/61/97472.jpg);
    background-color: #dfd9d5;
    color: #34483c;
    border: 2px solid #c7bfba7d;
    outline: 3px solid #ca7f73;
    box-shadow: 0 0 1px #00000073 inset;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-image: url(http://forumstatic.ru/files/0019/f1/61/97472.jpg);
    background-color: #dfd9d5;
    color: #34483c;
}

/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background-image: url(http://forumstatic.ru/files/0019/f1/61/97472.jpg);
    background-color: #dfd9d5;
}





/* CS2 Ссылки
-------------------------------------------------------------*/

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a {color: #4e775f;
  text-decoration: none;
  }

/* CS2.2 */
.punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active,  #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #4e775f; 
  text-decoration: none;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #8e4343;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 9px;
    color: #8e4343;
    text-transform: lowercase;
}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #4e775f;
}


#pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #4e775f;
}

#pun-navlinks a {
    color: #4e775f;
}


#pun-navlinks a:hover {
    color: #8e4343;
}


/* CS3 Остальное 
-------------------------------------------------------------*/

/* CS3.1 Иконки*/

div.icon {
        background: url(http://forumstatic.ru/files/0019/f1/61/10019.jpg) no-repeat;
}

tr.inew div.icon {
        background: url(http://forumstatic.ru/files/0019/f1/61/81666.jpg) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://forumstatic.ru/files/0019/f1/61/55470.jpg) no-repeat;
}

tr.isticky div.icon {
        background: url(http://forumstatic.ru/files/0019/f1/61/83004.jpg) no-repeat;
}


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}



/*---Прокрутка---*/
::-webkit-scrollbar-thumb:vertical {
background-color: #cec9c3; height: 4px; border: 1px solid #537b64;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #cec9c3; height: 4px; border: 1px solid #537b64;
}

::-webkit-scrollbar {
    background-color: #537b64;
    height: 4px;
    width: 5px;
}

::selection {
    background: #537b64 !important;
    color: #dcd6d1;
}


#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}



.category .container thead {display: none;}

.punbb .pa-avatar img {
    border: 2px solid #d9cecb;
    outline: 1px solid #348166;
    max-width: 180px !important;
    margin-bottom: 4px;
}

td.tcr a {
    color: #8e4343 !important;
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
    font-family: tahoma;
    text-transform: uppercase;
    font-size: 9px;
}



#pun-viewtopic .post h3 {
    width: 904px;
    margin-left: -11px;
    height: 16px;
    background-image: url(http://forumstatic.ru/files/0019/f1/61/81124.jpg);
}


/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
    background: url(http://forumstatic.ru/files/0019/f1/61/38404.jpg) 0 0 repeat-y;
    overflow: visible!important;
    margin: 20px 0px 0px 0px!important;
}
.punbb .post .post-author > ul {
    background: url(http://forumstatic.ru/files/0019/f1/61/32038.jpg) 0 top no-repeat, url(http://forumstatic.ru/files/0019/f1/61/66799.jpg) 0 bottom no-repeat;
    margin: -12px 0 -12px 0!important;
    padding: 9px 9px 9px 9px!important;
}



.pa-posts, .pa-respect {
    padding: 6px!important;
    margin-top: 1px !important;
    display: inline-block!important;
    float: none!important;
    max-width: 40px!important;
    height: 27px!important;
    text-align: center;
    text-transform: lowercase;
    font-size: 9.5px;
    font-family: arial;
}



#pun-index div.category h2, #pun-index #pun-stats h2 {
    background-image: url(http://forumstatic.ru/files/0019/f1/61/31219.jpg);
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    margin: 0px -11px 16px;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 10px;
    width: 904px;
}


.subforlinks {
    text-align: center;
    margin-top: 3px !important;
}


.subforlink {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
}



.subforlink:hover {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
    background-color: #bf7668;
    color: #eae5e2 !important;
    transition-duration: 1s;
}



.infottt {
    color: #4b6e5a;
    font-size: 9px;
}



.infottt first {
    color: #8e4343;
    letter-spacing: -1px;
}


.infottt secc {
    color: #8e4343;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
}










.adml {
    color: #ebe4e1 !important;
    font-size: 11px;
    font-family: 'yeseva one';
    font-style: normal;
    text-transform: uppercase;
    margin: 0px 2px 0px 2px !important;
}



.adml:hover {
        color: #91b8a5 !important;
    font-size: 11px;
    font-family: 'yeseva one';
    font-style: normal;
    text-transform: uppercase;
    margin: 0px 2px 0px 2px !important;
    transition-duration: 1s;
}



.admls {
    color: #297459 !important;
    font-family: yeseva one;
    font-size: 10px;
    letter-spacing: 0.2px;
    margin: 0px 5px 0 0px !important;
    text-transform: uppercase;
}



.admls:hover {
    color: #8e4343 !important;
    font-family: yeseva one;
    font-size: 10px;
    letter-spacing: 0.2px;
    margin: 0px 5px 0 0px !important;
    text-transform: uppercase;
}


.admlss {
    color: #a14142 !important;
    font-family: yeseva one;
    letter-spacing: 0.2px;
    margin: 0px 5px 0 0px !important;
}


.punbb .post h3 span a {
    color: #f1ebe7 !important;
}










/* ---- ГОСТЕВАЯ ---- */

.souls {
    width: 600px;
    padding: 70px 0 !important;
    background: url(http://forumstatic.ru/files/0019/f1/61/46711.jpg) top no-repeat, url(http://forumstatic.ru/files/0019/f1/61/78195.jpg) bottom no-repeat, url(http://forumstatic.ru/files/0019/f1/61/20398.jpg) repeat-y;
    margin-bottom: 15px !important;
    min-height: 150px;
}

.souls img {
    max-width: 480px;
}


.soulstitle {
    font-family: yeseva one;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: -50px 10px 30px 10px!important;
    color: #a34243;
    font-weight: bold;
    text-shadow: 1px 1px #ded7d378;
}

.soulstitle2 {
    font-family: yeseva one;
    text-align: center;
    font-size: 12px;
    background-color: #aa4643;
    color: #fdfdfd;
    width: 210px!important;
    letter-spacing: 2px;
    height: 10px;
    text-transform: uppercase;
    padding: 6px 0px 10px 0;
    display: inline-block;
    margin: 0px 5px 0px 5px !important;
}




.soulstext2 {
    text-align: justify;
    font-size: 11px;
    text-transform: none;
    font-family: arial;
    line-height: 15px;
    overflow-y: auto;
    background: #7692881c;
    padding: 5px 5px 5px 5px;
    height: 100px;
    width: 200px;
    margin: 10px 5px 0px 5px!important;
    display: inline-block;
}






.soulstitle3 {
    font-family: yeseva one;
    text-align: center;
    font-size: 11px;
    /* font-weight: bold; */
    background-color: #aa4643;
    color: #f1f0f0;
    width: 435px!important;
    letter-spacing: 2px;
    height: 10px;
    text-transform: uppercase;
    padding: 6px 0px 10px 0;
    display: block;
    margin: 5px 5px 0px 5px !important;
}

.soulstext3 {
    text-align: justify;
    font-size: 11px;
    text-transform: none;
    font-family: arial;
    line-height: 15px;
    overflow-y: auto;
    background: #7692881c;
    padding: 5px 5px 5px 5px;
    height: 100px;
    width: 425px;
    margin: 10px 5px 0px 5px!important;
    display: block;
}




/* ---- Первое сообщение ---- */

.soulsf {
    width: 600px;
    padding: 40px 0px 40px 0px !important;
    background: url(http://forumstatic.ru/files/0019/f1/61/36544.jpg) top no-repeat, url(http://forumstatic.ru/files/0019/f1/61/40274.jpg) bottom no-repeat, url(http://forumstatic.ru/files/0019/f1/61/74255.jpg) repeat-y;
    margin-bottom: 15px !important;
    min-height: 50px;
}



.soulstitlef {
    font-family: yeseva one;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: -22px 10px 20px 10px!important;
    color: #357b61;
    font-weight: bold;
    text-shadow: 0 0 1px #e5deda;
}


.lz{
height:250px;
width:200px;
border:6px groove #EEDD82;
border-bottom-left-radius: 50px;
background-color:#EEE8AA;
font-family:calibri;
font-size: 12px;
letter-spacing:0px
}









/* -----------Добавки от Аки, без разрешения не трогать
-------------------------------------------------------------*/

#outersiliconapp { border-color: #ccc!important;}
.characternamesilicon { background: #a28a87; border-top-color: #4e545e!important; color: #4e545e; } 
.characternamesilicon::before {color:#fff; } 
#outersiliconapp [type="radio"]:checked+label::after {color:#3A3740; } 
#outersiliconapp label { background: #a28a87;border-top-color: #4e545e!important; color: #fff;} 
.siliconplayer { background:#3A3740; color:#fff; border-top-color:#a28a87!important; } 
.siliconplayer::before { border-top-color: #a28a87!important;} 
.siliconplayer::after {border-top-color:#a28a87!important;  } 
.siliconsidebar {background:#efefef; } 
.siliconrightav { border-color: #fff!important; background:#3A3740; } 
.siliconrightav img { border-color: #a28a87!important; } 
.siliconsidebar ul { border-top-color:#ccc!important;} 
.siliconsidebar li:nth-child(odd) {color:#aaa;}
.siliconsidebar li:nth-child(odd):first-letter { color:#3a3740; } 
.siliconsidebar li:nth-child(even) { color:#a28a87; border-bottom-color: #ccc!important; }
.insidesiliconapp {background:#fff; border-color: #ccc!important;  color:#aaa;}
.backgroundsiliconblue {background:#4e545e;}
.maps-credit a { color:#ccc!important; } 



#silicongenout {border-color: #efefef!important;}
.silicongentitle { background: #a28a87; color: #fff; border-bottom-color: #fff!important; border-top-color: #4e545e!important;}
.silicongentext {color: #888; border-bottom-color: #a28a87!important; background-color: white;}
.silicon-title {color:#4e545e; border-bottom-color: #efefef!important;}
.silicon-title::after { color:#ccc; }
.maps-credit a {color:#ccc!important;}

ul.tabs li a {background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;} 
ul.tabs li a:hover { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;} 
ul.tabs li a.active { background-color: #a28a87!important; border-color: #4e545e!important; color: #fafafa!important;} 
.content {background-color: #fafafa!important; border-bottom-color: #a28a87!important; overflow-y: auto;} 
#chrontxt { color: #fff!important;} 
#chrnsmll {color: white!important;} 
.chronspace {background-color: #a28a87!important; border-bottom-color: white!important; border-top-color: #4e545e!important; } 

.persstat{ width: 183px; padding-left: 19px; padding-bottom: 5px; text-align: justify; margin-top: -12px!important;}
#perstatinfo {
    line-height: 90%;
    margin-right: 5px;
    margin-left: -5px;
    font-size: 10px;
    font-family: monospace;
    color: #2b634e!important;
}
.persstat a {
    color: #a34241!important;
}
#firstname {
    text-align: center;
    padding: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-left: -10px;
    border-bottom: 0px #8d7868 solid;
    font-weight: bold;
    color: #358267!important;
    text-transform: lowercase;
}
#money {
    text-align: center;
    padding-top: 10px;
    margin-left: -20px;
    color: #a84241!important;
}
#moneypic { width: 25px; margin-right: 5px; margin-top: -6px; }
.capscamp{ position: absolute; margin-top: -45px!important; margin-left: -15px!important;}
.capscamp1 { position: inherit; margin-top: -45px!important; margin-left: -3px!important;}



li.pl-share { display: none!important;}
#pun-live-rusff {font-weight: initial;}
div#pun-announcement {margin-top: 0px;}
div#pun-admain {margin-top: 10px;}
td.tcl.pmtcl1 {
    font-size: 15px;
}



li.pa-awards {
    margin-bottom: 5px;
}



/* -----блог-------*/
.tooltip2 { 
  position: relative;
}
.tooltip2 > span { /* стиль появляющейся подсказки */
  position: absolute;
  width: 150px;
    top: 25%;
    left: 50%; 
    margin-left: -20px;
visibility: hidden;
  margin: 0 auto; 
  padding: .3em;
  font-size: 90%;
  background: #a88e7d;
  color: #79898a;
  line-height: normal;
  cursor: auto;
  z-index: 500;
}
.tooltip2 span: before{
  content: '';
  position: absolute;
 left: 0;
  right: 0;
  visibility: hidden;}
.tooltip2:hover > span,
.tooltip2:hover:before,
.tooltip2:hover:after,
.tooltip2:focus > span,
.tooltip2:focus:before,
.tooltip2:focus:after {
  visibility: visible;
}
.tooltip2:focus { 
  outline: none;
}



/* ----соц.сеть, первое соо---- */
 .crawl {
   width: 450px; border-radius: 0px; background: #fff; 
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px; text-align: center;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;
 }
 
 .crawl .topper {
   width: 450px; height: 130px;
 }
 
 .crawl .head {
   background: linear-gradient(rgba(255,255,255,0)0%,rgba(255,255,255,1)35%);
   margin-top: -115px; height: 240px;
   overflow: hidden; text-align: center;
 }
 
 .crawl .avatar {
   border-radius: 50%; border: solid 5px #fff;
   width: 120px; height: 120px; margin: 50px auto 0 auto;
   box-shadow: none;
 }
 
 .crawl h3 {
   margin: -5px 20px 5px 20px; font: bold 20px roboto; 
 }
 
  .plac {
    color: #808080;
    margin: 25px;
    font: italic 10px roboto;
    font-weight: bold;
}
 
 .crawl .bio {
   margin: 0 auto 20px auto; width: 240px;
   font: 10px/13px roboto; text-align: center;
 }

 .crawl img {
   width: 130px; height: 130px;
   display: inline-block; margin: 5px;
   border-radius: 5px;
   box-shadow: 1px 1px 5px rgba(0,0,0,.1);
 }
 
 .crawl .spacer {
   height: 10px;
 }

/* ----соц.сеть, картинка ---- */

.howfar .bg, .howfar .pic {
 }
 
 .howfar {
   width: 350px; border-radius: 0px; background: #fff;
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;

 }
 
 .howfar .bg {
   width: 350px; height: 350px;
   filter: blur(10px); background-size: cover!important;
 }
 
 .howfar .pic {
   width: 300px; height: 300px;
   background-size: cover!important; border-radius: 5px;
   margin: -320px auto; position: relative;
   z-index: 200px; box-shadow: 1px 1px 15px rgba(0,0,0,.1);
 }
 
 .howfar .caption {
   margin-top: 350px; padding: 15px 20px 20px 20px;
   position: relative; z-index:200;
   font: 10px roboto; text-align: left;
 }
 
 .howfar .name {
   border-bottom: solid 1px #ddd;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 85px;
    font: bold 12px roboto;
 }
 
 .howfar .date {
   padding: 0 0 5px 85px; color: #777;
   margin: -20px 0 10px 0; font: italic 9px roboto; 
 }
 
 .howfar img {
   border-radius: 50%; border: solid 5px #fff;
   width: 50px; height: 50px; margin: -45px 0 0 20px;
 }


/* ----соц.сеть, картинка ---- */

.howfar .bg, .howfar .pic {
 }
 
 .howfar {
   width: 350px; border-radius: 0px; background: #fff;
   margin: auto; overflow: hidden; border: solid 1px #fff;
   box-shadow: 1px 1px 15px rgba(0,0,0,.1); padding: 1px;
   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;

 }
 
 .howfar .bg {
   width: 350px; height: 350px;
   filter: blur(10px); background-size: cover!important;
 }
 
 .howfar .pic {
   width: 300px; height: 300px;
   background-size: cover!important; border-radius: 5px;
   margin: -320px auto; position: relative;
   z-index: 200px; box-shadow: 1px 1px 15px rgba(0,0,0,.1);
 }
 
 .howfar .caption {
   margin-top: 350px; padding: 15px 20px 20px 20px;
   position: relative; z-index:200;
   font: 10px roboto; text-align: left;
 }
 
 .howfar .name {
   border-bottom: solid 1px #ddd;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 85px;
    font: bold 12px roboto;
 }
 
 .howfar .date {
   padding: 0 0 5px 85px; color: #777;
   margin: -20px 0 10px 0; font: italic 9px roboto; 
 }
 
 .howfar img {
   border-radius: 50%; border: solid 5px #fff;
   width: 50px; height: 50px; margin: -45px 0 0 20px;
 }



/* ---- Первое сообщение ---- */

.tema {
    width: 600px;
    padding: 40px 0px 40px 0px !important;
    background: url(http://forumstatic.ru/files/0019/f1/61/36544.jpg) top no-repeat, url(http://forumstatic.ru/files/0019/f1/61/40274.jpg) bottom no-repeat, url(http://forumstatic.ru/files/0019/f1/61/74255.jpg) repeat-y;
    margin-bottom: 15px !important;
    min-height: 50px;
}



.teksrefresh {
        font-family: yeseva one;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: -22px 10px 20px 10px!important;
    color: #357b61;
    font-weight: bold;
    text-shadow: 0 0 1px #e5deda;
}

.contentvnutri {
    width: 480px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: justify;
    font-family: arial;
    font-size: 11px;
    color: #377c62!important;
}
.contentvnutri a li {
    color: #a68e4e!important;
}


.pa-fld1 {
    margin-top: -10px !IMPORTANT;
}

.pa-fld2 {
    margin-top: 15px !IMPORTANT;
}

.pa-fld3 {
    margin-top: 30px !IMPORTANT;
    margin-left: -7.6px !IMPORTANT;
}







/* ТАБЛЫ
-------------------------------------------------------------*/

/*---рамка таблицы--*/
.soultabinfo {
    width: 600px;
    padding: 40px 0px 40px 0px !important;
    margin-bottom: 15px !important;
    min-height: 50px;
    background: url(http://forumstatic.ru/files/0019/f1/61/36544.jpg) top no-repeat, 
    url(http://forumstatic.ru/files/0019/f1/61/40274.jpg) bottom 
    no-repeat, url(http://forumstatic.ru/files/0019/f1/61/74255.jpg) repeat-y;
}

/*---название таблы---*/
.soultitlename {
    margin: -22px 10px 20px 10px!important;
    font-family: yeseva one;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0 1px #e5deda;
    letter-spacing: 2px;
    color: #357b61;
}

/*---текст в табле---*/
.soulboxcontent{
    width: 480px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: justify;
    font-family: arial;
    font-size: 11px;
    color: #377c62!important;
}
.soulboxcontent a li {
    color: #a68e4e!important;
}

/*---заглавный текст---*/
.soulinfobig{
    font-family: 'Josefin Sans', sans-serif;
    font-size: 40px;
    text-align: center;
    text-shadow: 1px 0px 0px #fff;
    line-height: 33%;
    letter-spacing: -2px;
    word-spacing: -2px;
    color: #c3786c;
}

/*---разделяющий текст---*/
.soulinfolitl{
    font-family: 'Playfair Display', serif!important;
    font-style: italic!important;
    font-size: 15px!important;
    text-align: center!important;
    text-transform: none!important;
    text-shadow: 1px 0px 0px #a56862!important;
    background-color: #c37870!important;
    color: #e8e2df!important;
}

/*---основной инфо блок---*/
.soulboxbig{
    overflow: auto;
    font-family: arial;
    font-size: 9px;
    text-align: justify;
    text-transform: uppercase;
    padding: 10px 10px 10px 10px; 
    border: solid 5px #c37870;
    background-color: #c5bbb58c;
    color: #377c62;
}

/*---дополнительный инфо блок---*/
.soulboxlil {
    overflow: auto!important;
    font-family: verdana!important;
    font-size: 9px!important;
    text-align: justify!important;
    text-transform: uppercase!important;
    letter-spacing: 0px!important;
    line-height: 120%!important;
    padding: 8px 8px 8px 8px!important;
    border: solid 2px #c37870!important;
    background-color: #d6ccc6!important;
    color: #814240!important;
}

/*---титул дополнительного инфо блока---*/
.soulboxlil b {
     font-size: 11px!important;
     font-weight: bold!important;
     color: #357b61!important;
}

/*---маркер цвета ссылок---*/
.soulboxlight a {
    color: #814240!important;
}


/*---всплывашки---*/
.soulconteinerinfo b { 
     font-weight: extra-bold;
     color: #dcdddc;
}
.soulconteinerinfora {
     width: 200px;
     height: 200px;
     position: relative;
     opacity: 0;
     -webkit-transition: all 1s ease-in-out;
     transition: all 1.5s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;
     transform: scale(0);
     -webkit-transform:scale(0);
     -moz-transform:scale(0);
     -o-transform:scale(0);
     background-color: #dcdddc;
}
.soulconteinerinfohov:hover {
     opacity: 1;
     -webkit-transition: all 1s ease-in-out;
     transition: all 1.5s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;
}
.soulconteinerinfohov:hover .soulconteinerinfora{
     opacity:1;
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
}
.soulconteinerinforas {
     overflow: auto;
     width: 180px;
     height: 180px;
     position: relative;
     padding: 10px;
     text-align: justify;
     text-transform: lowercase;
     font-family: calibri;
     font-size: 10px;
     letter-spacing: 1px;
     line height: 10px;
     color: #111;
}
/*----------------------------------------------------------*/

#playmymusic{
     margin-top: 0px!important;
}
#bigone{
     margin-top: -8px!important;
}

0

13

структура ксс - сеулайт
Код:
/***************************************
A - SETUP
***************************************/

/* A1.1 */
@import url(/style_cs.1617548476.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%;
margin-top: 20px;}

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

/* A3.2 */
.punbb {
font: normal 78.5% verdana, Georgia, arial, helvetica, sans-serif, geneva, lucida, 'Times New Roman', Times, 'lucida grande';
color: #484259;
-webkit-text-size-adjust: none;}

/* A3.3 Текстовая область, ввод сообщения */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, Georgia, arial, helvetica, sans-serif, geneva, lucida, 'Times New Roman', Times, 'lucida grande';
padding: 5px 5px 5px 10px;
margin: 5px 10px 10px 5px;
border: 1px solid #ffd2ea;
background-color: #F9F9F9;}

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

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

/* A3.8 Использование курсива*/
.punbb .post-content em {
font-style: italic}

/* A3.9 использование подчеркивания*/
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;}

/* A3.10 Цвет ссылок*/
.punbb a {
text-decoration: none;
color: #9c0d13;
font-weight: bold;}

.punbb a, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #004d53;
text-decoration: none; }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #004d53;  }

.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #004d53;
border-bottom: 0px none;
text-decoration: none;  }

/* A3.11 Жирность для общих свойств*/
.punbb optgroup {
font-weight: bold;}

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

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

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

/* A5 Basic page layout and borders
-------------------------------------------------------------*/
body {
background-image: url(http://0s.mm.ojqwi2llmfwc44tv.nblz.ru/c37/2102/a9/fd847f95e4b2.png);
background-attachment: fixed;
background-position: top center;
overflow-x: hidden !important;
background-repeat: repeat;
background-color: #003C43;
}

/* A5.1 Тело форума */
#pun {
position: center top;
width: 848px;
margin: 20px auto;
background-color: #fff3fb;
background-position: center;
border: 4px solid #ffd2ea;
position: relative;}
  
/* A5.2 */
.punbb {
float: none;
height: auto;
width: 100%;
position: center top;}

/* A5.3 Страница переадресации*/
#pun-redirect, #pun-maint {
display: none; }
  
#pun-redirect .main-title {
display: none;}
 
/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;}

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

.punbb .topic {
margin-top: 20px;}

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

/* A5.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; }
 
/* A5.9 */
.punbb .container {
border-style: none; }

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 2px 1em 9px 1em;
border-style: none; 
font-size: 13px;
text-align: center;}

#pun-main h2 {
padding: 2px 15px 5px;
border-style: none;
font-size: 12px;}

/* Футер */
#pun-about p.container {
width: 950px; 
margin-bottom: -60px;
text-align: center;}

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

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

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

/* B1.2 Черта в подпись*/
.punbb .post-sig dt {
display: block;
text-align: center;
border-top: 1px solid #888;
width: 70%;
margin: 6px 0;
margin-left: 68px;}

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

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

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

/* B1.6 Цитата и код*/
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: hidden;}
  
/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
padding: 5px 5px 5px 10px;
margin: 5px 10px 10px 5px;
border: 1px solid #a5638f;
background-color: #fdf9fc;
width: 93%;  }

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

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

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

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

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

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

/* B3.1 контейнер для номеров страниц и новых тем и опроса */
.punbb .linkst {
float: left;
position: relative;
width: 70%;
font-size: 1.1em;
height: 16px;  }

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

/* B3.3 номера страниц */
.linkst .pagelink {
position: absolute;
left: 1em;
width: 24em; 
font-size: 12px; }

/* B3.4 новая тема, новый опрос */
.linkst .postlink {
position: absolute;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold; 
font-size: 12px; }

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

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

/* 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: 0 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: none;
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;  
font-size: 12px;}

.punbb fieldset legend small {
font-size: 12px !important;}

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

/* C1.8 */
.punbb .fs-box {
margin: 1em 0 0 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; }

#pun-post .formal h2 span {
display: none;}

.formal fieldset legend span {
display: none;}

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

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

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

.punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 10%; }

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

/* 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-size: 14px; }

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

/* C2.10 Модераторы форумов */
.punbb td .modlist {
display: none;  }

/* C2.11 Границы таблиц */
.punbb .main td {
border: none!important;}

/* C2.12 */
.punbb .main th {
border: none; }

/* C2.13 */
.punbb .main .tcl {
border: none; }

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
width: 430px;
font-size: 12px;}

/* C2.15 Иконки */
.punbb div.icon {
width: 60px;
height: 60px;
display: block;
background-position: center center;
float: left;
padding: 2px 10px 2px 2px;
margin-left: -5px;}

Div.icon  {
background-image: url(http://0s.me.ojqwi2llmfwc44tv.nblz.ru/a10/2102/be/e9ab78976b7f.png);
background-repeat: no-repeat;}

TR.inew Div.icon {
background-image: url(http://0s.mi.ojqwi2llmfwc44tv.nblz.ru/b39/2102/59/b5e177bddefe.png);
background-repeat: no-repeat;}

TR.isticky Div.icon {
background-image: url(http://0s.mq.ojqwi2llmfwc44tv.nblz.ru/d07/2102/e1/786c4345ecac.png);
background-repeat: no-repeat;}

TR.iclosed Div.icon {
background-image: url(http://0s.mq.ojqwi2llmfwc44tv.nblz.ru/d39/2102/ca/642fd96b2c1a.png);
background-repeat: no-repeat;}

.punbb .main table {
border-collapse: collapse;}

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

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

/* C3.2 */
.punbb .post h3 {
background-color: #003c43;
color: #fff3fb !important;}

/* C3.3 */
.punbb .post h3 span {
padding: 2px;
display: block;
margin-left: 1em;
font-size: 12px;
margin-right: 1em;}

/* 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: 220px;
overflow: hidden;
border-width: 1px 1px 5px 1px;
border-color: #a5638f;
border-style: solid;
background-color: #fff3fb;
margin-left: 10px;
margin-top: 15px;}

.pa-author strong {
    color: #fcf39a;
}
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 0 3px 0;
line-height: 140%; 
text-align: center;}

/* C3.7 */
.pa-author {
font-size: 16px;
font-style: italic;
text-align: center;
width: 220px;
background-color: #a5638f;
height: 20px;
padding-top: 0.2em !important;
padding-bottom: 0.2em !important;
}

/* Аватар */
.pa-avatar {
margin: 5px 15px 0 15px;}

.punbb .pa-avatar img {max-width:190px;max-height:190px;} /* уменьшение аватара */

/* Плашка */
.pa-fld3 {
margin: -22px 15px 5px 15px;}

/* Имя */
.pa-fld2 {
margin: 10px 5px 0 5px;
text-align: center;}

/* ЛЗ */
.pa-fld4 {
margin: 0 5px 5px 5px;}

/* Деньги */
.pa-fld1 {
margin: 3px;
text-align: center;
float: right;
border: 1px solid #ffd2ea;
font-size: 10px;
background: #fdf9fc;
width: 60px;}

/* Возраст */
.pa-age {
margin: 0;
text-align: center;}

/* Провел на форуме */
.pa-time-visit {
text-align: center;}

/* Cообщений */
.pa-posts {
text-align: center;
border: 1px solid #ffd2ea;
float: left;
width: 71px;
margin: 3px;
font-size: 10px;
background: #fdf9fc;}

/* Репутация */
.pa-respect {
text-align: center;
border: 1px solid #ffd2ea;
width: 71px;
float: left;
font-size: 10px;
background: #fdf9fc;
margin-top: 3px;}

/* IP */
.pa-ip {
display: none;}

/* Активен */
.pa-online {
font-size: smaller;}

/* Подарки */
.pa-gifts {
display: none;}

/* Провел на форуме */
.pa-time-visit {
margin-top: -15px;}

/* C3.8 */
.pa-author a {
text-decoration: none;
color: #fff3fb !important;  }

/* C3.9 Статус*/
li.pa-title {
font-size: 12px;
text-align: center;  }

li.pa-online {
float: right;
height: 25px;
margin-top: -25px;}

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

/* C3.11 */
.punbb .post-body {
margin-left: 250px;
padding: 0 0 1px 10px; }

/* 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-style: none;
font-size: 12px; }

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

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

/* C6.4 */
#viewprofile ul, #profilenav ul {
border-style: none;
padding: 10px;
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: 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  }

/* Редактирование профиля */
#pun-profile h1 {
display: block;
padding: 0 50px;}

#profile-left {
width: 200px !important;
text-align: center;}

#viewprofile td {
border: 0;
overflow: hidden;}

#viewprofile li, {
padding: 0 0 0 16em;
margin-bottom: 0.2em;  
margin-left: 30px;}

/* Возраст, лз и т.д. */
#viewprofile li span {
float: left;
width: 200px;}

#profile-right li strong {
text-align: center;}

#viewprofile li strong, #viewprofile li div {
display: block;
font-weight: normal;  }

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

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

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

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

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

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

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

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

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

/* Шапка и автоматическое название на шапке - текстовый логотип*/
#pun-title table {
background-image: url(http://0s.mi.ojqwi2llmfwc44tv.nblz.ru/b15/2102/1f/60fc979d837d.png);
background-position: top center;
background-repeat: no-repeat!important;
height: 288px;
width: 848px;
background-color: #303a43;
margin-left: 0px;
padding: auto;
}

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

#pun-title TD.title-logo-tdr {
border: none;
width: 420px;
margin-top: 100px;
margin-left: -400px;}

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

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -120px;
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  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #8A6767;
color: #a5638f;  }

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

/* D3.1 Меню навигации */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0; 
font-size: 13px; }

div#pun-navlinks {
display: block;
position: fixed;
width: 100px;
text-align: center;
background-color: transparent;
font-size: 14px;
top: 90px;
padding-right: 1em;
z-index: 999;
height: auto;
margin-left: -70px;}

/* D3.2 */
#pun-navlinks .container {
padding: 3px 0px;  }

/* D.3 */
#pun-navlinks li {
display: list-item;
margin-left: 30px;
margin-right: 30px; }

/* D3.4 */
#pun-navlinks li a {
  }


#pun-navlinks a {
color: #FFFFF8;
font-weight: bold;
border-bottom: 0px none;
text-decoration: none;  }

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #FFFFF8;
font-weight: bold;
border-bottom: 0px none;
text-decoration: none;  }

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

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

div#pun-ulinks {
position: absolute;
width: 865px;
text-align: center;
background-color: transparent;
height: 25px;
margin-top: 80px;}

#pun-ulinks a {
font-weight: bold;
border-bottom: 0px none;
text-decoration: none;  }

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #FFFFF8;
font-weight: bold;
border-bottom: 0px none;
text-decoration: none;  }

/* D4.2  Пользовательское меню */
#pun-ulinks .container {
border-top: none; 
margin-top: 0.4em; }

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

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

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

#pun-ulinks .item7 {
display:none;}

/* D5 Welcome box and Top Breadcrumbs Окно статуса - Привет, вы были
-------------------------------------------------------------*/

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

/* D5.2 */
#pun-status .container {
width: 60%;
font-size: 12px;
margin-top: 160px;}

#pun-status p span.item3 {
font-size: small;
display: none !important;}

/* 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: 0;
margin-left: 5px; }

/* Линии */
#pun-break1, #pun-break2, #pun-break3, #pun-break4 {
display: none}

/* D6 Announcement Объявление 
-------------------------------------------------------------*/

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

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

/* D6.3 */
#pun-announcement .container { 
padding: 0!important;}

/* Категории
-------------------------------------------------------------*/
/* Категория Админка*/
#pun-category7.category h2 {
background-color: #004d53;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #ffc4e3;}

/* Категория Приемная*/
#pun-category1.category h2 {
background-color: #004d53;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #ffc4e3;}

/* Категория орг. зона*/
#pun-category2.category h2 {
background-color: #004d53;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #ffc4e3;}

/* Категория игры*/
#pun-category3.category h2 {
background-color: #004d53;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #ffc4e3;}

/* Категория флуд*/
#pun-category4.category h2 {
background-color: #004d53;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #ffc4e3;}

/* Категория пиар*/
#pun-category5.category h2 {
background-color: #004d53;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #ffc4e3;}

/* Категория Архив*/
#pun-category6.category h2 {
background-color: #004d53;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #ffc4e3;}

/* Категория статистика*/
#pun-stats h2 {
background-color: #004d53;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #ffc4e3;}

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

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

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

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

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

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

#pun-stats ul.container { 
text-align: justify;
border-style: none;}

/* 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%;
text-align: center;  }

/* D8.6 Название форума сверху и снизу стрелочки ссылка на главную страницу */
#pun-crumbs2 {
font-weight: bold;
overflow: hidden;
margin-bottom: 5px;
border-bottom: none;  }

/* D8.7 */
#pun-crumbs2 .container {
border-top: none;
padding: 0;
margin-left: 5px; 
font-size: 12px;}

/* D8.9 */
div.punbb-admin #pun-about .container {
border-style: none; }

/* 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 mono", "courier new", courier, monospace;  }

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

.category .container thead {
display: none;}

.gid1 #pun-adnav .item4,.gid2 #pun-admin_users #pun-admain1.adformal{display:none!important;}

0

14

цвета ксс - сеулайт
Код:
/* Полоса прокрутки */
::-webkit-scrollbar{height: 6px;width: 6px;}
::-webkit-scrollbar-track{background: #fff2e1;} 
::-webkit-scrollbar-thumb{background: #397B39;}
::-webkit-scrollbar-button{background: #edeabe;color:#fff;border-radius:10px;height:20px;width:5px}
::-webkit-scrollbar-corner{background: #fff2e1;}
::-webkit-scrollbar-button:vertical:increment{border-top:1px solid #edeabe;border-radius:0 0 10px 10px}
::-webkit-scrollbar-button:vertical:decrement{border-bottom:1px solid
#edeabe;border-radius:10px 10px 0 0}
::-webkit-scrollbar-button:horizontal:increment{border-top:1px solid #edeabe;border-radius:0 10px 10px 0}
::-webkit-scrollbar-button:horizontal:decrement{border-bottom:1px solid
#edeabe;border-radius:10px 0 0 10px}
::-webkit-scrollbar-button:vertical:increment
::-webkit-scrollbar-button:vertical:decrement
::-webkit-scrollbar-button:horizontal:increment
::-webkit-scrollbar-button:horizontal:decrement{background-color: #edeabe !important;background-repeat:no-repeat !important}

/* быстрая навигация в темах */
#navselect {
width: 300px;
margin: 0 !important;}

#pun-live-rusff .cooltext {
display: none;}

/* 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.  */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ }

/* 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */ }

/* 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */ }

/* Add the correct font size in all browsers. */

small {
  font-size: 80%; }

.jGrowl .messag_theme {
background: #fff3fb !important;
color: #484259 !important;}

.topic a.sharelink, a.permalink {
color: #fff3fb !important;}

.punbb .user-avatar .ava, .punbb .user-avatar .avatar-image {
border: 2px solid #ffd2ea;}

span.num_msg {
margin-top: -5px !important;
margin-left: 1px !important;}

img.post-img-Sp {
    margin: 0px 0 -7px 0;
    width: 220px;
    height: 55px;}

.post h3 a {
    color: #fcf1dd !important;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    top: 0!important;
    margin-top: 3%!important;}

.banner_top {display: none !important;}
#banner_top {display: none !important;}

.FNTslider {
border-radius: 4px;
position: relative;
z-index: 1000;
background: #fff3fb;
width: 120px;
height: 3px;
border: solid 1px #fff3fb;
float: right;
margin-right: 2%;
top: 5px;   }
.FNTslider .before {
height: 3px;
border: solid 1px transparent;
border-right: none 0;
border-radius: 4px 0 0 4px;
position: absolute;
background: #a5638f;
margin-top: -1px;    }
.FNTslider .thumb {
width: 8px;
height: 13px;
border-radius: 3px;
position: relative;
top: -5px;
background: #a5638f;
cursor: pointer;   }

.smile {
border-radius: 25px;
border-color: #a5638f;
background-color: #fdf9fc;}

0


Вы здесь » hangang » Ворота в Новый Мир » хлам


Рейтинг форумов | Создать форум бесплатно