/*************************************************************
A - Установки
**************************************************************/

/* A1 Импорт дополнительных шрифтов и стилевого файла
-------------------------------------------------------------*/

/* Дополнительные данные */
@import url("https://forumstatic.ru/files/0001/31/13/33268.css");
@import url("https://forumstatic.ru/files/0001/31/13/88503.css");

/* A1.3 - Переменные CSS */
html {
    --main-font-family: "Open Sans", "Verdana", "Arial", "Helvetica", sans-serif;
    --header-font-family: "Minion Pro", "Crimson", "Garamond", serif;
}


/* A2 Модификация значений по умолчанию.
-------------------------------------------------------------*/

/* A2.1 Вся страница */
html,
body {
    margin: 0;
    padding: 0;
    min-width: 1400px;
}

/* Фикс для html в сообщениях */
html.punbb,
body.post-content {
    min-width: 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: auto;
    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
}

/* A2.8 Кнопки под формой ответа */
.button,
#pun-viewtopic.punbb input {
    background-color: #574038;
    border: #706365 3px double;
    color: #CFC8B5;
    padding-bottom: 3px;
    text-shadow: 1px 1px 1px #000000;
}

/* A3 Общие установки
-------------------------------------------------------------*/

/* A3.1 Общие установки фона */
/*          Заметка: шрифт сейчас лучше устанавливать к html, 
            что бы работала единица измерения rem! */
html {
    font: normal 12px var(--main-font-family);
    background: #1e1415;
    color: #000000;
}

/* лого и фон */
body {
    /*обычный */
/*background: url(http://forumstatic.ru/files/0001/31/13/87367.png) no-repeat top center, url(http://forumstatic.ru/files/0001/31/13/70804.png) top center repeat-y transparent;*/

/* зима*/
    background: url(http://forumstatic.ru/files/0001/31/13/23409.png) no-repeat top center, url(http://forumstatic.ru/files/0001/31/13/70804.png) top center repeat-y transparent;

/* хелл */
/*    background: url(http://forumstatic.ru/files/0001/31/13/31281.png) no-repeat top center, url(http://forumstatic.ru/files/0001/31/13/70804.png) top center repeat-y transparent;     */
}

/*[theme="winter"] 
body {
    background: url(http://forumstatic.ru/files/0001/31/13/32357.jpg) no-repeat top center transparent;
}*/

/* новый футер */

#pun_wrap {
/* обычный */
/*  background: url("http://forumstatic.ru/files/0001/31/13/65184.png") no-repeat center bottom;
    padding-bottom: 16rem;}*/

/* зимний*/
    background: url("http://forumstatic.ru/files/0001/31/13/91707.png") no-repeat center bottom; 
       padding-bottom: 16rem;
}
 
/*
[theme="winter"] 
#pun_wrap {
    background: url("http://forumupload.ru/uploads/0001/31/13/267/177448.png") no-repeat center bottom;
    padding-bottom: 16rem;
}
*/

/* A3.2 Шрифт в полях ввода */
.punbb textarea,
.punbb input,
.punbb select,
.punbb optgroup {
    font: normal 1rem var(--main-font-family);
    background-color: #EAEAEA;
    background-repeat: repeat;
    border-style: solid;
    color: #000000;
    border-width: 2px 1px 1px 1px;
    border-color: #4A3232;
}

/* A3.3 Шрифт в форме ответа */
.punbb #main-reply {
    font-size: 1.3rem;
    border-radius: 6px;
    border-top-left-radius: 0 !important;
    background-color: #CEC0AF;
    box-shadow: inset 0 0 70px 0 #7E5A2A;
    padding: 5px;
}

/* A3.4 Шрифт заголовков по умолчанию */
.punbb h1,
.punbb h2,
.punbb h3,
.punbb h4,
.punbb table,
.punbb th {
    font-size: 1rem;
    font-weight: normal;
    color: #1D141D;
    border-color: transparent;
}

.punbb td {
    border-color: transparent;
}

#pun-pages #pun-main h1 {
    display: none;
}

/* A3.5 Шрифт текстов заголовков по умолчанию */
/*.punbb h1 span,*/
/*.punbb h2 span,*/
.punbb legend span {
    font-size: 1.1rem;
    color: #1D141D;
}

/* A3.6 Шрифт кода */
.punbb pre {
    font: 1.1rem/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;
}

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

/* A3.10 Ссылки */
.punbb a {
    text-decoration: none;
    position: relative;
}

/* A3.11 Анимация подчёркивания */
.punbb a:before,
.punbb a:after {
    content: "";
    position: absolute;
    bottom: 0.2rem;
    width: 0;
    height: 1px;
    margin: 0;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.punbb a:before {
    left: 50%;
}

.punbb a:after {
    right: 50%;
}

.punbb a:hover:before,
.punbb a:hover:after {
    width: 50%;
    opacity: 1;
}

/* A3.12 Подзаголовок выпадающего списка */
.punbb optgroup {
    font-weight: bold;
}

/* A3.13 Прокрутка */
::-webkit-scrollbar {
    background: #CCCCCC;
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    background: #CD704E;
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-corner {
    background: #CD704E;
    width: 6px;
    height: 6px;
}

/* A4 Отчистка плавающих элементов (float) и скрытые элементы
-------------------------------------------------------------*/

/* 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 .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0.0;
    position: absolute;
    left: -9999px;
    overflow: hidden
}

.punbb .forum h2 {
    display: none;
}


/* A5 Базовая вёрстка страницы
-------------------------------------------------------------*/

/* A5.1 Основной контейнер страницы */
#pun {
    margin: auto;
    padding: 0 0 0 295px;
    border: none;
    width: 900px;
}

@media screen and (max-width: 540px) {
    #pun {
        background-size: 150% auto !important;
    }
}

/* A5.2 Основной блок содержимого страницы */
.punbb {
    width: 100%;
    height: auto;
}

/* A5.3 Рисовка страниц по умолчанию TODO: #pun-maint? */
#pun-redirect,
#pun-maint {
    background: #ECE1D1;
    margin: 50px 32% 12px 5%;
    width: auto;
    float: none;
}

/* A5.4 Оформление основных блоков страницы */
.punbb .section,
.punbb .main {
    margin-bottom: 1rem;
}

/* A5.5 Оформление категорий и сообщений */
.punbb .category,
.punbb .post {
    margin: 2rem 0;
}

.punbb .post:last-child {
    margin-bottom: 0;
}

/* A5.6 Стили для первых категорий и сообщений */
.punbb #pun-category1,
.punbb .toppost,
.punbb .topicpost {
    margin-top: 0;
}

/* A5.7 Оформление страницы темы /viewtopic.php */
#pun-post .topic {
    margin-top: 1rem;
}

/* A5.8 Обшее оформление блоков содержимого */
.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post {
    border-style: none;
    border-width: 0;
    border-color: transparent;
}

.section#html-footer {
    margin-top: 20px;
}

/* A5.9 Общее оформление контейнеров */
.punbb .container {
    border: 1px solid transparent;
}

/* A5.10 Общее оформление заголовков (CS1.3) */
.punbb .main h1,
.punbb .main h2,
.punbb-admin #pun-admain h2,
.punbb .section h2,
.punbb .category h2,
#pun-stats h2,
#pun-debug h2,
#pun-main #post-form h2 {
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    padding: 10px 0 0 0;
    margin: 0 auto;
    height: 39px;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 175px;
    max-width: calc(100% - 422px);
    text-align: center;
    background: url("https://i.imgur.com/tkk9hug.png") center repeat-x;
    border: 1px solid transparent;
    font: normal 1.2rem var(--header-font-family);
    color: #472d21;
    text-transform: uppercase;
}

.punbb .main h1 span,
.punbb .main h2 span,
.punbb-admin #pun-admain h2 span,
.punbb .section h2 span,
.punbb .category h2 span,
#pun-stats h2 span,
#pun-debug h2 span,
#pun-main #post-form h2 span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: block;
}

/* A5.13 Боковины заголовков с изображениями */
.punbb .main h1:after,
.punbb .main h2:after,
.punbb .section h2:after,
.punbb .category h2:after,
.punbb-admin #pun-admain h2:after,
#pun-stats h2:after,
#pun-main #post-form h2:after,
#pun-debug h2:after {
    position: absolute;
    display: block;
    content: "";
    z-index: -1;
    top: -1px;
    right: -190px;
    width: 211px;
    height: 39px;
    background: url(https://i.imgur.com/gckJTgp.png) no-repeat center right;
}

.punbb .main h1:before,
.punbb .main h2:before,
.punbb .section h2:before,
.punbb .category h2:before,
.punbb-admin #pun-admain h2:before,
#pun-stats h2:before,
#pun-main #post-form h2:before,
#pun-debug h2:before{
    position: absolute;
    display: block;
    content: "";
    z-index: -1;
    top: -1px;
    left: -190px;
    width: 211px;
    height: 39px;
    background: url(https://i.imgur.com/MqNhlFp.png) no-repeat center left;
}

.punbb .main .vote-result h1::before {
    display: none;
}

.punbb .divider {
    border-color: transparent
}

/* A6 Оформление ссылок (бывший CS3)
-------------------------------------------------------------*/

/* A6.1 Общий стиль ссылок */
.punbb a,
.punbb a:link,
.punbb a:visited,
.punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #pun-admain a:visited {
    color: #780004;
    border-bottom: 0 none #83532F;
    text-decoration: none;
    background-color: transparent;
}

.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: #000;*/
    /*border-bottom: 0 none #83532f;*/
    /*text-shadow: 1px 1px 1px #fff;*/
    /*text-decoration: none;*/
}

.punbb a:before,
.punbb a:after,
.punbb-admin #pun-admain a:before,
.punbb-admin #pun-admain a:after {
    background-color: #780004;
}

/* A6.2 Ссылка на активную страницу */
.punbb li.isactive a,
.punbb li.isactive a:link,
.punbb li.isactive a:visited {
    color: #83532F;
    font-weight: bold;
}

.punbb li.isactive a:before,
.punbb li.isactive a:after {
    background-color: transparent;
}

/* A6.3 Ссылки навигации форума */
#pun-navlinks a,
#pun-navlinks a:link,
#pun-navlinks a:visited {
    color: #dbd7c5;
}

#pun-navlinks a:hover,
#pun-navlinks a:focus,
#pun-navlinks a:active {
    color: #EDC182;
}

/*#pun-navlinks a:before,
#pun-navlinks a:after {
    background-color: #EDC182;
}
*/
#pun-pagelinks a:active,
#pun-pagelinks a:focus {
    /*background-color: #83654b;*/
    /*color: #fff;*/
}

/* A6.4 Ссылки пользовательского меню */
#pun-ulinks a,
#pun-ulinks a:link,
#pun-ulinks a:visited {
    color: #1D141D;
}

#pun-ulinks a:hover,
#pun-ulinks a:focus,
#pun-ulinks a:active {
    color: #1D141D;
    font-style: normal;
    border-bottom: 0 none #000000;
    text-decoration: none;
}

#pun-ulinks a:before,
#pun-ulinks a:after {
    background-color: #1D141D;
}

#pun-ulinks a:active,
#pun-ulinks a:focus {
    /*background-color: #83654b;*/
    /*color: #fff;*/
}

/* A6.5 Ссылки Объявления */
.punbb .announcement-container {
    color: #EBB172;
    text-shadow: 1px 1px 1px #E92112, 0 0 1em #E92112;
}

.punbb .announcement-container a,
.punbb .announcement-container a:link,
.punbb .announcement-container a:visited {
    color: #DFCAB5;
}

.punbb .announcement-container a:hover,
.punbb .announcement-container a:focus,
.punbb .announcement-container a:active {

}

.punbb .announcement-container a:before,
.punbb .announcement-container a:after {
    background-color: #DFCAB5;
    box-shadow: 1px 1px 1px #E92112, 0 0 1em #E92112;
}

#pun-announcement .announcement-block#buttons a {/* color: #EADFD4; *//* text-shadow: 0 -1px 1px #000000; *//* background: #403d52; *//* border: 3px groove #774200; */}

#pun-announcement .announcement-block#buttons a:after,
#pun-announcement .announcement-block#buttons a:before {
    background-color: transparent;
}

/* A6.6 Картинки */
.Hoverbuttons {
    opacity: 0.6;
    transition: opacity 0.6s linear;
}

.Hoverbuttons:hover {
    opacity: 1;
}


/*************************************************************
B - ОСНОВНОЕ СОДЕРЖИМОЕ - ОБЩЕЕ
**************************************************************/

/* B1 Обработанное содержимое, подписи и области прокрутки
-------------------------------------------------------------*/

/* B1.1 Блок сообщения */
.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-align: justify;
}

/* B1.2 Разделитель между постом и подписью */
.punbb .post-sig dt {
    display: block;
    width: 600px;
    margin: 5px 0;

    /* TODO в style_cs */
    border-top: 1px solid #67443E !important;
}

/* B1.3 Параграфы */
.punbb .post-content p {
    font-size: 1.1em;
    margin: .5em 0;
    padding: 0;
    line-height: 150%;
}

.punbb .post-content p:first-child {
    margin-top: 0;
}

.punbb .post-content p:last-child {
    margin-bottom: 0;
}

/* B1.4 Картинки */
.punbb .post-content img {
    vertical-align: text-bottom;
}

/* B1.5 Картинки [img] */
.punbb .post-content img.postimg {
    vertical-align: middle;
}

.punbb .post-content img.postimg[title="float:right"] {
    float: right;
    padding-left: 12px
}

.punbb .post-content img.postimg [title="float:left"] {
    float: left;
    padding-right: 12px
}

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

/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
    height: auto !important;
    max-height: 700px !important;
}

/* B1.8 Блоки цитат и кода */
.punbb .post-content .quote-box,
.punbb .post-content .code-box {
    margin: 0.4em 1em 1em 1em;
    padding: 0;
    border-style: solid;
    border-width: 15px;
    color: #252A31;
    border-image: url(http://forumstatic.ru/files/0001/31/13/41483.jpg) 15 fill repeat;
    box-shadow: 0 3px 3px 0 rgb(0 0 0 / 35%);
}

.punbb .post-content .quote-box blockquote {
    padding-bottom: 0;
}

.punbb .post-content .quote-box blockquote p:last-child {
    padding-bottom: 0;
}

/* B1.9 Автор цитаты и надпись "Код" */
.punbb .quote-box cite,
.punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0.3em;
    font-size: 1.2em;
    margin: 0;
    font-family: var(--header-font-family);
}

/* B1.10 Убираем границы у таблиц */
.punbb .post-content td {
    border: 0 none transparent !important;
}

/* TODO B1.11 Выяснить, для чего это
.punbb .post-content .container {
    margin-left: -542px !important;
}
*/

/* B1.12 Выравнивание */
.punbb .post-content .postimg[alt="float:right"] {
    float: right;
    margin: .5em 0 .5em .5em; /* Отступы вокруг картинки */
}

.punbb .post-content .postimg[alt="float:left"] {
    float: left;
    margin: .5em .5em .5em 0; /* Отступы вокруг картинки */
}

/* B1.12 Модераторские теги */
.punbb .post-content div.custom_tag_ex,
.punbb .post-content div.custom_tag_mod {
    border-radius: 8px;
    margin: 0.4em 1em 1em 1em;
    padding: 0;
    font: normal 1.2em var(--header-font-family);
}

.punbb .post-content div.custom_tag_ex blockquote,
.punbb .post-content div.custom_tag_mod blockquote {
    display: block;
    padding: .3em .5em;
    margin: 0;
    min-height: 55px;
    box-sizing: border-box;
}

.punbb .post-content div.custom_tag_ex {
    background-image: linear-gradient(to left, #FCFCFC 0%, #FFBCAA 100%);
    box-shadow: 0 0 10px #FF3600;
    border: 1px solid #CE4378;
}

.punbb .post-content div.custom_tag_ex blockquote {
    background: url(http://forumstatic.ru/files/000a/45/08/53249.gif) no-repeat right center;
}

.punbb .post-content div.custom_tag_mod {
    background-image: linear-gradient(to left, #F5FCFC 0%, #A6EDEB 100%);
    box-shadow: 0 0 10px #684FFF;
    border: 1px solid #8A87FF;
}

.punbb .post-content div.custom_tag_mod blockquote {
    background: url(http://forumstatic.ru/files/000a/45/08/33378.gif) no-repeat right center;
}

.punbb .post-content div.custom_tag_ex cite,
.punbb .post-content div.custom_tag_mod cite {
    display: block;
    padding: .3em .5em;
    width: 100%;
    margin: 0;
    border-bottom: 1px dashed transparent;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
}

.punbb .post-content div.custom_tag_ex cite {
    border-bottom-color: #FF0000;
    color: #FF0000;
}

.punbb .post-content div.custom_tag_mod cite {
    border-bottom-color: #0500D2;
    color: #0000CD;
}

/* B1.13 Отступ */
.punbb .post-content .custom_tag_indent {
    display: inline-block;
    margin: 0.5em 1.25em;
}

/* B1.14 Фон текста */
.punbb .post-content .custom_tag_background {
    display: block;
    border: 1px solid transparent;
}

/* B1.14 Автор цитаты */
.punbb .post-content .quote-box.with-avatar {
    padding-left: 0.3em;
}

.punbb .post-content .quote-box.with-avatar cite {
    height: 3em;
    display: flex;
    align-items: center;
    margin-top: -13px;
    margin-left: -13px;
}

.punbb .post-content .quote-box.with-avatar cite * {
    vertical-align: middle;
}

.punbb .post-content .quote-box.with-avatar cite .author-avatar {
    width: 2em;
    height: 3em;
    margin-left: 0;
    margin-top: 0;
}

.punbb .post-content .quote-box.with-avatar cite .author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.punbb .post-content .quote-box.with-avatar cite .author-avatar + span {
    margin-left: 5px;
}


/* B2 Информационное сообщение 
-------------------------------------------------------------*/

/* B2.1 TODO что это */
.punbb .info-box {
    padding: 1.1em 1.7em 1em 1.7em;
    margin: 0 0 1.1em 0;
    border: 1px solid #5F8696;
}

/* 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 Пагинация и ссылки тем
-------------------------------------------------------------*/

/* B3.1 Страница с пагинацией */
.multipage {
    /*margin-top: 3em;*/
}

/* B3.1 Верхний блок */
.punbb .linkst {
    float: left;
    position: relative;
    width: 100%;
    font-size: 1.1em;
    height: 0;
}

/* B3.3 Верхняя пагинация */
.linkst .pagelink {
    position: absolute;
    top: -4em;
    left: 1em;
    width: 23em;
}

/* 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 - ОСНОВНОЕ СОДЕРЖИМОЕ - СПЕЦИФИЧНОЕ
**************************************************************/

/* C1 Оформление форм
-------------------------------------------------------------*/

/* 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: 1px solid #67443E;
    padding: 0 18px 0 18px;
    margin: 0 0 1em 0
}

.punbb #post-form fieldset {
    border: 0 none;
}


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

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

/* С1.22 */
#pun_wrap #post .container[id$="-area"] {
    border: outset 2px #895D39 !important;
    border-radius: 10px;
    background: rgba(181, 148, 100, 0.89); /*Можно добавить фон картинкой url(Ccылка на картинку)*/
    padding: 9px;
    font: normal normal 400 1rem/normal var(--main-font-family);
}

#font-area,
#size-area,
#color-area,
#table-area,
#smilies-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area,
#pun-report .inner {
    background-color: rgb(177, 174, 174);
}

#sdfs {
    z-index: 100 !important;
}

.iblank {
    z-index: 9999 !important;
}

/* С1.23 */
#form-buttons td#button-mod {
    background-image: url(http://forumstatic.ru/files/0013/0b/24/10895.png);
}

#form-buttons td#button-ex {
    background-image: url(http://forumstatic.ru/files/0013/0b/24/35368.png);
}

#form-buttons td#button-indent {
    background-image: url(http://s7.uplds.ru/t/mnkgq.png);
}

#form-buttons td#button-background {
    background-image: url("http://forumstatic.ru/files/0001/31/13/87795.png");
}

#form-buttons td#button-shadow {
    background-image: url("http://forumstatic.ru/files/0001/31/13/54778.png");
}

#form-buttons td#button-bgColor {
    background-image: url("http://forumstatic.ru/files/0001/31/13/13287.png");
    background-size: 22px;
}

#form-buttons td#button-audio {
    background-image: url(http://forumstatic.ru/files/0012/9a/62/30447.png);
}

#form-buttons td#button-justify {
    background-image: url(http://forumstatic.ru/files/0001/31/13/67173.png);
}

#form-buttons td#button-secret_msg {
    background-image: url("http://forumstatic.ru/files/0001/31/13/63961.png");
}

#form-buttons td#button-decode_secret_msg {
    background-image: url("http://forumstatic.ru/files/0001/31/13/60548.png");
}

#form-buttons td#button-image #add_float {
    position: absolute;
    padding: 2px;
    top: -8px;
    left: 50%;
    margin-left: -29px !important;
    width: 57px !important;
    background: url("http://forumstatic.ru/files/0017/b3/fc/97470.png") no-repeat 50% 70% !important;
}

#form-buttons td#button-image #add_float img {
    display: block;
    position: relative;
    z-index: 4;
}

#form-buttons td#button-image > img {
    position: relative;
    z-index: 2;
}

#form-buttons td#button-image > center {
    opacity: 0;
    visibility: hidden;
    transition-duration: .8s;
}

#form-buttons td#button-image:hover > center {
    opacity: 1;
    visibility: visible;
}


/* C2 Макет таблиц
-------------------------------------------------------------*/

.punbb:not(#pun-messages):not(#pun-modviewforum) thead {
    display: none;
}

.punbb .main thead .tcl,
.punbb .main thead .tc2,
.punbb .main thead .tc3,
.punbb .main thead .tcr,
.punbb .main thead .tcmod {
    color: #463B32;
}

/* C2.1 Первый столбец */
.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 50%;
    border-left-style: none;
    border-left-width: 0
}

/* C2.2 Промежуточные столбцы */
.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
    text-align: center;
    width: 10%;
}

/* C2.3 Последний столбец */
.punbb .main .tcr {
    overflow: hidden;
    text-align: center;
    width: 30%;
}

.punbb#pun-viewforum .main .tc4,
.punbb#pun-searchtopics .main .tc4 {
    width: 58px; /* Ширина ячейки таблицы с иконкой статуса темы */
}

.punbb#pun-viewforum .main .tc5,
.punbb#pun-searchtopics .main .tc5 {
    text-align: center;
    width: 16px;
}

.punbb table .table-subtitle {
    background-color: #31271E;
    color: #DED5C4;
    font: bold 1.2rem var(--header-font-family);
}

/* C2.4 Размер иконки сообщений и тем */
.punbb div.icon {
    margin-right: 10px;
    display: block;
    height: 50px;
    width: 50px;

    /* хелл. */
    /*background-image: url("https://forumstatic.ru/files/0001/31/13/36238.png");*/
    /* обычная */
    /*background-image: url("http://forumstatic.ru/files/0001/31/13/56140.png");*/
    /* зимняя */
    background-image: url("https://forumstatic.ru/files/0001/31/13/42426.png");
    background-repeat: no-repeat;
}

.punbb .inew div.icon {
    /* хелл. */
    /*background-image: url("https://forumstatic.ru/files/0001/31/13/26721.png");*/
    /* обычная */
    /*background-image: url("http://forumstatic.ru/files/0001/31/13/97899.png");*/
    /* зимняя */
    background-image: url("https://forumstatic.ru/files/0001/31/13/28675.png?v=1");
}

.punbb .iclosed div.icon {
    background-image: url("http://forumstatic.ru/files/0001/31/13/74543.png");
}

.punbb .isticky div.icon {
    background-image: url("http://forumstatic.ru/files/0001/31/13/24108.png");
}

#pun-messages div.icon {
    float: left;
}


/* C2.5 Первый столбец на страницах с компактным выводом */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
    width: 40%;
}

.punbb .main .tcl .stickytext,
.punbb .main .tcl .closedatafield {
    display: none;
}

/* C2.6 Промежуточный стоблец на страницах с компактным выводом */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
    text-align: left;
    width: 20%;
}

/* C2.7 Первый столбец блока дебага */
#pun-debug table .tcl {
    width: 15%;
    white-space: normal;
}

/* C2.8 Последний столбец блока дебага */
#pun-debug .tcr {
    width: 90%;
    white-space: normal;
}

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

/* C2.10 */
.punbb td .modlist {
    display: none;
}

.pun .modlist {
    display: none !important;
}

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

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

/* C2.13 */
.punbb td div.tclcon {

}

img.post-icon {
    margin-bottom: -6px;
    margin-left: -2px;
    margin-right: 4px;
}

.pformleft {
    width: 28%;
}

input.iconid + img {
    margin-bottom: -3px;
    margin-top: 5px;
}

input.iconid:last-child {
    margin-top: 7px;
}

/* C3 Список форумов
-------------------------------------------------------------*/

#pun-index .category h2 .offctgr {
    position: absolute;
    bottom: 0;
    right: -30px;
    z-index: 10;
}

#pun-index .category h2 .category-image,
#pun-index #pun-stats h2 .category-image {
    display: none;
}

#pun-index .category table tbody {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

#pun-index .category table tbody:after {
    content: "";
}

#pun-index .category tr,
#pun-index .category table tbody:after {
    flex: 0 0 auto;
    display: inline-block;
    width: 408px;
    margin: 5px;
}

/* оформление форумов */
#pun-index .category tr .tcl {
    border-style: none;
    padding: 2px 0 4.6rem;
    position: relative;

    background: url(http://forumstatic.ru/files/0001/31/13/93545.png) center top no-repeat,
    url(http://forumstatic.ru/files/0001/31/13/11820.png) center bottom no-repeat,
    url(http://forumstatic.ru/files/0001/31/13/24590.jpg) center top repeat-y transparent;
}

#pun-index .category tr > .tc2,
#pun-index .category tr > .tc3,
#pun-index .category tr > .tcr,
#pun-index .category tr > th {
    display: none !important;
}

#pun-index .category tr .tcl .intd {
    width: 404px;
    margin: 0 auto 0;
    position: relative;
}

#pun-index .category tr .tcl .intd h3 {
    text-align: left;
    z-index: 12;
    padding: 13px 10px;
}

#pun-index .category tr .tcl .intd h3 a {
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font: normal 1.5rem var(--header-font-family);
    transition: all 0.5s;
    text-shadow: 1px 1px 1px #000000;
    color: #B8A695;
}

#pun-index .category tr .tcl .intd h3 a:hover,
#pun-index .category tr .tcl .intd h3 a:focus,
#pun-index .category tr .tcl .intd h3 a:active {
    /* TODO ... Зачем?... */
    /*padding: 3px 20px;*/
    color: #EDEDEC;
    /*text-shadow: 1px 1px 1px #ebdff8, 0 0 1em #79b4c7;*/

    /*padding-right: 20px !important;*/
    /*padding-left: 20px !important;*/
}

#pun-index .category tr .tcl .intd h3 a:hover:before,
#pun-index .category tr .tcl .intd h3 a:focus:before,
#pun-index .category tr .tcl .intd h3 a:active:before,
#pun-index .category tr .tcl .intd h3 a:hover:after,
#pun-index .category tr .tcl .intd h3 a:focus:after,
#pun-index .category tr .tcl .intd h3 a:active:after {
    background-color: #EDEDEC;
}

#pun-index .category tr .tcl .intd .icon {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
}

#pun-index .category tr .tcl .intd .forum-block {
    /*text-align: justify;*/
    /*display: flex;*/
    /*align-items: stretch;*/
    /*flex-flow: row nowrap;*/
    display: table;

    color: #B8A695;
    text-shadow: 1px 1px 1px #000000;
    border: 1px solid #B8A695;
    margin: 0 1rem;
    font-size: 0.9rem;
}

#pun-index .category tr .tcl .intd .forum-block > * {
    /*flex: 0 1 50%;*/
    display: table-cell;
    width: 50%;
    vertical-align: middle;

    text-align: justify;
    margin: 0;
    padding: 0.6rem 0.8rem;
    border-right: 1px solid #B8A695;
}

#pun-index .category tr .tcl .intd .forum-block > :last-child {
    border-right: none;
}

#pun-index .category tr .tcl .intd .forum-block.no-links .forum-description {
    flex-basis: 100%;
}

#pun-index .category tr .tcl .intd .forum-block .forum-links li a:link,
#pun-index .category tr .tcl .intd .forum-block .forum-links li a:visited,
#pun-index .category tr .tcl .intd .forum-block .forum-links li a:active {
    display: block;
    text-decoration: none;

    height: 1.2em;
    padding-top: 0.1em;
    padding-bottom: 0.4em;

    background: #ACA195;
    border-top: 1px solid #EAAA8A;
    border-bottom: 1px solid #5D2326;
    font: bold 1.0rem var(--main-font-family);
    text-shadow: none;

    color: #000000;
    text-align: center;
}

#pun-index .category tr .tcl .intd .forum-block .forum-links li a:before,
#pun-index .category tr .tcl .intd .forum-block .forum-links li a:after {
    height: 0;
}

#pun-index .category tr .tcl .intd .forum-block .forum-links li a:hover {
    background: #CCCCCC;
    border-top: 1px solid #5D2326;
    border-bottom: 1px solid #EAAA8A;
}

#pun-index .category tr .tcl .intd .forum-block + br {
    display: none;
}

#pun-index .category tr .tcl .category-info {
    width: 404px;
    height: 3.6rem;
    position: absolute;
    left: calc(50% - 202px);
    bottom: 0;
    text-align: center;
    padding: 0.5rem 0;
}

#pun-index .category tr .tcl .category-info .counter {
    display: none;
}

#pun-index .category tr .tcl .category-info .info {
    color: #B8A695;
    font-family: var(--header-font-family);
    font-size: 1.2rem;
}

#pun-index .category tr .tcl .category-info .info .user-avatar {
    display: none;
}

#pun-index .category tr .tcl .category-info .info a {
    opacity: 1;
    font-size: 1.3rem;
    font-family: var(--header-font-family);
    font-weight: normal;
    color: #E2BE8D;
}

#pun-index .category tr .tcl .category-info .info a:hover:before,
#pun-index .category tr .tcl .category-info .info a:focus:before,
#pun-index .category tr .tcl .category-info .info a:active:before,
#pun-index .category tr .tcl .category-info .info a:hover:after,
#pun-index .category tr .tcl .category-info .info a:focus:after,
#pun-index .category tr .tcl .category-info .info a:active:after {
    /*opacity: 0.7;*/
    background-color: #E2BE8D;
}

/* Иконки новых сообщений */
#pun .icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
    z-index: 99;
}

/* C4 Страница тем
-------------------------------------------------------------*/

/*--Раскраска Опросов--*/
#poll-special .poll2 td:nth-child(1) {
    width: 45%;
    font-size: 1.05rem;
}

#poll-special .poll2 td:nth-child(3) {
    width: 10%;
    font-size: 12px;
}

#poll-special .poll2 td h1 {
    min-width: 0;
    background: url(http://forumstatic.ru/files/0001/31/13/10779.jpg) repeat-x;
    margin: 0 0 auto 0;
    max-width: inherit;
}

#poll-special .poll2 td h1:after {
    background: none;
    display: none;
}

/* C4.1 Разделитель текста */
.punbb .post:after {
    display: block;
    width: 100%;
    height: 22px;
    content: "";
    background-image: url("http://forumstatic.ru/files/0001/31/13/94948.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-top: -1rem;
}

/* C4.2 */
.punbb .post .container {
    border-style: none;
    border-width: 0;
}

/* C4.3 */
.punbb .post h3 {
    border-style: none;
    border-width: 0;
    border-color: transparent;
    margin: 1rem 1px 1px;
    font-size: 1.2rem;
}

/* C4.4 */
.punbb .post h3 span {
    color: #CFC8B5;
    padding: 0.3rem 1rem;
    display: block;
    margin-left: 0;
    border: #706365 3px double;
    background: #574038;
}

.punbb .post h3 .permalink:before,
.punbb .post h3 .sharelink:before,
.punbb .post h3 .permalink:after,
.punbb .post h3 .sharelink:after {
    background-color: #D9C8B4;
}

.punbb .post h3 .permalink,
.punbb .post h3 .sharelink,
.punbb .post h3 .speech-button {
    color: #D9C8B4;
    text-shadow: 1px 1px 1px #000000;
}

.punbb .post h3 .permalink {
    margin: 0 0 0 38px !important;
}

.punbb .post h3 .speech-button {
    position: relative;
    float: right;
    margin-left: 1em;
}

.punbb .post h3 .speech-button i {
    margin-top: -0.2em;
    font-size: 2rem;
}

.punbb .post h3 img.post-icon {
    margin: 0 10px -6px -6px;
}

.punbb .post h3 .fnt {
    width: auto;
    margin-right: 28%;
}

.punbb#pun-searchposts .post h3 a {
    color: #CFC8B5;
}

/* C4.5 */
.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: right;
    font-weight: normal;
}

/* C4.6 */
/* оформление аватара - фон */
.punbb .post .post-author {
    float: left;
    width: 213px;
    padding-bottom: 2em;
    overflow: visible;
    margin: 12px 0 -20px 0;
    text-align: center;
    color: #E2CEB8;
    background: url(http://forumstatic.ru/files/0001/31/13/64775.jpg) 0 0 repeat-y;
}

/* C4.7 */
/* оформление аватара - верх и низ */
.punbb .post .post-author > ul,
.punbb .post .post-author p {
    line-height: 1.5;
    margin: -10px 0 -25px 0;
    padding: 11px 5px 20px 5px;
    background: url(http://forumstatic.ru/files/0001/31/13/95179.jpg) 0 top no-repeat,
    url(http://forumstatic.ru/files/0001/31/13/79242.png) 0 bottom no-repeat;
}

/* оформление аватара - надписи */
/* C4.8 */
.punbb .post .post-author li.pa-author {
    padding: 0;
    margin: 0;
    font-size: 1.1rem;
    font-weight: bold;
}

.punbb .post .post-author li.pa-avatar img {
    max-width: 180px;
    height: auto;
}

.punbb .post .post-author li a {
    color: #DAA36B;
    text-shadow: 1px 1px 1px #000000;
}

.punbb .post .post-author li a:hover {
    text-shadow: 1px 1px 1px #4256C8;
}

.punbb .post .post-author li.pa-author a {
    text-decoration: none;
    font: normal 1.2rem var(--header-font-family);
    text-transform: uppercase;
    color: #DFCDB7;
}

.punbb .post .post-author li.pa-title {
    font-size: 1rem;
    /*color: #cbcdd9;*/
    margin: 10px 0 3px;
}

.punbb .post .post-author li.pa-avatar img {
    border: #5A2506 2px solid;
}

.punbb .post .post-author li.pa-fld3,
.punbb .post .post-author li.pa-fld5,
.punbb .post .post-author li.pa-posts,
.punbb .post .post-author li.pa-respect,
.punbb span.click_Ignore_list,
.punbb .pa-author .icons-search {
    position: absolute;
    top: 52px;
    margin-left: -26px;
    z-index: 1;
    background: #382f34;
    background-repeat: no-repeat;
    background-position: -1px;
    border: 1px solid #971e16;
    width: 22px;
    height: 22px;
    transition-duration: 0.5s;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 20px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.punbb span.click_Ignore_list {
    top: 157px !important;
    margin-left: -21px !important;
    right: auto !important;
}

.punbb .pa-author .icons-search {
    width: 22px !important;
    height: 22px !important;
    margin-left: -26px !important;
    top: 136px;
    opacity: 1 !important;
    background-image: url(https://i.imgur.com/w2cU7oG.png);
}

.punbb .pa-author .icons-search:before {
    display: none !important;
}

.click_Ignore_list:after, .click_Ignore_list:hover:after {
    background: transparent !important;
    color: transparent !important;
}

.punbb span.click_Ignore_list {
    background-image: url(https://i.imgur.com/LCpP13S.png);
}

.punbb .post .post-author li.pa-fld5 {
    background-image: url(https://i.imgur.com/1KWzTbq.png);
}

.punbb .post .post-author li.pa-posts {
    top: 73px;
    background-image: url(https://i.imgur.com/nvNqpka.png);
}

.punbb .post .post-author li.pa-respect {
    top: 94px;
    background-image: url(https://i.imgur.com/Lu1koUZ.png);
}

.punbb .post .post-author li.pa-fld3 {
    top: 115px;
    background-image: url(https://i.imgur.com/3Zux2Sh.png);
}

.punbb .post .post-author li.pa-fld3:hover, .punbb .post .post-author li.pa-fld5:hover, .punbb .post .post-author li.pa-posts:hover, .punbb .post .post-author li.pa-respect:hover {
    width: 167px;
    margin-left: -171px;
    box-sizing: border-box;
    padding-left: 25px;
}

.punbb .post .post-author li.pa-fld3 .fld-name, .punbb .post .post-author li.pa-posts .fld-name, .punbb .post .post-author li.pa-respect .fld-name, .punbb .post .post-author li.pa-fld5 .fld-name {
    margin-right: 5px;
}

.punbb .post .post-author li.pa-fld3 .fld-name em,
.punbb .post .post-author li.pa-posts .fld-name a,
.punbb .post .post-author li.pa-respect .fld-name a {
    font-size: 0.9rem;
}

.punbb .post .post-author li.pa-posts .fld-name a {
    letter-spacing: -.05rem;
}


/*.punbb .post .post-author li.pa-fld1,
.punbb .post .post-author li.pa-fld2 {
    margin-top: -1rem;
}*/

.punbb .post .post-author li.pa-fld2 {
    margin-top: -1rem;
}

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

/* кнопка-ссылка на анкету */
.punbb .post .post-author li.pa-fld1 > a {
    display: block;
    width: 189px;
    height: 15px;
    border: none;
    margin: -10px -5px;
    background: url(http://forumstatic.ru/files/0001/31/13/62079.png) no-repeat 20px 0 !important;
    padding: 22px 20px 22px 0;
    color: #99B4E7;
    text-align: center;
}

.punbb .post .post-author li.pa-fld1 > a:before,
.punbb .post .post-author li.pa-fld1 > a:after {
    background-color: transparent;
}

.punbb .post .post-author li.pa-fld2 img.a-info {
    position: relative;
    margin: auto;
    width: auto;
}

li.pa-fld4 .fld-name, li.pa-fld4 br {
    display: none;
}

li.pa-template a {
    background: url(https://i.imgur.com/ZFvbLRs.png) top center no-repeat;
    width: 40px;
    height: 40px;
    font-size: 0;
    display: block;
}

.pa-usergifts img.a-info {
    position: relative;
    padding: 0;
    width: 40px;
    height: 40px;
}

li.pa-guild a {
    display: block;
    width: 40px;
    height: 40px;
}

li.pa-guild a img {
    width: 40px;
    height: 40px;
}

ul.profile-info-list {
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.profile-info-list li {
    margin: 0 5px;
}

ul.profile-info-list li > a, ul.profile-info-list li > img {
    margin: 0 auto;
}

.tipsy.a-info {
    margin-top: -2px !important;
    margin-left: -6px !important;
    font: normal normal 400 0.75rem/1.2rem Verdana;
}

.punbb .post .post-author li.pa-zwezda {
    position: relative;
    width: 180px !important; /* Ширина поля для звёздочек */
    white-space: pre-wrap;
    z-index: 100;
    margin-top: -5px;
    margin-bottom: -0px;
    margin-left: 20px;
    color: red;
}

.punbb .post .post-author li.pa-zwezda img {
    width: 110px;
    height: 18px;
}

.punbb .post .post-author li.pa-awards {
    display: none !important;
}

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

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


/* C4.11 */
.punbb .post-body {
    margin-left: 220px;
    border-left-style: solid;
    border-left-width: 1px;
    border-color: transparent;
    padding: 0 0 1px 0;
}

/* C4.12  шрифт в тексте поста*/
.punbb .post-box {
    padding: 1rem;
    font-size: 1rem;
}

/* Ссылки в постах */
.punbb .post-box a,
.punbb .post-box a:hover {
    /*font-size: 1em;*/
}

/*-- Выделение ссылок в постах */
.punbb .post-body a:link {
    color: maroon;
    /*font-size: 14px;*/
}

.punbb .post-body a:visited {
    color: navy;
    /*font-size: 14px;*/
}

.punbb .post-body a:hover {
    color: #C60000;
    /*font-size: 1.1em;*/
}

/* C4.13 */
.punbb fieldset .post-box {
    border: 1px solid #5F8696;
    margin-bottom: 0.8em;
}

/* C4.14 */
.punbb .post-links {
    border-left-style: solid;
    border-left-width: 1px;
    border-color: transparent;
}

/* C4.15 */
/* Ссылки в постах */
.punbb .post-links ul {
    /*border-style: dashed;*/
    /*border-width: 0px 0px 1px 0px;*/
    /*border-color: #75476e;*/

    margin: 18px 0 0 3px;
    padding: 0;
    /*height: 2em;*/
    /*line-height: 2em;*/
    text-align: right;
    border-color: transparent;
}

.punbb .post-links ul li {
    display: inline-block;
    padding-left: 0em;
    margin-bottom: -11px;
}

.punbb .post-links ul li a {
    cursor: pointer;
    width: 150px;
    padding: 2px 10px;
    margin: 0 3px;
    text-align: center;

    background-color: #574038;
    border: #706365 3px double;
    color: #CFC8B5;
}

/* C4.16 */
/* Сужаем строку Удалить, Редактировать, Цитировать */
#pun .post-links li.pl-delete,
#pun .post-links li.pl-website,
#pun .post-links li.pl-email,
#pun .post-links li.pl-edit,
#pun .post-links li.pl-quote {
    /*background-color: #574038;*/
    /*border: #706365 3px double;*/
    /*color: #cfc8b5 !important;*/
    /*text-shadow: 1px 1px 1px #000;*/
}

#pun .post-links li.pl-edit,
#pun .post-links li.pl-quote,
#pun .post-links li.pl-delete {
    /*padding: 0 -1em 0 0;*/
    /*height: 2em;*/
    /*line-height: 2em;*/
    /*padding: 4px !important;*/
}

#pun .post-links li.pl-website,
#pun .post-links li.pl-email {
    /*margin-top: -4px !important;*/
    /*margin-left: -5px !important;*/
}

#pun .post-links li.pl-email {
    /*margin: 0px 10px*/
}

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

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

.punbb .post .lastedit {
    font-family: var(--header-font-family);
    font-style: italic;
    color: green;
}

/* C4 Модераторские меню (ссылки в конце темы)
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
    color: #404040;
    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 TODO Message boxes
-------------------------------------------------------------*/

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

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


/* C6 Профили
-------------------------------------------------------------*/

/* C6.1 Боковое меню профиля */
.punbb #profilenav {
    float: left;
    font-size: 1.3rem;
    width: 14rem;
    margin-left: -18.3rem;
}

.punbb #profilenav ul {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    padding: 1.5em 18px 0.8em 18px;
    margin: 0 0 1em 0;
}

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

.punbb #profilenav h2 {
    background: transparent;
    border: none;
    padding: 0 0 0 0;
    margin: 0 14px -0.6em 14px;

    height: auto;
    width: auto;
    min-width: auto;
    max-width: none;
    text-shadow: none;
    font-size: 1.3rem;
    font-weight: bold;
}

.punbb #profilenav h2:before,
.punbb #profilenav h2:after {
    display: none;
}

.punbb #profilenav h2 span {
    padding: 0 5px;
    position: relative;
    color: #1D141D;
}

/* C6.2 Боковое меню профиля при просмотре профиля */
.punbb #viewprofile-next #profilenav {
    display: none;
}

/* C6.3 Просмотр профиля */
.punbb #viewprofile .container {
    /*padding: 0;*/
}

.punbb #viewprofile h2 span {
    color: #1D141D;
}

.punbb #viewprofile ul {
    border-color: transparent;
    margin: 0 0 1em 0;
}

.punbb #viewprofile li {
    padding: 0;
    /*font-size: 1.05em;*/
    margin-bottom: 4px;
    border-width: 0 0 1px 4px;
    border-style: solid;
    display: inline-block;
    line-height: 1.1;

    background-color: #C4B9A5;
    color: #5A2506;
    border-left-color: #31271E;
    border-bottom-color: #5A2506;
    box-shadow: 0 0 2px 0 #7E5A2A;
    /*width: 32%;*/
}

.punbb #viewprofile li span {
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
    font-weight: bold;
}

.punbb #viewprofile li strong,
.punbb #viewprofile li div {
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
    font-weight: normal;
}

/* C6.4 Левая часть просмотра профиля (имя, статус, аватар) */
.punbb #viewprofile #profile-left {
    width: 210px;
}

.punbb #viewprofile #profile-left li {
    display: block;
    text-align: center;
    margin: 0;
    border-width: 0 2px 0;
    box-shadow: none;
}

.punbb #viewprofile #profile-left li strong,
.punbb #viewprofile #profile-left li div,
.punbb #viewprofile #profile-left li span {
    margin: 0;
}

.punbb #viewprofile #profile-left #profile-name {
    font: normal 1.5em var(--header-font-family);
    border-width: 0 0 1px;
    background-color: #31271E;
    color: #DED5C4;
    border-color: #DED5C4;
    box-shadow: none;
}

.punbb #viewprofile #profile-left #profile-title {
    background-color: #31271E;
    color: #DED5C4;
    border-width: 0;
    border-color: #DED5C4;
    box-shadow: none;
}

.punbb #viewprofile #profile-left img {
    margin-top: 10px;
    border-radius: 6px;
    border-width: 3px;
    border-style: solid;
    background-color: #C4B9A5;
    border-color: #5A2506;
}

.punbb #viewprofile #profile-left li:last-of-type {
    border-bottom-width: 2px;
}

/* C6.5 Правая часть просмотра профиля */
.punbb #viewprofile #profile-right {
    display: flex;
    flex-flow: row wrap;
    width: auto;
}

.punbb #viewprofile #profile-right li {
    flex: 1 1 30%;
    margin: 3px;

}

/* C6.6 Редактирование профиля */
#profile .container {
    padding-left: 18.6em;
}

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

#setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
}

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

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


.punbb#pun-profile .main form *,
.punbb#pun-messages .main form * {
    font-size: 1.05rem;
}

/* 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;
    border-color: transparent;
}

/* C7.4 */
#pun-userlist .usertable .tcl > * {
    vertical-align: middle;
    display: inline-block;
    float: none;
    font: normal 1.3em var(--header-font-family);
}

/*************************************************************
D - СЕКЦИИ PUNBB, ОТЛИЧНЫЕ ОТ ОСНОВНОГО КОНТЕНТА
**************************************************************/

/* D1 Лого и описание
-------------------------------------------------------------*/

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

/* 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 table {
    border: none;
    height: 40px;
    width: 100%;
}

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

#pun-title td.title-logo-tdr {
    border: none;
    width: 468px;
}

.title-animation {
    width: 198px;
    height: 182px;
    border: none;
    position: absolute;
    margin-left: 219px;
    margin-top: 50px;
display:none;
}

/* D2 TODO 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 Навигация по форуму
-------------------------------------------------------------*/

#pun-navlinks .container {
    text-transform: uppercase;
    width: 870px;
    font-family: lora;
    text-align: center;
    font-size: 18px !important;
    margin-top: 182px;
    padding-top: 10px;
    padding-left: 10px;
    background: #11131e94;
    text-shadow: -1px 1px black;
    height: 30px;
    border: 2px solid #be99868a;
}

#pun-navlinks li {
    display: inline-block;
    padding-right: 1em;
}

#pun-navlinks li span {
}

#pun-navlinks li:first-of-type {
    border-left: 0px none;
}

#pun-navlinks li a {
    color: rgb(214, 213, 205);
}

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

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

/*Боковое меню навигации*/
/* D3.2 
#pun-navlinks .container {
    border-style: none;
    border-width: 0;
    margin: 0;
    text-align: center;
    padding: 0.1em 0.1em;
    background-color: transparent;
    color: #283136;
}


#pun-navlinks li {
    position: relative;
    display: inline-block;
    transition: opacity 0.5s;
    width: 24px;
    height: 24px;
    background: red;
    margin-bottom: 1px;
}

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

#pun-navlinks li a {
    display: block;
    width: 100%;
    height: 100%;
}

#pun-navlinks li:first-of-type {
    border-left: 0 none;
}


#pun-navlinks li a {
    font-family: var(--header-font-family);
    display: block;
}

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


#pun-navlinks #navawards {
    display: none;
}*/

/* форум 
li#navindex {
    background: url(http://forumstatic.ru/files/0001/31/13/34245.png) top center no-repeat transparent;
}*/

/* юзеры 
li#navuserlist {
    background: url(http://forumstatic.ru/files/0001/31/13/82270.png) top center no-repeat transparent;
}*/
/* поиск 
li#navsearch {
    background: url(http://forumstatic.ru/files/0001/31/13/51588.png) top center no-repeat transparent;
}*/
/* профиль 
li#navprofile {
    background: url(http://forumstatic.ru/files/0001/31/13/65911.png) top center no-repeat transparent;
}*/

/* ЛС 
li#navpm {
    background: url(http://forumstatic.ru/files/0001/31/13/71946.png) top center no-repeat transparent;
}*/

/* адм 
li#navadmin {
    background: url(http://forumstatic.ru/files/0001/31/13/72033.png) top center no-repeat transparent;
}*/

/* выход 
li#navlogout {
    background: url(http://forumstatic.ru/files/0001/31/13/68028.png) top center no-repeat transparent;
}*/

/* вход 
li#navlogin {
    background: url(http://forumstatic.ru/files/0001/31/13/57809.png) top center no-repeat transparent;
}*/

/* рега 
li#navregister {
    background: url(http://forumstatic.ru/files/0001/31/13/60288.png) top center no-repeat transparent;
}*/

/* рекл 
li#navpr_1 {
    background: url(http://forumstatic.ru/files/0001/31/13/34982.png) top center no-repeat transparent;
}*/

/* D4 Пользовательское меню
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
    text-align: center;
    width: 100%;
}

/* D4.2 */
#pun-ulinks .container {
    border-top: none;
    text-align: center;
    font-weight: bold;
    margin: 6px 0.3em 0.3em;
    min-height: 41px;
}

/* D4.3 */
#pun-ulinks li {
    display: inline-block;
    margin: 0 5px;
    transition: opacity 0.5s;
    white-space: nowrap;
    border-color: transparent;
}

/* D4.4 */
#pun-ulinks li a {
    display: inline;
    white-space: nowrap;
    font: bold 1.2rem var(--header-font-family);
}

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

/* D5 Блок приветствия пользователя и верхние "хлебные крошки"
-------------------------------------------------------------*/

/* D5.1 Блок приветствия пользователя */
#pun-status {
    border-bottom: none;
    margin-bottom: 0;
}

/* D5.2 */
#pun-status .container {
    /*font-size: 1.1rem;*/
    border-bottom: none;
    margin-bottom: 0;
    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: 1em 1em 0.8em 1em;
    /*font-size: 1.2rem;*/
}

/* D5.6 Разделитель между ними */
#pun-break1 {
    border-style: solid none;
    border-width: 1px 0;
    height: 0;
    margin: -2px 1em;
    position: relative;
    z-index: 1;
}

/* D6 Объявление
-------------------------------------------------------------*/

/* D6.1 Заголовок объявления */
#pun-announcement h2 {
    display: none;
    border-color: transparent;
    color: #4F221A;
}

/* D6.2 Текст заголовка объявления */
#pun-announcement h2 span {
    border-color: transparent;
}

/* D6.3 Блок объявления */
#pun-announcement .container {
    padding: 1em 1em 1em 1em;
    position: relative;
}

/* D6.4 Боковое окно объявления */
#pun-announcement .announcement-container {
    position: absolute;
    left: -373px;
    top: -128px;
    width: 351px;
    border: none;
    padding-bottom: 120px;
    text-align: right;
    font-family: var(--main-font-family);
    font-size: 1.2rem;
    color: #EBB172;
/* обычная
    background: url(https://i.imgur.com/PX88EVj.png) top center no-repeat;*/

/* зимняя */
    background: url(http://forumstatic.ru/files/0001/31/13/22320.png) top center no-repeat;

/* осень */
    /*    background: url(http://forumstatic.ru/files/0001/31/13/12279.png) top center no-repeat;*/
    box-sizing: border-box;
    padding-right: 15px;
    padding-top: 56px;
}

/* D6.5 Заголовки блоков объявлений */
#pun-announcement .announcement-container h4 {
    margin-top: 9px;
    padding-bottom: 9px;
    background: url(https://i.imgur.com/BBimsZ5.png) no-repeat right bottom;
    font: normal 1.5rem var(--header-font-family);
    color: #EBB172;
    margin-bottom: 5px;
}

/* D6.6 Блоки с иконками */
#pun-announcement .announcement-block .images li {
    display: inline-block;
}

#pun-announcement .announcement-block .images img {
    opacity: 0.6;
    transition: opacity 0.6s linear;
}

#pun-announcement .announcement-block .images img:hover {
    opacity: 1;
}

/* D6.7 Блок навигации 
/#pun-announcement .announcement-block#navigation span:after {
    content: " <";
}*/

#pun-announcement .announcement-block#navigation img {
    display: none;
}

/* D6.8 Блок кнопок */
#pun-announcement .announcement-block#buttons h4 {
    display: none;
}

/* ССЫЛКИ В ОБЪЯВЛЕНИИ СТАРЫЕ
#pun-announcement .announcement-block#buttons .announcement-block-content {
    text-align: center;
    font-size: 1.5rem!important;
}

#pun-announcement .announcement-block#buttons a {
    position: relative;
    font-weight: normal;
    font-family: var(--header-font-family);
    font-size: 1.5rem;
    text-decoration: none;
    padding: .3em 1em;
    outline: none;
     border-radius: 1px; 
    transition: 0.2s;
}

#pun-announcement .announcement-block#buttons a:hover {
    top: 1px;
    left: 1px;
}*/

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

/* D7.1 Контейнер */
#pun-stats .container {
    padding: 10px 10px 10px 80px;
    text-align: left;
    background-image: url(http://funkyimg.com/i/2wubb.png);
    background-position: 1px 10px;
    background-repeat: no-repeat;
}

/* D7.2 Ярлыки (Всего тем, сообщений, аккаунтов и последняя регистрация) */
#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
    display: inline-block;
    text-align: center;
    line-height: 150%;
    font-size: 1em;
    padding: 0 4px;
    margin: 5px 15px;
    border-style: solid;
    border-width: 1px;

    color: #000000;
    border-color: #9C4116;
    background-color: #ACA195;
}

#pun-stats li.item4 a {
    color: #000000;
    text-shadow: none;
}

/* D7.3 Онлайн список */
#pun-stats li#onlinelist {
    margin-top: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    border-color: transparent;
    float: left;
    text-align: left;
    width: 100%;
    line-height: 130%;
}

/* D7.4 Содержимое онлайн списка */
#pun-stats li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 0 0 0;
    border-color: transparent;
    color: #4F221A;
}

/* D7.4 Содержимое онлайн списка */
#pun-stats li#onlinelist div {
    font-size: 1.1rem;
}

/* D8 Быстрый переход, О форуме, Нижние "хлебные крошки"
-------------------------------------------------------------*/

/* 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: left;
    line-height: 150%;
    font-size: 1em;
    padding: 0.8em 1em;
}

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

/* D8.6 Нижние "хлебные крошки" */
#pun-crumbs2 {
    font-weight: normal;
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: none;
}

/* D8.7 Содержимое нижних "хлебных крошек" */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 0.8em 1em;
    font-size: 1.1em;
}

/* D8.8 Разделитель между нижними "хлебными крошками" */
#pun-break4 {
    margin: -2px 1em;
    border-style: solid none;
    border-width: 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.php
-------------------------------------------------------------*/

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

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
    padding-bottom: 0.6em;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: transparent;
    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;
}

/* D9 Страницы администрирования
-------------------------------------------------------------*/
#pun-admain {
    padding-left: 0;
}

.punbb-admin #pun-navlinks {
    margin-bottom: 0px;
}

.punbb-admin #pun-navlinks {
    margin-bottom: 400px;
}

#pun-admain #pun-adnav {
    float: left;
    width: 275px;
    margin-left: -310px;
    margin-top: 80px;
    display: block;
    text-align: right;
}

#pun-admain #pun-adnav h2 {
    text-align: right;
    margin-top: 20px;
    padding-bottom: 19px;
    background: url(http://forumstatic.ru/files/0001/31/13/94948.png) no-repeat right bottom;
    font: normal 1.6rem var(--header-font-family);
    color: #EBB172;
    text-shadow: 1px 1px 1px #E92112, 0 0 1em #E92112;
    padding-top: 0;
    height: auto;
}

#pun-admain #pun-adnav h2:after,
#pun-admain #pun-adnav h2:before {
    background: none;
}

#pun-admain #pun-adnav h2 span {
    font-size: inherit;
}

#pun-admain #pun-adnav a {
    color: #EBB172;
    font-weight: normal;
}

#pun-admain #pun-adnav .isactive > a {
    color: #EBB172;
    font-weight: bold;
}

#pun-admain #pun-adnav a:before,
#pun-admain #pun-adnav a:after {
    background-color: #EBB172;
    bottom: 0.1rem;
}

#pun-admain #pun-adnav .isactive > a:before,
#pun-admain #pun-adnav .isactive > a:after {
    background-color: #EBB172;
}

#pun-admain #pun-adnav .adcontainer {
    text-align: left;
    padding-left: 80px;
    font-size: 1.1rem;
}

#pun-admain #pun-adnav .adcontainer ul {
    padding-left: 10px;
}

#pun-admain .adcontainer {
    border: none 1px transparent;
}

#pun-admain fieldset {
    border-color: #67443E !important;
}

#pun-admain legend span {
    background-color: transparent !important;
    margin: 0 5px !important;
}

#pun-admain fieldset .handle,
#pun-admain fieldset p {
    border-color: #D9BF9D !important;
    background-color: #E3CCAD !important;
}

/*************************************************************
E - Extra-содержимое
**************************************************************/

/* E1 Быстрый перенос сообщений: фон, цвета строк
-------------------------------------------------------------*/
.punbb .pun-modal .section h2,
.punbb .pun-modal .section h1 {
    margin: 10px auto -30px !important;
}

.punbb .pun-modal .section .container,
#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
    background: #DED5C4 !important;
    box-shadow: inset 0px 0px 20px 0px #7E5A2A;
}

.Select_Topics tbody tr:nth-child(2n) td {
    background: #DED5C4;
}

/* E2 Кнопки вверх/вниз
-------------------------------------------------------------*/
.go-up,
.go-down {
    display: none;
    position: fixed;
    right: -20px;
    z-index: 9999;
    cursor: pointer;
    opacity: .7;
    margin-bottom: 150px;
    width: 124px;
    height: 78px;
    transition: opacity .1s;
}

.go-up {
    bottom: 120px;
    background: url(http://forumstatic.ru/files/0001/31/13/78690.png) top left no-repeat;
}

.go-down {
    bottom: 42px;
    background: url(http://forumstatic.ru/files/0001/31/13/64694.png) top left no-repeat;
}

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

/* E3 Возраст форума
-------------------------------------------------------------*/
/* E3.1 */
.Age_forForum {
    display: inline-block;
    font: bold 1.8rem var(--header-font-family); /* Шрифт */
    color: #31271E; /* Цвет */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    margin: -10px 8px 2px 8px;
}

.Age_forForum .Dig { /* Стиль цифр */
    font-size: 2.2rem;
    color: rgba(139, 26, 26, .7);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.Age_forForum .Wrd { /* Стиль дни, месяцы годы */
}

/* E4 Предпросмотр личных сообщений
-------------------------------------------------------------*/
.m-content {
    background: #FFFFFF;
    padding: 5px;
    border: 1px solid #000000;
    box-shadow: 0 0 10px #222222;
    position: absolute;
    margin-top: 10px;
    z-index: 200;
    display: none;
}

/* E5 Окно наград и подарков
-------------------------------------------------------------*/

/* сдвиг таблицы */
.punbb .my-tabs {
    margin-top: -73px; /*сдвиг таблицы вверх от положения иконки*/
    margin-left: 250px !important; /*сдвиг таблицы вправо от положения иконки*/
}

/* Цвет фона и бордюров таблицы */
.my-tabs > .tab-a,
.my-tabs > span {
    background: #B5B5B5 !important;
    border-color: #31271E !important;
}


/* E7 Закладки
-------------------------------------------------------------*/
/*  Задаем цвет закладкам  */
div#MyBookmarks {
    background: #DED5C4;
    box-shadow: inset 0px 0px 50px 0px #7E5A2A;
}

/* Центрируем надпись Мои закладки */
div#MyBookmarks span {
    text-align: center;
    display: block;
}

/*************************************************************
G - Что это - не знаем, но не трогаем...
**************************************************************/

.fs-box table th.pmtc24 {
    display: table-cell;
}

/* Убираем пункт "Заявки на роль" */
#pun-ulinks #Rz{display:none}

/* Картинки на категориях */
/*    #pun-main h2,.category,#pun-stats,li.pa-avatar,.multipage {position:relative;}
    #pun-main h2:before,.category:before,#pun-stats:before,.multipage:before {*/
/*снег*/
   /* background: url(http://forumstatic.ru/files/0017/24/d9/72411.png) no-repeat scroll 50% 0% !important;*/
/*тыква*/
/*    background: url(http://forumstatic.ru/files/001a/81/87/76316.png) no-repeat scroll 50% 0% !important;
    display: block; content:"";
    height:46px;
    left:-5px;
    padding:0 5px;
    position:absolute;
    top:-10px;
    width:100%;
    }*/


/* A5.13 Новогодний снежный покров заголовков с изображениями*/
/*.punbb .main h1:before,
.punbb .main h2:before,
.punbb .section h2:before,
.punbb .category h2:before,
.punbb-admin #pun-admain h2:before,
#pun-stats h2:before,
#pun-main #post-form h2:before,
#pun-debug h2:before {
    display: block;
    content: "";

    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 30px;

    background: url("http://forumstatic.ru/files/0017/24/d9/72411.png") no-repeat center top;
    z-index: 100;
}*/

/* Анимированный радужный текст */
.rainbow-animated p {text-align: center;}
.rainbow-animated span {
background: linear-gradient(to right, maroon, crimson, green, cyan, teal, blue, violet);

  background-size: 400% 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: rainbow 23s ease infinite;
  animation: rainbow 23s ease infinite;
  display: inline !important;
}

@-webkit-keyframes rainbow {
  0% { background-position: 0% 50% }
  50% { background-position: 100% 50% }
  100% { background-position: 0% 50% }
}
 
@keyframes rainbow {
  0% { background-position: 0% 50% }
  50% { background-position: 100% 50% }
  100% { background-position: 0% 50% }
}

#actives ul.announcement-block-content.images {
    text-align: center;
    width: 232px;
    margin: 0 0 0 auto;
}

#best-game {
    margin-top: 25px;
}

#best-moves {
    margin-top: 15px;
}

#tops .announcement-block-content.images {
    width: 250px;
    margin: 0 0 auto auto;
}

#tags .container {
    left: -30px;
    right: auto !important;
}

#smls-add {
    margin-bottom: 15px;
}

#post p.formsubmit {
    position: absolute;
    bottom: 85px;
    right: 22px;
}

#post {
    position: relative;
}

/* Переливы в названии форума */
.logo-tip {
    display: block;
/*    background: url(http://forumstatic.ru/files/0001/31/13/21559.gif) repeat, url(https://i.imgur.com/OLl0wwQ.png) -5px -7px no-repeat;*/
    background-blend-mode: screen, normal;
    mask: url(http://forumstatic.ru/files/001b/9b/fb/47376.svg) no-repeat center top;
    -webkit-mask: url(http://forumstatic.ru/files/001b/9b/fb/47376.svg) no-repeat center top;
    mask-size: cover;
    -webkit-mask-size: cover;
    width: 293px;
    height: 58px;
    position: absolute;
    top: 81px;
    margin-left: 269px;
}

li.pa-fld1 .fld-name + br {
    display: none;
}

.a-date {
    width: 87px;
    height: 12px;
    background: #403d52;
    border: 3px groove #774200;
    cursor: auto;
    font-size: 11px;
    text-align: center;
    letter-spacing: 1px!important;
    text-transform: uppercase;
    font-family: 'lora';
    color: antiquewhite;
}


/************************* 
Стиль для Таблицы постописцев
   за неделю и месяц
        Deff 
*************************/ 
.Post-scribes {
  text-align:center;
  position: absolute;
  z-index:1;
  /*background:#241B17;*/
  top: 202px;  /*Отступ таблиц от верха*/
  padding-bottom:5px;
}
.Post-scribes.for_week {
  width:210px; /*Горизонтальный Размер блока с авиками(!Регулирует число строк таблицы)*/
  margin-left: 0;
}
.Post-scribes.for_month{
  width:210px;  /*Горизонтальный Размер блока с авиками(!Регулирует число строк таблицы)*/
  margin-left:-274px;
}
/*Оформление названия к блоку с авиками*/
.Post-scribes h11 {
background: url("https://i.imgur.com/BBimsZ5.png") center bottom no-repeat transparent;
/*font: normal normal 400 16px/normal "Times New Roman";*/
font: normal 1.5rem var(--header-font-family);
display:block;
width:100%;
box-sizing:border-box;
text-align: right;
padding-right: 18px;
color: #EBB172;
text-shadow: #E92112 1px 1px 1px;
margin:0;
margin-bottom: 2px;
margin-top: 13px;
margin-left: 26px;
padding-bottom: 7px;
}
/*Элемент для одного постописца с надписями*/
.user-writter{
  display:inline-block;
  position:relative;
  max-width:70px;  /*максимальная ширина блока распираемая длинным ником!*/
  overflow:hidden;
  text-align:center;
  margin: 3px auto;
  margin-bottom: -8px;
}
.user-writter.zero{
  display:none!important;/**/ /* !!Пустой элемент таблицы можно скрыть */
}
.user-writter.zero .Ava-obr{
  background:#656876;
  border: 0 none;
}
.user-writter .Num-posts{ /*Число постов*/
  display:block;
  white-space: nowrap;
  font: normal normal 400 10px/normal Verdana;
  padding-bottom:2px;
  color:#FFE05D; /*Цвет числа постов*/
}
.user-writter .Nick{  /*Ник*/
  display:block;
  white-space: nowrap;
  font: normal normal 400 10px/normal Verdana;
  color:#9B9BFF; /*Цвет числа Ника*/
}
.user-writter .Nick.up{
  padding-bottom:2px;
}
.user-writter .Num-posts + .Nick{
  margin-top:-2px;
}
 /*Поднимаем цифру на Аватар при наведении*/
.NumPst-hover .Num-posts.down{
 pointer-events:none;
 font: normal normal 700 30px/normal Verdana;
 position:absolute;
 z-index:1;
 left:0;right:0;
 margin-top: -52px!important;
 transition: all .7s ease-in-out;
 opacity:0;
}
.NumPst-hover .Num-posts.down>span{
  display:block;
  margin-top:-4px;
  font: normal normal 400 10px/normal Verdana;
}
.NumPst-hover:hover .Num-posts.down{
 opacity: 1;
}/* End//Поднимаем цифру на Аватар при наведении*/

/*Окно показа Авика*/
.Ava-obr {
  position:relative;
  display:inline-block;
  cursor:pointer;
  margin:0 2px; /*Минимальный отступ Авиков друг от друга*/
  border:#762412 solid 1px!important; /*Обводка*/
  /*border-radius: 50%;*/ /*Возможное скругление Авиков!*/
  text-align:center;
  width:55px;    /*Размер окна показа Авика по горизонтали*/
  height:55px;  /*Размер окна показа Авика по вертикали*/
  background: 50% 10% no-repeat;
  background-size: auto 148%; /*Позиционируем размер фоновой картинки относительно окна показа Авика*/
  transition: opacity 0.6s linear;
  background-color: #656876; /*Фон ячеек незанятых юзерами */
  opacity: 0.9; /*Полупрозрачность до наведения(!Можно убрать)*/
}
.Ava-obr:hover {
    opacity: 1;
}

/*Нижняя подводка авы при наведении(Этот кусок можно убрать)*/
a.Ava-obr:after {
    content: "";
    position: absolute;
    bottom: -0.1rem;
    left:0;
    right:0;
    margin:auto;
    width: 0;
    height: 1px;
    color: #DFCAB5;
    background-color: #DFCAB5;
    box-shadow: 1px 1px 1px #E92112, 0 0 1em #E92112;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}
.punbb a.Ava-obr:hover:after {
    width: 100%;
    opacity: 1;
    transition: all 0.6s ease-in-out;
}
/************************* 
//Конец Стиля  Таблицы постописцев 
*************************/