/*************************************************************
ОСНОВНОЙ СТИЛЬ И СТРУКТУРА
**************************************************************/

/* 0. ИМПОРТ СТИЛЕЙ
-------------------------------------------------------------*/

@import url(style_cs.1644775129.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url(/files/001b/0d/13/78109.css?v=3); /* Стандартные шрифты */
@import url(/files/001a/f9/a6/47098.css); /* Свои шрифты кириллица */
@import url(/files/001a/f9/a6/10416.css); /* Свои шрифты латиница */
@import url(/files/001a/f9/a6/66531.css?v=2); /* Инстаграм стиль */


/* 1. ТЕКСТ И ССЫЛКИ
-------------------------------------------------------------*/

/* 1.1 Текст на форуме */

.punbb {
font: normal 68.75% verdana, arial, helvetica, sans-serif;
color: #5a5a5a;  }

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif;
color: #5a5a5a;  }

/* 1.2 Стиль всех ссылок */
.punbb a {
color: #6678a0;
text-decoration: none; }

.punbb a:hover {
color: #5a5a5a; 
text-decoration: none;}

#pun-admain a { color: #6678a0!important; }
#pun-admain a:hover { color: #564e62!important; }


/* 2. ССЫЛКИ НАВИГАЦИИ
-------------------------------------------------------------*/

/* 2.1 Форум Участники и т.д. */

#pun-navlinks, #pun-navlinks .container {
border-style: none;
text-align: center; 
position: absolute;
top: 5px;
width: 98%; }

#pun-navlinks li, #pun-navlinks li a {
display: inline; }

#pun-navlinks li a {
padding: 3px 8px 3px 8px!important;
margin: 0px 3px 0px 0px!important;
color: #fff!important;
font-size: 10.3px!important;
font-family: 'Roboto'!important; font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em!important;
text-shadow: 1px 1px #677d7cba;
border: 1px solid #8eafada3!important;
box-shadow: inset 0px 0px 1px 1px #b1cac987;
background: linear-gradient(to top , #8aadac7d, #b1cccb87)!important; }

#pun-navlinks li a:hover {
background: linear-gradient(to top , #b1cccb87, #8aadac7d)!important; }

#pun-navlinks li#navawards  {
display: none; }

/* 2.1.1 Уведомление о сообщении */

#pun-navlinks span.num_msg {
display: inline-block;
position: absolute;
height: 13px!important;
margin-top: -10px;
margin-left: -8px;
padding: 1px 4px;
background: #9cb166!important;
border-radius: 0px!important;
color: #fff!important;
font: 9px Roboto!important; font-weight: 800;
cursor: pointer; }

#pun-navlinks span.num_msg:before {
content: " ";
display: inline-block;
position: absolute;
width: 4px; height: 4px;
margin-left: 1px;
transform: rotate(45deg);
top: 13px!important;
background: #9cb166!important; }

/* 2.2 Пользовательские ссылки */

#pun-ulinks, #pun-ulinks .container {
text-align: center; 
position: absolute; 
top: 18px;
margin-top: 0;
width: 98%;  }

#pun-ulinks li, #pun-ulinks li a, #pun-ulinks li.item8 a {
display: inline;
border-style: none;
border-left-width: 1px;
padding: 3px;
color: #777!important;
font-size: 10px!important;
text-transform: lowercase!important;
font-family: 'Roboto'!important;
letter-spacing: 0.05em;
text-shadow: 1px 1px #ffffff96;  }

#pun-navlinks li a, #pun-ulinks li a {
text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }

/* 2.2.1 Активное уведомление */

.bubble {
background: #9cb166!important;
border: 0 none!important; border-radius: 0px!important;
color: #fff!important; font: 8px/1.6 Roboto!important; font-weight: 800;
display: inline-block;
margin: 0!important;
min-width: 12px!important;
padding: 0 1px!important;
position: absolute!important;
right: -8px!important;
text-align: center!important;
top: -10px!important; }

.bubble:after {
content: "";
display: block;
position: absolute;
border-color: #9cb166 transparent!important;
border-style: solid;
border-width: 3px 3px 0;
left: 5px;
width: 0; }

/* 3. ГЛАВНАЯ СТРАНИЦА
-------------------------------------------------------------*/

/* 3.0 Боковая ссылка на тему основа */

#pun-main .tcr {
overflow: hidden;
text-align: left;
width: 30%; }

/* 3.0 Боковая ссылка на тему стиль */

#pun-index .tcr a {
color: #84a7af;
font-size: 12px;
font-family: 'Roboto'; font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
text-shadow: 1px 1px #ffffff96; }

#pun-index .tcr a:hover { color: #6678a0; }


/* 3.2 Боковая ссылка на тему текст */

#pun-index .tcr {
color: #9aa6ab!important;
text-shadow: 1px 1px #ffffff96;
font-size: 9px;
text-transform: none;
letter-spacing: 0em; }

/* 3.3 Верхний и нижний текст со ссылками на тему  */

#pun-crumbs1, #pun-crumbs2, #pun-crumbs1 a, #pun-crumbs2 a {
color: #acbfca!important;
font-family: 'Roboto'; font-weight: 600;
text-shadow: 1px 1px #ffffff96;
font-size: 9px;
overflow: hidden;
margin-top: 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.09em;  }

#pun-crumbs1 a:hover, #pun-crumbs2 a:hover {
color: #777!important; }


/* 3.4 Статистика */

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
display: inline-block;
min-width: 285px;  height: 16px;
color: #fff!important;
font-size: 8.5px; font-family: 'Roboto'; font-weight: 600;
letter-spacing: 0.08em;
text-align: center;
text-shadow: 1px 1px #00000038;
text-transform: uppercase;
padding: 3px 9px 0px 9px!important;
margin-right: 7px;
line-height: 14px;
cursor: default; }

#pun-stats li.item1 {
border: 1px solid #c0d5dea8;
box-shadow: inset 0px 0px 5px #ffffff8a, inset 0px 0px 5px #ffffff85, inset 0px 0px 10px rgb(181 209 220);
background: #a8c7d1!important; }

#pun-stats li.item2 {
border: 1px solid #aac7d7;
box-shadow: inset 0px 0px 5px #ffffff8a, inset 0px 0px 5px #ffffff85, inset 0px 0px 10px rgb(181 209 226);
background: #9dc0d5!important; }

#pun-stats li.item4 {
border: 1px solid #94b4dd;
box-shadow: inset 0px 0px 5px #ffffff8a, inset 0px 0px 5px #ffffff85, inset 0px 0px 10px rgb(174 195 231);
background: #8fb0d9!important; }

#pun-stats li.item4 a, li.item4 a:hover { color: #fff!important; }

#pun-stats li.item3 { display: none; }


/* 3.5 Нижнее */

#pun-about .container, #pun-about .container a {
border-top-style: none;
line-height: 150%;
color: #d0d1d2!important;
text-align: center;
text-shadow: 1px 1px #ffffff96;
font-size: 6.5px;
font-family: 'Roboto'; font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
padding-top: 54px;
margin-right: 30px;
margin-left: -30px;  }


/* 3.6 Селекты и инпуты оформление для всех */

.punbb select {
margin-right: 1em;
padding: 5px;
margin: 5px;
background: #feffff;
border: 1px solid #ffffff; outline: 1px solid #e2e3e4;
box-shadow: inset 0px 0px 4px #e5e7e7; }

.punbb input {
margin-right: 1em;
padding: 6px;
margin: 5px;
background: #feffff;
border: 1px solid #ffffff; outline: 1px solid #e2e3e4;
box-shadow: inset 0px 0px 4px #e5e7e7; }


/* 3.7 Иконки сообщений позиционирование */

.punbb div.icon {
float: right;
display: block;
width: 60px; height: 50px;
border-style: none none none none;}

#pun-index td div.icon {
margin-top: 30px;  }


/* 4. ПЕРЕАДРЕСАЦИЯ + модальные окна
-------------------------------------------------------------*/

#pun-redirect, #pun-maint, .pun-modal .modal-inner, #rep_form {
background: #f3f5f6;
border: 1px solid #ffffff; outline: 1px solid #e2e3e4;
box-shadow: inset 0px 0px 4px #e5e7e7; }

#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none; }

.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;  }


/* 5. ТОПИК - ТЕМА ОФОРМЛЕНИЕ
-------------------------------------------------------------*/

.punbb .post .container {
border-style: none solid solid solid;  }

.punbb .post h3 {
border-style: solid solid none solid;
border-width: 0px;
margin-left: 245px; 
color: #acbfca!important;
font-family: 'Roboto'; font-weight: 600;
text-shadow: 1px 1px #ffffff96;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 0.09em; }

.punbb .post h3 strong {
float: right;
width: 5em;
text-align: center;
font-size: 9px;
font-weight: 600;
color: #6678a0!important; }

.punbb .post-body {
margin-left: 233px;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0; }

.punbb .post-box {
padding: 1em 1.5em 1em 1em;  }

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

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


/* 5.1 Цитата и код в топике */

.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.3em 1.8em 1em 1.8em;
padding: 0.5em;
background: linear-gradient(45deg, #b0cccc, #b1cdd8);
box-shadow: inset 0px 0px 4px 0px #d6e6f2;
border: 1px solid #ffffff87;
outline: 1px solid #86b1c3b8; }

.punbb .post-content .blockcode, .punbb .post-content blockquote { 
padding: 4px 8px;
overflow: hidden;
background: #feffff;
border: 1px solid #ffffff;
outline: 1px solid #abc3c4;
box-shadow: inset 0px 0px 4px #e5e7e7; }

.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
width: fit-content;
margin: -2px 0px 4px -1px;
padding: 2px 6px;
color: #ffffff;
background: #8ca357;
font-size: 9px; font-style: normal;
font-family: 'Roboto'; font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.07em; }

.punbb .quote-box cite, .punbb .code-box strong.legend a {
color: #fff; }

.punbb pre {
font: 1em/140% roboto;
padding-bottom: 5px; 
color: #5a5a5a; }

/* Прокрутка в коде */
.punbb .post-content .scrollbox::-webkit-scrollbar {width: 4px; height: 4px;}  
.punbb .post-content .scrollbox::-webkit-scrollbar-track {background-color: #cfe5e6;} 
.punbb .post-content .scrollbox::-webkit-scrollbar-thumb {background-color: #8ca2cd; border-radius: 0%;}
.punbb .post-content .scrollbox::-webkit-scrollbar-thumb:active {background: #9cb267; border-radius: 0%;}
/* Для Мозилы */
.punbb .post-content .scrollbox { 
scrollbar-color: #8ca2cd #cfe5e6;     /* «цвет ползунка» «цвет полосы скроллбара» */
scrollbar-width: thin;  /* толщина */ }

/* Спойлер */
.punbb .spoiler-box {
background: #feffff!important;
border: 1px solid #ffffff!important; outline: 1px solid #e2e3e4!important;
box-shadow: inset 0px 0px 4px #e5e7e7!important; }

.post-content .spoiler-box > blockquote {
border: none!important; outline: none!important;
background: transparent!important;
box-shadow: none!important; }

.post-content .spoiler-box > div {
color: #6678a0!important;
padding: 3px;
font: 10px 'Roboto'; font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em; }

.post-content .spoiler-box > div.visible {
background-image: url(/img/minus.png); }


/* 5.2 Форма ввода текста в топике */

.punbb textarea, .punbb .longinput input {
margin: 0.5em 0em 0em -0.5em;
padding: 0.5em;
background: #feffff;
border: 1px solid #ffffff; outline: 1px solid #e2e3e4;
box-shadow: inset 0px 0px 4px #e5e7e7;  }

/* 5.2.1 Окна в форме ответа */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-popup_awards div, #minefonts, #spoiler-area, #meny_My_replic {
margin: 0.4em 1.8em 1.4em;
padding: 11px;
padding-top:10px;
background: #feffff;
border: 1px solid #ffffff; outline: 1px solid #e2e3e4;
box-shadow: inset 0px 0px 4px #e5e7e7;
scrollbar-width: thin;  /* толщина скролла для мозилы */  }

/* 5.2.2 Вкладки смайлов */
#wrapper {width: 460px; max-height: 250px; overflow: auto; scrollbar-width: thin;  /* толщина скролла для мозилы */ }
#smilies-area {width: 460px; }
ul.tabs {height: 25px; line-height: 25px; margin: 3px 1px 8px; list-style: none; }
ul.tabs li {float: left; margin-right: 5px; cursor: pointer;}
ul.tabs li a {display: block; padding: 0 13px 1px; cursor: pointer;
border-radius: 0px; background: #feffff; border: 1px solid #ffffff; outline: 1px solid #e2e3e4; box-shadow: inset 0px 0px 4px #e5e7e7; margin-bottom: -1px; position: relative; }
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
ul.tabs li a:hover {color: #5a5a5a;}
ul.tabs li.tab-current a {color: #5a5a5a; padding: 0px 13px 1px; background: #9eb4da59;}
div.t2,div.t3,div.t4 {display: none;width: 450px; margin-top: 10px; }

/* 5.2.3 Окно шрифтов + разделители кириллицы и латиницы в шрифтах */
/* Окно со шрифтами в форме ответа */
#font-area {
max-height:300px;
overflow-y:scroll!important;
font-size: 14px; }

#font-area span b {
padding: 0 5px;
background: #cddedead;
color: #6678a0;
font-family: 'Roboto'!important;
letter-spacing: 0.08em;
font-size: 10px!important; }

/* 5.3 Кнопки Отправить Посмотреть позиционирование внутри */
.punbb .formsubmit { text-align: center; }

/* 5.3.1 Кнопки Отправить Посмотреть оформление */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
min-width: 100px; height: 23px;
padding: 1px 7px 1px 7px!important;
margin-left: 7px;
color: #fff!important;
font-size: 9px;
font-family: 'Roboto'; font-weight: 600;
letter-spacing: 0.09em;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 1px #76a8a7;
border: 1px solid #a1c3c5; border-radius: 0%!important;
box-shadow: inset 0px 0px 4px #ffffff, inset 0px 0px 10px rgb(177 207 207);
background: linear-gradient(to top , #94b6b7, #a9c9c8)!important;
cursor: pointer; }

/* 5.4 Напишите ваше сообщение и нажмите отправить */
.punbb fieldset legend span {
color: #acbfca!important;
font-family: 'Roboto'; font-weight: 600;
font-size: 9px;    
text-shadow: 1px 1px #ffffff96;
text-transform: uppercase;
letter-spacing: 0.08em;  }


/* 5.5 Ссылки под сообщением е-майл сообщение редактировать и т.д. */

#pun-viewtopic .post-links {
background: url(https://i.imgur.com/uIxcdgt.jpg) no-repeat;
margin-left: -27px!important;
height: 62px;
width: 1045px;
border-left-style: solid;
border-left-width: 1px; }

.punbb .post-links ul {
width: 90%;
margin-left: 38px;
padding: 24px 14px;
height: 20px;
line-height: 110%;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right; }

.punbb .post-links li {
display: inline;
margin-left: 1%; }

.punbb .post-links li:first-child {
margin-left: 0%!important; }

li.pl-email a, li.pl-delete a, li.pl-edit a, li.pl-quote a, li.pl-reports a {
padding: 1px 6px;
color: #fff!important;
border: 1px solid rgb(139 180 181);
box-shadow: inset 0px 0px 3px rgb(255 255 255 / 68%), inset 0px 0px 1px #add;
background: linear-gradient(to top , #96b5b7c2, #b2d4d48f)!important;
font-size: 8px;
font-family: 'Roboto'; font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
text-shadow: 1px 1px #6d8f90b0;
text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }


/* 5.6 Боковые кнопки Ответить верх и низ */

#pun-viewforum .linkst .postlink {
position: absolute;
top: -3.7em;
text-align: right;
left: 59em;}

#pun-viewtopic .linkst .postlink {
position: absolute;
top: -4em; right: 1.8em;
text-align: center;
border: 1px solid rgb(141 160 107);
box-shadow: inset 0px 0px 3px rgb(255 255 255), inset 0px 0px 1px #9cb166;
background: linear-gradient(to top , #7d944e, #9bb260)!important;
font: 9px 'Roboto'; font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 2px 10px;
text-shadow: 1px 1px #6d7d4ac4; }
#pun-viewtopic .linkst .postlink a {
color: #fff!important; }

.punbb .linksb {
text-align: right;
padding: 0em 1.5em 0em 1em; }
#pun-viewforum .linksb { display: none; }

#pun-viewtopic .linksb .postlink {
float: right;
text-align: center;
border: 1px solid rgb(131 155 194);
box-shadow: inset 0px 0px 3px rgb(255 255 255), inset 0px 0px 1px #9fb7db;
background: linear-gradient(to top , #7c95bb, #97b0e0)!important;
font: 9px 'Roboto'; font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 2px 10px;
text-shadow: 1px 1px #6678a0; }
.linksb .postlink a {
color: #fff!important; }


/* 5.7 Страница верх и низ */

.linkst .pagelink, .linksb .pagelink {
color: #6678a0!important;
font: 10px 'Roboto'; font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
text-shadow: 1px 1px #ffffff96; 
width: 24em;  }

.linkst .pagelink {
position: absolute;
top: -4em;
left: 1em; }

.linksb .pagelink {
float: left;
text-align: left; }

/* Убрать Подписаться */
.subscribelink {
clear:both;
display: none;  }


/* 6. ПРОФИЛЬ В ТОПИКЕ
-------------------------------------------------------------*/

.punbb .post .post-author {
float: left;
margin-left: 10px;
margin-top: -15px;
padding-bottom: 82px;
width: 221px; min-height: 100px;
text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }

#pun-viewtopic .post-author, #pun-searchposts .post-author, #pun-post .post-author, #pun-messages .post-author {
background: url(https://i.imgur.com/iBgSeZk.jpg) 52% 0% repeat-x, url(https://i.imgur.com/vycTEBH.jpg) 50% 100% repeat-x, url(https://i.imgur.com/HMsY11Q.jpg) 60% 42%;
overflow-x: hidden; }

#pun-main .post-author ul {
padding: 1.2em 1.2em 1em 1.2em;
flex-wrap: wrap;
margin-left: 1px;
min-height: 70px;
justify-content: space-around;  }

/* 6.1 Ник автора в профиле */
.pa-author {
color: #fff!important;
font-size: 15px; 
font-family: 'Impact'; font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.06em;
font-style: oblique;
text-shadow: 0 1px #73844c; }

.pa-author a {
color: #fff!important; 
font-weight: 400;
background: #8ca357;
padding: 0px 5px; }

#pun-searchposts .pa-author strong {
font-weight: 400!important;
text-shadow: none; }

#pun-post .pa-author { margin: 15px!important; }

/* 6.2 Статус в профиле */
li.pa-title {
padding: 2px 3px 0px!important;
height: 26px;
line-height: 130%;
color: #fff;
font-weight: 400;
font-family: 'Roboto';
text-transform: uppercase;
font-size: 7px;
letter-spacing: 0.2em; }

/* 6.3 Аватар в профиле */
.pa-avatar { text-align: center; }

/* 6.4 Поля сообщений, репутации, дополнительные */
.pa-respect, .pa-posts, .pa-fld2, .pa-fld5  { 
text-align: center;
border: none;
font-family: 'Impact'; font-weight: 400;
font-size: 1.2em;
padding: 0 2px!important;
font-style: oblique;
text-shadow: 0 1px white; }

.pa-posts, .pa-fld2 { width: 55px; }

.pa-posts {
position: absolute;
margin-left: 64px!important; }

li.pa-posts, li.pa-fld5 { color: #96baca!important; }

.pa-respect {
width: 50px;
position: absolute;
margin-left: 130px!important; }

li.pa-respect span { color: #8ca357!important; }

li.pa-respect a img {
content: url(https://i.imgur.com/JeP4ePV.png) !important;
z-index: 999;
position: absolute;
width: 50px; height: 16px;
margin-top: 16px;
margin-left: -43px;
opacity: 0; }

.pa-fld2 {
position: absolute;
margin-top: 33px!important;
margin-left: 64px!important; }

li.pa-fld2 { color: #6678a0!important; }

.pa-fld5 { 
width: 50px;
position: absolute;
margin-top: 33px!important;
margin-left: 130px!important; }

.post-author li.pa-posts .fld-name, .post-author li.pa-fld2 .fld-name, .post-author .pa-respect .fld-name, .post-author li.pa-fld5 .fld-name, .post-author li.pa-posts a  {
font-family: 'Roboto'!important;
font-size: 0.60em!important;
font-style: normal!important;
color: #6678a0!important;
font-weight: 400!important;
letter-spacing: 0.05em!important;
text-transform: uppercase; }

.post-author .pa-replies, .post-author li.pa-replies .fld-name {
color: #fff!important;
letter-spacing: 0.1em; 
text-transform: uppercase;
font-size: 8px; }

.pa-fld1 { margin-left: -10px!important; }

.post-author li.pa-fld1 .fld-name, .post-author li.pa-fld3 .fld-name, .post-author li.pa-fld4 .fld-name { display: none; }

.punbb .post .post-author .pa-fld3 { text-align: center; }

.punbb .post .post-author .inf2b {
counter-reset: li; 
list-style: none; 
width: 194px;
padding: 0px;
font-size: 0.88em;
text-shadow: 0 1px 0 rgba(255,255,255,.5); }

.punbb .post .post-author .inf2b li:nth-child(1) a {
font-family: 'Impact'; font-weight: 400;
text-transform: uppercase;
color: #83a8b7!important;
font-size: 13.4px;
letter-spacing: 0.07px;
font-style: oblique; }

.punbb .post .post-author .inf2b li:nth-child(2) a, .punbb .post .post-author .inf2b li:nth-child(3) a, .punbb .post .post-author .inf2b li:nth-child(4) a {
position: relative;
display: block;
margin: 3px; padding: 1px 3px;
min-height: 13px;
font-family: 'Roboto';
text-transform: lowercase;
text-align: left;
background: linear-gradient(to top, #eaedef, #f5fbff54);
box-shadow: inset 0px 0px 3px 1px #d3dce1;
border-top: 1px solid #cad1d5;
border-left: 1px solid #cad1d5;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
cursor: default;  }

.punbb .post .post-author .pa-fld4 {
position: absolute;
margin-left: 5px;
margin-top: 15px;
text-align: center; }

.pa-fld4 img { max-width: 40px; max-height: 40px; }


/* 6.5 Профиль остальное */
li.pa-online {
display: none;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em; }

.pa-reg, .pa-gifts { display: none; }


/* 7. СТРАНИЦА ПРОСМОТРА ПРОФИЛЯ
-------------------------------------------------------------*/

#viewprofile ul, #profilenav ul { 
padding: 1.5em 18px 0.8em 18px;  
margin: 0 0 1em 0;
outline: 3px double #e2e3e4;
background: linear-gradient(to top, #eeefef, #f7fcff);
box-shadow: inset 0px 0px 3px 1px #d3dce1;
border-top: 1px solid #cad1d5;
border-left: 1px solid #cad1d5;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff; }

#viewprofile li span {
float: left;
width: 15em;
margin-left: -20em;
padding: 5px 7px!important;
color: #fff!important;
border: 1px solid rgb(134 177 195);
box-shadow: inset 0px 0px 3px rgb(255 255 255 / 68%), inset 0px 0px 1px #cfe7f1;
background: linear-gradient(to top , #92b6c6, #b6d1dc)!important;
font-size: 8px;
font-family: 'Roboto';  font-weight: 600;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.08em;
text-shadow: 1px 1px #7398a8bf;  }
#viewprofile li span a { color: #fff!important; }

#profile-right li strong, #profile-title strong {
padding: 4px 6px!important;
background: #feffff;
border: 1px solid #ffffff; outline: 1px solid #e2e3e4;
box-shadow: inset 0px 0px 4px #e5e7e7; }

#viewprofile ol.inf2b a {
position: relative;
left: -215px;
color: #564e62!important; }

#viewprofile li#pa-fld4 { width: 70px; text-align: center; }
#viewprofile li#pa-fld4 img { max-width: 50px; max-height: 50px; }

#viewprofile li#pa-fld2, #viewprofile li#pa-fld5 {
position: absolute;
width: 195px;
margin-left: 250px; }

#viewprofile li#pa-fld2 { margin-top: 4px; }
#viewprofile li#pa-fld5 { margin-top: -34px; }

#profile-left {
margin-left: 0;
position: relative;
text-align: center;
padding: 2px!important; }

#viewprofile li#profile-name strong {
color: #fff!important;
font-size: 11px;
font-family: 'Roboto';
letter-spacing: 0.08em;
text-align: center;
text-shadow: 1px 1px #00000038;
text-transform: uppercase;
border: 1px solid rgb(131 155 194);
box-shadow: inset 0px 0px 3px rgb(255 255 255), inset 0px 0px 1px #9fb7db;
background: linear-gradient(to top , #879bc2, #97b0e0)!important;  }

#viewprofile li#profile-title strong {
font-family: 'Roboto';
text-transform: lowercase; 
letter-spacing: 0.06em;
font-weight: 400!important; }

#viewprofile li#pa-edit a { 
color: #fff!important;
text-align: center;
padding: 5px 30px!important;
border: 1px solid rgb(141 160 107);
box-shadow: inset 0px 0px 3px rgb(255 255 255), inset 0px 0px 1px #9cb166;
background: linear-gradient(to top , #7d944e, #9bb260)!important;
font: 9px 'Roboto'; font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
text-shadow: 1px 1px #6d7d4ac4; }

li#pa-invites, li#pa-gifts { display: none }



/*************************************************************
ОСТАЛЬНЫЕ НАСТРОЙКИ
**************************************************************/

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

html, body { margin: 0; padding: 0 }

.punbb * { margin: 0 }

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

.punbb img { border: none }

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

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

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


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

.punbb h1, .punbb h2 { font-size: 0em!important; font-weight: normal;  }

.punbb h3, #pun-index .tcl h3 { display: block;  }

.punbb h4 { font-size: 1em; font-weight: normal;  }

.punbb table { font-weight: normal;  }

.punbb th { font-size: 0em!important; font-weight: normal; }

.punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1em; }

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

.punbb .post-content em { font-style: italic  }

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

.punbb a {  text-decoration: none;  }

.punbb optgroup {  font-weight: bold;  }


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

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

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


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

#pun { margin: auto; position: relative; }

.punbb { height: auto; }

.punbb .main { margin-bottom: 1em; }

.punbb .section { margin-bottom: 0em; }

.punbb .category, .punbb .post { margin-top: 0.4em; }

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

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

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

.punbb .container { border-style: solid; border-width: 1px; }

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


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

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

.punbb .post-sig dt {  display: none;  }

.punbb .post-content p { margin: 0; padding: 0 0 0.5em 0;  line-height: 150%;  }

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

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

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


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

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

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

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

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

.punbb .linkst {  float: left;  position: relative;  width: 100%;  height: 0;  }

.multipage {  margin-top: 3em;  }


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

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

.punbb fieldset legend {  padding: 0;  margin: 0 0 0 11px; }

.punbb fieldset legend span { padding: 0;  }

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

.punbb .fs-box {  padding: 1em 0 0.8em 0;  }

.punbb .fs-box p, .punbb .fs-box fieldset {  padding: 0 0 0.8em 0  }

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {  float: left;  }

.punbb .inline .infofield {  clear:both  }

.punbb .datafield br {  display: none  }

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

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

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

.punbb .hashelp {  position: relative;  }

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

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

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

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

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

.punbb .main .tcl {  overflow: hidden;  text-align: left;  width: 58%;  }

.punbb .main .tc2, .punbb .main .tcmod {  background-color: transparent;  text-align: center;  }

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

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

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

.punbb td .modlist {  display: block;  padding-top: 0.3em  }

.punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0em 1em; }

.punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; }

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

* html .tclcon {height: 1px}


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

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

.punbb .container, .punbb .post-body, .post h3 { border-color:  transparent;  }

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

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

.punbb td, .punbb fieldset, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent; }

.punbb th { 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 ; }

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

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

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

.punbb .modmenu .container {  padding: 0.5em 1em;  text-align: right;  }

.punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; }

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

.punbb .modmenu input {  margin-left: 1em;  }


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

.punbb .info .container {  padding: 0.8em 1em  }

.punbb .info .container .backlink {  padding-top: 0.8em;  }

#messages .pmtcl1 { width: 55% !important; }

#messages .pmtc22 { width: 30% !important; }


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

#profile .container {  padding-left: 18.6em;  }

#profilenav {  float: left;  width: 14em;  margin-left: -16.3em;  display: inline;  }

#profilenav li {  padding-bottom: 0.8em;  font-weight: bold;  }

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

#viewprofile h2 span, #profilenav h2 span {  padding: 0 5px;  position: relative;  }

#viewprofile li, #setmods dl { padding: 0.1em 1em 0 16em; margin-bottom: 0.7em; }

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

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

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


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

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

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

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

#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl { background-color: transparent;  width: 33%; height: 46px;  }

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

#pun-userlist th.tcl.username, #pun-userlist th.tc2.title, #pun-userlist th, #pun-online th {
font: 9px Roboto!important;
text-transform: uppercase;
text-align: center!important; }

#pun-userlist .tcl { text-align: left!important; }
#pun-userlist .tc2, #pun-userlist .tc3 { text-align: center!important; }


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

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

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

#pun-title .container {  border-style: none none none none;  }

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


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

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

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

#pun-pagelinks .container li {  display: inline  }

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

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

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

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

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

#pun-status span { white-space: nowrap; margin-right: 0.0em; }

#pun-crumbs1 p.container { border-top: none; padding: 1.5em 1em 0.8em 1em; }

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

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

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

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

/* D7 Статистика
-------------------------------------------------------------*/

#pun-stats .container { padding: 0.8em 1em;  text-align: center;  }

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

li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0; text-align: left; }

#pun-online .main .tc3 { width: 10%; } 

#pun-online .main td { padding: 1em 1em; }

#pun-online .tcl.action, #pun-online .main .tc3 { text-align: center; }


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

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

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

#pun-about { margin-top: 0; }

#pun-crumbs2 .container { border-bottom: none; padding: 1em 1em;  }

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

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

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

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

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

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

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

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

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

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

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