/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.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-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  { background-color: transpanent;
color: #3a3a3a;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
/* фон */
html, body { background:
  url("http://forumstatic.ru/files/001a/c2/5e/31446.jpg") fixed repeat top center; background-color : #312926;
}

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://forumstatic.ru/files/001a/c2/5e/95111.jpg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 440px;
width: 1000px;
margin-left: -20px;}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #d5ccc5; background-image: url(http://forumstatic.ru/files/001a/c2/5e/46550.jpg);}



/* картинка в самый низ */
          #pun-about p.container {background: transparent url("http://forumstatic.ru/files/0019/ab/73/66008.png") 
bottom center no-repeat;
height: 150px;
margin-left: -20px;
margin-bottom: -101px;
width: 1000px;
  }



/* CS1.6 Ссылки верхней навигации*/
/*----форум сообщения и тд----*/
#pun-navlinks .container { 
text-align: center; 
position: absolute;
font-family:'Yeseva One'!important;
font-size: 18px !important;
text-transform: lowercase!important;
opacity: 1;
font-weight: normal !important;
padding: 0 !important;
display: inline-block;
margin: 0px 9px;
position: relative;
padding: 0 !important;
background-color: transpanent; 
line-height: 1.5;
z-index: 1000;
width:960px;
left: 0px;
top: -406px;}
#pun-navlinks .container a {color: rgba(106, 87, 80, 0.84) !important;
    background: linear-gradient(rgba(84,81,74,1) 20%, rgba(0,0,0,1) 70%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.70), 0 0 5px rgba(84,81,74, 0.36);
    transition: all 0.5s ease-in-out 0.1s;
}
#pun-navlinks .container a:hover {}


/*----активные темы и тд----*/
#pun-ulinks .container { 
text-align: center!important;
position: absolute; 
letter-spacing: 2px;
font-family: Lora!important;
font-size: 10px!important;
text-transform: lowercase!important;
top: 260px;
z-index: 1000;
margin-left:-16px;
width:960px;}
#pun-ulinks a {color: #68554e!important;}
#pun-ulinks a:hover {color: #8d6794!important;}

/*---- строчка привет ты был последний раз тут ----*/
#pun-status .container {
    position: absolute;
    width: 960px!important;
    top: 6px;
    margin-left: 0px!important;
letter-spacing: 1px;
    font-size: 12px;
    font-family: Lora;
    text-transform: lowercase;
text-align: center!important;
color: rgba(137, 101, 145, 0.84) !important;
    background: linear-gradient(rgba(84,81,74,1) 20%, rgba(0,0,0,1) 70%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.70), 0 0 5px rgba(84,81,74, 0.36);
    transition: all 0.5s ease-in-out 0.1s;}

#pun-status .container a { color: rgba(152, 106, 144, 0.84) !important; }

.status_userava>img{
    width: 44px;
    height: 44px;
    vertical-align: top;
filter: grayscale(100%);
border: 3px solid #ffffff!important;
}

.status_userava {
    height: 50px;
    width: 50px;
    vertical-align: middle;
    border: 1px solid #262626;
    display: flex;
    justify-content: center;
    align-items: center;}


/*---- сдвинуть сточку названия форума с » ----*/
#pun-crumbs1 p.container {
  border-top: none;
  margin-top: 0px;
  }



/* CS2 Ссылки */

/* CS2.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 {
color: #68554e;
-webkit-transition: color 0.2s ease 0.02s;
transition: color 0.2s ease 0.02s;}

/* CS2.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: #8d6794; 
-webkit-transition: color 0.2s ease 0.02s;
transition: color 0.2s ease 0.02s;}

/* CS4 Post status icons
-------------------------------------------------------------*/

/* нет новых сообщений */
.punbb table Div.icon { 
background-image : url(http://forumstatic.ru/files/001a/bc/3a/72089.png);
opacity: 1;
}

#messages table Div.icon, #pun-viewforum table Div.icon {
background: url("http://forumstatic.ru/files/001a/bc/3a/46073.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:15px!important;
margin-left:0px!important;
padding-right:0px!important;
margin-top:6px!important;
}



/* новые сообщения */
.punbb table TR.inew Div.icon { 
background-image : url(http://forumstatic.ru/files/001a/bc/3a/82221.png);
opacity: 1;
}

#messages table TR.inew Div.icon, #pun-viewforum table TR.inew Div.icon {
background: url("http://forumstatic.ru/files/001a/bc/3a/82924.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:15px!important;
margin-left:0px!important;
padding-right:0px!important;
margin-top:6px!important;
}



/* важная тема (в темах) */
#messages table TR.isticky Div.icon, #pun-viewforum table TR.isticky Div.icon {
background: url("http://forumstatic.ru/files/001a/bc/3a/48499.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:15px!important;
margin-left:0px!important;
padding-right:0px!important;
margin-top:6px!important;
}



/* закрытая тема (в темах) */
#messages table TR.iclosed Div.icon, #pun-viewforum table TR.iclosed Div.icon {
background: url("http://forumstatic.ru/files/001a/bc/3a/11635.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:15px!important;
margin-left:0px!important;
padding-right:0px!important;
margin-top:6px!important;
}



#pun-index .tc2, #pun-index .tc3 {
    font-size: 36px;
font-family:'Playfair Display'!important;
    font-style: italic;
    color: #262626;
}


#pun-index td.tcr {
    padding: 0 20px 0 20px;
    line-height: 14px;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 2px;
font-family: Lora!important;
    text-transform: lowercase;
    text-align: left;
  }




/* CS5 Прочие элементы */

/* кнопочки */
 .punbb input {
    background: #cbc4c2;
    padding: 2px 3px 3px 5px;
    border: none;
  }

.button {
     background: #69564f!important;
color: #d5ccc5!important;
    text-transform: uppercase!important;
 font-weight: bold!important;
    letter-spacing: 2px;
    padding: 4px 3px 3px 5px!important;
    font-size: 9px!important;
    font-family: 'Playfair Display'!important;
    border: none!important;
     transition-duration: 0.5s;
  }
.button:hover {
   color: #69564f!important;
    background: #d5ccc5!important;
      transition-duration: 0.5s;
  }






/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select {
margin: 5px auto;
padding: 5px;
color: 3a3a3a;
background-color: transparent; 
background-image : url(http://forumstatic.ru/files/0019/ab/73/24788.png); 
margin-top: 5px; 
 border-color:  transparent;
margin-bottom: 3px; }


/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -6em}
#pun-announcement h2 {display: none}
#pun-main .post-author ul {text-align: center;margin-left: 14px;}
#pun-messages .pa-posts {display: list-item;}
#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; font-size: 10px!important;  font-family: Lora!important; text-transform: lowercase;}
#pun-crumbs2 .container { text-align: center; font-size: 10px!important;  font-family: Lora!important; text-transform: lowercase;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}



/* CS5.6 картинка категорий */
#pun-index .category h2, #pun-stats.section h2, #post-form h2 { background: url(http://forumstatic.ru/files/001a/bc/3a/96653.jpg) no-repeat;
    width: 1000px !important;
    height: 52px!important;
    font-size: 0px !important;
margin-left: -20px !important;
padding: 0 !important;
border: 0 !important;
margin-top: 0px !important;
margin-bottom: 0px !important;}

#pun-index .category h2 span:before, #pun-stats.section h2 span:before, #post-form h2 span:before, #pun-index .category h2 span:after, #pun-stats.section h2 span:after, #post-form h2 span:after {content: " — "}

#pun-index .category h2 span, #pun-stats.section h2 span, #post-form h2 span {color: rgba(208, 191, 128, 0.84) !important;
    background: linear-gradient(rgba(255,255,255,1) 20%, rgba(0,0,0,1) 70%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.70), 0 0 5px rgba(175, 152, 103, 0.36);
font-family: cormorant garamond;
text-transform: uppercase;
letter-spacing: 4px;
margin-top: 28px !important;
display: inline-block}




/*---- соо и репутация в одну строчку ----*/
.pa-posts, .pa-respect {
text-align:center;
border: 0px double #0F0107; /*Вид бордеров*/
display:inline-block;
padding:2px 6px!important;
width:60px;
margin-left: 0;
text-transform: lowercase;
font-family: verdana!important;
font-size: 9px!important;
text-shadow: 0px 1px 0px #000000!important;}
.pa-fld1 {
text-align:center;
border: 0px double #0F0107; /*Вид бордеров*/
display:inline-block;
padding:2px 6px!important;
width:50px;
margin-left: 0;
text-transform: lowercase;
font-family: verdana!important;
font-size: 9px!important;
text-shadow: 0px 1px 0px #000000!important;}
.pa-respect a {
color: #d3cac4!important;}
.pa-posts a {
color: #d3cac4!important;}


/*----во всем профиле на странице ----*/
.post-author ul {color: #d3cac4!important;}

/*----написание статуса----*/
#pun-status .container {text-align: center; margin-left: 0px;}

/*----строка Форум Тем Сообщений Последнее сообщение----*/
#pun th {font-size: 0px !important;}

/*----рамка аватара----*/
li.pa-avatar.item2 img{
 text-align: center;
margin-left: 0px;
margin-bottom: 8px;
border: 4px solid transparent!important; box-shadow: 0 0 0 1px #8e6796;}

/*----написание "активен", "последний визит"----*/

#pun-main .post-author .pa-online  {font: 10px 'Lora'!important;
text-transform: uppercase!important;
margin-top: 8px!important;
margin-bottom: 15px!important;
text-shadow: 0px 1px 0px #000000!important;}
#pun-main .post-author .pa-last-visit {font: 10px 'Lora'!important;
text-transform: uppercase!important;
margin-top: 8px!important;
margin-bottom: 15px!important;
text-shadow: 0px 1px 0px #000000!important;}


/* сдвинуть строчку даты поста в теме */
#pun-main .post .permalink {
  margin-left: 2em;
height: 13px;
    background: #584357!important;
color: #d5ccc5!important;
    font-family: 'Playfair Display';
   text-transform: uppercase!important;
letter-spacing: 2px;
    font-size: 9px!important;
    padding: 2px 3px;}



/*----всплывающие окна репутации и наград----*/
#pun-reputation div {background-color: #d9d2cf; 
 border-color:  transparent;}

#pun-popup_awards div {background-color: #d9d2cf; 
 border-color:  transparent;}

#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
background-color: #b7c2ce;
}


/*----полоски прокрутки----*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;}
::-webkit-scrollbar-track {
background: #2d2623;}
::-webkit-scrollbar-thumb {
    background: #85618a;}


/* описание подфорумов */
.punbb td div .tclcon, .category .container table .hasicon .tc1  {
width: 90%; /* ширина, можно в px */
text-align: justify; 
line-height: 14px;
padding: 0px 15px 15px 15px; /* отступ текст от рамки внутри */
font-size: 10px;
font-family: Lora!important;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: lowercase;
}


/*ЗАКЛАДКИ*/
/*цвет язычка закладок*/
#BookmCntToggle.default-style {
    color: #85628c!important;}
/*цвет контейнера закладки в теме*/
.editBookmark {
background-color: #d9d2cf; 
 border-color:  transparent;
}
/*тело закладок*/
#MyBookmarks {z-index: 1100;
    margin-top: 40px!important;
    height: 100%;
    width: 240px;}
/* заголовок */
#MyBookmarks h2, #MyBookmarks h1 {
  background: #85628c!important;/* цвет заголовка*/
text-align: center!important;
color: #d5ccc5!important;
}
/* контейнер с закладками */
#MyBookmarks .container {
  background:rgba(0,0,0,0.6);
color: #d5ccc5!important;
}
#MyBookmarks .container a {
color: #d5ccc5!important;
}


/*цвет линии hr разделитель*/
.post-content hr {border-top: 1px dashed #9a9593;
opacity: 1!important;}
hr {
    border-style: none;
    border-width: 1px;
}




/*контейнер перенести соо фон*/
.pun-modal .modal-inner {background-color:#d9d2cf!important;}



/*матчасть*/
.gorod {border: 4px solid #ffffff!important;
border-radius:0!important;
mix-blend-mode: multiply;
filter: grayscale(100%) brightness(100%) contrast(90%);
width: 500px;
height: 200px;}
.mesto {border: 4px solid #ffffff!important;
border-radius:0!important;
width: 250px;
height: 150px;}
.mestoimg {mix-blend-mode: multiply;
filter: grayscale(100%) brightness(100%) contrast(90%);}
.mestotext {text-align: justify;
border: 4px solid #ffffff!important;
background: #ffffff!important;
width: 240px;
height: 140px;
overflow: auto;
padding: 5px;}
.mestotext::-webkit-scrollbar {width: 2px; }
.mestotext::-webkit-scrollbar-track {background: #ffffff;}


/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
color: #cbc4c2;
background-color: #262626; 
margin-top: 5px; 
 border-color:  transparent;
padding: 9px;
}
#font-area {max-height: 280px; overflow-y: auto; font-size: 12px!important;}
#font-area::-webkit-scrollbar {
    width: 3px;
    height: 7px;}
#smilies-area {width:550px!important;}
#keyboard-span input {color: #262626!important;}






/*---------------- объявление ----------------*/

.gamer {position: absolute;
  text-align: center;}
.gamer img {transition: all .5s ease-in-out 0s;
filter: grayscale(100%);
opacity: 0.6;
border: 1px solid #6a5750!important;}
.gamer img:hover {filter: none; opacity:1;
border: 1px solid #6a5750!important;}

.episode {position: absolute;
  text-align: center;}
.episode img {transition: all .5s ease-in-out 0s;
filter: grayscale(100%);
opacity: 0.6;
border: 1px solid #6a5750!important;}
.episode img:hover {filter: none; opacity:1;
border: 1px solid #6a5750!important;}

.privet {overflow: none;width: 625px;
height: 67px;
position: absolute;
text-align: center;
    line-height: 14px;
    font-size: 11px;
    font-family: Playfair Display!important;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: lowercase;}

.seichas {opacity: .95; background:rgba(0,0,0,0.6);
width: 625px;
height: 22px;
position: absolute;
text-align: center;
    line-height: 14px;
    font-size: 10px;
    font-family: Lora!important;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: lowercase;}
.seichastxt {padding: 4px; color: #d5ccc5!important;
text-align: center;
    line-height: 14px;
    font-size: 10px;
    font-family: Lora!important;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: lowercase;
    text-shadow: 0px 1px 0px #000000!important;}

.plashka {width: 960px;
height: 100px;
position: absolute;}




/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {display: block;
padding: 1px;
  background:rgba(0,0,0,0.9);
  border-radius: 0px;
}

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {       margin: 5px 7px;
  border-radius: 0px;
  text-align: center;
display: block;
  padding: 4px 0;
  letter-spacing: 2px;
font-family: Lora!important;
font-size: 12px!important;
  text-transform: lowercase;      transition-duration: 0.5s;
}

/* ссылка при наведении */
#pun .sslka a:hover {    background-color:#624a62 !important;
  color: #d5ccc5!important;      transition-duration: 0.5s;
}



/* настройка кнопки */
.spirit-navigation {
  background-position: 0px 0px;
    height:14px;
  width: 180px;
        display:inline-block;
        cursor: pointer; 
 text-align: center;
  position: absolute;
  top:192px;
  margin-left: -10px!important;
  z-index: 1;
      background: #69564f!important;
color: #d5ccc5!important;
    text-transform: uppercase!important;
 font-weight: bold!important;
    letter-spacing: 2px;
    padding: 4px 4px 4px 4px!important;
    font-size: 9px!important;
    font-family: 'Playfair Display'!important;
    border: none!important;
     transition-duration: 0.5s;
  }
/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover {
    color: #69564f!important;
    background: #d5ccc5!important;
      transition-duration: 0.5s;
  }

/* настройка кнопки 2*/
.spirit-navigation1 {
  background-position: 0px 0px;
    height:14px;
  width: 180px;
        display:inline-block;
        cursor: pointer; 
 text-align: center;
  position: absolute;
  top:220px;
  margin-left: -10px!important;
  z-index: 1;
      background: #69564f!important;
color: #d5ccc5!important;
    text-transform: uppercase!important;
 font-weight: bold!important;
    letter-spacing: 2px;
    padding: 4px 4px 4px 4px!important;
    font-size: 9px!important;
    font-family: 'Playfair Display'!important;
    border: none!important;
     transition-duration: 0.5s;
  }
/* вид кнопки после клика по ней */
.spirit-navigation1.spirit-navigation1_hover {
    color: #69564f!important;
    background: #d5ccc5!important;
      transition-duration: 0.5s;
  }

/* настройка позиции 1 выпадающего по клику окна и его ширина */
#navigblock {width: 230px;
margin-left: 180px;
position: absolute;
  top: 192px;
  z-index: 1101;
}


/* настройка позиции 2 выпадающего по клику окна и его ширина */
#navigblock1 {width: 230px;
margin-left: 180px;
position: absolute;
  top: 220px;
  z-index: 1100;
}





/*---------------- личное звание ----------------*/
.lzmesto {
    margin: 5px 5px 0px 5px !important;
    background-color: #584357;
    padding: 2px 0 2px 0;
    color:#dcdbdb!important;
    box-shadow:0px 0px 5px #00000052 inset;
    border:1px solid #584357;
font: 10px 'Lora'!important;
text-transform: uppercase!important;
margin-top: -10px!important;
text-shadow: 0px 1px 0px #000000!important;
text-align: center!important;}

.lzanketa {font: 14px 'Lora'!important;
text-transform: uppercase!important;
color: rgba(137, 101, 145, 0.84) !important;
    background: linear-gradient(rgba(255,255,255,1) 20%, rgba(0,0,0,1) 70%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.70), 0 0 5px rgba(175, 152, 103, 0.36);
    text-align: center;
    transition: all 0.5s ease-in-out 0.1s;}
.lzanketa a {color: rgba(137, 101, 145, 0.84) !important;
    background: linear-gradient(rgba(255,255,255,1) 20%, rgba(0,0,0,1) 70%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.70), 0 0 5px rgba(175, 152, 103, 0.36);
    transition: all 0.5s ease-in-out 0.1s;}
.lzanketa a:hover {color: rgba(137, 101, 145, 0.84) !important;
    background: linear-gradient(rgba(255,255,255,1) 20%, rgba(0,0,0,1) 70%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.70);
    transition: all 0.5s ease-in-out 0.1s;}

.lzinf { margin: 5px 5px 0px 5px !important;
    padding: 2px 0 2px 0;
  background:rgba(0,0,0,0.4);
border: 4px solid transparent!important; box-shadow: 0 0 0 1px #8e6796;
text-transform: lowercase!important;
font: 10px 'Lora'!important;
margin-top: 6px!important;
margin-bottom: 6px!important;
text-align: justify;
color: #d3cac4!important;
}

.lzinf a { color: rgba(137, 101, 145, 0.84) !important;
    background: linear-gradient(rgba(255,255,255,1) 20%, rgba(0,0,0,1) 70%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.70), 0 0 5px rgba(175, 152, 103, 0.36);
    text-align: center;
    transition: all 0.5s ease-in-out 0.1s;}



/*---------------- баннеры в футтере ----------------*/
.bbanners {position: absolute;
    background: transpanent; 
    width: 1000px;
    height: 32px;  
line-height: 110%;
letter-spacing: -2px;
    overflow-y: scroll;
    margin-top: 30px !important;
    text-align: center;
    margin-left: -20px !important; 
opacity:0.4; 
-moz-opacity:0.4; 
filter: grayscale(100%) brightness(100%) contrast(90%);}
.bbanners::-webkit-scrollbar {width: 4px; }
.bbanners:hover {opacity:1.0; -moz-opacity:1.0;  filter: none; transition-duration: 2s;}
.bbanners img {height: 31px; width: 88px;}


/*---------------- маска ----------------*/
    .pa-avatar img {
        max-width: 180px;
        max-height: 180px;
    }