/* Дизайн от dobrayaVasya */

::-webkit-scrollbar { width: 5px; height: 5px; }  
::-webkit-scrollbar-track { background-color: #E1E4EA; } 
::-webkit-scrollbar-thumb { background-color: #c65302; }

/* CS0 Оформления основного меню навигации 
--------------------------------------------------------------------------------- */
/* выравнивание ссылок по форуму */
 div#pun-navlinks {
      font-size: 9px;
      position: absolute;
      margin-left: 250px;
      width: 900px;
      top: -6px;
      line-height: 1em;
      }


 div#pun-ulinks {
       font-size: 10px;
       position: absolute;
       margin-left: 250px;
       width: 890px;
       LETTER-SPACING: 0PX;
        top: 32px; 
       }

/* расстояние между ссылками в меню */
#ul.navlinks li {
margin-left:-10px !important;
}





/* CS1 Цвет текста, шрифт и размер
-------------------------------------------------------------------------- */
/* CS1.1 основные элементы текста */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend 
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer 
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, 
#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
li#onlinelist, li#onlinelist div {
background-color: transparent;
 }



/* CS1.2 цвет текста */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #000000;
  }

/* CS1.3 цвета ссылок */
.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 {
  color: #9a4d1c;
    border-bottom: 0px none #000;
  text-decoration: none;
  }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #e5aa81;
  }

/* CS1.4 цвет текста постов */
.punbb .post-content {
  background-color: transparent;
  color: #000000;
  }
/* CS2 Цветовая схема форума 
-------------------------------------------------------------------------- */
/* CS2.1 Основной фон форума */
body {background-color: #190600;  background-image: url(https://i.postimg.cc/jS1bsVdM/image.png); background-position: top center; }

/* CS2.2 Цвет фона форума */
#pun {background-color: #ffffff; background-image: url(https://i.postimg.cc/3RQL39My/image.png);}

/* CS2.3 Шапка форума */
#pun-title table {
background-image : url(https://i.postimg.cc/37fPchDH/image.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 500px;
width: 1933px;
  margin-left: -486px;}

/* CS2.4 Низ форума */
 #pun-about p.container {background-color: #;
   background-image : url(https://i.postimg.cc/rs3RLnb3/image.png);
   margin-left: -93px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 1147px;
   height : 145px; 
   overflow-x: hidden;}

 div#html-footer {
        margin: 0px 0px 0px 0px;}
 div#pun-about {
       margin-bottom:-70px;
}
 div#html-footer {
        margin: -2px 0px 0px 0px;}
 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS2.5 Категории */

#pun-category1.category h2 {
background: url(https://i.postimg.cc/zGR4CxrB/image.png);
height: 135px;
width: 1140px;
font-size:0 !important;
margin-left: -58px;}

#pun-category2.category h2 {
background: url(https://i.postimg.cc/xdKngxng/image.png);
height: 135px;
width: 1140px;
font-size:0 !important;
margin-left: -58px;}

#pun-category3.category h2 {
background: url(https://i.postimg.cc/xdKngxng/image.png);
height: 135px;
width: 1140px;
font-size:0 !important;
margin-left: -58px;}

#pun-category4.category h2 {
background: url(https://i.postimg.cc/xdKngxng/image.png);
height: 135px;
width: 1140px;
font-size:0 !important;
margin-left: -58px;}

#pun-category5.category h2 {
background: url(https://i.postimg.cc/xdKngxng/image.png);
height: 135px;
width: 1140px;
font-size:0 !important;
margin-left: -58px;}

/* Статистика */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 134px;
width: 1000px;
margin-left: -63px;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}


/* CS2.6 Кнопки старые новые */
/* старые сообщения*/
.punbb table Div.icon {float: left; 
display: block; 
border-style: none none none none;
margin-left: 10px;
width: 55px;
height: 50px;
background-image : url(https://i.postimg.cc/mDwKfMnW/image.png);
background-repeat: no-repeat;}

/* новые сообщения */
TR.inew Div.icon {
background-image : url(https://i.postimg.cc/rwXjjsh1/image.png);
background-repeat: no-repeat;
width: 76px;
height: 50px;}

/* важные темы*/
TR.isticky Div.icon {
background-image : url(http://i76.fastpic.ru/big/2015/1117/30/c8b8d4f32475019e3adbfa7d341b4030.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;}

/* закрытые темы*/
TR.iclosed Div.icon {
background-image : url(http://i76.fastpic.ru/big/2015/1117/30/c8b8d4f32475019e3adbfa7d341b4030.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;}

/* иконка статистики */
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i74.fastpic.ru/big/2015/1117/4b/26a6f4ac16a20bbb90f9216ec9f0314b.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 150px;
padding-top: 20px;}


/* CS3 Настройка других элементов форума. 
-------------------------------------------------------------------------- */
/* CS3.1 Форма ответа, блок админки */
.punbb textarea, .punbb select, .punbb input {
background-image: url("");
background-color: rgb(236, 237, 241);
color: #000000}

/* CS3.2 Рекламный баннер сервера */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: -500px; 
top: -192px}

/* CS3.3 Инфа в профиле */
 
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;  margin-top: 10px;  }
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
.punbb .post .post-author {
width:280px; !important;
padding-top: 32px;
padding-bottom: 11px;
margin-top: 0px;
margin-left: -25px;
margin-bottom: 0px;
  text-align: center;
 background: url(https://i.postimg.cc/XqDRnhwf/image.png) top no-repeat, 
url(https://i.postimg.cc/ncyWTqTh/image.png) bottom no-repeat, 
url(https://i.postimg.cc/MpJs1qKc/image.png) top center; repeat-y;

}


.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 100%;
  margin-top: -5px;
  }


/* имя участника */
    text-decoration: none;
    font-size: 22px;
    text-align: center;
    font-family: 'AC Line';
    border-style: solid solid none;
    border-width: 0px;
    text-transform: lowercase;
    text-shadow: 1px 1px 0px #ffffff;
    color: #ffffff;
    font: 25px/24px Bravo;
    position: relative;
    font-size: 22px!important;
    margin-bottom: 3px;
    font-family: 'bebas neue';
    line-height: 30px;
    color: #FFFFFF;
    margin-top: 28px;
    text-shadow: #6B0D0D 1px 1px,#770D0D -1px -1px;

/* рамка аватара */
li.pa-avatar img {
border-style: solid;
border-width: 1px;
border-color: #ffffff;
max-width: 190px !important;
max-height: 190px !important;
}

/* отключение рекламы на форуме/
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
#pun-crumbs2.section .crumbs {display: none; }
#pun-about.section .container .item1 {display: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}

.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #transparent;
  color: #transparent;
  text-align: left;
 }
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
  color: #000000;
  text-align: center;
  }
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color:transparent;
.punbb th {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
.punbb .divider {
  border-color: transparent;
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #eff2f5
  }
li.pa-online {
  border-left-color: transparent;
.punbb .post-sig dt {
  border-top-color: transparent !important;
  }

/* форма ответа */
.punbb textarea, .punbb select, .punbb input {
    border: #ea9442 double 1px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgb(253 248 244) repeat-y top center;
padding: 4px 3px 3px 3px; text-shadow: #FFFFFF 0px 1px 0px;}

/* CS4 Другие элементы
--------------------------------------------------------------------------------- */

/* навигация */
a.sbla:link, a.sbla:visited { display: block; margin-bottom: 1px; text-transform: lowercase; font-style: italic; font-family: georgia; font-size: 9px; letter-spacing: 1px;border-radius: 10px; background: #6c0e01; color: #fefefe;  padding: 1px 2px 2px 10px;}
a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease;  display: block; text-transform: lowercase; font-family: georgia; font-size: 9px; letter-spacing: 5px; background: #6c0e01; text-decoration: none; color: #fefefe; text-align: center; padding: 1px 2px 2px 20px;border-radius: 10px;}


/* Effect 13: three circles */
#pun .tcl a::before, #pun .tcr a::before,
#pun .tcl a::after, #pun .tcr a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

#pun .tcl a::before, #pun .tcr a::before {
	margin-right: 0.3px;
	content: '';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

#pun .tcl a::after, #pun .tcr a::after {
	margin-left: 0.3px;
	content: ' ';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

#pun .tcl a:hover::before, #pun .tcr a:hover::before,
#pun .tcl a:hover::after, #pun .tcr a:hover::after,
#pun .tcl a:focus::before, #pun .tcr a:focus::before,
#pun .tcl a:focus::after, #pun .tcr a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

#pun .tcl a:hover, #pun .tcr a:hover,
#pun .tcl a:focus, #pun .tcr a:focus {
	color: #ed8f3e;
}


#pun-about p.container {
text-align: right;
}

/* репутация и сообщения */
.pa-posts,.pa-respect {
font-size: 9px;
text-align:center;
text-transform: uppercase;
font-weight: bold;
color: #3D3F42;
font-family: 'Arial';
display:inline-block;
width:70px;
padding:5px 8px 7px 8px!important;
margin-left: 3px;
margin-right: 0;
background-image : url(); background-color: rgb(242, 243, 247);
 border-radius:0px; webkit-border-radius: 0px; moz-border-radius:0px; khtml-border-radius:0px;
border: #99A2B5 double 3px;
}

.inception {
display: inline-block;
font-style: italic;
font-family: cuprum;
font-size: 11px;
border-left: 3px solid #AC0D0D;
border-right: 3px solid #007EBB;
background: #F9FAFB;
padding: 2px;
text-transform: lowercase;
text-align: center;
transition: .5s;
width: 85px;
}

.inception:hover {
background: #C9BEBE;
transition: .4s;
}

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

/*---------ширина колонок в списке активных пользователей --------*/

div#pun-online.punbb .tc3 {
  text-align: left; /*текст справа*/
  width: 15%; /*ширина третьей колонки*/
}

div#pun-online.punbb .tcl {
  text-align: left; /*текст слева для первых двух колонок*/ 
}

#pun-online th.tcl, #pun-online th.tc3 {
   font-size:0%;
}

 /*-----------------табличка под спойлер в профиле ----------------*/
.incep1 {
width: 80px;
heigh: 25px;
background: transpanent;
padding: -3px; line-height: 50%;  
position:center;
position:relative;
margin-left: 2px;
background: url() top no-repeat, url() bottom no-repeat, url() repeat-y;
background-color: rgb(242, 243, 247);
 border: 4px #B58D8D double;
  border-radius: 3px;
color: #6B4429;
font-family: 'PT Sans Narrow'
font-size: 12px;}

.incep2 {font-family: 'PT Sans Narrow'; color: #2f1c01; text-transform: uppercase; font-size: 25px; text-align: center; text-shadow: 2px 0px 0px white;}

/*-------------- инсталайф ------------------*/

.instalife a .insmall {
display: none;
}

.instalife a:hover .insmall {
  display: block;
  position: absolute;
  top: 28px;
  left:-90px;
z-index: 999;
}


.instalife li {
  display: inline;
}

/*-------------- админы табла ------------------*/
.tooltip {
position: relative;
}
.tooltip em {
display: none;
}
.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
background: #e5e8fa;
color: #000000;
padding: 10px 10px;
bottom: -125px;
right: 10px;
box-shadow: 0 0 2px #8692d7;
border-radius: 2px;
border-color: #8692d7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-box-shadow: 0 0 2px #8692d7;
-moz-box-shadow: 0 0 2px #8692d7;
}
.tooltip:hover em i {
position: absolute;
bottom: -130px;
right: 10px;
border-top: 5px solid #8692d7;
border-left: 5px solid transparent;
display: block;
}

/*-------------- слайдшоу ------------------*/
<style type="text/css">
#slideshow {
margin: 0 auto;
width: 225px;
height: 114px;
margin: 0px auto 0 auto;
margin-left: 100px;
background: transparent;
position: relative;
}
#slideshow #slidesContainer {
  margin: 0 auto;
width: 225px;
height: 114px;
  overflow: none; 
  position: relative;
}
#slideshow #slidesContainer .slide {
  margin: 0 auto;
width: 225px;
height: 114px;
}
.control {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
}
#leftControl {
  top: -33;
  left: 5;
  background: transparent url() no-repeat 0 0;
}
#rightControl {
  top: 0;
  right: 5;
  background: transparent url() no-repeat 0 0;
}

/*-------------- пост недели ------------------*/
.postins {
background: rgba(125, 48, 35, 0.83);
width: 156px;
padding: 2px;
font-size: 10px;
height: 103px;
overflow: autoletter-spacing: 0px;
color: #F1E3E3!important;
text-align: justify;
transition-duration: 1.2s;
-moz-transition-duration: 1.2s;
-webkit-transition-duration: 1.2s;
-o-transition-duration: 1.2s;
opacity: 0.0; }

.postins:hover { opacity: 1.0; }

/*-------------- блок шрифтов ------------------*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {
    position: absolute;
    right: 6px;
    background-color: #d9dbde;
    top: 43px;
    overflow-y: auto;
    padding: 10px;
    border: #214776 1px solid;
}
#font-area {
    max-height: 250px;
    overflow: auto;
}