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

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

@import url(style_cs.1669553318.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,300,400,900');
@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: #564e62;  }

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

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

.punbb a:hover {
color: #564e62; 
text-decoration: none;}

#pun-admain a { color: #71688b!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: 96%;
margin-left: -2%; }

#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: #ffffff!important; font-size: 9px!important;
font-family: 'Open Sans'!important; font-weight: 700!important;
text-transform: uppercase;
letter-spacing: 0.05em!important;
border: 1px solid #4e3854a1!important;
box-shadow: inset 0px 0px 1px 1px #917a9682!important;
background: linear-gradient(to top , #3c29406e, #886d8e94)!important; }

#pun-navlinks li a:hover {
border: 1px solid #4e3854a1!important;
box-shadow: inset 0px 0px 1px 1px #917a9682!important;
background: linear-gradient(to top , #886d8e94, #3c29406e)!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: #a25589!important;
border-radius: 0px!important;
color: #fff!important;
font: bolder 9px Open Sans!important;
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: #a25589!important; }

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

#pun-ulinks, #pun-ulinks .container {
text-align: center; 
position: absolute; 
top: 15px;
margin-top: 0;
width: 96%;
margin-left: -2%;  }

#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-style: none;
border-left-width: 1px;
padding: 3px;
color: #fff!important; font-size: 8px!important;
text-transform: lowercase!important;
font-family: 'Montserrat'!important;  }

#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: #a25589!important;
border: 0 none!important; border-radius: 0px!important;
color: #fff!important; font: bolder 8px/1.6 Open Sans!important;
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: #a25589 transparent!important;
border-style: solid;
border-width: 3px 3px 0;
left: 5px;
width: 0; }

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

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

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

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

#pun-index .tcr a {
color: #71688b; font-size: 13px;
font-family: Montserrat; font-weight: 600;
letter-spacing: 0.05em;
text-transform: none; }

#pun-index .tcr a:hover { color: #564e62; }


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

#pun-index .tcr {
color: #7a727b; font-size: 8px;
font-family: 'Open Sans'!important; font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em; }


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

#pun-crumbs1, #pun-crumbs2 {
color: #7a727b; font-size: 9px;
font-family: 'Open Sans'!important; font-weight: 600;
overflow: hidden;
margin-top: 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.08em;  }

#pun-crumbs1 a, #pun-crumbs2 a { color: #7a727b!important; }


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

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
display: inline-block;
min-width: 250px; height: 16px;
color: #fff!important; font-size: 7px;
font-family: Open Sans; font-weight: 700;
letter-spacing: 0.05em;
text-align: center;
text-transform: uppercase;
padding: 3px 7px 0px 7px!important;
margin-right: 7px;
line-height: 14px;
border: 1px solid #868bb15c;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(164 160 226);
background: linear-gradient(to top , #716690, #9290ab)!important; 
cursor: default; }

#pun-stats li.item4 a { color: #fff!important; }
#pun-stats li.item4 a:hover { color: #71688b!important; }
#pun-stats li.item3 { display: none; }


/* 3.5 Нижнее */

#pun-about .container, #pun-about .container a {
border-top-style: none;
line-height: 150%;
color: #6e6994!important;
text-align: center; font-size: 7px;
font-family: 'Open Sans'; font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
padding-top: 35px;  }


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

.punbb select {
margin-right: 1em;
padding: 5px;
margin: 5px;
background: #fffbf7;
box-shadow: inset 0px 0px 10px 0px #ece2e2;
border: 1px solid #ffffff;
outline: 1px solid #e7e3e9; }

.punbb input {
margin-right: 1em;
padding: 6px;
margin: 5px;
background: #fffbf7;
box-shadow: inset 0px 0px 10px 0px #ece2e2;
border: 1px solid #ffffff;
outline: 1px solid #e7e3e9; }


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

.punbb div.icon {
float: right;
display: block;
width: 60px; height: 60px;
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: #fffaf6;
box-shadow: inset 0px 0px 20px 0px #ece2e2;
border: 1px solid #ffffff;
outline: 1px solid #e7e3e9; }

#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;
color: #7a727b;
font-size: 8px;
margin-left: 245px; 
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: 'Open Sans'; }

.punbb .post h3 strong {
float: right;
width: 5em;
text-align: center;
font-size: 9px;
font-weight: 600;
color: #7a727b!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.4em 1.8em 1.0em 1.8em;
padding: 1em;
background: #fffbf7;
box-shadow: inset 0px 0px 20px 0px #ece2e2;
border: 1px solid #ffffff;
outline: 1px solid #e7e3e9; }

.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
margin: -12px -12px 0px -12px;
padding: 5px 0px 5px 7px;
color: #fff;
box-shadow: 0px 0px 5px #c1beda inset;
border: 1px solid #e7e3e9;
outline: 1px solid #ffffff;
background: linear-gradient(to right, #716690, #8d8aa9)!important;
font-size: 9px;
font-weight: 600;
font-style: normal;
font-family: 'Open Sans';
text-transform: uppercase;
letter-spacing: 0.08em; }

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

.punbb pre {
font: 1em/140% montserrat;
padding-bottom: 5px;  }

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

/* Спойлер */
.post-content .spoiler-box > div {
background: url(/img/plus.png) no-repeat left center;
cursor: pointer;
padding-left: 18px;
font-family: 'Montserrat';
font-size: 11px;
font-weight: 600;
color: #6e6994;
letter-spacing: 0.08em; }

.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: #fffbf7;
box-shadow: inset 0px 0px 20px 0px #ece2e2;
border: 1px solid #ffffff;
outline: 1px solid #e7e3e9;  }

/* 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: #fffaf6;
box-shadow: inset 0px 0px 20px 0px #ece2e2;
border: 1px solid #ffffff;
outline: 1px solid #e7e3e9;
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: #fffbf7; box-shadow: inset 0px 0px 20px 0px #ece2e2; border: 1px solid #ffffff; outline: 1px solid #e7e3e9; 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: #71688b;}
ul.tabs li.tab-current a {color: #564e62; padding: 0px 13px 1px; background: #fffaf6;}
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: #a5588c;
color: #fff;
font-family: 'Open Sans'!important;
letter-spacing: 0.05em; 
font-size: 9px!important; }

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

/* 5.3.1 Кнопки Отправить Посмотреть оформление */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
min-width: 100px;
height: 20px;
color: #fff!important; font-size: 8px;
font-family: Open Sans; font-weight: 700;
letter-spacing: 0.07em;
text-align: center;
text-transform: uppercase;
padding: 1px 7px 2px 7px!important;
margin-left: 7px;
border: 1px solid #868bb15c;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(164 160 226);
background: linear-gradient(to top , #716690, #9290ab)!important;  
border-radius: 0%!important;
cursor: pointer; }

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


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

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

.punbb .post-links ul {
padding: 1.8em 1.2em;
height: 20px;
line-height: 110%;
margin-left: 0em;
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 4px;
color: #fff!important;
border: 1px solid rgb(85 77 109);
box-shadow: inset 0px 0px 2px rgb(225 221 239), inset 0px 0px 1px rgb(91 85 107);
background: linear-gradient(to top , #564c73, #9a97b9)!important;
background: -moz-linear-gradient(to top , #665b85, #9a97b9)!important;
font-size: 7px;
font-family: 'Open Sans';
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 600; }


/* 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(167 97 145);
box-shadow: inset 0px 0px 2px rgb(247 244 246), inset 0px 0px 1px #905b7c;
background: linear-gradient(to top , #a5588c, #a05889)!important;
font: 8px 'Open Sans';
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 600;
padding: 2px 10px; }
#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(143 119 150);
box-shadow: inset 0px 0px 2px rgb(217 214 218), inset 0px 0px 1px #a07291;
background: linear-gradient(to top , #84608e, #886d8e)!important;
background: -moz-linear-gradient(to top , #84608e, #886d8e)!important;
font-size: 8px;
font-family: 'Open Sans';
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 600;
padding: 2px 10px; }
.linksb .postlink a {
color: #fff!important; }


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

.linkst .pagelink, .linksb .pagelink {
color: #6e6994!important;
font-family: 'Montserrat';
font-weight: 600;
letter-spacing: 0.08em;
font-size: 11px; 
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: -14px;
margin-top: -15px;
padding-bottom: 50px;
width: 250px; }

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

#profile .post-author {
background: url(https://i.imgur.com/Us7j6tl.jpg) 52% 0% repeat-x, url(https://i.imgur.com/vNBCq29.jpg) 50% 100% repeat-x, url(https://i.imgur.com/xwoNwnr.jpg) 60% 42%;
overflow-x: hidden; }

.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 1.2em 1.2em 1em 1.2em;
margin-left: 28px;
line-height: 140%;
min-height: 70px;  }

/* 6.1 Ник автора в профиле */
.pa-author {
color: #fff!important; 
font-size: 1.1em;
font-family: 'Open Sans';
text-transform: uppercase;
letter-spacing: 0.06em; 
font-weight: 600; }

.pa-author a {
color: #fff!important; 
font-weight: 600;
background: #a5588c;
padding: 0px 3px; }

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

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

/* 6.4 Поля сообщений, репутации, дополнительные */
.pa-respect, .pa-posts, .pa-fld2  { 
text-align: center; 
display: inline-block;
width: 55px;
margin-bottom: 5px!important; 
border: none;
font-family: 'Open Sans';
font-weight: 600;
font-size: 1.2em;
text-transform: lowercase; 
padding: 2px!important; }

.pa-respect, .pa-fld2 {
margin-left: 1px!important; }

.pa-posts {
margin-right: 2px!important; 
margin-left: 3px!important; }

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

.pa-posts, .pa-fld2 {
color: #86678e!important;  }

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

.post-author li.pa-posts .fld-name, .post-author li.pa-fld2 .fld-name, .post-author .pa-respect .fld-name,
.post-author li.pa-posts a  {
font-family: 'Montserrat'!important;
font-size: 0.65em!important;
color: #71688b!important;
font-weight: 400!important;
letter-spacing: 0.05em!important; }

.post-author .pa-replies, .post-author li.pa-replies .fld-name {
color: #fff!important;
letter-spacing: 0.2em; }

.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: 195px;
padding: 3px 0px 0px 0px;
font-family: 'Montserrat';
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-weight: 600;
text-transform: uppercase;
color: #a25589!important; }

.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: 4px;
padding: 0px 2px;
text-transform: lowercase;
text-align: left;
cursor: default;
background: linear-gradient(to top, #dad2d396, #fbf7f385);
box-shadow: inset 0px 0px 3px 1px #dcd8d6;
border-top: 1px solid #dad2d3;
border-left: 1px solid #dad2d3;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff; }

.punbb .post .post-author .pa-fld4 {
position: absolute;
margin-left: 50px;
margin-top: 16px; }

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

.punbb .post .post-author .pa-fld5 {
position: absolute;
margin-left: 105px;
margin-top: 24px; 
padding: 1px 2px 1px 1px;
color: #fff; font-family: 'Open Sans';
font-size: 16px; font-weight: 600;
background: #a25589; }

.post-author li.pa-fld5 .fld-name {
position: absolute;
top: 14px;
color: #fff; font-family: 'Montserrat';
font-size: 0.6em!important; font-weight: 400;
letter-spacing: 0.05em;
text-transform: lowercase; }


/* 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;
background: linear-gradient(to top, #dad2d396, #fbf7f385);
box-shadow: inset 0px 0px 3px 1px #dcd8d6;
border-top: 1px solid #dad2d3;
border-left: 1px solid #dad2d3;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
outline: 3px double #e7e3e9; }

#viewprofile li span {
float: left;
width: 16em;
margin-left: -20em;
color: #fff!important;
font: 7px Open Sans;
font-weight: 600;
letter-spacing: 0.05em;
text-align: center;
text-transform: uppercase;
padding: 5px 7px!important;
border: 1px solid #868bb15c;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(164 160 226);
background: linear-gradient(to top , #716690, #9290ab)!important;  }
#viewprofile li span a { color: #fff!important; }

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

#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: 232px;
margin-left: 220px; }

#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 {
font-size: 12px;
font-family: 'Open Sans';
color: #fff;
text-transform: uppercase;
letter-spacing: 0.06em;
border: 1px solid #868bb15c;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(164 160 226);
background: linear-gradient(to top , #716690, #9290ab)!important;  }

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

#viewprofile li#pa-edit a { 
color: #fff!important;
font-family: Open Sans;
font-size: 8px;
font-weight: 700;
letter-spacing: 0.05em;
text-align: center;
text-transform: uppercase;
padding: 5px 30px!important;
border: 1px solid rgb(167 97 145);
box-shadow: inset 0px 0px 2px rgb(247 244 246), inset 0px 0px 1px #905b7c;
background: linear-gradient(to top , #a5588c, #a05889)!important; }

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 .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden;padding: 5px 0px;  }

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

#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: 8px Open Sans!important;
text-transform: uppercase;
text-align: center!important;
padding-bottom: 10px!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: 1em; }

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