/* öâåòà è øòóêè
--------------------------------- */

:root {
     --punbb-bg: url(http://forumstatic.ru/files/001b/0a/5f/58764.jpg) repeat center top;
    }


/***   ÈÊÎÍÊÈ   ***/
Div.icon {
width: 10px;
    height: 10px;
    margin: 2px 8px 10px 5px;
    background: #262626;
border-radius: 100px;
    }
TR.inew Div.icon {background: #99524c;}
TR.iclosed Div.icon {background: #26262675;}
TR.isticky Div.icon {background: #99524c75;}  


/***   ÈÊÎÍÊÈ ÄËß ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÛ   ***/
#pun-main .category Div.icon {
margin: 11px 0px 0px 20px;
     background: #eeeeee;
border-radius: 100px;
}
#pun-main .category TR.inew Div.icon{
background: #99524c;
}

/***   ÎÔÎÐÌËÅÍÈÅ ÎÏÈÑÀÍÈß ÔÎÐÓÌÀ   ***/
.opisanie {display: block;
    padding: 0px 14px;
    margin-left: 20px !important;
        } 

.opisanie-links {
    display: block;
    margin-top: 5px !important;
    margin-left: 20px !important;
   /* background: #99524c; */
    padding: 1px;
    text-align: center;
} 
.opisanie-links a {
       /* color: #eee !important; */
} 

.opisanie-links a:after {content: ' :: ';}
.opisanie-links a:last-child:after {display: none;}

/***   ÖÈÒÀÒÀ È ÊÎÄ   ***/
.punbb .quote-box, .punbb .code-box, .punbb .hide-box {
border: 1px solid #262626;
        }



/***   ÏÎËÅ ÎÒÂÅÒÀ   ***/
.punbb textarea {
padding: 0.8em;
width: calc(100% - 1.6em) !important;
outline: none;
border: 1px solid #a2a3a5;
font-size: 1.2em;
background: #e4e4e4;
}



/***   ÊÍÎÏÊÈ-ÂÊËÀÄÊÈ Â ËÑ È ÏÐÎÔÈËÅ   ***/
#profilenav li {
margin: auto 0.2em 0.5em auto;
padding: 0.4em 0.7em;
border: 1px solid #a2a3a5;
font-weight: 700;
text-transform: uppercase;
background: rgba(255,255,255,0.35);
}

/***   ÊÍÎÏÊÈ-ÂÊËÀÄÊÈ ÏÐÈ ÍÀÂÅÄÅÍÈÈ   ***/
#profilenav li:hover, #profilenav li:focus, #pun-main li.isactive {
background: rgba(255,255,255,0.75);
}



/***   ÑÒÀÒÈÑÒÈÊÀ ÔÎÐÓÌÀ ÁËÎÊÈ   ***/
/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
padding-left: 1em;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
padding-right: 1em;
  }

/***   ÊÀÒÅÃÎÐÈÈ   ***/
.punbb .main h2, #pun-debug h2, .punbb .main h1, #pun-stats h2 {
margin: auto;
    padding: 5px 15px 5px 0;
    letter-spacing: 0.05em;
    font-size: 12px;
text-align: center;
    text-transform: uppercase;
    color: #dadada;
    background: #99524c;
 font-family: 'Arimo', sans-serif;
font-weight: 900;
    /* font-style: italic; */
}
/* .punbb .main h2::before, #pun-debug h2::before, .punbb .main h1::before, #pun-stats h2::before {
    content: '—';
padding: 0.5em;
}
.punbb .main h2::after, #pun-debug h2::after, .punbb .main h1::after, #pun-stats h2::after {
    content: '—';
padding: 0.5em;
} */
#pun-index #pun-category1 h2 {margin-top: -10px !important;}

#pun-stats.section h2 {margin-top: -15px !important;
margin-bottom: 5px !important;}

#pun-index .category .container {margin: 0 20px !important;
    position: relative;
}

#pun-index .category table {border-spacing: 0px 20px}

#pun-index thead {display: none}

#pun-index .category tr {
    background: #eeeeee;
    box-shadow: 0 0 0 1px #979797 inset;
}

/***   ÇÀÃÎËÎÂÊÈ Â ÐÅÄÀÊÒÈÐÎÂÀÍÈÈ ÏÐÎÔÈËß È ËÑ   ***/
#viewprofile h2, #profilenav h2 {
letter-spacing: 0.05em;
font-weight: 600;
font-size: 12px;
background: transparent;
background-image: none;
}



/***   ÇÀÃÎËÎÂÎÊ ÐÅÄÀÊÒÈÐÎÂÀÍÈß È ÏÐÎÑÌÎÒÐÀ ÒÎÏÈÊÀ, ÏÐÎÔÈËß   ***/
#pun-edit .main h1, #pun-viewtopic .main h1, #pun-profile .main h1 {
width: auto;
margin: auto;
padding-right: 10px;
letter-spacing: normal;
font-size: 1.4em !important; 
font-weight: 600;
color: #99524c;
background: transparent;

}



/***   ÄÀÒÀ È ÍÎÌÅÐ ÏÎÑÒÀ   ***/
.punbb .post h3 {
margin: auto auto 1.4em auto;
padding: 0.3em 2.5em;
font-size: 1em;
color: #99524c;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #282828;
background: #ecebea;
/* background: #000000; */
}
/*.punbb .post h3 span strong::before {
    content: '#';
}*/

/***   ÑÑÛËÊÈ ÍÀ ÔÎÐÓÌÅ   ***/
.punbb a, .punbb a:link, .punbb a:visited {
color: #99524c; 
cursor: pointer;
}


/***   ÑÑÛËÊÈ ÀÊÒÈÂÍÛ   ***/
.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: #663733;
}



/***   ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÅ ÌÅÍÞ ÍÈÆÍÅÅ   ***/


#pun-ulinks a {
color: #848484; 
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #b9b9b9;
}

/***   ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÅ ÌÅÍÞ ÂÅÐÕÍÅÅ   ***/


#pun-navlinks a, #pun-navlinks a:link, #pun-navlinks a:visited {
  
  position: relative;
  -webkit-appearance: none;
  color: #282828;
  text-decoration: none;
    }
#pun-navlinks  a:hover {
  color: #99524c;
}


/***   ÍÀÇÂÀÍÈÅ ÔÎÐÓÌÀ ÍÀ ÃËÀÂÍÎÉ   ***/
#pun-index .tcl h3 a {
font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto';
    color: #000 !important;
}
#pun-index .tcl h3 a:hover {
  color: #99524c !important;
}
/*** Ôèêñ ïðîòèâ ðàñïëûâàþùåéñÿ ðåïóòàöèè ***/
#pun-respect .tc3 {
  position: relative;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word; }

.pa-posts, .pa-respect {display:inline-block; width:35%; margin-bottom: 6px; padding-top: 0.5em !important;}
.pa-posts {margin-left:4px;}
.pa-posts .fld-name, .pa-respect .fld-name {display:block;}

.mini_awards_label { display: none; }
li.pa-awards>br {display:none;}
ul.post-ul-Sp.Sp1 {padding: 6px 0px 0px !important;}


/*** ÓËÓ×ØÈÒÜ ÀÊÊÀÓÍÒ ***/
#pun-status .item4 {display:none;}

/***   ÁËÎÊ ÏÎËÜÇÎÂÀÒÅËß   ***/
.post-author {
width: 230px;
    text-align: center;
    color: #000;
    border: solid 1px #000;
    margin-left: 6px!important;
    font-family: 'Roboto';
    font-weight: 300;
font-size: 12px;
}

.post-author ul {margin: 5px 15px 10px 15px;}


/***   ÍÈÊÍÅÉÌ ÀÂÒÎÐÀ ÏÎÑÒÀ   ***/
.pa-author, .pa-author a {
  font-size: 14px;
    text-transform: uppercase;
     font-family: 'Arimo', sans-serif;
    letter-spacing: 1px;
    font-weight: 900;
    color: #000000!important;
   }
.pa-author a:hover, .pa-author a:focus, .pa-author a:active {
   color: #99524c !important; transition: 0.3s;
    }

.pa-author {
padding: 12px 0 0 0 !important;
}


/* ÷òîáû àâàòàð íå ðàçúåçæàëñÿ*/
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
}
.pa-title{
padding: 5px 0 5px 5px !important;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: 'Roboto';
    font-weight: 300;
}

.pa-fld1 {
   width: auto;
    height: auto;
padding: 0.8em !important;
    border: 1px solid #ccc;
background: #eeeeee;
margin-bottom: 0.5em !important;
margin-top: 1em !important;
text-align: justify;
    font-size: 10px;
 padding-top: 0px;
    line-height: 1.2em;
    text-transform: lowercase;
}
.pa-fld1 a {
   font-weight: bold;
}
.zvanie {
    font-size: 12px;
    text-align: justify;
    padding-top: 0px;
    line-height: 1.2em;
    text-transform: lowercase;
    }
.name {
   border-bottom: solid 1px #ccc;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    padding-bottom: 0.5em;
font-weight: bold;
    }

.name a {
   color: #ccc !important;
    }
.name a:hover, .name a:focus, .name a:active {
   color: #99524c !important;
    }

/***   äëÿ òàáëèöû   ***/

.news {
    position: absolute;
    top: 15px;
    width: 650px;
    height: 80px;
    text-align: justify;
    line-height: 15px;
    padding: 1em;
    border: 5px solid #262626;
    outline: 1px solid #99524c;
    /* border: 1px solid red; */
    overflow-x: scroll;
    background: var(--punbb-bg);
    overflow: auto;
}
 

.news p {
    font-size: 12px;
    text-align: justify;
    padding-top: 0px;
    line-height: 1.2em;
      }

.news a {
    font-size: 12px;
    color: #99524c;   
    }

.news a:hover, .news a:focus, .news a:active {
    font-size: 10px;
    color: #99524c;   
    }

.nyzn {opacity: .4;
    position: relative;
    overflow: hidden;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(121, 106, 97, .5);} 

.nyzn:hover {opacity:1; 
 transition: all 1s ease-in-out ; -webkit-transition: all 1s ease-in-out ; -moz-transition: all 1s ease-in-out ; -ms-transition: all 1s ease-in-out ; -o-transition: all 1s ease-in-out ;}

.navig {
    font-size: 14px;
    color: #dbdbdb!important;   
    }
.navig a {
    font-size: 14px;
    color: #dbdbdb!important;   
    }

.navig a:hover, .navig a:focus, .navig a:active {
    font-size: 14px;
    color: #99524c!important;   
    }



/* Øàïêà ýïèçîäà */
.post-content .custom_tag_title {
  font-family: "Yeseva";
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 7px 0px;
  margin-bottom: 7px;
}
