/* CS1 Background and text colours
-------------------------------------------------------------*/
/* шапка */
#pun-title table {
background-image : url("http://forumstatic.ru/files/0007/e7/af/77068.png"); 
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 312px;
width: 1030px;
margin-left: -33px;
}

#pun-title table tbody tr .title-logo-tdr {position: absolute; left: 550px; top: 400px;
}
/* фон */
HTML { 
    background: url(http://forumstatic.ru/files/0018/8e/65/19760.jpg) no-repeat fixed center top,
#0d0b08 url("http://forumstatic.ru/files/001a/6c/b5/46866.png") repeat fixed center top;
}

.bgstars {  height: 100%;    width: 100%;    position: fixed;    top: 0px;    left: 0px;    z-index: -1; overflow: hidden;}


/* Футер */
#pun-about p.container {
background: url(http://forumstatic.ru/files/0007/e7/af/50193.png) transparent no-repeat;
width: 1081px;
height: 178px;
margin: 0px 0px -60px -85px; /* отступы сверху, справа, вниз, слева */
text-align: center;   
background-repeat: no-repeat;}

div#pun-about {margin-bottom: -112px;}


/*Отступ от списка пользователей*/
#pun-index #pun-about p.container {margin-top:-94px!important;}

/* Рейтинг и создать форум*/
#pun-about .item1{
    font-size: 9px;
    font-family: play;
    text-align: center;
    margin-top: 9px;
}

/* ЛИНИЯ РАЗГРАНИЧИТЕЛЬ, HR, за ненадобностью снести пункт целиком */

hr, .banner-line {
height: 2px;
background: url("http://forumstatic.ru/files/000c/82/53/43759.png") center no-repeat;
border: 0px; }
#pun .post-content hr {opacity: 1 !important;-moz-opacity:1 !important; -khtml-opacity:1 !important; filter:alpha(opacity=100) !important; 
  background:url(https://funkyimg.com/i/2U3bq.png) no-repeat center !important;
border: none;
height: 11px}

/* 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 {
  background-color: transparent;
    color: #452f18;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
   color: #423b2f;
  }

/* CS1.3 */
#pun-main #post-form h2, #pun-main h1 {
font-family: Oranienbaum;
text-align: center;
font-size: 12px;
 letter-spacing: 3px; /* расстояние между буквами */
text-transform: uppercase;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-image: url();
 color: #4d351c;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #313729
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-image: url();
    color: #434320
  }



/* CS1.8 */

.offline li.pa-online strong {
  background-image: url(http://forumstatic.ru/files/0018/8e/65/67950.png);
  font-weight: normal
  }


/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color:  transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color:  transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.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;
  }

/* CS2.5 */
.punbb th {
  border-color:  transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
   background-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 {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
border-color: transparent;
  }

li.pa-online {
  border-color: transparent;
  }

.punbb textarea, .punbb select, .punbb input {
border-color: transparent;
  }

/* CS3 Links
-------------------------------------------------------------*/

/* простые ссылки до наведения */
.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 {
    border-bottom: 0 none #000;
    color: #406375;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}


.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 {  border-bottom: 0 none #000;
    color: #445c6c;
    text-decoration: none;
}

#navindex a:before {content:"Авалон";} /* Форум */
#navuserlist a:before {content:"Жители";} /* Участники */
#navsearch a:before {content:"Тайны";} /* Поиск */
#navpm a:before {content:"Письма";} /* сообщения*/
#navprofile a:before {content:"Зеркало";} /* Профиль */
#navadmin a:before {content:"Шабаш";} /* Администрирование */
#navlogin a:before {content:"Въезд";} /* Вход */
#navlogout a:before {content:"Побег";} /* Выход */
#navregister a:before {content:"Прописка";} /* Регистрация */
 #navpr_1 a:before {content:"пиар";}
#pun-navlinks li a span {font-size:0;
padding: 0 !important;}


/* общее меню форума до наведения */
#pun-navlinks li a  {
text-decoration: none; font-weight: 400;
    color: #445c6c;
}

/*** НАВИГАЦИЯ ПРИ НАВЕДЕНИИ ***/
#pun-navlinks a { transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; }
.pa-author a:hover, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { 
 transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; 
color: #2f424f !important; }


/* подссылки меню до наведения */

#pun-ulinks a {
font-size: 11px!important;
font-weight: 500;
font-family: arial!important;
text-transform: lowercase!important;
color: #395c72 !important}

#pun-ulinks a:hover {
color: #756654 !important;
}

/*** ССЫЛКИ ВЫДЕЛИТЬ КОД ***/
.punbb .quote-box cite a, .punbb .code-box strong.legend a {color: #dfd8d2;
    text-shadow: 0 1px 1px #485b66;}
.punbb .quote-box cite a:hover, .punbb .code-box strong.legend a:hover {color: #c3beb6;
    text-shadow: 0 1px 1px #485b66;}


/*КАТЕГОРИИ*/
/* CS5 Post categorys
-------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://forumstatic.ru/files/0007/e7/af/42280.png);
height: 84px;
width: 948px;
font-size:0 !important;
border: none;
margin-left: -17px;}

#pun-category2.category h2 {
background: url(http://forumstatic.ru/files/0007/e7/af/67103.png);
height: 84px;
width: 948px;
font-size:0 !important;
border: none;
margin-left: -17px;}

#pun-category3.category h2 {
background: url(http://forumstatic.ru/files/0007/e7/af/76378.png);
height: 84px;
width: 948px;
font-size:0 !important;
border: none;
margin-left: -17px;}

#pun-category4.category h2 {
background: url(http://forumstatic.ru/files/0007/e7/af/89451.png);
height: 84px;
width: 948px;
font-size:0 !important;
border: none;
margin-left: -17px;}



/* статистика */
#pun-stats.section h2 { 
font-size: 0 !important;
background-attachment: scroll;
background-clip: border-box;
height: 84px;
width: 948px;
margin-left: -17px;
background-color: transparent;
background-image: url("http://forumstatic.ru/files/0007/e7/af/34322.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
border: none;
background-size: auto; }

/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ИКОНКА ООБЩЕНИЙ */

#pun-index table Div.icon {
    background-image: url("");
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 87px;
    margin-left: -43px;
    margin-top:45px;
    position: absolute;
    width: 58px;
    z-index: 2;
}
#pun-index TR.inew Div.icon {
    background-image: url("");
    background-repeat: no-repeat;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    background: url(http://forumstatic.ru/files/001a/10/af/58827.png) no-repeat center;
    display: block;
    float: left;
    height: 36px;
    margin-left: 2px;
    margin-right: 5px;
    margin-top: -10px;
    position: relative;
    width: 36px;
    opacity: .5;
    image-rendering: crisp-edges
}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew.isticky Div.icon, #pun-messages TR.inew.isticky Div.icon, #pun-searchtopics TR.inew.isticky Div.icon {
    background: url(http://forumstatic.ru/files/001a/10/af/58827.png) no-repeat center;
    opacity: 1
}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: url(http://forumstatic.ru/files/001a/10/af/65249.png) no-repeat center;
    opacity: 1
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: url(http://forumstatic.ru/files/001a/10/af/39168.png) no-repeat center;
    opacity: 1
}

/* ВНУТР ЧАСТЬ ПОДФОРУМОВ*/
#pun-viewforum .main .container {
margin-top: 2px;
font-family: arial!important;
font-size: 11px!important;
letter-spacing: 1px;
color: #6f4919;
font-weight: normal !important;
}
#pun-viewforum .main tbody td {    padding: 5px 0 5px 20px;}


/* МЕНЮ АМС*/
.punbb-admin #pun-admain h2 {background-position : center;
  background-color: transparent;
  color:#36504d;
font-style: normal;}



/* ЦИТАТА*/

.punbb textarea {
 background-clip: padding-box;
    background: #bfbab0;
    border: 1px solid #9c906a !important;
    box-shadow: 0 0 5px 0 rgb(158 155 143), 0 0 0 1px rgb(255 255 255 / 1%) inset, 0 0 15px 0 rgb(143 139 124 / 60%) inset;
    color: #222;
    padding: 7px 5px !important;
    border: none;
    width: 99% !important;
}

/* Цитата и выделить код */
.punbb .quote-box {
    background-color: #bab2a8;
    color: #343434;
    border: 1px solid #ac9f94;
    font-family: montserrat;
    font-size: 10px;
    font-weight: 500;
    box-shadow: 0 -23px 0px -20px #9a8f7f, 0 23px 0px -20px #617884, inset 0 0 0px 1px #f5f2d870;
}

#pun-main .code-box {
    background-image: url(https://forumstatic.ru/files/0007/e7/af/79639.png);
    box-shadow: inset 0 0 0px 1px #bfbda3;
}


.punbb select, input {
border: 0;
padding: 2px 3px 2px 3px !important;
    background: #bcb5aa;
    border: 1px solid #a0987f !important;
    box-shadow: 0 0 5px 0 rgba(182,143,148,.5), 0 0 0 1px rgba(255,255,255,.01) inset,  0 0 15px 0 rgba(143,139,124,.6) inset;
}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 10px; top:-500px
}



/*Подвижка приветствия*/
#pun-status {
  position:relative;
  z-index:2;
  margin-top:110px;
padding: 0px 0px 10px 0px !important; /* отступы сверху, справа, вниз, слева */
}



/* ПРОФИЛЬ */

/* профиль окантовка */


.post-author {background: url(http://forumstatic.ru/files/0007/e7/af/14049.png) no-repeat top center,
    url(http://forumstatic.ru/files/0007/e7/af/65558.png) no-repeat bottom center,
    url(http://forumstatic.ru/files/0007/e7/af/79654.png) repeat-y center;
    margin-left: -20px !important;
    margin-top: -12px !important;
    margin-bottom: 1px !important;
    padding-bottom: 55px !important;
    width: 234px !important;
    padding-top: 0px !important;
    position: relative;
}

.pa-author img {
    display: none;
}
.post-author .pa-author {
width: 198px!important;
font-size: 16px;
font-family: alice!important;
font-weight: normal !important;
padding: 0px 0px 0px;
position: relative;
margin-top: 62px;
margin-bottom: 15px;
color: #c5c0b8;
    letter-spacing: 0px;
}

#pun .post-author .pa-author a {
color: rgb(76 104 119);
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgb(196 190 182), 0 0 5px rgb(137 125 108);
}

#pun .post-author ul a {color: #c6bfb7;
transition: all .5s ease-in-out 0s}

#pun .post-author ul a:hover {color: #d0a779;}

.post-author ul {
    font-size: 11px !important;
    line-height: 11px;
    margin: auto;
    margin-left: 11px;
    padding: 0px !important;;
    text-align: center;
    width: 198px;
    color: #cbc5bd;
    font-family: roboto;
}


.pa-avatar.item2 > img { 
border-radius: 3px;
}

.pa-title {
 font-size: 10px !important;
    font-weight: 300 !important;
    text-transform: lowercase;
    margin-left:-2px !important;
    margin-top: 4px !important;
   text-align: center!important;
    width: 198px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}


/* респект и сообщ блоком */
.pa-posts, .pa-respect {
color: #566b76 !important;
    display: block;
    font-family: pt sans;
    width: 90px;
color: #bbb5ae !important;
    text-transform: lowercase;
    font-size: 10px;
    padding-bottom: 8px !important;
}
.pa-posts, .pa-respect {margin-top: 1px !important;}

.pa-posts {
    float: left;
    margin-left:3px !important;
}
.pa-respect{
    float: left;
    margin-left: 5px !important;
}
.pa-respect img {width: 7px !important;}
.pa-ip {clear: both;
margin-top: 0px !important;}

.pa-online {
    padding: 0 !important;
    margin-left: -10px !important;
    clear: both;
    margin-top: 5px !important;
    font-weight: 700;
    display: inline-block;
width: 198px;
}

.punbb th {
    font-size: 0 !important;
}
li#navawards, .lastedit {
    display: none !important;
}
.pa-gifts {
    display: none;
}


/* авардс и репутация */
#pun-popup_awards div, #pun-reputation div {
background-color: #8f6a9b;
background-image: url("http://forumstatic.ru/files/0007/e7/af/79639.png") !important;
}

/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
border: outset 1px #a1b7d7!important;
border-radius: 5px;
background: url(http://forumstatic.ru/files/0007/e7/af/79639.png);
padding: 9px;
font: normal normal 400 12px/normal Arial;
}

/* кнопки в форме ответа в центре */
#post .formsubmit {
    text-align: center;
}

/* выделение текста */
::selection {    
background: #667e8a;
    color: #bfb9b1;
}



/* скроллинг */

::-webkit-scrollbar {
width: 6px;  /* вертикальная ширина полоски */
height: 4px; /* горизонтальная ширина полоски */
background-color: #c0bab2;

}

/* бегунок, тумб */
::-webkit-scrollbar-thumb{
background-color: #4e636c;
    border: solid 1px #9d968a;
}
/* ховер */
::-webkit-scrollbar-thumb:hover{
background-color: #9f968b; 
border:solid 1px #7092a2;}


/* разделитель перед формой ответа */
#post-form h2 {  background: rgba(62,58,.9,.1);
    font-family: open sans !important;
    font-size: 10px !important;
    font-style: normal;
    font-weight: 500;
    padding-bottom: 5px !important; 
    text-align: center;
    width: auto;
text-transform: lowercase;
    letter-spacing: 2px;
    margin: 0px 0px !important;
    margin-bottom: 10px !important;
    height: 15px;
    border: 0 !important;}


/* плавная cмена картинок в шапке */
.image.UP,
.image.Down {
   border:2px solid transparent;
   margin:0;
   padding:0;}
.image.UP{
opacity:1.0;
   display:block;
   position:absolute;z-index:100;
   transition-duration: 0.98s;
  -webkit-transition-duration: 0.98s;
  -moz-transition-duration: 0.98s;
  -o-transition-duration: 0.98s;
  -ms-transition-duration: 0.98s; /* IE9+ */}
.image.UP:hover {
   opacity:0.00;}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;}



/* ПРОЗРАЧНОСТЬ КАРТИНОК */
.Hoverbuttons {
opacity: 0.5; /* прозрачность до наведения */
transition: opacity 0.6s linear;  /* плавность */
-webkit-transition: opacity 0.6s linear;
-moz-transition: opacity 0.6s linear;
-ms-transition: opacity 0.6s linear;
-o-transition: opacity 0.6s linear;
border-radius: 0px;  /* уголки */

}
.Hoverbuttons:hover { opacity: 1;     /* прозрачность при наведении наведения */
}



/* размытый скрытый текст ----------------------------- */
/*БЛЮР ЗАЧЕРКИВАНИЯ*/
.punbb .post-content del {
    filter: blur(1.5px);
    text-decoration: none;
    }

.punbb .post-content del:hover { 
filter: none; 
text-decoration: none;}


  /* ОПИСАНИЕ ВНУТРИ КАТЕГОРИИ */

.zagolovok {
width: 433px;
margin-left: 11px!important;
margin-top: -6px!important;
color: #525f32!important;
font-family: 'Lobster'!important;
font-size: 12px!important;
letter-spacing: 2px;
    padding-bottom: 8px;
}

/* ПОДТЕКСТ В ОП ФОРУМА*/

.opforum {
 color: #6d5d37!important;
    width: 413px;
    border-radius: 10px;
font-size: 11px;
    text-align: justify;
 font-family: arial;
margin-left:32px!important;

}



/* кнопки формы ответа формы ввода текста */

#pun-announcement.section h2 span {
    display: none;
}

.punbb input {
    border: medium none;
}


.button {
background: radial-gradient(ellipse at top, #506671 10%, #677a88 53%, #303d44 100%);
    border: 1px solid #677c89;
    box-shadow: 0 0 0 1px #4d6b7d inset, 0 0 0 2px rgb(199 194 186) inset, 0 0 8px 3px rgb(255 255 255 / 5%) inset, 0 0 5px 0 #c5beb6;
    border-radius: 0px;
    border-top: medium none;
    color: #d6d2ca;
    font-family: roboto !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    margin-top: 5px !important;
    padding: 7px 15px 7px 15px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: uppercase;
    text-shadow: 0 0 1px #1e1b16;
}
.button:hover {
   background: radial-gradient(ellipse at bottom, #988c7b 10%, #75664c 53%, #95836a 100%);
    box-shadow: 0 0 0 1px #635640 inset, 0 0 0 2px rgba(81,60,49,.37) inset, 0 0 8px 3px rgba(255,255,255,.05) inset, 0 0 5px 0 #95886b;
    color: #c8c2bb;
    cursor: pointer;
}

.button:active {
    border-top-color: #2c5f75;
}

#pun-crumbs1 a, #pun-crumbs2 a {font-weight: bolder !important;
}

#pun-crumbs1, #pun-crumbs2 {
    font-family: playfair display !important;
    font-size: 9px !important;
    letter-spacing: 0 !important;
    text-align: center;
    padding: 0 !important;
font-weight: normal  !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    transform: scaleY(.95)
}

.post_reputation {
    background: #c0b8a1;
}


#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #smilies-area {
    color: #333;
    padding: 10px 10px 10px 10px !important;
    background: #c0b8a1;
    border: 1px solid #a0987f !important;
    box-shadow: 0 0 5px 0 rgba(182,143,148,.5), 0 0 0 1px rgba(255,255,255,.01) inset,  0 0 15px 0 rgba(143,139,124,.6) inset;
}


#keyboard-area input {box-shadow: none;
color: #312c12!important;}

#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}


#pun-index .tcmod {
    display: none
}



#pun-index #pun-category1 h2 {margin-top: -20px !important;}

#pun-stats.section h2 {margin-top: -18px !important;
margin-bottom: -12px !important;}

#pun-index .category .container {margin: 0 0px !important;
    position: relative;
}

#pun-index .category table {border-spacing: 0px 5px}

#pun-index .category {margin-right: 2px !important;}

#pun-index thead {display: none}

#pun-index .tclcon h3 a {
text-transform: uppercase;
font-size: 13px;
    font-weight: 700 !important;
font-family: alice;
    letter-spacing: 0px;
    position: relative;
    z-index: 1;
    display: inline-block;
    line-height: 25px;
    padding: 0px 2px
}


#pun-index .tclcon h3 {
    text-align: left;
    margin-bottom: 0px;
    padding:0px 0 0px 0px;
        display: inline-block;
    padding: 0px 0px 0px 8px;
    margin-right: 10px !important;
    margin-bottom: -1px;
    background: rgba(95,83,51,.15);
    width: 870px;
    position: absolute;
    height: 25px;
    top: 0;
    left: 0
}



#pun-index .tclcon {
    font-size: 13px;
    text-align: justify;
    margin: 5px 0px -5px 5px;
font-family: Alice;
    padding:38px 5px 0px 0px;
    line-height: 15px;
    width: 100%;
    z-index: 1;
    position: relative;
    font-weight: 500;
    display: grid;
    grid-template-columns: auto 1fr
}

#pun-index .container tr {vertical-align: top}

#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {
    font-family: alice;
    font-size: 13px;
    font-weight: 400;
    width: 20px;
    display: none
}


#pun-index .tcr a {font-size: 11px;
font-weight: 600;
font-family: arial;
}
#pun-index .tcr {
    text-align: left;
    font-family: arial;
    font-size: 12px;
    font-weight: 500;
    width: 40%;
    padding-top: 52px !important;
    position: relative
}

#pun-index .tcl {width:80% !important;}

#pun-index .tclcon > div {
    background: rgba(95,83,51,.05);
border: 1px solid rgba(150,143,123,.56);
    padding: 15px;
    position: relative
 }

#pun-index .tclcon .pdflink {background: none;
border: none;
width: 100px;
display: grid;
  grid-template-columns: 1fr;
    padding: 0;
    margin-right: 10px
}

#pun-index .tclcon .pdflink a {    background: rgba(95,83,51,.05);
margin-bottom: 5px;
    font: 600 10px alice;
      display: flex;
  justify-content: center;
  align-items: center;
    text-transform: uppercase
}
#pun-index .tclcon .pdflink a:last-child {margin-bottom: 0}

.Tems_And_messages  {
  display:inline-block;
  width:100%;
  height: 14px;
  font-size: 10px;
  text-transform: none;
  font-family: arial !important;;
  font-weight: normal;
}

.main table .Add {
  display: inline-block;
  padding: 0px;
  width: auto;
   color: #2e2e2e;
    text-align: right;
    position: absolute;
    right: 22px;
    top: 20px;
}

table .Add br {display: none}

#pun {
    background-position: center top;
    background-repeat: repeat-y;
}

#pun-main .post-author ul {
    font-size: 10px;
    text-align: center;
}

.punbb .post {
    border-color: transparent;
    text-align: justify;
}

#pun-index .category table {

 background: rgba(95,83,51,.05);
border: 1px solid rgba(150,143,123,.56);
    }

#pun .user-avatar.user-avatar .avatar-image {
    border: 2px solid currentColor;
	transition: all .5s ease-in-out 0s;
	width: 30px;
	height: 30px;
	}


#pun-index .user-avatar {
	margin-top: -1px;
	margin-right: 15px !important;
    margin-left: 0px !important;
	}



/*Подфорумы*/
.subforums {font-size: 12; padding: 12px 12 12px 12px;}/* отступы сверху, справа, вниз, слева */
.subforums em {display: none;
}


.subforums a {
padding: 2px; 
text-align: center;
font-family: 'arial'; /*импортируемый шрифт из гугла*/
font-weight: normal;
font-size: 10px; 
color: #000; 
margin-left: 5px;
}

/* Разделитель между сообщениями */ 
#pun .post h3 {
background: transparent url(http://forumstatic.ru/files/0007/e7/af/17715.png) no-repeat scroll center top;
width: 940px !important;
height: 54px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: -12px;
padding-top: 6px;
font-family: Theano Didot;
color: #c2b9ab;}


/* стрелки */ 

.go-up {
background: #bab2a8;
    font-family: alice;
    color: #29363d;
    text-align: center;
    padding: 4px 8px 4px 8px;
    border: 1px solid #887e73;
    border-radius: 1px;
    text-shadow: 1px 1px #b5ada2, 0px 0px 3px #c5c0b9;
    box-shadow: 0px 0px 0px 1px #8f8476 inset, 0px 0px 4px #637985 inset, 0px 0px 3px #627885;
}


.go-down {
 background: #627783;
    font-family: alice;
    color: #c3beb6;
    text-align: center;
    padding: 4px 8px 4px 8px;
    border: 1px solid #637986;
    border-radius: 1px;
    text-shadow: 1px 1px #252d31, 0px 0px 3px #c5c0b9;
    box-shadow: 0px 0px 0px 1px #8f8476 inset, 0px 0px 4px #637985 inset, 0px 0px 3px #607482;
}

/*** ОТКЛЮЧЕНИЕ УЛУЧШЕННОГО АККАУНТА ***/
#pun-status .item4 {display:none;}


/* темный фон в теме */
div.exmod{
background: url(http://forumstatic.ru/files/001b/14/87/96887.png);
border-style: solid;
border-width: 10px 10px 10px 10px;
border-image: url(http://forumstatic.ru/files/001b/14/87/36142.png) 10 10 10 10 repeat;
box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.4);
padding: 8px 8px;}

div.exmod span {
display: block;
color: #574937;
text-align: justify;}

/* страница персонажа */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 100;
display: none;
top: 0;
left: 0;}

.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 659px;
height: 465px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
background: url(http://forumstatic.ru/files/001b/14/87/43130.png) no-repeat scroll center top;}

.reveal-modal.xlarge {
width: 659px;
margin-left: -270px;}

.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #374c00;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
text-decoration: none;}

.menu span {
cursor: pointer;
display: inline-block;
margin-left: 53px;
text-align: center;
width: 90px;
font-family: Theano Didot;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: #646e20;}

.menu-links {
float: left;
margin-right: 4px;}

#submenu {
display: inline-block;}

.menu .tabactive {
color: #9fae39;}

#submenu {
padding: 0px 10px 0px 40px;
height: 180px;
font-size: 12px;
width: 580px;
height: 342px;
overflow: auto;
margin-top: 38px;
color: #574937;
text-align: justify}
   
.submenutext {
display: none;
height: 40px;}





