/* шапка */
#pun-title.section {
    background: url(https://forumstatic.ru/files/001b/86/d5/24742.png) center top no-repeat scroll transparent;
    width: 974px;
    height: 346px;
    top: 85px;
    position: relative;
    outline: 6px solid #f9f8f6;
}

/* Название форума */
#pun-title h1 {
    display: none;
}

hr {
    border: none;
    border-top: 1px solid #ace5ef;
}

/* Навигация */
#pun-navlinks {
    position: relative;
    bottom: 360px;
    background: #f9f8f6;
    width: 845px;
    height: 30px;
}
#pun-navlinks .container {
    text-align: center;
    margin: 0 auto;
    line-height: 30px;
    vertical-align: middle;
}
#pun-navlinks li {
    display: inline;
    padding: 0 0.5em;
}
#pun-navlinks li a {
    font-size: 15px;
    color: #bb5939;
    text-transform: uppercase;
    font-family: 'NeutralFace';
}

#pun-navlinks li a:hover {
    color: #9e3715;
    font-weight: 100;
    text-shadow: 1px 0px 2px #d25935;
}
#pun-navlinks li#navadmin span {
    font-size: 0;
}

#pun-navlinks li#navadmin span:after {  
    content: "Админка"; 
    font-size: 15px;
}

#pun-ulinks {
    position: relative;
    bottom: 358px;
}
#pun-ulinks .container {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
#pun-ulinks li {
    display: inline; 
    padding: 0 0.3em;}
    
#pun-ulinks li a {
    font-family: 'NeutralFace';
    color: #585453;
    font-size: 9px;
}
#pun-ulinks li a:hover {
    color: #1c1a1a;
}

#pun-navlinks #navawards {
    display: none;
}


/* общий вид ссылок */

a {
    color: #b6593b;
    text-transform: uppercase;
    font-family: 'NeutralFace';
    text-decoration: none;
    font-size: 11px;
}

a:hover,
a:focus,
a:active {
    color: #9e3715;
    font-weight: 100;
}

/* системные ссылки в футере */
div#pun-about {
    position: relative;
    top: 17px;
    text-align: center;
}

div#pun-about a {
    font-size: 9px;
}


/* категории */
.category h2, .category h1 {
    background: url(https://forumstatic.ru/files/001b/86/d5/16857.png) no-repeat bottom center;
    text-align: left;
    margin: 55px 0 15px 0;
}

.category h2 span, #pun-main .category h1 span {
    display: block;
    color: #353332;
    font-size: 19px;
    position: relative;
    bottom: 25px;
    left: 7px;
    font-weight: 100;
}

/* форумы */
.category div.tclcon {
    background-color: #d4d5d0;
    height: 155px;
    border-left: 35px solid #f9f8f6;
}


.forumDescription {
    overflow-y: auto;
    height: 65px;
    padding: 5px 10px;
    text-align: end;
}

.category .forumDescription a.importantLinks {
    background: #f9f8f6;
}

.category .forumDescription .title {
    float: left;
    background: #f9f8f6;
    width: 152px;
    padding: 5px;
    margin: 0px 40px 25px -11px;
}

.category .forumDescription .links {
    display: inline;
    background: #f9f8f6;
    line-height: 20px;
    padding: 2px;
}

.category .forumDescription .links a {
    color: #353333;
    margin-right: 10px;
}

.category .tcl h3 {
    position: relative;
    height: 45px;
    background: #f9f8f6;
    right: 40px;
    width: 555px;
    margin-bottom: 6px;
}

/* Иконки */
.category div.icon,
.category TR.inew Div.icon,
.forum TR.inew Div.icon {
    float: left;
    width: 10px;
    height: 155px;
    position: relative;
    left: 25px;
}

Div.icon {
    background: #353333;
}

TR.inew Div.icon {
    background: #bb5939;
}

TR.isticky Div.icon {
    background: #c58d3e;
}

TR.iclosed Div.icon {
    background: #645f5f;
}

/* количество непрочитанных тем у иконки */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background-color: #353333 !important;
    top: 42px;
    right: 10px;
    z-index: 1;
    font-size: 7px !important;
    border-radius: 0 !important;
}

/* счетчик кол-ва новых ЛС */
.jGrowl-message h2 span {font-size: 12px;text-align: center;text-shadow: none;color: #fff;padding: 0;}
.jGrowl-message h2 {background: none;}
span.num_msg {background: #353333;}
span.num_msg:before {background: #353333;}


/* Миниатюра аватара на главной */
#pun-main .category .user-avatar {
    height: 55px !important;
    margin: 0 30px 2px 0px;
}

#pun-main .category .user-avatar .avatar-image {
    width: 55px !important;
    height: 55px !important;
    position: relative;
    top: 0px;
}

#pun-main  .user-avatar .avatar-image {
  border-width: thin;
    border-radius: 2px !important;
    border-color: #f9f8f6;
    border-style: solid;
    opacity: 0.55 !important;
}

#pun-main .user-avatar .avatar-image:hover {
    opacity: 1 !important;
}

#pun-main .user-avatar .isonline {
    border-radius: 1% !important;
    top: 1px !important;
    right: 28px !important;
    background: #bb5939 !important;
}


/* Стрелки */
#upDown {
  position:absolute; 
  right: -17px; 
}
.go-up, .go-down {
  cursor: pointer; 
  position: fixed; 
  z-index: 999;
  font-size: 50px;
  
color: #fff;}
.go-up {
  bottom: calc(30% + 70px);
  opacity: 80%;
}
.go-down {
  bottom: 30%;
  opacity: 80%;
}
.go-down:hover, .go-up:hover { opacity:1; }



/* User-панель */

#pun-status {
    font-size: 12px;
    position: absolute;
    top: 40px;
    left: 70px;
}

#pun-status p.container {
   width: 310px;
   height: 35px;
   background: #f9f8f6;
   padding: 5px 5px 5px 20px;
   line-height: 35px;
   vertical-align: middle;
}

#pun-status span {
  position: absolute;
  color: #3d3939;
  text-transform: uppercase;
  font-family: 'NeutralFace';
  font-size: 10px;
}

#pun-status span.item1 {
    left: 125px;
    top: -9px;
}

#pun-status span.item2 {
    left: 30px;
    top: 6px;
}

#pun-status span.status-right {bottom: -10px;right: 1px;}

#pun-status span.status-right a {
    font-size: 8px;
}

#pun-status span.item5 {
    display: none;
}

 div#u-panel {
    display: block;
    position: absolute;
    top: 35px;
    left: 25px;
    z-index: 5;
}

div#u-panel #option img {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    border: 2px solid #f9f8f6;
}

#pun-status:before {
    background: url(https://forumstatic.ru/files/001b/86/d5/64914.png);
    width: 120px;
    height: 12px !important;
    content: '';
    position: absolute;
    display: block;
}



/* пользовательские ссылки у ника */
#pun-main .post .pa-links {
    display: none;
    position: absolute;
    top: 25px;
    right: 0;
    padding: 5px;
    z-index: 100;
}
#pun-main .post .pa-links ul.container {
    background: #f9f8f6;
    font-family: Georgia;
    border: 0;
    padding: 3px;
    text-align: end;
}

#pun-main .post .pa-links li {
    display: block;
    float: inherit;
    margin-bottom: 5px;
}
.btn-links {
    width: 20px;
    height: 20px;
    border: 1px #f9f8f6;
    border-style: solid none solid solid;
    position: absolute;
    top: 8px;
    right: 14px;
    cursor: pointer;
}
.post-author {position:relative;}
.post-links li.pl-email,.post-links li.pl-website {display: none;}

/* Регулировка размера шрифта в постах */
.FNTslider {
    position: relative;
    z-index: 1000;
    width: 200px;
    height: 5px;
    float: right;
    background: #f9f8f6;
    top: 4px;
    right: 20%;
}
.FNTslider .before {
    height: 5px;
    position: absolute;
    background: #353232;
}
.FNTslider .thumb {
    width: 4px;
    height: 13px;
    position: relative;
    top: -4px;
    cursor: pointer;
    background: #353232;
    margin: 0;
}



/* Профиль */
#pun-main .post .post-author, #profile-left {
    text-align: center;
    width: 240px !important;
    margin: 7px;
    background: url(https://forumstatic.ru/files/001b/86/d5/91345.png);
    color: #d4d5d0;
}


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

.pa-author a, .pa-author strong {
    font-size: 18px;
    position: relative;
    top: 3px;
}


#pun-main .post-author li.pa-author, #profile-left #profile-name {
    text-align: center;
    border-style: none solid solid solid;
    border-color: #f9f8f6;
    border-width: 1px;
    width: 185px;
    padding: 5px 20px 10px 5px;
}

#pun-main .pa-avatar, #profile-left #pa-avatar {
  border-style: solid;
    border-color: #f9f8f6;
    border-width: 1px;
    max-width: 214px;
    min-height: 214px;
    position: relative;
}

.pa-avatar img, #profile-left #pa-avatar img {
    max-width: 200px;
    position: absolute;
    left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 190px;
}

#pun-main .pa-gifts {
    display: none;
}

/* статус */
.pa-title, #profile-left li#profile-title {
    font-size: 10px;
    margin: 10px !important;
}


#pun-main .pa-posts, #pun-main .pa-respect {
    display: inline-block;
    position: relative;
    font-size: 9px;
    margin: 9px 0;
    z-index: 1;
}

#pun-main .pa-posts span {
  margin-right: 3px;
}

#pun-main .pa-respect a {
  font-size: 0px;
  color: #d0d3cf;
}

#pun-main .pa-respect {
  padding-left: 5px;
}

#pun-main .pa-respect a img {
    height: 8px;
}

#pun-main .pa-respect .fld-name a:after {
    content: 'Рейтинг';
    font-size: 9px;
}

#pun-main .pa-time-visit, #pun-main .pa-ip, #pun-main .pa-reg {
    display: none;
}

#pun-main .pa-online, #pun-main .pa-last-visit {
  padding: 10px 0;
  margin-top: -1px;
  border: 1px #9d9b99;
  border-style: solid solid none solid;
  width: 214px;
}

#pun-main .pa-online strong {
  font-size: 12px;
  font-weight: 100;
}

#pun-main .pa-last-visit {
  font-size: 10px;
  font-weight: 100;
}



/* дополнительное поле */
#pun-main .pa-fld1 {
    position: relative;
    margin-top: 15px;
    font-size: 10px;
    display: block;
    padding: 5px;
    width: 204px;
    border: 1px solid #f9f8f6;
}

#pun-main .pa-fld1 .fld-name {
    display: none;
}

#pun-main .pa-fld1 div#qt2 {
    background: #f9f8f6;
    width: 217px;
    min-height: 35px;
    margin: 5px 0px -6px -11px;
    padding: 3px;
    border: 2px solid #d4d5d0;
    color: #353333;
    font-size: 9px;
    text-align: left;
}

#pun-main .pa-fld1 div#qt2 img {
    float: left;
    max-height: 35px;
    padding-right: 6px;
}

#pun-main .pa-fld1 div#qt a {
    font-size: 12px;
}

#pun-main .pa-fld1:after {
  content: '';
  border: 1px #c4c2c0;
  border-style: none solid solid solid;
  position: absolute;
  bottom: -30px;
  left: -1px;
  height: 27px;
  width: 214px;
}


/* НАГРАДЫ */

#pun-main .pa-awards #awrdbut {
  display: block;
    text-align: end;
    outline: 1px solid #c4c3c1;
    width: 215px;
    height: 20px;
    margin-right: 12px;
}

#pun-main .pa-awards #awrdbut input[type="button"] {
  background: #f9f8f6;
  text-align: initial;
  text-transform: uppercase;
  padding: 2px;
  width: 197px;
  border: 0;
}

#awrdbut .mini_awards_label {
  display:none !important;
}

#pun-main .pa-awards br:nth-child(4) {
    display: none !important;
}


/* страница наград пользователя*/

div#pun-main.mod-page .container table {
    border-bottom: 8px solid #f9f8f6;
    width: 965px;
}

div#pun-main.mod-page .container table thead {
    display: table-header-group;
}

div#pun-main.mod-page .container table tr {
    display: table-row;
    text-align: center;
}

div#pun-main.mod-page .container table tr td {
    display: table-cell;
    position: relative;
    left: auto;
    top: auto;
    vertical-align: middle;
}

div#pun-main.mod-page .container table tr td:before {
    display: none;
}




/* быстрый поиск по теме */
#s-block {
    display: none;
}
/* Кнопка поделиться */
.topic a.sharelink {
    display: none;
}

/* Счетчик символов */
small#plng {
    display: block;
    position: absolute;
    margin: 4px 0px 0px -268px;
    padding: 6px;
}


/* Баннеры партнеров */
#banner-box {
    overflow: hidden scroll;
    height: 31px;
    width: 1002px;
    padding: 5px;
    position: absolute;
    left: -6px;
    bottom: -80px;
    background: #f9f8f6;
    vertical-align: middle;
}

#banner-box a {
    filter: opacity(0.4);
}

#banner-box a:hover {
    filter: opacity(1);
}

#banner-box a img {
    filter: grayscale(95%);
}

#banner-box a img:hover {
    filter: grayscale(0%);
}



/* ################ ТАБИЛИЦА  ############*/

#tab {
    position: absolute;
    z-index: 1;
    top: 85px;
    left: 360px;
    width: 625px;
    height: auto;
    color: #d4d5d0;
    font-size: 10px;
}

#tab .tabAva, #tab .tabAva2 {
  position: absolute;
  background: #f9f8f6;
  padding: 0 4px;
}

#tab .tabAva {
    left: 150px;
}

#tab .tabAva2 {
    left: 400px;
}

#tab .tabAva a, #tab .tabAva2 a {
    display: contents;
}

#tab .tabAva a img, #tab .tabAva2 a img  {
    border: 2px solid #f9f8f6;
    border-collapse: collapse;
    width: 57px !important;
    height: 57px !important;
    margin: 0 -3px !important;
}

#tab #info {
    position: relative;
    text-align: end;
    top: 85px;
    font-weight: 100;
}

#tab #info #data {
    font-size: 15px;
    display: inline-block;
}

#tab #nav, #tab #news {
    position: absolute;
    display: inline-block;
    top: 150px;
}

#tab #news {
   background: #393939cc;
   width: 460px;
   height: 150px;
   overflow-y: auto;
   padding: 5px;
}

#tab #nav {
    right: -2px;
}

#tab #nav a {
    display: block;
    font-size: 10px;
    background: #f9f8f6;
    margin: 3px 0 0 0px;
    width: 105px;
    padding: 3px 10px;
    text-align: end;
  color: #393a39;
}



/* Скролл */
body ::-webkit-scrollbar {
    width: 5px;
    background-color: #353232cc;
}  
body ::-webkit-scrollbar-thumb {
    background-color: #d4d5d0;
}




/* АНКЕТА */
html body.post-content {
    background: none !important;
}

body.post-content #anket #name {
  background-color: #f9f8f6;
  font-size: 30px;
  text-align: center;
  font-family: 'NeutralFace';
  font-weight: 100;
  margin-bottom: 20px;
}

body.post-content #anket #name:after {
    content: '';
    background: url(https://forumstatic.ru/files/001b/86/d5/16857.png) no-repeat bottom center;
    height: 10px;
    width:100%;
    display: block;
}

body.post-content #anket #basic {
    display: grid;
    font-family: 'NeutralFace';
    font-weight: 100;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    justify-items: center;
    grid-template-areas:
        "fraction img besides"
        "age img besides"
        "orientation img besides";
}

body.post-content #anket #basic #fraction {grid-area: fraction;}
body.post-content #anket #basic #age {grid-area: age;margin: 20px 0;}
body.post-content #anket #basic #orientation {grid-area: orientation;}
body.post-content #anket #img {grid-area: img; width: 190px;height: 190px;}
body.post-content #anket #besides {grid-area: besides;}

body.post-content #anket #basic strong {
  font-family: 'NeutralFace-Bold';
}


body.post-content #anket #img img {
    border: 5px solid #f9f8f6;
    width: 180px;
    height: 180px;
}

body.post-content #anket #basic #fraction,
body.post-content #anket #basic #age,
body.post-content #anket #basic #orientation {
  display: table;
  background: #f9f8f6;
  text-transform: uppercase;
  width: 275px;
  padding: 0 10px;
  text-align: end;
}

body.post-content #anket #basic #fraction p,
body.post-content #anket #basic #age p,
body.post-content #anket #basic #orientation p {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

body.post-content #anket #besides {
  background-color: #f9f8f6;
  margin-left: 20px;
  padding: 10px;
  max-height: 170px;
  overflow: auto;
  text-align: center;
}


body.post-content #anket #besides .appearance, body.post-content #anket #besides .inventory {
  text-align: left;
  margin: 10px 0;
}

body.post-content #anket ::-webkit-scrollbar {
  background-color: #eaeaea;
}

body.post-content #anket ::-webkit-scrollbar-thumb {
    background-color: #353333;
}

body.post-content #anket .info {
    background-color: #f9f8f6;
    margin: 20px 0;
    padding: 0 15px 15px;
}

body.post-content #anket .info strong.h1 {
    font-family: 'NeutralFace-Bold';
    background: #d4d5d0;
    font-size: 20px;
    margin-left: 295px;
    padding: 0 5px 5px 5px;
}


body.post-content #anket .info .bio strong, body.post-content #anket .info .personality strong {
    font-family: 'NeutralFace';
    font-size: 20px;
    font-weight: 100;
    display: block;
    margin-top: 20px;
}

body.post-content #anket .info .bio strong:after,
body.post-content #anket .info .personality strong:after {
    content: '';
    display: block;
    height: 1px;
    width: 90%;
    background: #d4d5d0;
    margin-bottom: 20px;
    margin-left: -15px;
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
}

body.post-content #anket #player {
    background-color: #f9f8f6;
    margin: 20px 0;
    padding: 15px;
}

body.post-content #anket #player #contacts,
body.post-content #anket #player #plans {
    display: inline-block;
    width: 50%;
    text-align: center;
}

body.post-content #anket #player #contacts strong,
body.post-content #anket #player #plans strong {
    display: block;
    font-family: 'NeutralFace';
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 10px;
}