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

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

/* CS1.1 Фон */ 
body {
  background:url("https://funkyimg.com/i/2YsP1.jpg") repeat fixed #595250;
  background-size: cover;}

#pun {
  background: url("https://i.imgur.com/R5KrfGA.jpg") repeat-y #c5c2bb;}

/* CS1.2 Шапка */
#pun-title.section {
  background: transparent url("https://i.ibb.co/tK5S9qG/29758.jpg") top center scroll no-repeat; 
  height: 348px;
  width: 910px; 
  margin: auto -32px;}

/* CS1.3 Копирайт низ*/
#pun-about .container {
  background: url("https://i.imgur.com/rZ57N5y.jpg") center top; 
  width: 910px; 
  height: 11px;}

#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: #373737;
  background-color: transparent;}

/* CS2.2 Категории */
#pun-stats h2, .punbb .main h2 {font-size: 0em;   padding: 0 0 30px 0;}
#pun th {font-size: 0em;}

#pun-category1.category h2 { 
height: 32px;
width: 415px;
background-color: transparent;
background: url("https://i.ibb.co/HxNZ6Mp/28YDH.png") center no-repeat;
font-size: 0px;
margin: auto;}

#pun-category2.category h2 { 
height: 32px;
width: 415px;
background-color: transparent;
background: url("https://i.ibb.co/svbsgPR/28YDJ.png") center no-repeat;
font-size: 0px;
margin: auto;}

#pun-category3.category h2 { 
height: 32px;
width: 415px;
background-color: transparent;
background: url("https://i.ibb.co/vHKgd3f/28YDK.png") center no-repeat;
font-size: 0px;
margin: auto;}

#pun-category4.category h2 { 
height: 32px;
width: 415px;
background-color: transparent;
background: url("https://i.ibb.co/hsSm5Rb/28YDL.png") center no-repeat;
font-size: 0px;
margin: auto;}

#pun-category5.category h2 { 
height: 32px;
width: 415px;
background-color: transparent;
background: url("https://i.ibb.co/2ccCF4X/28YDM.png") center no-repeat;
font-size: 0px;
margin: auto;}

#pun-category6.category h2 { 
height: 32px;
width: 415px;
background-color: transparent;
background: url("https://i.ibb.co/crcQLXd/28YDN.png") center no-repeat;
font-size: 0px;
margin: auto;}

#pun-stats.section h2 { 
height: 17px;
width: 165px;
background-color: transparent;
background: url("https://i.ibb.co/McGFrkY/28YGo.png") center no-repeat;
font-size: 0px;
margin: auto;}

/* CS2.3 Цитата*/
.punbb .quote-box {
  background-image: url(https://i.ibb.co/PtwtBJv/28YgW.jpg);
  color: #212121;
  border: solid;
  border-width: 2px 1px 2px 1px;
  border-color: #9a2424;}

/* Код */
.punbb .code-box {
  background-image: url(https://i.ibb.co/PtwtBJv/28YgW.jpg);
  border: solid;
  border-width: 2px 1px 2px 1px;
  border-color: #9a2424;
  color: #212121;}

/* Форма ответа */
.punbb textarea, .punbb select, .punbb input, .punbb .button {
  background-image: url(https://i.ibb.co/PtwtBJv/28YgW.jpg);
  color: #212121;
  border-width: 5px 1px 5px 1px;
  border-color: #9a2424;
  color: #212121;}

/* CS2.4 Прокрутка */
::-webkit-scrollbar {width: 9px; height: 5px; background-color: #c6c3bc;}  
::-webkit-scrollbar-thumb {background-color: #9a2424;}
::-webkit-scrollbar-thumb:active {background: #470b0b;}

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

/* CS2.5 Переадресация */
#pun-redirect { 
background: url("https://i.ibb.co/PtwtBJv/28YgW.jpg") repeat top center,
#c6c3bc;
text-align: left;
font-size:12px;
border-top: 4px solid #9a2424 !important;
 border-bottom: 4px solid #9a2424 !important;
 border-right: 2px solid #9a2424 !important;
 border-left: 2px solid #9a2424 !important;
}

#pun-maint {
margin: 0px 20% 12px 20%;
}

/* CS2.6 Профиль */
 /* Фон */
.punbb .post .post-author {
  text-align: center;
  background: url(https://i.ibb.co/PtwtBJv/28YgW.jpg) top center repeat-x, url(https://i.ibb.co/PtwtBJv/28YgW.jpg) repeat;
  margin: -15px auto auto auto;
  width: 200px;}

/* меняем ссылку ника */
li.pa-author a, li.pa-author {
  color: #c5c2bd !important;
  font-size: 14px;
  font-family: Century Gothic; 
  font-weight: bold;}

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

/* CS2.7 Подкатегории */
/* описание форумов */
.tclcon {
  font-size: 11px;
  padding: 3px;
  color: #2f2f2f;}

#pun-index .tcl {
  background: url(https://i.ibb.co/PtwtBJv/28YgW.jpg);}

/* название форумов */
#pun-index .tcl h3 a {
  font-style: normal;
  text-align: center;
  font-family: Century Gothic;
  color: #c5c2bd;
  text-transform: uppercase;
  font-size: 13px;}
 

/* 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(https://i.ibb.co/PtwtBJv/28YgW.jpg) repeat;}

#pun-reputation div.inner h1 {
  background: url(https://i.ibb.co/PtwtBJv/28YgW.jpg) repeat;
  padding: 0 !important;
  width: 100%;}

#pun-reputation .tc2 textarea {width: 600px !important;}
#pun-reputation .tcl {width: 80px !important;}
#pun-reputation h1 {
   text-align: center; width: 757px; height: 15px; margin-left: 0px; padding-top: 20px !important;}

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

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

/* Настройки выпадающих списков */
.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: url(https://i.ibb.co/PtwtBJv/28YgW.jpg) repeat;
  color: #2f2f2f;
  padding: 5px;
  border: solid #9a2424 1px !important;
  margin: 5px 0 0 5px;}

/* Линия разделитель */
hr {
  background-color: #dbdbdb;
  height: 3px;}

/* 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: #9a2424;}

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

/* CS4.2 Ссылки в меню навигации */
#pun-navlinks a {
  color: #c6c3bc;
  font-weight: normal;
  font-style: normal;
  font-family: American;}

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

/* CS4.3 Пользовательские ссылки */
#pun-ulinks a {
 color: #c6c3bc;
 text-transform: lowercase;}

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

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

/* Старые */
.punbb table Div.icon {
  float: right;
  display: block;
  width: 38px;
  height: 38px;
  background-image: url(https://i.ibb.co/xGqcv4k/28YU9.png);
  background-repeat: no-repeat;
  position: relative;
  margin-left: -5px;
  margin-top: 0px;
  margin-right: 5px;}

/* Новые */
TR.inew Div.icon {
  background: url(https://i.ibb.co/J3G7hGM/28YU7.png) no-repeat;}

/* Важно */
TR.isticky Div.icon {
  background: url(https://i.ibb.co/6wwK9jD/28YU5.png) no-repeat;}

/* Закрыто */
TR.iclosed Div.icon {
  background: url(https://i.ibb.co/XWLDkjp/28YU6.png) no-repeat;}


/*CS6 Таблицы и прочее
 ---------------------------------*/
/*Подложка под верхнее меню*/
#dop1_menu {
  display: block;
  position: absolute;
  margin: -60px auto auto -30px;}

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


#form-buttons {margin-right: -40px;
}

#button-mask {background: url(https://i.ibb.co/94MfYJ5/29aXt.png);
width: 40px;
height: 40px;
display: block;
overflow: visible;
position: absolute;
margin: 35px 640px -20px -805px;
z-index:3000 0 0 -5px;}

#profile.formal table td#button-mask {
margin: 35px 0px -20px -630px;
}

#pun-edit.punbb img#Knopa2-2 {
    position: absolute;
    left: -2px!Important;
    top: 20px!important;
    z-index: 200;
    cursor: pointer;
}

/*Окошко предпросмотра
---------------------------------------------*/

fieldset#post-preview {
    width: 760px;
    margin-left: 20px;
    padding: 0px;
    background: url(https://i.ibb.co/PtwtBJv/28YgW.jpg) top center repeat-x, url(https://i.ibb.co/PtwtBJv/28YgW.jpg) repeat;
}

#post-preview legend {
    background-color: #373737;
    width: 760px;
    height: 23px;
    text-align: center;
    padding-top: 10px;
}

#post-preview legend span {
    font-size: 16px;
    font-family: American;
    color: #c3cbc6;
    background-color: #373737;
    width: 728px;
    height: 30px;
    margin: 20px 0 0 0;
}

#pun-main.main fieldset small#togglePreview {
display: none;
}

#pun-main.main.multipage fieldset small#togglePreview {
display: block;
}

/*Убирает сине-золотую рамку фокусировки вокруг окон ввода --кчертусрануюрамку--*/

textarea:focus, input:focus {
  outline: none;
}

/*Правка страницы переадресации*/

div#pun-redirect {
    margin: 50px 20% 0px 7%;
    width: 700px;
    height: 100px;
    padding: 10px;
    float: none;
    position: absolute;
}

/*Положение плюхи в полном окне профиля*/

#profile-right li strong div.pluha img {
    max-height: 50px;
    margin: 4px 0 0 25px;
}

#profile-right li strong div.pluha {
margin: 0px 120px 0 0;
    padding: 0 0px 20px 0 !important;
}

#profile-right li strong div.pluha2 {
    margin: -40px 0 0 35px;

}

/*Подложка*/
.post gfon {
    padding: 10px 0px 110px 20px;
    background-image: url(https://i.ibb.co/PtwtBJv/28YgW.jpg);
    border-right: 300px solid;
    border-image: url(https://i.ibb.co/PtwtBJv/28YgW.jpg);
    margin-left: -19px;
}

#profile-signature .html-post-box { display: none;
}

.bestiti {
      height: 56px;
    width: 220px;
    margin-right: 28px!important;
    margin-top: -20px!important;
    opacity: 0;
    z-index: 9;
    border-width: 2px 2px 2px 2px;
    padding-top: 2px!important;
    border-style: dashed;
    border-color: #9a2424;
    border-radius: 10px;
}

.besti {
    position: relative;
    margin-bottom: -66px!important;
width: 250px;
left: 159px;
    top: 2px;
}
.besti:hover .bestiti {
opacity: 1;
transition:opacity .9s;
} 
.bestiti:hover {
opacity: 1;
display: block;
}

.bestiti p {
    width: 210px;
    height: 15px;
    color: #9a2424;
    font-family: Century Gothic;
    text-align: left;
    border-bottom: 1px solid #9a24248c;
    padding: 0px!important;
}

.bbb {
z-index: 20; 
}

.bstq {  
height: 50px; 
width: 180px; 
margin-right: 10px!important;  
font-size: 10px;
}
.bestiti:hover .bstq {
display: block;
opacity: 1;
transition:opacity .3s;
}