/* CS1 Background and text colours
-------------------------------------------------------------*/


html, body {
background: url(http://forumstatic.ru/files/001b/85/00/46772.jpg) 50% 0% #e4e4e4;
background-attachment: fixed;
background-size: cover;
}
#pun{ background-color: none; 
background-image: url(http://forumstatic.ru/files/001b/85/00/64095.png); 

}



/* низ форума */
#pun-about p.container {
background: url("http://forumstatic.ru/files/001b/85/00/41825.png") transparent no-repeat;
width: 1120px;
height: 175px;
margin: 0px 0px -176px -68px; /* отступы вверх, вправо, вниз, влево */
text-align: center;
line-height: 1;
font-size: 9px; /* размер текста копирайта */
}
 /* регулировать отступ снизу, коль появляется контент под футером */
div#pun-about { margin-bottom: -120px; }




/* Навигация большая */
#pun-navlinks .container {
  background-color: none;
  color: #1b1616;
  }

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





/* CS3 Links
-------------------------------------------------------------*/

/* CS3.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 
{ color: #222123;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #1c1a16;
  }

/* CS3.2 */
.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: #000000;
  }

/* навигация цвет ссылок */
#pun-navlinks a {
  color: #000000;
  text-decoration: none
  }

/* цвет при наведении */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #000000;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: none;
  color: #000000;
  }
/* CS7 Остальные коды для оформления форума
-------------------------------------------------------------*/
#pun-main table Div.icon {
    
} 
Div.icon {
background-image : url();
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://forumstatic.ru/files/001b/4d/a7/50510.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://forumstatic.ru/files/001b/4d/a7/50510.png); background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://forumstatic.ru/files/001b/4d/a7/50510.png);
background-repeat: no-repeat;
}



/* Область для ввода текста в форме ответа и админке */
 .punbb textarea, .punbb select,  .punbb input {
border-radius: 0px;
outline: none; 
background-color: #c6b39a;
color: #0c0300;}



.punbb .post-content del {
text-decoration: none;   /* убираем зачеркивание */
color: transparent;    /* обесцвечиваем текст */
text-shadow: 0 0 3px #000;     /* задаем размытую тень */
}

.punbb .post-content del:hover {
color: #000;    /* задаем цвет */
text-shadow: none;     /* убираем тень */
}


#pun .pa-respect a {font-size: 9px;
color: #bd9e7b;}


/* Прокрутка */
::-webkit-scrollbar {
    width: 5px;
    height: 2px;
}
 ::-webkit-scrollbar-track {
background: #090d0b;
}
 ::-webkit-scrollbar-thumb {
    background: #b79474;
}





/*фон выпадающего меню в форме ответа*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
background-color: #c6b39a; /*цвет фона*/
border: 1px solid #000; /*границы*/
padding-top: 1px; /*отступ от bb-панели*/
}

.move_posts_form .container {
  background:#c6b39a;
}



.punbb textarea {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
/* Профиль */
.punbb .post .post-author > ul {
background:
url("http://forumstatic.ru/files/001b/4d/a7/88919.png") 0 bottom no-repeat, /* профиль низ */
   url("http://forumstatic.ru/files/001b/4d/a7/69455.png") 0 top no-repeat, /* профиль верх */
   url("http://forumstatic.ru/files/001b/4d/a7/14166.png") repeat-y; /* профиль середина */

padding: 10px 10px 10px 10px!important; /* отступы вверх, вправо, вниз, влево */

}



/* описание подфорумов и ссылки от вещего духа */
.f_desc_wrap {
  display: flex;
  justify-content: space-between;
  gap: 15px; /* отступ между блоком текста и блоком ссылок */
  flex-direction: row /*row-reverse чтобы ссылки были ПЕРЕД текстом; column сделает ссылки ПОД текст, только ширину блоков задать не забудьте на 100%; column-reverse запилит ссылки НАД блоком с текстом, опять же ширину на 100% поправить не забудьте*/
}

.f_desc {
  flex: 0 0 1;
  width: auto /*ширина блока с текстом*/
}

.f_links {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; /*row, если ссылки надо расположить ПОД/НАД блоком с текстом*/
  gap: 2px;
  width: 35% /*ширина блока ссылок*/
}

.f_links a {
  background: rgba(198, 179, 154, 1); /*цвет фона*/
  font: bold 10px Lazurski; /*шрифт*/
  text-transform: uppercase;
  padding: 2px 20px;
  flex: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
  border-left: 0px solid #c6b39a; /*цвет бордера*/
}

.f_links a:hover {
  border-left: 10px solid #c6b39a; /*цвет и ширина бордера по наведению*/
  background: rgba(20, 5, 4, 1); /*цвет фона по наведению*/
  color: #c6b39a; /*цвет текста по наведению*/
  letter-spacing: 1px
}

#pun-index td.tc2:before {
content: 'тем: '; /* Текст для ячейки "ТЕМ" */
color: #bd9d78; /* Цвет вставленного текста */
font-weight: bold;
font-family: Lazurski, Georgia,serif;
font-size: 10px;
text-transform: uppercase;
background: rgba(0, 0, 0, 0) url("картинка") no-repeat scroll 0 0; /* иконка */
padding-left: 5px; /* отступ вставленного текста от иконки */
}
#pun-index td.tc3:before {
content: 'постов: '; /* Текст для ячейки "СООБЩЕНИЙ" */
color: #bd9d78;
font-weight: bold;
font-family: Lazurski, Georgia,serif;
font-size: 10px;
text-transform: uppercase;
background: rgba(0, 0, 0, 0) url("картинка") no-repeat scroll 0 0; /* иконка */
padding-left: 5px; /* отступ вставленного текста от иконки */
}
#pun-index td.tc2, #pun-index td.tc3 {
    position: absolute;
    display: block;
    top: 24px; /* отступ от низа строки с разделами */
    width: 80px; /* ширина ячеек */
}

#pun-index td.tc2 {
    left: -25px; /* отступ влево ячейки "Тем" */
}
#pun-index td.tc3 {
    left: 70px; /* отступ влево ячейки "Сообщений" */
}


/***  оформление личного звания   ***/
.pa-fld2 {
margin: 2px 2px 2px 2px !important;
padding: 0px 0px 0px 0;
background: none;
border: 0px solid #ce9a6a;
   
}

.race {
margin: 2px 2px 2px 2px !important;
padding: 0px 0px 0px 0;
color: #bd9d78 !important;
font-weight: bold;
font-family: Lazurski, Georgia,serif;
font-size: 8px;
text-align: center;
text-transform: lovercase;

}

.nik {
margin: 2px 2px 2px 2px !important;
padding: 0px 0px 0px 0;
color: #bd9d78 !important;
font-weight: bold;
font-family: Lazurski, Georgia,serif;
font-size: 12px;
text-align: center;
text-transform: uppercase;
background:#0f0a08;
}

#pun .nik a {
    color: #bd9d78 !important;
}
.infor {
margin: -8px 2px 2px 2px !important;
padding: 0px 0px 0px 0;
color: #bd9d78 !important;
font-family: Lazurski, Georgia,serif;
text-align:  center; 
font-weight: bold;
font-size: 11px;
text-transform: lowercase;
line-height: 11px;
background:#0f0a08;
}

#pun .infor a {
    color: #ffd3a0!important;
}



/* уважалка и соо в блок2 */
 .pa-respect,  .pa-posts { 
display: inline-block;
margin-left: -20px; /*мииинять */
width: 90px; /*мииинять */
line-height: 10px;
padding: 2px;
margin-bottom: 1px!important;
margin-top: 2px!important;
color: #bd9d78 !important;
font-weight: bold;
font-family: Lazurski, Georgia,serif;
font-size: 9px;
text-transform: uppercase;

}

/* посты и деньги */
.pa-fld3,  .pa-fld4 { 
display: inline-block;
margin-left: -5px; /*мииинять */
width: 80px; /*мииинять */
line-height: 12px;
padding: 2px;
margin-bottom: 1px!important;
margin-top: 2px!important;
color: #bd9d78 !important;
font-weight: bold;
font-family: Lazurski, Georgia,serif;
font-size: 9px;
text-transform: uppercase;

}

#font-area {
    max-height: 200px;
    overflow: auto;
}

.news {
padding: 5px;
margin-left: 5px;
width: 200px;
color: #bd9d78 !important;
font-weight: bold;
text-align: center;
font-family: Lazurski, Georgia,serif;
font-size: 14px;
text-transform: uppercase;
border: 2px solid #a96d4c;
background-color: #140504;
-webkit-transition: background-color 3s;
-moz-transition: background-color 3s; 
-o-transition: background-color 3s; 
-ms-transition: background-color 3s; 
transition: background-color 3s;
display: inline-block;
}
.news:hover { 
background-color: #350c03;

}
/* хронология */
.ship20 {
--bgsw: 800px;  /*  максимальная ширина блока */
--bgs1: #1b0804;  /* фон общий*/
--sct1: #c6b39a;  /*  цвет общего текста  */
--sct1a: #ad724f;   /* цвет ccылок */
--szt: 1em;  /*  размер шрифта  */

--pad2: 24px;  /* отступ между эпизодами */
--pad1: 18px;  /* отступ текста слева */

--pwt: 46px;  /* ширина левого блока */
--bgs2: #ad724f; /* цвет границы*/

--bgs3: #151211; /* цвет ленты */
--sct3: #ad724f;  /* текст ленты */

--sct2: #cb9b7a;  /* цвет даты и участников */

--bgsa: #edd7ba;  /*  активный эпизод  */
--bgsz: #a0917c;  /*  завершенный эпизод  */
--bgsnz: #796d5e; /*  незавершенный эпизод  */
}
.lastedit{display:none;}



/* Индикатор активности пользователя */
.post .post-author ul {
  position: relative;
}
.pa-online {
  position: absolute;
  display: inline-block !important;
  top: 3px;
  left: 19px;
  background: #e1832f !important;
  height: 10px;
  width: 10px;
  margin: 0 0 0 -5px !important;
  padding: 0 !important;
  border: 0 !important;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.pa-online:hover {
  background: #e1832f !important;
}
.pa-online:hover strong {
  opacity: 1.0;
  visibility: visible;
}
.pa-online strong {
  position: absolute;
  top: 18px;
  left: 10px;
  padding: 0 8px;
  height: 10px;
  line-height: 10px;
  background: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  white-space: nowrap;
  color: #fff;
  font-size: 90%;
  text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
  text-align: center;
  z-index: 10;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  opacity: 0;
  visibility: hidden;
}
.pa-online strong:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 19px;
  top: -10px;
  border-width: 5px 5px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
}

.mini_awards_label {
    display: none!important;