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

/* CS1.1 Фон */ 
body {
background-color: #d3ccbb;  
background-image: url(""); 
background-position: top center; }

#pun {
background: url("") repeat-y;
background-color: #d3ccbb; 
width: 980px;
}

/* CS1.2 Шапка */

#pun-title.section {
  background: transparent url("https://funkyimg.com/i/2Uegt.png") top center scroll no-repeat; 
  height: 500px;
  width: 1280px; 
  background-color: #d3ccbb;
  margin-top: -50px;
  margin-left: -174px;
}

#pun-title .title-logo {display: none;}

/* CS1.3 Копирайт */
 #pun-about p.container {
   background-image : url(https://funkyimg.com/i/2Uegs.png); 
   margin-left: -170px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 1280px;
   height: 200px; 
   overflow-x: hidden;}

 div#html-footer {
        margin: 0px 0px 0px 0px;}

 div#pun-about {
       margin-bottom:-80px;

}
 div#html-footer {
        margin: -100px 0px 0px 0px;}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }


/* 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: #434343;
  background-color: transparent;}

/* CS2.2 Категории */
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2, #pun-category8.category h2 {
background-repeat: no-repeat;
margin-top: 10px;
margin-left: -23px;
height: 500px;
width: 980px;
font-size:0; !important;
}

/* CS2.3 Цитата*/
.punbb .quote-box {
  background-image: url("https://funkyimg.com/i/2UegJ.png");
  border: solid #dfcac0 0px;
}

/* Код */
.punbb .code-box {
  background-image: url("https://funkyimg.com/i/2UegJ.png");
  border: solid #dfcac0 0px;
}

/* Окна в форме ответа */
#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, #main-reply {
background-color: #f6e6ce;
color: #000;
padding: 5px;
border: solid #c3725f 0px !important;}

/* CS2.4 Прокрутка */
::-webkit-scrollbar { width: 3px; height: 3px; background-color: #9e3016;}
::-webkit-scrollbar-thumb {background-color: #fcdcb7;}
::-webkit-scrollbar-thumb:active {background: #9e3016;}

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

/* CS2.5 Переадресация */
#pun-redirect { 
  font-size: 0px;
}

#pun-redirect .main-title {
  background:url("https://funkyimg.com/i/2UegV.png") no-repeat;
   width: 200px;
  height: 200px;
  font-size: 0px;
}

/* CS2.6 Профиль */
 /* Фон */
#pun-main .post-author ul {
  text-align: center;
  width: 186px;
  padding: 2px 0px 0px 0px;
  min-height: 110px;
  padding-bottom: 4px;
}

/* меняем ссылку ника */
li.pa-author a, li.pa-author {
  color: #9f3117 !important;
  font-family: time new roman;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0px;
  margin-left: -10px;
}

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

.punbb .pa-author a {
color: #9f3117;
}

li.pa-title {
  color: #9f3117;
  text-transform: lowercase;
  background: url("");
  background-color: #ffdfb1;
  width: 186px;
  margin-left: 21px;
  margin-top: 5px;
  font: 11px Georgia;
  }

.pa-gifts {
font-size: 0px;
display: none; 
}

.pa-posts, .pa-respect, .pa-online, .pa-reg, .pa-respect a {
 color: #9f3117;
 font: 11px arial;
 text-transform: lowercase;
}


element.style {
}
.punbb * {
    margin: 0;
}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
    padding: 0;
    list-style: none;
}

.pa-posts, .pa-respect, .pa-fld4 {
    padding: 6px!important;
    margin-top: 1px !important;
    display: inline-block!important;
    float: none!important;
    text-align: left;
    text-transform: lowercase;
    font-size: 8px;
    margin-left: -55px !important;
}

.pa-posts {
  margin-top: 5px!important;
  }

.pa-author img {
display: none;
}

li.pa-avatar.item2 {
  width: 180px;
  margin-left: 21px;
  margin-top: 19px;
  background-color: #cba587; 
}


/* CS2.7 Форумы */
/* описание форумов */
.tclcon {
  width: 355px; 
  padding: 10px;
  margin-top: 0px;
  font-size: 10px;
  color: #9f3117;
  background-color: ;
  font-family: time new roman;
  text-transform: lowercase;
  text-align: justify;
}

.tclcon a, .byuser {
  font-size: 12px;
}

/* название форумов */
#pun-index .tcl h3 a {
  font-size: 20px;
  color: #9f3117;
  font-family: time new roman;
  text-transform: lowercase;
  margin-left: 0px; 
  text-align: right;
}

/* 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: #913f31;
  background: url("https://funkyimg.com/i/2TApP.png") repeat;
}

#pun-reputation .tc2 textarea {width: 600px !important;}
#pun-reputation .tcl {width: 80px !important;}
#pun-reputation h1 {
display: none; 
}

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

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

/* Линия разделитель */
hr {
  background-color: #f2e5d9;
  height: 2px;
  border: 1px solid #c36f59;}
}

/* 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: #5e5c57;}

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

/* CS4.2 Ссылки в меню навигации */
#pun-navlinks a {
  color: #a13319;
  font-family: 'Playfair Display';
  text-transform: uppercase;
}

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

/* CS4.3 Пользовательские ссылки */
#pun-ulinks a {
 color: #ffe6d4;
 font-family: 'Didact Gothic', sans-serif;
 text-transform: lowercase;
}

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


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

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 194px;
width: 1280px;
margin-top: 90px;
margin-left: 0px;
background-color: transparent;
background-image: url("https://funkyimg.com/i/2Uemb.png");
background-origin: padding-box;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

#pun-announcement .html-box {
    margin-top: -10px;
}

#pun-main .post-author ul {text-align: center;}

#pun-index td div.tclcon {
padding: 5px 10px 5px 10px;
}

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color: rgba(180, 150, 104, 0.5); 
color: #ffaa66; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #ffaa66;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: rgba(180, 150, 104, 0.5); 
background-color:#ffdebd;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #ffaa66;
border-left-width: 5px;
width:200px;
}

.pa-fld4 {
font-size: 0;
}

.lz {
  width: 174px;
  background-color: #f1e0c7;
  font: 9px verdana;
  text-align: justify;
  margin-left: 21px !important;
  padding: 3px;
  }

.pa-fld2, .pl img {
  width: 180px;
  height: 35px; 
  margin-left: 21px;
}

li.pa-fld2 {
    padding-left: 0px!important;
  }

li.pa-fld4 {
    margin-top: -0px!important;
  }

.button { 
background-color: #753521;
}

.punbb input, .punbb select {
background-color: #ffffff;
color: #000;
padding: 2px;
border: none; 
box-shadow: none; 
}

.smyle {
  background: #bcacbe;
  padding: 5px;
  text-transform: lowercase;
  }

#pun-live-rusff {
display: none;
}

#topic-users-in {
font-size: 0px;
}

#post-form h2 span {
font-size: 0px;
}

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