/* CS.A1 Основные картинки
---------------------------------------- */

/* A1.1 Картинки заднего фона */
body {
background:  url("http://forumstatic.ru/files/001a/e2/ff/86101.jpg") repeat-x top center, /*верхний фон*/
url("...") repeat-x bottom center, /*нижний фон*/
#e7e3d7 url("http://forumstatic.ru/files/001a/e2/ff/55163.jpg") bottom center repeat;
overflow-x: hidden;}

/* CS1.0C Настройки прокрутки*/
::-webkit-scrollbar
{width: 5px;
height: 7px;
background-color: #beb288;}
::-webkit-scrollbar-thumb{
background-color: #845554;}

/* выделенный текст */
::selection {background: #e0d4a2 !important; color: #3c3c3c;}

/* ЛИЧКА И ПРОФИЛЬ */
#profilenav li {
margin: auto 0.2em 0.5em auto;
padding: 0.4em 0.7em;
border: 0px solid #b1aeae;
font-weight: 700;
text-transform: uppercase;
background: rgb(119 100 100 / 16%);}

/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
border: outset 2px #895D39!important;
border-radius: 10px;
background: rgba(181,148,100,0.89); /*Можно добавить фон картинкой url(Ccылка на картинку)*/
padding: 9px;
font: normal normal 400 11px/normal Verdana;}

/***   СТАТИСТИКА ФОРУМА БЛОКИ   ***/
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
display: inline-block;
min-width: 180px;
height: 15px;
margin-right: 2px;
padding: 4px 6px; 
border: 0px solid #5c2d2c59;
font-size: 11px;
font-family: Tahoma, sans-serif;
text-align: center;
background: rgb(92 45 44 / 8%);}

/***   ДАТА И НОМЕР ПОСТА   ***/
.punbb .post h3 {
margin: auto auto 1.4em auto;
padding: 0.3em 2.5em;
font-size: 1em;
border: 0px solid #b9b9b9;
border-radius: 0px;
color: #565656;
background: #78685214;}

/* рамка аватара */
.post-author ul li.pa-avatar img {
text-align: center;
border: 1px solid #3e322e00 !important;
box-shadow: 0 0 0  1px #e2decf, 0 0 0 2px #84555369;
max-width: 180px !important;
heidht: auto;
max-heidht:180px !important;
width: auto;}

li.pa-avatar{
margin-center: auto!important;}

li.pa-avatar>img{
max-width:180px;
max-height: 180px;}

/* CS1.9 Настройки формы ответа*/
.punbb textarea  {
background: #3e322e12 url("");
padding: 5px;
border: 1px solid #3b2f2c47 !important;
color: #3f332f;}

/* CS.B1 Основные картинки
---------------------------------------- */

/* B1.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: #5b2c2b;
border-bottom: 0px none #000;
text-decoration: none;}

/* B1.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: #7a7574;
border-bottom: 0px none #000;
text-decoration: none;}

/* CS.C1 Иконки новых и старых сообщений
---------------------------------------- */
/* Старые */
.punbb table Div.icon {
  float: right;
  display: block;
  width: 0px;
  height: 0px;
  background-image: url(http://forumstatic.ru/files/0014/e8/b6/58918.png);
  background-repeat: no-repeat;
  position: relative;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;}

/* Новые */
TR.inew Div.icon {
  background: url(http://forumstatic.ru/files/0014/e8/b6/17631.png) no-repeat;}

/* Важно */
TR.isticky Div.icon {
  background: url(http://forumstatic.ru/files/0012/8b/74/91435.jpg) no-repeat;}

/* Закрыто */
TR.iclosed Div.icon {
  background: url(http://forumstatic.ru/files/0012/8b/74/28707.jpg) no-repeat;}

/*CS6.1 Темы и сообщения */
thead {display: none;}
 
#pun-index .category tr>.tc2,
#pun-index .category tr>.tc3,
#pun-index .category tr>.tcr,
#pun-index .category tr>th {
display:none !important;}

#pun-index .category tr {
width: 467px;     /*ширина поля, чем уже форум, тем меньше должно быть значение*/
margin-bottom: 10px;     /* отступ снизу */
margin-top: 5px;     /* отступ сверху */
display: inline-block;
background: rgb(92 45 44 / 8%);     /* цвет заливки */
box-shadow: 0 0 0 0px rgba(79, 71, 84, 0.48), 0 0 0 1px #3e322e26;     /* рамка-обводка*/
margin-left: 5px;     /* сдвиг влево */}

#pun-index .category tr .Tems_And_messages {
display: none;}
 
/* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */
#pun-index .category tr .bottom {
margin-left: 23px;     /* сдвиг влево */
line-height: 11px;
font-size: 11px;
font-family: arial;
vertical-align: top;
background-color: #ffffff52;     /* заливка */
text-align: right;
padding: 5px;     /* отступы */
color: #58544f;     /* цвет текста */}
 
/* ССЫЛКИ ПРИ НАВЕДЕНИИ */
.punbb .category tr .bottom a{
opacity: 1;
font-size: 12px;
font-weight: bolder;
font-family: arial;
font-variant: small-caps;}

.punbb .category tr .bottom a:hover{
opacity:0.7;}

/* Аватар на главной странице */
.punbb .user-avatar .avatar-image {
border-radius: 0 !important;
height: 36px !important;
width: 36px !important;
margin-top: -8px !important;
opacity: 0.85 !important;
float: left !important;
box-shadow: 0 0 0 1px #3b302c4d, 0 0 0 2px inset #e0dccd !important;}

/* Размытие зачеркнутого текста */
.post-box del {
text-decoration: none;
filter: blur(2px);
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;}

.post-box del:hover {filter: none;}

/* CS.C1 Таблицы
---------------------------------------- */
/* Прозрачная таблица */
.renoheader {
background:  url("http://forumstatic.ru/files/0014/e8/b6/35006.jpg") no-repeat top center;
border: 0px solid #fff;}

.renoheaderhover {
width: 603px; 
height: 130px; 
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 80px !important;
margin-left: 172px !important;
position: absolute;}

.renoheaderhover:hover {
color: #ededed;
width: 603px; 
height: 130px; 
background:  url("http://forumstatic.ru/files/0014/e8/b6/35006.jpg") no-repeat top center;
opacity: 10;}

.renoheadercontent {
width: 603px; 
height: 130px; 
background:  url("http://forumstatic.ru/files/0014/e8/b6/35006.jpg") no-repeat top center;
color: #333333; }

/* Новости */
.tabNews {
display: block;
position: absolute;
top: 220px;
left: 16px;
width: 300px;
height: 103px;
background: #dedacb05;
color: #b1aa9e;
font: 400 11px/12px Tahoma;
text-transform: lowercase;
text-align: justify;
border: 0px solid #ffffff1a;
box-shadow: inset 0px 0px 0px #000000;
padding: 3px;
overflow-y: auto;}

.tabNews a {
color: #dc9685 !important;
font: 700 11px/12px Tahoma;
text-shadow: 0px 1px 0px #000000 !important;}

.tabNews::-webkit-scrollbar{
width: 3px;
background-color: transparent;}

.tabNewsl::-webkit-scrollbar-thumb{
background-color: #f0f6f200 !important;}

.tabNewsH {
display: block;
position: absolute;
top: 272px;
left: -55px;
width: 108px;
height: 5px;
background: #0003;
color: #b1aa9e;
font: 11px/12px Tahoma;
text-align: center;
-webkit-transform: rotate(-90deg); //Chrome, Safari
-moz-transform: rotate(-90deg); //Firefox
-o-transform: rotate(-90deg); //Opera
-ms-transform: rotate(-90deg); //IE
transform: rotate(-90deg); //браузеры без префексов}

/* Топ баннеры */
.tabBn {
display: block;
position: absolute;
top: 272px;
left: 280px;
width: 108px;
height: 5px;
background: #0003;
color: #b1aa9e;
font: 11px/12px Tahoma;
text-align: center;
-webkit-transform: rotate(-90deg); //Chrome, Safari
-moz-transform: rotate(-90deg); //Firefox
-o-transform: rotate(-90deg); //Opera
-ms-transform: rotate(-90deg); //IE
transform: rotate(-90deg); //браузеры без префексов}

.tabBn1 {
display: block;
position: absolute;
top: 225px;
left: 350px;
width: 108px;
height: 103px;}

/* Информационный блок */
.InfoB_H {
display: block;
position: absolute;
top: 272px;
left: 400px;
width: 108px;
height: 5px;
background: #0003;
color: #b1aa9e;
font: 11px/12px Tahoma;
text-align: center;
-webkit-transform: rotate(-90deg); //Chrome, Safari
-moz-transform: rotate(-90deg); //Firefox
-o-transform: rotate(-90deg); //Opera
-ms-transform: rotate(-90deg); //IE
transform: rotate(-90deg); //браузеры без префексов}

.InfoB {
display: block;
position: absolute;
top: 220px;
left: 475px;
width: 200px;
height: 103px;
background: #dedacb05;
color: #b1aa9e;
font: 400 11px/12px Tahoma;
text-transform: lowercase;
text-align: center;
border: 0px solid #ffffff1a;
box-shadow: inset 0px 0px 0px #000000;
padding: 3px;
overflow-y: auto;}

/* CS.C1 Оформление форумов
---------------------------------------- */
.foDes {
background: rgb(119 100 100 / 0%);
width: 447px;
height: 110px;
padding: 0;
text-align: justify;
font: 400 11px/12px Verdana;
box-shadow: inset 0px 0px 0px #715952;
}

.foH {
background: rgb(66 54 51 / 5%);
color: #2f2f2f;
text-align: center;
height: 20px;
line-height: 20px;
font: 600 11px/20px Tahoma;
}

.foText {
background: rgb(119 100 100 / 0%);
padding: 10px;
}

/* Оформление названия фооумов */
#pun-index .tcl h3 a {
font: 700 18px/18px Times New Roman, Georgia, serif;
text-shadow: 0px 1px 2px #333;
text-transform: lowercase;
color: #592a29}

/* Фон к названиям форумов */
#pun-index .tclcon > h3{
padding: 1px 12px 3px;
margin-right: 0px;
width: 423px!important;
background: rgb(119 100 100 / 16%);
text-align: center;}

/* Абзац и отступы */
.punbb .post-content p {
padding: 0 0 5px 0 !important;}

.punbb .post-content p.formatted {
padding: 0 0 0 0;
text-indent: 1em;}


/* *********************************** */
/* Меню в мобильном дизайне © ForumD.ru */
/* *********************************** */

@media screen and (max-width: 540px) {

#pun #nav-but,
#pun #user-but {
display: block !important;
width: 48px;
height: 48px;
position: absolute;
top: 0;
opacity: 0.5;
z-index: 100;
}
#nav-but {left: 0; background: url(/img/navicons.png) no-repeat 0 0;}
#user-but {right: 0; background: url(/img/navicons.png) no-repeat 0 -576px;}

.punbb #pun-navlinks, .punbb #pun-navlinks .container {margin-top: 0 !important; text-align: left !important;}

.punbb #pun-navlinks {position: absolute; top: 0; left: 0;}

.punbb #pun-ulinks,
.punbb #pun-navlinks {
background: #52302f !important; 
padding: 10px !important;
display: none;
}
.punbb #pun-ulinks.show,
.punbb #pun-navlinks.show {display: inline-block;}
.punbb #pun-navlinks .container {padding: 0px !important;}

.punbb #pun-ulinks, .punbb #pun-navlinks .container li a, .punbb #pun-navlinks .container li a:hover {
width: auto !important;
height: auto !important;
background-image: none !important;
background-color: transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.punbb #pun-ulinks .container li a,
.punbb #pun-navlinks .container li a {
color: #e2dbcd !important; 
font-weight: bold;
text-shadow: 1px 1px 1px #000;
}
.punbb #pun-ulinks .container li a,
.punbb #pun-navlinks .container li a span {font-size: 14px !important;}

.punbb #pun-ulinks .container li,
.punbb #pun-navlinks .container li {
line-height: normal !important; 
display: block;
border-bottom: 1px solid #e2dbcd !important;
padding-bottom: 4px !important;
margin-bottom: 10px !important;
}
.punbb #pun-navlinks h2,
.punbb #pun-ulinks h2 {
font-size: 12px !important;
height: auto;
width: auto;
position: relative;
left: auto;
line-height: normal;
color: #a99897;
text-transform: uppercase;
}
.punbb #pun-navlinks h2 {padding: 12px 0px 20px 40px;}
.punbb #pun-ulinks h2 {padding: 12px 40px 20px 0px;}
.punbb #pun-ulinks ul {
display: inline-block !important;
z-index: 0 !important;
position: relative !important;
top: 0 !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.punbb #pun-ulinks {
top: 0 !important;
right: 0 !important;
line-height: normal !important;
z-index: 0 !important;
padding: 10px !important;
}
.punbb #pun-ulinks .container {
background-color: transparent !important; 
width: 100% !important;
}
.punbb #pun-ulinks .container li a {padding: 0 !important;}

}


@media screen and (max-width: 480px) {

#pun.ismoderator #pun-navlinks .container li {padding: 0 0 4px 0 !important;}
#pun.ismoderator #pun-ulinks, 
#pun.ismoderator #pun-navlinks .container li a, 
#pun.ismoderator #pun #pun-navlinks .container li a:hover {width: auto !important; height: auto !important;}

}


#pun-report .bg,
#pun-reputation .bg,
#pun-admin-award-form .bg {
  display: none;
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #d8d8d8;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  cursor: pointer;
}
#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -135px 0 0 -384px;
  width: 768px;
  background: #fff;
  z-index: 100;
  box-shadow: 0 0 40px #222;
  -webkit-box-shadow: 0 0 40px #222;
  -moz-box-shadow: 0 0 40px #222;
  -khtml-box-shadow: 0 0 40px #222;
}
.removeReputation {
  width: 16px;
  height: 16px;
  display: inline-block;
  float: right;
  background: url('/s1/client/images/close_16x16.png');
  cursor: pointer;
}

/* Размер шрифта*/
.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #E0E0E0;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  border: solid 1px #ccc;
  float: right;
  margin-right: 7%;
}
.FNTslider .before {
  height: 5px;
  border: solid 1px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #A0BCDA;
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #3980D8;
  cursor: pointer;
}

/* Стрелочки */
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:85px; 
z-index:9999;
cursor:pointer;
opacity:.7; 
margin-bottom:60px; 
width:54px; 
height:23px; 
}
.go-up {
bottom:300px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:250px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}