/* structure by futura.rusff.ru
-------------------------------------------------------------*/

/* CS1 Основа
-------------------------------------------------------------*/

/* CS1.1 Фон */
body {
    background: url("верхний фон") repeat-x top center,
    url("нижний фон") repeat-x bottom center, 
    #d2d2d2 url("https://i.ibb.co/vHWsrws/120.png") repeat;
}

#pun {
    background: url("http://i79.fastpic.ru/big/2016/0824/7a/3cb148a712398b75085e37a86c384b7a.png") repeat-y;
}

/* CS1.2 Шапка */
#pun-title.section {
    background: transparent url("http://ipic.su/img/img7/fs/shapka5.1537723834.png") top center scroll no-repeat;
    height: 521px;
    width: 876px;
    margin-top: 0px;
    margin-left: -51px;
}

/*Настройки баннера*/
#pun-title table tbody tr .title-logo-tdr {
    position: absolute;
    z-index: 1;
    left: 350px;
    top: 50px;
}

/* CS1.3 Копирайт */
#copyright {
    text-align: center;
    background: url("https://forumstatic.ru/files/0014/e7/c3/75454.png") scroll center;
    width: 862px;
    height: 60px;
    margin-left: -45px;
}

#html-footer {
    margin: 0px;
    text-align: center;
}

/* CS2 Форум
-------------------------------------------------------------*/

/* CS2.1 Текст на форуме */
.punbb .main .container, .punbb .post .container, .punbb .post h3, #pun-title,
#pun-title .container, .punbb .modmenu .container, .punbb legend span,
#viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span,
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container,
#pun-status .container, #pun-crumbs1 p.container, #pun-stats .container,
#pun-about .container, #pun-crumbs2 .container, .linkst .pagelink,
.linksb .pagelink {
    color: #060200;
    background-color: transparent;
}

/* CS2.2 Категории */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
    background: url("http://i80.fastpic.ru/big/2016/0824/b6/ced6e6cef30c267a125005ca0abbc9b6.png") no-repeat center;
    width: 962px;
    height: 38px;
    line-height: 38px;
    margin-left: -112px;
    color: #9dabb4;
    font-family: 'Codename Coder Free 4F';
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: lowercase;
    font-size: 18px;
}

.punbb-admin #pun-admain h2 {
    color: #333;
    background: transparent;
    text-align: left;
    text-shadow: none;
    padding-left: 55px;
    margin-top: 10px;
    margin-bottom: 5px;
}

#pun-profile #profilenav > h2 {
    max-height: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: -420px;
}

#pun-main #profilenav > h2 {
    max-height: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: -420px;
}

/* CS2.3 Цитата*/
.punbb .quote-box {
    border-top: 3px solid #1b2f44;
    border-bottom: 0 solid #1f2e36;
    color: #3c4850;
    background: transparent;
    padding: 5px;
    border-radius: 0;
    box-shadow: 0px 0px 15px #aaabb8 inset;
    -webkit-box-shadow: 0px 0px 15px #aaabb8 inset;
    -khtml-box-shadow: 0px 0px 15px #aaabb8 inset;
    -moz-box-shadow: 0px 0px 15px #aaabb8 inset;
}

/* Код */
.punbb .code-box {
    border-top: 3px solid #828282;
    border-bottom: 0 solid #565656;
    color: #525252;
    background: transparent;
    padding: 5px;
    border-radius: 0;
    box-shadow: 0px 0px 15px #aaabb8 inset;
    -webkit-box-shadow: 0px 0px 15px #aaabb8 inset;
    -khtml-box-shadow: 0px 0px 15px #aaabb8 inset;
    -moz-box-shadow: 0px 0px 15px #aaabb8 inset;
}

/* Форма ответа */
.punbb textarea, .punbb select, .punbb input, .punbb .button {
    border-top: 3px solid #828282;
    border-bottom: 0 solid #565656;
    color: #525252;
    background: transparent;
    padding: 5px;
    border-radius: 0;
    box-shadow: 0px 0px 15px #b8b8b8 inset;
    -webkit-box-shadow: 0px 0px 15px #aaabb8 inset;
    -khtml-box-shadow: 0px 0px 15px #aaabb8 inset;
    -moz-box-shadow: 0px 0px 15px #aaabb8 inset;
}

/* CS2.4 Прокрутка */
::-webkit-scrollbar {
    width: 5px;
    height: 3px;
    background-color: #AAB8AD;
}

::-webkit-scrollbar-thumb {
    background-color: #0A1716;
}

::-webkit-scrollbar-thumb:active {
    background: #CE621A;
}

/* выделенный текст */
::selection {
    background: #4b4b4b;
    color: #C3CBC6;
}

/* CS2.5 Переадресация */
#pun-redirect {
    background: url("общий фон") repeat;
    position: fixed;
    text-align: center;
    font-size: 12px;
}

#pun-redirect .main-title {
    margin-bottom: 0px !important;
    text-align: center;
    margin-top: 10px;
    background: url(фон заголовка) center no-repeat;
}

/* CS2.6 Профиль */
/* Фон */
.punbb .post .post-author {
    text-align: center;
    background: url() top center no-repeat, url() bottom center no-repeat, url() center repeat-y;
    width: 215px;
    margin-top: -20px;
    padding: 8px 0px 10px 0px !important;
    margin-left: -5px;
    box-shadow: 0px 0px 15px #24323b;
}

/* меняем ссылку ника */
li.pa-author a, li.pa-author {
    color: #9a9a9a !important;
    font-family: 'Codename Coder Free 4F';
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
}

li.pa-author a:hover, li.pa-author a:focus, li.pa-author a:active {
    color: #9c9c9c !important;
}

/* CS2.7 Форумы */
/* описание форумов */
.tclcon {
    font-size: 11px;
    color: #362F1B;
    text-align: justify;
}

/* название форумов */
#pun-index .tcl h3 {
    font-size: 14px;
    font-family: 'Codename Coder Free 4F';
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.1em;
}

#pun-index .tcl h3 a {
    color: #203f5d;
    padding: 0px 0px 0px 20px;
    text-transform: uppercase;
}

#pun-index .tcl h3 a:hover {
    color: #c7c8c9;
    background: #203f5d;
    padding: 0px 0px 0px 20px;
}

/* CS2.8 Окна, кнопки и прочее */
/* Окно репутации */
.punbb-admin #pun-admain .adcontainer, #pun-reputation div.inner div.container,
#pun-report div.inner div.container , #pun-popup_awards div.inner div.container {
    color: #060200;
    background: url(фон) repeat;
}

#pun-reputation .tc2 textarea {
    width: 600px !important;
}

#pun-reputation .tcl {
    width: 80px !important;
}

#pun-reputation h1 {
    background: url(фон) repeat;
    text-align: center;
    width: 757px;
    height: 15px;
    margin-left: 0px;
    padding-top: 20px !important;
}

/* Настройки кнопок "отправить", "посмотреть" и др. */
#pun-main .formsubmit input {
    background: #FFFFFF;
    padding: 5px;
    border: none !important;
    text-transform: lowercase;
    margin-top: -20px !important;
}

#pun-main .formsubmit input:hover {
    background: #FFFFFF;
}

/* Настройки выпадающих списков */
.punbb input, .punbb select {
    background-color: #CFCFCF;
    color: #002C1D;
    padding: 2px;
}

/* Окна в форме ответа */
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area,
#imageup-area, #font-area, #size-area, #color-area, #smilies-area,
#image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area,
#table-area, #addition-area {
    background: #fff url(фон) repeat;
    color: #7e7e7e;
    padding: 5px;
    border: solid #c4c4c4 1px !important;
}

/* Линия разделитель */
hr {
    border: 1px solid #434343;
}

#form-buttons {
    margin: 2px 2px 2px 10px;
    padding: 2px 2px 2px 10px;
}

b, p strong {
    color: #203f5d;
    text-shadow: 1px 1px 0px #adbcc2;
}

.punbb .post-sig {
    color: #8c9491;
}

.punbb .post-sig dt {
    border-top: 1px dotted #bbc3c0;
}

/* CS3 Рамки
-------------------------------------------------------------*/

.punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum,
.punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post,
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2,
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li,
#pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span,
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend,
.punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box,
.punbb-admin #pun-admain .adcontainer {
    border-color: transparent;
}

/* CS4 Ссылки
-------------------------------------------------------------*/

/* CS4.1 Обычные ссылки*/
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited,
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    text-decoration: none;
    color: #203f5d;
}

.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: #252b39;
}

/* CS4.2 Ссылки в меню навигации */
#pun-navlinks a {
    font-size: 20px;
    font-weight: 700;
    color: #949596;
    font-family: 'Codename Coder Free 4F';
    text-transform: uppercase;
    text-shadow: 1px 2px 0 #1f405d;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active,
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    color: #c7cdd3;
    text-shadow: -1px 0 red, 1px 0 green;
}

/* CS4.3 Пользовательские ссылки */
#pun-ulinks a {
    font-family: 'Codename Coder Free 4F';
    text-transform: uppercase;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #333;
}

/* CS5 Иконки сообщений
 -------------------------------------------------------------*/

    div.icon {
            background: url(http://ipic.su/img/img7/fs/ikonkastarye.1456668741.png) no-repeat;
    }



.newtext {display:none}
tr.inew div.icon {
            background: url(http://ipic.su/img/img7/fs/ikonkanovye.1456668762.png
) no-repeat;
    }



.stickytext {display:none}
tr.isticky div.icon {
            background: url(http://ipic.su/img/img7/fs/ikonkavazhnoe.1456668780.png
) no-repeat;
    }

/*CS6 Таблицы и прочее
 ---------------------------------*/

/* CS6.1 Вкладки профиля */
.post-img-Sp {
    width: 52px !important;
    height: 21px !important;
}

.post-img-Sp[data=".Sp1"] {
    background: url(http://storage8.static.itmages.ru/i/16/0318/h_1458293941_8568686_5df147e413.jpg) 0 0 no-repeat;
    margin-left: -15px;
}

.post-img-Sp[data=".Sp1"]:hover {
    background-position: 0 0;
}

.post-img-Sp[data=".Sp2"] {
    background: url(http://storage8.static.itmages.ru/i/16/0318/h_1458293941_3065862_df7fa99170.jpg) 0 0 no-repeat;
    margin-left: -2px;
}

.post-img-Sp[data=".Sp2"]:hover {
    background-position: 0 0;
}

.post-img-Sp[data=".Sp3"] {
    background: url(http://storage7.static.itmages.ru/i/16/0318/h_1458293940_6401941_39f54723cf.jpg) 0 0 no-repeat;
    margin-left: -2px;
}

.post-img-Sp[data=".Sp3"]:hover {
    background-position: 0 0;
}

.post-img-Sp[data=".Sp4"] {
    background: url(http://storage8.static.itmages.ru/i/16/0318/h_1458293941_6211686_4ae9d6e910.jpg) 0 0 no-repeat;
    margin-right: -14px;
    margin-left: -2px;
}

.post-img-Sp[data=".Sp4"]:hover {
    background-position: 0 0;
}

.pa-fld1 {
    text-align: justify;
    font-size: 10px;
    line-height: 105%;
    box-shadow: #363737 0px 0px 3px;
    color: #9a9a9a !important;
}

/* CS6.2 Таблицы на шапке */

#link {
    position: absolute;
    margin-top: 355px;
    margin-left: 95px;
}

/* Ссылки в таблице */
.nlink a, .nlink a:hover {
    display: block;
    width: 150px;
    color: #1b2f44 !important;
    background: #b1b6bb;
    font-family: 'Codename Coder Free 4F';
    font-size: 13px;
    text-align: center;
    padding: 0px 15px 1px 15px;
    margin-top: 1px;
}

.nlink a:hover {
    background: #1b2f44;
    color: #ffffff !important;
}

#news {
    position: absolute;
    margin-top: 310px;
    margin-left: 280px;
    width: 225px;
    height: 140px;
    font-size: 10px;
}

#event {
    position: absolute;
    margin-top: 350px;
    margin-left: 510px;
    width: 170px;
    height: 115px;
    font-size: 10px;
}

#banner {
    position: absolute;
    margin-top: 270px;
    margin-left: 255px;
    width: 100px;
    height: 100px;
    font-size: 10px;
}

#banners {
    position: absolute;
    margin-top: 61px;
    margin-left: 121px;
}

#bestpost {
    position: absolute;
    margin-top: 52px;
    margin-left: 52px;
    width: 140px;
    height: 150px;
    font-size: 10px;
}

#search {
    position: absolute;
    margin-top: 52px;
    margin-left: 209px;
    width: 140px;
    height: 150px;
}

/* Администрация */
.photo-ams::after {
    display: inline-block;
    position: relative;
}

.photo-ams:hover::after {
    content: attr(data-title);
    width: 160px;
    position: absolute;
    left: -70px;
    top: 35px;
    z-index: 1;
    background: #eaedef;
    font-size: 10px;
    text-transform: lowercase;
    text-align: justify;
    padding: 5px;
    border: 1px solid #333;
}

#ams {
    position: absolute;
    margin-top: 375px;
    margin-left: -7px;
}

#ams1 {
    position: absolute;
    margin-top: 415px;
    margin-left: -7px;
}

#ams2 {
    position: absolute;
    margin-top: 455px;
    margin-left: -7px;
}

#ams3 {
    position: absolute;
    margin-top: 375px;
    margin-left: 685px;
}

#ams4 {
    position: absolute;
    margin-top: 415px;
    margin-left: 685px;
}

#ams5 {
    position: absolute;
    margin-top: 455px;
    margin-left: 685px;
}

#best {
    position: absolute;
    margin-top: 50px;
    margin-left: 8px;
}

#best1 {
    position: absolute;
    margin-top: 89px;
    margin-left: 8px;
}

/* CS6.3 Осветление изображений */
a img {
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.7; /* Mozilla 1.6 */
    -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    filter: alpha(opacity=50); /* IE 5.5+*/
}

a:hover img {
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.7; /* Mozilla 1.6 */
    -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    filter: alpha(opacity=50); /* IE 5.5+*/
}

/* CS6.4 Стрелочки */
#arrows {
    position: fixed;
    right: 2%;
    bottom: 45%;
}

/* CS6.5 Скрытый текст */
.post-content del {
    background: #babec2;
    color: #babec2;
}

.post-content del:hover {
    background: transparent;
    color: #1f1e1e;
    text-decoration: none;
}

/* CS6.6 Дата и оценка поста */
.punbb .post h3 strong {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 5px;
    text-align: left !important;
    width: auto !important;
    font-weight: normal !important;
}

.post h3 strong:before {
    content: "№ ";
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: 'Codename Coder Free 4F';
    text-align: center;
    text-transform: uppercase;
    color: #5b5b37;
    text-shadow: 1px 1px 1px #fff;
}

div.post h3 strong:after {
    content: "; создан: ";
    font-family: 'Codename Coder Free 4F';
    font-weight: normal !important;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #5b5b37;
    text-shadow: 1px 1px 1px #fff;
}

div.post-rating p:before {
    content: "Понравилось: ";
    font-family: 'Codename Coder Free 4F';
    font-weight: normal !important;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #665b54;
    text-shadow: 1px 1px 1px #fff;
}

.punbb .post-box {
    position: relative;
}

div.post-rating p {
    padding: 0 10px !important;
    position: absolute;
    right: 0px;
    top: -21px;
}

div.post-vote p {
    position: absolute;
    right: -15px;
    top: -5px;
}

div.post-rating a, div.post-vote a {
    color: #73675e;
}

div.post-rating p a:hover {
    color: #73675e;
}

/* CS6.7 Оформление ссылок */
.forumLink {
    font-family: verdana;
    font-size: 10px;
    text-align: center;
    padding: 1px;
    background: url("") !important;
    text-transform: uppercase;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border: double #565250 !important;
}

.forumLink a {
    color: #a59f9b !important;
}

.forumLink a:hover {
    color: #7b7571 !important;
}

.forumLink a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.forumLink a:hover img {
    filter: none;
    -webkit-filter: grayscale(0);
}

/* Счётчик файлов */
table#filetable tbody {
    counter-reset: section;
}

table#filetable tbody td.tcl:before {
    counter-increment: section;
    content: counter(section) ". ";
}

.topic a.sharelink {
    display: none;
}

/* CS6.7 Таблица пользователя */
/*Подвижка иконки*/
img.a-info {
    margin-top: -3px !important;
    margin-left: 173px !important;
    width: 32px; /*Размер иконки*/
    height: 32px;
}

/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info {
    margin-top: -1px !important;
    margin-left: -6px !important;
    font: normal normal 400 11px / 16.5px Verdana;
}

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

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

/******************************************************************
  Cтиль к скрипту: 
 "Всплываюшая таблица с вкладками, в топике, с инфой о персонаже"
******************************************************************/
/*Стиль иконки в мини-профиле*/
img.a-info {
    padding: 2px;
    display: block !important;
    cursor: pointer;
    /*border-radius:50%;*/
    position: absolute;
    text-align: left !important;
}

/* Затемняющий фон */
#pre-wrap {
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 20000;
    background: rgba(0, 0, 0, .65);
}

/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
    float: right;
    margin: 0 -25px 0 0 !important;
    width: 27px;
}

/* Корневой таб(UL) */
.my-tabs {
    display: block;
    z-index: 30000;
    position: absolute;
    height: 300px; /*максимальная высота таблички*/
}

/* Стиль "Ушка" вкладок */
.my-tabs > span {
    opacity: 0.78;
    color: #333;
    cursor: pointer;
    display: block !important;
    position: relative;
    z-index: 12;
    padding: 4px;
    height: 17px !important;
    margin-right: 2px;
    margin-left: -1px;
    margin-bottom: -4px !important;
    border: 1px solid;
    border-radius: 0 0 0 0;
    text-align: left;
    padding-right: 6px;
    text-shadow: 0 0 0 rgba(0, 0, 0, .4);
    font: normal 400 12px "Tahoma";
    float: left;
}

/* Cдвиг самого первого "Уха" */
.my-tabs > span:first-child {
    margin-left: 8px;
}

/* Активное "Ушко" */
.my-tabs > span.selected {
    opacity: 1;
    border-bottom-color: transparent !important;
}

/* Стиль вкладки(LI)*/
.my-tabs > .tab-a {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
    border: 0 solid;
    border-width: 0 0 0 0;
    padding: 4px 12px !important;
    overflow: scroll;
    overflow-x: hidden;
}

/*Отступ контента вкладки сверху*/
.tab-a .post-content {
    margin-top: 1.4em;
    text-align: left;
    display: inline-block;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat'), local('Montserrat'), url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap" rel="stylesheet")
}

/* Extra additions
-------------------------------------------------------------*/

#poll-special table.poll1 {
    width: auto
}

#poll-special td {
    border: 0
}

.punbb .post-content img.postimg {
    max-width: 100%;
    margin: 0.4em 0
}

#poll-special td {
    text-align: left !important;
    cursor: default !important
}

#poll-special td.tac {
    text-align: center !important
}

#poll-special td.tar {
    text-align: right !important
}

div.pa-respect span {
    font-size: 0.9em;
    vertical-align: top
}

div.post-rating p {
    float: right !important;
    border: 0 !important;
    padding: 3px !important
}

div.post-vote p {
    float: right !important;
    border: 0 !important;
    padding: 3px 13px !important;
    margin-right: 5px !important
}

div.post-rating a {
    cursor: pointer !important
}

div.post-rating a, div.post-vote a {
    font-size: 130% !important;
    text-decoration: none !important
}

.post-content table {
    border-collapse: collapse;
    margin: 0 0 0.8em
}

.post-content td {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 0.4em 0.5em !important;
    overflow: hidden
}

.post-content td p:last-child {
    padding-bottom: 0
}

.post-content .highlight-text {
    background-color: #ff0;
    color: #000
}

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

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

.post-content .spoiler-box > blockquote {
    padding-top: 1.4em;
    display: none
}

.post-content .spoiler-box > blockquote.visible {
    display: block
}

.post-content hr {
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
    margin-bottom: 0.8em
}

.post-content abbr {
    cursor: help
}

#form-buttons table, .punbb .formal textarea {
    width: 99%
}

#form-buttons td {
    padding: 0;
    line-height: 0;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer !important
}

#form-buttons td img {
    height: 26px;
    width: 100%
}

td#button-font {
    background: url('/i/form_buttons.3.png') no-repeat 50% 5px
}

td#button-size {
    background: url('/i/form_buttons.3.png') no-repeat 50% -21px
}

td#button-bold {
    background: url('/i/form_buttons.3.png') no-repeat 50% -47px
}

td#button-italic {
    background: url('/i/form_buttons.3.png') no-repeat 50% -73px
}

td#button-underline {
    background: url('/i/form_buttons.3.png') no-repeat 50% -99px
}

td#button-strike {
    background: url('/i/form_buttons.3.png') no-repeat 50% -125px
}

td#button-left {
    background: url('/i/form_buttons.3.png') no-repeat 50% -151px
}

td#button-center {
    background: url('/i/form_buttons.3.png') no-repeat 50% -177px
}

td#button-right {
    background: url('/i/form_buttons.3.png') no-repeat 50% -203px
}

td#button-link {
    background: url('/i/form_buttons.3.png') no-repeat 50% -229px
}

td#button-spoiler {
    background: url('/i/form_buttons.3.png') no-repeat 50% -255px
}

td#button-image {
    background: url('/i/form_buttons.3.png') no-repeat 50% -281px
}

td#button-video {
    background: url('/i/form_buttons.3.png') no-repeat 50% -307px
}

td#button-hide {
    background: url('/i/form_buttons.3.png') no-repeat 50% -333px
}

td#button-quote {
    background: url('/i/form_buttons.3.png') no-repeat 50% -359px
}

td#button-code {
    background: url('/i/form_buttons.3.png') no-repeat 50% -385px
}

td#button-color {
    background: url('/i/form_buttons.3.png') no-repeat 50% -411px
}

td#button-smile {
    background: url('/i/form_buttons.3.png') no-repeat 50% -437px
}

td#button-keyboard {
    background: url('/i/form_buttons.3.png') no-repeat 50% -463px
}

td#button-table {
    background: url('/i/form_buttons.3.png') no-repeat 50% -489px
}

td#button-addition {
    background: url('/i/form_buttons.3.png') no-repeat 50% -515px
}

.punbb .formal span.input {
    padding-right: 0 !important
}

#formkey, #formetc {
    display: none
}

#font-area {
    width: 140px
}

#size-area {
    width: 50px
}

#color-area, #table-area, #keyboard-area {
    width: auto
}

#keyboard-area {
    text-align: center;
    padding-bottom: 4px
}

#imageup-area {
    width: 170px
}

#imageattach-area {
    width: 770px;
    height: 200px;
    padding: 0px !important
}

#smilies-area {
    width: 450px
}

#image-area {
    width: 550px
}

#video-area {
    width: 450px
}

#addition-area {
    width: 160px
}

#color-area * {
    border: 0
}

#color-area table {
    width: 320px;
    height: 20px;
    padding: 0;
    margin: 0
}

#table-area table {
    width: auto !important;
    padding: 0;
    margin: 0;
    border-collapse: collapse
}

#table-area div {
    margin-top: 1em;
    text-align: center
}

#table-layout {
    margin-right: 0.5em
}

#table-area td {
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #dadada !important
}

#table-area td.selected {
    background-color: #c8c8ff
}

#color-area td, #table-area td {
    margin: 0;
    padding: 0;
    line-height: 0
}

#color-area td img, #table-area td img {
    width: 20px;
    height: 20px;
    cursor: pointer !important
}

#font-area, #size-area, #color-area, #table-area, #smilies-area,
#image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area,
#addition-area {
    position: absolute;
    right: 6px;
    top: 43px
}

#font-area div, #size-area div, #color-area div, #table-area div, #addition-area div,
#smilies-area div a, #smilies-area img {
    cursor: pointer !important
}

#font-area span, #font-area img, #size-area span, #size-area img {
    display: block;
    position: relative;
    top: 0;
    left: 0
}

#font-area span, #font-area img {
    height: 15px
}

#size-area span, #size-area img {
    height: 24px
}

#font-area span, #size-area span {
    padding: 1px 0
}

#addition-area div {
    height: 24px;
    vertical-align: middle
}

#font-area img {
    width: 100%;
    margin-top: -15px
}

#size-area img {
    width: 100%;
    margin-top: -24px
}

#keyboard-span {
    text-align: center;
    padding-bottom: 10px;
    width: auto
}

#keyboard-span input {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #666;
    background-color: #fff;
    margin: 1px 1px 0 0;
    border: 1px solid #ddd;
    cursor: pointer;
    height: 25px;
    min-width: 30px
}

#imageup-area input {
    font-size: 0.8em
}

#imageup-area p {
    padding: 0;
    margin: 0
}

#imageup-title {
    margin-bottom: 10px !important
}

#imageup-submit {
    margin-top: 10px !important
}

#main-reply {
    width: 100%
}

#pun-messages #post-form div.container {
    padding-left: 2.3em
}

#similar-topics {
    margin-top: 1em
}

#similar-topics div.container {
    padding-top: 1.1em
}

#similar-topics td {
    border: 0;
    padding: 0
}

#similar-topics td.st-tcl {
    width: 60%
}

#similar-topics td.st-tc2 {
    width: 25%;
    padding-right: 1em;
    text-align: right
}

#similar-topics td.st-tcr {
    width: 15%;
    padding-right: 1em;
    text-align: right
}

/* Advertising
-------------------------------------------------------------*/

table.tieser-main, table.tieser-main * {
    border: none;
    text-align: left
}

#title-logo-tdr * {
    border: none !important
}

#tieser-top * {
    background-color: #fff;
    border: none !important;
    overflow: hidden !important
}

#tieser-top, #tieser-top div, table.tieser-top {
    display: block !important;
    width: 468px !important;
    height: 60px !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none;
    overflow: hidden !important;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000
}

#title-logo-tdr table {
    table-layout: fixed !important;
    width: 468px !important;
    height: 60px !important
}

#title-logo-tdr table.tieser-main, #title-logo-tdr table.tieser-main * {
    height: 60px !important;
    max-height: 60px !important;
    padding: 0
}

table.tieser-top, table.tieser-top * , table.tieser-top td.tieser-desc,
table.tieser-top td.tieser-img {
    height: 60px !important;
    max-height: 60px !important
}

table.tieser-top td.tieser-img {
    line-height: 0 !important;
    width: 91px !important;
    max-width: 91px !important;
    padding: 0px !important
}

table.tieser-top td.tieser-desc {
    line-height: 140%;
    width: 155px !important;
    max-width: 155px !important;
    padding: 0 6px 0 6px !important
}

table.tieser-top td.tieser-desc a {
    color: #245B87;
    text-decoration: underline
}

table.tieser-top td.tieser-desc a:hover {
    color: #DA6200
}

table.tieser-top td.tieser-img img {
    height: 60px !important;
    width: 91px !important
}

#tieser-bottom {
    padding: 4px 5px !important;
    margin: 0 auto !important
}

table.tieser-bottom {
    max-width: 802px !important
}

#tieser-bottom table.tieser-main, #tieser-bottom table.tieser-main * {
    height: 75px !important;
    max-height: 75px !important;
    padding: 0
}

table.tieser-bottom, table.tieser-bottom * , table.tieser-bottom td.tieser-desc,
table.tieser-bottom td.tieser-img {
    height: 75px !important;
    max-height: 75px !important
}

table.tieser-bottom td.tieser-img {
    line-height: 0 !important;
    width: 75px !important;
    max-width: 75px !important;
    padding: 0 0 0 6px !important
}

table.tieser-bottom td.tieser-desc {
    line-height: 150%;
    width: 225px !important;
    max-width: 225px !important;
    padding: 0 6px 0 6px !important
}

table.tieser-bottom td.tieser-img img {
    height: 75px !important;
    width: 75px !important
}

#bs-top-iframe {
    position: relative;
    z-index: 10000
}

/* New profile style
-------------------------------------------------------------*/
#viewprofile td {
    border: 0;
    padding: 0;
    overflow: hidden
}

#profile-name strong {
    font-size: 1.2em
}

#profile-left strong {
    font-weight: bold !important
}

#profile-left {
    width: 30%;
    padding-top: 0 !important
}

#profile-left li,
#profile-left li * {
    padding-left: 0;
    margin-left: 0
}

#profile-right {
    width: 70%
}

#profile-right li strong {
    padding-left: 2em
}

#profile-signature {
    padding: 1.5em 1.5em 1em 1.5em
}

#profile-signature ul {
    border-style: dashed;
    border-width: 1px 0 0 0;
    margin: 0;
    padding: 1em 1em 0 1em
}

/** Video-Button
---------------------------------------------------------------*/
#video-host-list {
    margin-top: .3em;
    line-height: 1.4em
}

#video-area-tinp, #image-area-tinp {
    margin-top: .5em;
    padding: .3em;
    border: #66a solid 1px;
    height: 70px
}

#video-area-msg, #image-source-list, #image-area-actions {
    margin: .5em 0pt;
    padding: .3em
}

p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {
    height: auto;
    max-height: 50px
}

.pa-fld1 img, .pa-fld2 img, .pa-fld3 img, .pa-fld4 img, .pa-fld5 img,
.pa-fld6 img, .pa-fld7 img, .pa-fld8 img, .pa-fld9 img, .pa-fld10 img,
.pa-fld11 img, .pa-fld12 img, .pa-fld13 img, .pa-fld14 img, .pa-fld15 img,
.pa-fld16 img, .pa-fld17 img, .pa-fld18 img, .pa-fld19 img, .pa-fld20 img {
    vertical-align: text-top
}

/** Image-Button
---------------------------------------------------------------*/
#image-area-tcon-computer td {
    border: none !important;
    padding: 0 !important
}

#imageupload-left {
    width: 140px
}

#imageupload-right {
    width: 380px
}

* html #imageQueue {
    height: expression( this.scrollHeight > 65 ? "66px" :"auto" )
}

/* sets max-height for IE */
* html #uploaded-images {
    height: expression( this.scrollHeight > 143 ? "144px" :"auto" )
}

#imageQueue {
    max-height: 72px;
    overflow-y: auto;
    margin-bottom: 10px
}

#uploaded-images {
    max-height: 144px;
    overflow-y: auto
}

#uploaded-images img {
    width: 88px;
    height: 66px;
    border: 1px solid;
    margin-right: 4px;
    cursor: pointer
}

#upload-button-container, #image-width, #image-thumb-width, #image-insert-format,
#insert-all-images-container {
    margin-top: 10px
}

#image-source-list a, #image-area-actions a {
    margin-right: 15px;
    cursor: pointer
}

#insert-image-tip {
    margin-top: 10px
}

#upload-button-container img {
    cursor: pointer;
    width: 120px;
    height: 30px
}

/** jQuery plugins
---------------------------------------------------------------*/
.tipsy {
    padding: 5px;
    font-size: 11px;
    position: absolute;
    z-index: 100000
}

.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center
}

.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tipsy-arrow {
    position: absolute;
    background: url('/i/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px
}

.uploadifyQueueItem {
    background-color: #F5F5F5;
    border: 2px solid #E5E5E5;
    font: 11px Verdana, Geneva, sans-serif;
    margin-top: 5px;
    padding: 10px;
    width: 350px
}

.uploadifyError {
    background-color: #FDE5DD !important;
    border: 2px solid #FBCBBC !important
}

.uploadifyQueueItem .cancel {
    float: right
}

.uploadifyQueue .completed {
    background-color: #E5E5E5
}

.uploadifyProgress {
    background-color: #E5E5E5;
    margin-top: 10px;
    width: 100%
}

.uploadifyProgressBar {
    background-color: #0099FF;
    height: 3px;
    width: 1px
}

.jGrowl {
    z-index: 9999;
    color: #fff;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: fixed
}

.jGrowl.top-left {
    left: 0;
    top: 0
}

.jGrowl.top-right {
    right: 0;
    top: 0
}

.jGrowl.bottom-left {
    left: 0;
    bottom: 0
}

.jGrowl.bottom-right {
    right: 0;
    bottom: 0
}

.jGrowl.center {
    top: 0;
    width: 50%;
    left: 25%
}

.jGrowl.center .jGrowl-closer, .jGrowl.center .jGrowl-notification {
    margin-left: auto;
    margin-right: auto
}

.jGrowl-notification {
    background-color: #000;
    opacity: .9;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=(0.9 * 100));
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=(0.9 * 100));
    zoom: 1;
    width: 250px;
    padding: 10px;
    margin: 10px;
    text-align: left;
    display: none;
    border-radius: 5px;
    min-height: 40px
}

.jGrowl-notification .ui-state-highlight, .jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
    border: 1px solid #000;
    background: #000;
    color: #fff
}

.jGrowl-notification .jGrowl-header {
    font-weight: 700;
    font-size: .85em
}

.jGrowl-notification .jGrowl-close {
    background-color: transparent;
    color: inherit;
    border: none;
    z-index: 99;
    float: right;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer
}

.jGrowl-closer {
    background-color: #000;
    opacity: .9;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=(0.9 * 100));
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=(0.9 * 100));
    zoom: 1;
    width: 250px;
    padding: 10px;
    margin: 10px;
    display: none;
    border-radius: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: 700;
    text-align: center
}

.jGrowl-closer .ui-state-highlight, .jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
    border: 1px solid #000;
    background: #000;
    color: #fff
}

@media print {
    .jGrowl {
        display: none
    }
}

/** Social icons
---------------------------------------------------------------*/
.social {
    background-image: url('/i/social.1.png');
    background-repeat: no-repeat;
    float: left;
    display: block;
    margin: 3px 5px;
    width: 16px;
    height: 16px
}

.social-facebook {
    background-position: 0 0
}

.social-google {
    background-position: -26px 0
}

.social-mailru {
    background-position: -52px 0
}

.social-odnoklassniki {
    background-position: -78px 0
}

.social-twitter {
    background-position: -104px 0
}

.social-vkontakte {
    background-position: -130px 0
}

.social-yandex {
    background-position: -156px 0
}

.social-youtube {
    background-position: -182px 0
}

.social-delicious {
    background-position: -208px 0
}

.social-digg {
    background-position: -234px 0
}

.social-email {
    background-position: -260px 0
}

.social-feed {
    background-position: -286px 0
}

.social-instagram {
    background-position: -312px 0
}

.social-linkedin {
    background-position: -338px 0
}

.social-microsoft {
    background-position: -364px 0
}

.social-myspace {
    background-position: -390px 0
}

.social-pinterest {
    background-position: -416px 0
}

.social-reddit {
    background-position: -442px 0
}

.social-share {
    background-position: -468px 0
}

.social-skype {
    background-position: -494px 0
}

.social-stumbleupon {
    background-position: -520px 0
}

.social-tumblr {
    background-position: -546px 0
}

.social-yahoo {
    background-position: -572px 0
}

.topic a.sharelink {
    float: right;
    margin-left: 1em
}

.post-share-tip {
    width: 164px;
    height: 124px
}

.post-share-legend {
    background: rgba(255, 255, 255, 0.2);
    text-align: center
}

.post-share-tip span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 13px;
    line-height: 27px
}

.post-share-icons {
    padding: 10px
}

.post-share-tip a {
    margin: 5px 10px
}



/* structure by futura.rusff.ru
-------------------------------------------------------------*/