/*************************************************************
ÎÑÍÎÂÍÎÉ ÑÒÈËÜ È ÖÂÅÒÀ
**************************************************************/

/* 0. ÔÎÍ
-------------------------------------------------------------*/

/* 0.1 Áîäè èëè ôîí ôîðóìà */
body {
background: 
url("http://forumupload.ru/uploads/001b/36/d1/2/693034.jpg") repeat-x top center,
url("http://forumupload.ru/uploads/001b/36/d1/2/911788.jpg") repeat-x bottom center,
url("http://forumupload.ru/uploads/001b/36/d1/2/198744.jpg"); 
background-color: #1f150c;}

/* 0.2 Ïàí èëè "òåëî" ôîðóìà */
#pun {width: 900px; background-image: url(/files/0017/51/94/45290.jpg); }
.punbb {width: 95%; margin-left: 23px; }

/* 1. ØÀÏÊÀ ËÎÃÎ
-------------------------------------------------------------*/

#pun-title table {
background: url(/files/0017/51/94/80685.png) no-repeat top center;
height: 250px;
width: 1300px; 
margin-left: -223px; }

/* 1.2 Ðåêëàìíûé áàííåð ïîçèöèîíèðîâàíèå */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 50px; 
top: -192px}

/* 2. ÔÓÒÅÐ
-------------------------------------------------------------*/

#pun-about p.container {
background-image: url(/files/0017/51/94/63359.png); 
background-position: top center; background-repeat: no-repeat; 
height: 70px; 
width: 1300px; 
margin-left: -224px; 
margin-bottom: -7px; }

#pun-admin #pun-about p.container {
margin-bottom: -3px!important; }

.pun-about p.container .scrollbox::-webkit-scrollbar {width: 10px!important; }

/* 3. ÊÀÒÅÃÎÐÈÈ
-------------------------------------------------------------*/
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2 { 
font-size: 0!important;
height: 80px; 
width: 900px; 
margin-left: -23px; }

#pun-category1.category h2 {
background: url(/files/0017/51/94/76067.png); }
#pun-category2.category h2 {
background: url(/files/0017/51/94/86723.png); }
#pun-category3.category h2 {
background: url(/files/0017/51/94/14247.png); }


/* 4. ÎÏÈÑÀÍÈÅ ÔÎÐÓÌÎÂ ÍÀ ÃËÀÂÍÎÉ
-------------------------------------------------------------*/

thead {display: none;}

#pun-index .category tr>.tc2,
#pun-index .category tr>.tc3,
#pun-index .Tems_And_messages {
display:none !important; }

#pun-index .category tr { 
width: 400px;
padding: 6px 0px;
display: inline-block;
margin-bottom: 5px; margin-top: 5px; margin-left: 16px;
background: #fffbf46b;
box-shadow: inset 0px 0px 10px 0px #e6ddbf;
border: 1px solid #ffffff; outline: 1px solid #d1c4a26e;  }

.podforum {
font-size: 9px;
color: #a59186;
text-align: justify;
letter-spacing: 0.07em;
line-height: 130%!important;}

#pun-index .tcr {
width: 100%;
position: relative;
display: inline-block;
line-height: 170%;
text-transform: uppercase;
color: #a59186;
font-size: 9px; }

.punbb .main .tcr a {
font: 12px 'Montserrat';
font-weight: 600!important; }

/* 4.2 Çàãîëîâîê ïîäôîðóìà */
#pun-index .tcl h3 {
padding-bottom: 0px!important;
padding-top: 0px!important;
text-align: left; 
margin-bottom: 4px; }

#pun-index .tcl h3 a {
font-family: "Montserrat";
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em; }

/* 5. ÈÊÎÍÊÈ ÒÅÌ
-------------------------------------------------------------*/

/* 5.1 Èêîíêà ñòàðûõ ñîîáùåíèé*/
.punbb table Div.icon {
background-image : url(/files/0017/51/94/25524.png);
background-repeat: no-repeat; }

/* 5.2 Èêîíêà íîâûõ */
TR.inew Div.icon {
background-image : url(/files/0017/51/94/63062.png);
background-repeat: no-repeat; }

/* 5.3 Èêîíêà âàæíûõ*/
TR.isticky Div.icon {
background-image : url(/files/0017/51/94/34747.png);
background-repeat: no-repeat; }

/* 5.4 Èêîíêà çàêðûòûõ*/
TR.iclosed Div.icon {
background-image : url(/files/0017/51/94/20770.png);
background-repeat: no-repeat; }


/* 6. ÀÂÀÒÀÐ ÀÂÒÎÐÀ ÏÎÑËÅÄÍÅÃÎ ÑÎÎ ÍÀ ÃËÀÂÍÎÉ
-------------------------------------------------------------*/
.user-avatar {
height: 36px!important;
background: #efc396;
outline: 1px solid #d1c4a2a8;
border: 1px solid #ffffffa3; }

#pun-index .user-avatar {
margin-top: -5px; }

.punbb .user-avatar .avatar-image {
border-radius: 0%!important;
filter: grayscale(1);
opacity: 0.6!important;
transition: all 2s; }

.punbb .user-avatar .avatar-image:hover {
filter: grayscale(0);
opacity: 0.7!important; }

.punbb .user-avatar .isonline {
position: absolute!important;
right: -3px!important; top: -3px!important;
width: 10px!important;
height: 10px!important;
background: #91974d!important; }


/* 7. ÞÇÅÐ-ÏÀÍÅËÜ ÂÕÎÄÀ Â ÒÀÁËÈÖÅ
-------------------------------------------------------------*/
#pun-status {
background: transparent;
position: absolute;
font-size: 7px;
font-family: 'Montserrat';
color: #dcb16b;
margin: auto 0px auto auto;
position: absolute;
text-transform: uppercase;
letter-spacing: 0.07em;
top: 74px;
left: 544px;
line-height: 190% }

#pun-status a { 
color: #dcb16b!important; }

#pun-status span.item1 strong {
font-size: 12px!important; }

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

.status2beavatar>img {
position: absolute;
width: 73px;
height: 73px;
top: -38px;
left: -107px;
border-radius: 100%;
opacity: 70%;}

.status2beavatar>img:hover {
opacity: 100%; }

/* 8. ÂÑÏËÛÂÀÞÙÈÅ ÒÓËÒÈÏÛ ÑÒÈËÜ
-------------------------------------------------------------*/
.tipsy-inner, .ls tipsy-inner { 
background-color: #747932!important;
text-align: center; 
font-size: 9px!important; 
font-family: montserrat!important; 
text-shadow: none!important;
letter-spacing: 0.08em; }

/* 9. ÏÎËÎÑÀ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar {width: 6px; height: 7px;}  
::-webkit-scrollbar-track {background-color: #2a1c11;} 
::-webkit-scrollbar-thumb {background-color: #c69d51; border: 1px solid #60340f; box-shadow: inset 0 0 1px #b77531;}
::-webkit-scrollbar-thumb:active {background: #b83641; border-radius: 0%; border: 1px solid #854370; box-shadow: inset 0 0 1px #802227;}

/* 10. ÂÛÄÅËÅÍÈÅ ÒÅÊÑÒÀ
-------------------------------------------------------------*/
::-moz-selection{        background: #969d47;
    color: #fcf6ea;
}
::webkit-selection{        background: #969d47;
    color: #fcf6ea;
} 
::selection{
    background: #969d47;
    color: #fcf6ea;
    text-shadow: none!important;
}


/* 11. ÏÎÄÏÈÑÜ ÏÎÇÈÖÈÎÍÈÐÎÂÀÍÈÅ
-------------------------------------------------------------*/
.punbb .post dl.post-sig {
margin-top: 15px!important;
line-height: 140%; }


/* 14. ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ ÑÒÐÀÍÈÖÛ
-------------------------------------------------------------*/
.go-up,.go-down {
display: none;
position: fixed;
right: 4%;
z-index: 9999;
cursor: pointer;
width: 88px;
height: 88px; }

.go-up {
bottom: 270px; /* ïîëîæåíèå îò íèçà îêíà áðàóçåðà âåðõíÿÿ êíîïêà */
-webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all;   
transition: .3s all; }

.go-down {
bottom: 210px; /* ïîëîæåíèå îò íèçà îêíà áðàóçåðà íèæíÿÿ êíîïêà */
-webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all;   
transition: .3s all; }

.go-down:hover,.go-up:hover {
opacity: 1; }



/* 15. ÐÅÃÓËÈÐÎÂÊÀ ÐÀÇÌÅÐÀ ØÐÈÔÒÀ
-------------------------------------------------------------*/

.FNTslider {
position: relative;
border-radius: 0px;
z-index: 1000;
background: #af928070;
width: 110px;
height: 4px;
border: solid 1px #160f09;
float: right; }

.FNTslider .before {
position: absolute;
height: 5px;
margin-top: -1px;
border-right: none 0;
border-radius: 0px;
background: linear-gradient(45deg, #7d2731, #b3313b);
box-shadow: inset 0px 0px 2px 0px #e8808a; }

.FNTslider .thumb {
width: 10px;
height: 10px;
border-radius: 0%;
position: relative;
top: -4px;
background: #b3313b;
border: solid 1px #9a222a;
box-shadow: inset 0px 0px 2px 0px #e8808a;
cursor: pointer; }

.FNTslider .thumb:hover {
background: #908f47;
border: solid 1px #6c7133;
box-shadow: inset 0px 0px 2px 0px #b2b569; }



/* ÐÀÇÍÎÅ
-------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {display: none} 
#pun-announcement .container {margin-top: -1em; text-align: center;}
#pun-announcement h2 {display: none}
#pun th, #pun-main h2 {text-align: center}
#pun-index #pun-crumbs1, #pun-index #pun-crumbs2 { display: none; }
.pl-reports {display:none!important;}
.topic a.sharelink { display: none; }
.punbb .modmenu .container span {display: none;}
.reactions-container { display: none!important; }
.lastedit { display: none; }

.title-2 {
font-family: 'Montserrat'; font-weight: 600;
font-size: 14px;
text-align: center;
text-transform: uppercase;
line-height: 90%;
color: #8c7240; }


/* ÌÀÑÊÀ ÏÐÎÔÈËß ÑÒÈËÜ
-------------------------------------------------------------*/
.pa-avatar.item2 img { max-width: 180px; }

#mask_dialog .inner {
width: 800px!important;
background: #fcf6eaed;
box-shadow: inset 0px 0px 3px #ffffff, inset 0 0 10px 5px rgb(236 230 206);
outline: 1px solid #d1c4a2a8;  border: 1px solid #fff; }

#mask_dialog .hv-mask-dialog-title {
font: 14px Montserrat; font-weight: 600;
text-transform: uppercase;  letter-spacing: 0.1em; }

#mask_dialog .hv-preview-block {
flex: 0 0 214px!important;
min-width: 214px; }

#mask_dialog .hv-preview-block img { max-width: 180px; }
#mask_dialog #pl { height: 36px; padding: 5px 0px; }

#mask_dialog .hv-form-block {
max-height: 100%!important;
overflow: hidden!important; }

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
width: 98%;
margin: 2px; }

#mask_dialog .hv-add-template {
color: #a59186;
font: 8px Montserrat; font-weight: 700!important;
text-transform: uppercase; letter-spacing: 0.08em;
padding: 5px 10px 5px 10px!important;
margin: 4px;
background: #fffbf4;
box-shadow: inset 0px 0px 20px 0px #efe8d3;
border: 1px solid #ffffff; border-radius: 0!important;
outline: 1px solid #d1c4a26e; }


/* ÁûñòðîÏëþñû äëÿ Òîïèêà!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute; }

div .post-rating p>a {
background: url(/files/0017/51/94/50052.svg) no-repeat center;
background-size: 30px auto;
width: 30px; height: 30px;
  text-align: center;
  outline: 1px solid transparent;
  font-weight: 700;
  position: relative;
  padding-left: 1px;
  z-index: 100;
  text-align: center;
  font-size: 12px !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  letter-spacing: -1px; }

div.post-vote { display: none; }