/*--------------------------- ØÀÏÊÀ --------------------------------------------------*/
#pun-title table {
  background: url(http://funkyimg.com/i/2txRg.png) no-repeat top right; 
  height: 619px;
  width: 1400px;
  margin-left:-241px;
}
/*--------------------------- ÔÓÒÅÐ --------------------------------------------------*/
#pun-about p.container {
  background: url(http://funkyimg.com/i/2thDa.png) bottom center no-repeat;
  height: 65px;
  width: 1400px;
  margin-left:-242px;
  margin-bottom:-29px;
  padding-top:0px;
}

/*------------------------------- ÈÊÎÍÊÈ ----------------------------------------*/
/* èêîíêà ñòàðûõ ñîîáùåíèé*/
table Div.icon { 
  background: url(/) no-repeat top center;
    margin-top: -8px!important;
margin-right: 13px;
}
/* èêîíêà íîâûõ */
TR.inew Div.icon {
  background : url(http://funkyimg.com/i/2tx45.png) no-repeat top center;
}
/* èêîíêà âàæíûõ*/
#pun-viewforum TR.isticky Div.icon {
  background: url(http://funkyimg.com/i/2tx47.png) no-repeat top center;
}
/*èêîíêà çàêðûòûõ*/
#pun-viewforum TR.iclosed Div.icon {
  background: url(http://funkyimg.com/i/2tx48.png) no-repeat top center;
}
/* ------------------------ ñòàòèñòèêà ------------------------------*/
#pun-stats.section h2 { 
background: url(http://funkyimg.com/i/2tm8c.png) no-repeat;
padding-bottom:0px;
height: 78px;
width: 539px;
font-size:0!important;
margin-top: 60px;
margin-bottom: 10px;
margin-left: 190px;}

#pun-stats h2 span { 
   display:none;
}
/*------------------------------- ÊÍ ÁÛÑÒÐÎÃÎ ÎÒÂÅÒÀ ---------------------------------*/
#post-form h2 span {
   display:none;
}
#post-form h2 {
   background: url(/) no-repeat;
height: 0px;
width: 539px;
font-size:0!important;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 190px;}
}
/*----------------------ÊÍÎÏÊÈ----------------------------*/
.hashelp center div a button{
  min-width:90px!important;
padding: 3px 10px 4px 10px!important;
margin-right:5px!important;
}
.hashelp center div a button, .button {   
    background: #197!important;
  min-width:90px!important;
padding: 3px 10px 4px 10px!important;
border: 1px solid #66a5af!important;
text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   font-family: andika!important;
box-shadow: none!important;
text-transform: lowercase;
color: #fefefe;
text-shadow: none!important;
   font-size:13px!important;
}
.hashelp center div a button:active, .button:active {
position:relative;
top:1px;
}
/*------------------------ ÏÐÎÔÈËÜ ×ÅÌÏÈÎÍÀ ----------------------------------*/
.pa-respect a{color:#1d1b20!important;}
.pa-respect a:hover{color:#ef552e!important; text-shadow: none!important;}
#pun-reputation div {
background: #f8f2eb;
}
#post fieldset legend span {
  display:none;
}
.pa-time-visit, .pa-online, .pa-ip, .pa-visit, .pa-last-visit {
font-size: 9px; 
}
.pa-last-visit {margin-bottom: -50px!important;  padding-top: 15px!important; }

.pa-posts {
text-align: center;
display: inline-block;
padding: 0 5px!important;
width: 50px;
margin-left: 4px!important;
margin-bottom: 16px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 10px;
}
.pa-respect {
text-align: center;
display: inline-block;
padding: 0 5px!important;
width: 46px;
margin-left: 0;
margin-bottom: 16px!important;
line-height:13px;
 font-family: roboto condensed;
font-size: 10px;
}
.pa-fld3 {
text-align: center;
display: inline-block;
padding: 0 5px!important;
width: 45px;
margin-left: 0;
margin-bottom: 16px!important;
line-height:13px;
 font-family: Yanone Kaffeesatz;
font-size: 12px;
}
.pa-fld2 {
height: 48px;
margin-left: -17px!important;
margin-top: -75px!important;
margin-bottom: -4px!important;
}
.pa-fld4 {margin-top: -35px!important; margin-bottom: -3px!important;}
.pa-fld4 img {height: 40px;}

/*------------------------ÏÎËÎÑÀ ÏÐÎÊÐÓÒÊÈ-----------------------*/
::-webkit-scrollbar-thumb:vertical {
  background-color:#ec9134;
} 
::-webkit-scrollbar-thumb:horizontal {
  background-color:#ec9134; 
}
::-webkit-scrollbar{
  width: 10px;
  height: 7px;
  background-color: #443f41;
}


.ls ::-webkit-scrollbar-thumb:vertical {
  background-color:#b4a99b;
} 
.ls ::-webkit-scrollbar-thumb:horizontal {
  background-color:#b4a99b; 
}
.ls ::-webkit-scrollbar{
  width: 2px;
  height: 2px;
  background-color: #e7dfd3;}

/*-----------------ÊÎËÎÍÊÈ ----------------*/
div#pun-online.punbb .tc3 {
  text-align: left; /*òåêñò ñïðàâà*/
  width: 20%; /*øèðèíà òðåòüåé êîëîíêè*/
}
div#pun-online.punbb .tcl {
  text-align: left; /*òåêñò ñëåâà äëÿ ïåðâûõ äâóõ êîëîíîê*/ 
}
#pun-online th.tcl, #pun-online th.tc3 {
   font-size:0%;
}


/*-------------------------------- ÊÀÒÅÃÎÐÈÈ ÈÇÎÁÐÀÆÅÍÈß ------------------------------- */
.category h2 span {visibility: hidden!important;}

#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2tm72.png);
height: 78px;
width: 539px;
font-size:0!important;
margin-top: 60px;
margin-bottom: 10px;
margin-left: 190px;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2tm73.png);
height: 78px;
width: 539px;
font-size:0!important;
margin-top: 60px;
margin-bottom: 10px;
margin-left: 190px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2tm6W.png);
height: 78px;
width: 539px;
font-size:0!important;
margin-top: 60px;
margin-bottom: 10px;
margin-left: 190px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2tm6Z.png);
height: 78px;
width: 539px;
font-size:0!important;
margin-top: 60px;
margin-bottom: 10px;
margin-left: 190px;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/2tm6Y.png);
height: 78px;
width: 539px;
font-size:0!important;
margin-top: 60px;
margin-bottom: 10px;
margin-left: 190px;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/2tm6V.png);
height: 78px;
width: 539px;
font-size:0!important;
margin-top: 60px;
margin-bottom: 10px;
margin-left: 190px;}


#pun-category7.category h2 {
background: url(http://funkyimg.com/i/2tm6X.png);
height: 78px;
width: 539px;
font-size:0!important;
margin-top: 60px;
margin-bottom: 10px;
margin-left: 190px;}


#pun-category8.category h2 {
background: url(http://funkyimg.com/i/2tm6U.png);
height: 78px;
width: 539px;
font-size:0!important;
margin-top: 60px;
margin-bottom: 10px;
margin-left: 190px;}

/*-------------------------------- ÐÀÇÍÎÅ ------------------------------- */
.closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit, .pa-awards .mini_awards_label a, .mini_awards_label, .mini_awards {
  display: none;
}

.permalink{
  font-size: 15px;
  font-family: Yanone Kaffeesatz;
text-transform: lowercase;
text-align: left;
  font-weight: normal!important;
  color: #246856!important;
text-shadow: 1px 1px 0px #fff;
}

hr {border: none;border-top: dotted 1px #66a5af;}

.punbb th {background: transparent; color: transparent;}

.adformal h2, #pun-adnav h2 {background: transparent!important; font-size: 16px!important;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
position: absolute;
right: 6px;
top: 37px!important;
    background: #f2e5d6;
border: 1px solid #fefefe;
box-shadow: inset 0px 0px 10px #d5b999;
padding: 7px!important;
}

#smilies-area {width: 500px!important;}
#smilies-area img {margin-right: 4px!important; margin-bottom: 2px!important;}

#font-area {max-height: 250px; overflow-y: auto; font-size: 12px!important;}

.ls21 img {width: auto!important;}

::selection {background: #83b4ba;}
::-moz-selection {background: #83b4ba;}

.mainlink {text-align:center; margin-top:9px!important;}
.mainlink a {display:inline-block; font-size:12px; font-family: andika; color:#fff!important; text-shadow: none!important; padding:2px 2px 4px 2px; margin: 1px!important; text-transform:lowercase; transition: 0.1s;text-align:center; width:80px; background: #62b0ba;}
.mainlink a:hover {color: #fff!important; background: #de4116;}

/*------------íàâèãàöèÿ ïîäôîðóìîâ---------------------*/
.navilink {margin-right: 5px!important; background: #1d1815; padding: 0px 10px 1px 10px; border: 1px solid rgba(112, 81, 34, 0.6); font-family: Yanone Kaffeesatz; text-transform: lowercase; font-size: 16px;}


/*------------------------------- îòí è õð ----------------------------------------*/
.otns {width: 200px; height: 243px; background: url(http://i.imgur.com/PRL4Y1L.jpg); border-radius: 15px;}
.otns1 {position: absolute; margin-top: 10px!important; margin-left: 68px!important}
.otns1 img {width: 60px; height: 60px; border-radius: 60px;}
.otns2 {font-size: 14px; font-family: andika; text-transform: uppercase; height: 16px; width: 185px; position: absolute; margin-left: 8px!important; margin-top: 83px!important; text-align: center; text-shadow: #31465a 1px 1px 0px;}
.otns2 a {color: #ffffff!important}
.otns3 {position: absolute; text-align: justify; line-height: 140%; font-size: 11px; color: #ffffff; text-shadow: #31465a 1px 1px 0px; width: 184px; height: 120px; margin-top: 112px!important; margin-left: 8px!important; overflow: auto;}

.hrs {width: 300px; height: 180px; background: url(http://i.imgur.com/40v5dKG.jpg); border-radius: 15px;}
.hrs1 {font-size: 14px; font-family: andika; text-transform: uppercase; height: 16px; width: 282px; position: absolute; margin-left: 9px!important; margin-top: 13px!important; text-align: center; text-shadow: #31465a 1px 1px 0px;  color: #ffffff;}
.hrs1 a {color: #ffffff!important}
.hrs2 {font-size: 11px; font-style: italic; font-family: andika; text-transform: lowercase; letter-spacing: 1px; height: 16px; width: 282px; position: absolute; margin-left: 9px!important; margin-top: 43px!important; text-align: center; text-shadow: #31465a 1px 1px 0px; color: #ffffff;}
.hrs3 {position: absolute; text-align: justify; line-height: 140%; font-size: 11px; color: #ffffff; text-shadow: #31465a 1px 1px 0px; width: 281px; height: 98px; margin-top: 71px!important; margin-left: 9px!important; overflow: auto;}

.otng {width: 200px; height: 243px; background: url(http://i.imgur.com/9TU7QgK.jpg); border-radius: 15px;}
.otng1 {position: absolute; margin-top: 10px!important; margin-left: 68px!important}
.otng1 img {width: 60px; height: 60px; border-radius: 60px;}
.otng2 {font-size: 14px; font-family: andika; text-transform: uppercase; height: 16px; width: 185px; position: absolute; margin-left: 8px!important; margin-top: 83px!important; text-align: center; text-shadow: #a72912 1px 1px 0px;}
.otng2 a {color: #ffffff!important}
.otng3 {position: absolute; text-align: justify; line-height: 140%; font-size: 11px; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 184px; height: 120px; margin-top: 112px!important; margin-left: 8px!important; overflow: auto;}

.hrg {width: 300px; height: 180px; background: url(http://i.imgur.com/GZ7F9ao.jpg); border-radius: 15px;}
.hrg1 {font-size: 14px; font-family: andika; text-transform: uppercase; height: 16px; width: 282px; position: absolute; margin-left: 9px!important; margin-top: 13px!important; text-align: center; text-shadow: #a72912 1px 1px 0px;  color: #ffffff;}
.hrg1 a {color: #ffffff!important}
.hrg2 {font-size: 11px; font-style: italic; font-family: andika; text-transform: lowercase; letter-spacing: 1px; height: 16px; width: 282px; position: absolute; margin-left: 9px!important; margin-top: 43px!important; text-align: center; text-shadow: #a72912 1px 1px 0px; color: #ffffff;}
.hrg3 {position: absolute; text-align: justify; line-height: 140%; font-size: 11px; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 281px; height: 98px; margin-top: 71px!important; margin-left: 9px!important; overflow: auto;}

/*------------------------ÀÌÑ----------------------*/
.ams { 
position: relative; 
display: inline-block
} 
.ams span { 
display: none; 
} 
.ams a {color: #ffffff!important;  text-shadow: 1px 1px 0px #000000!important;
}
.ams a:hover {color: #ea2716!important; text-shadow: 1px 1px 0px #fefefe!important;
}
.ams:hover span{ 
position:absolute; 
    border: none;
text-align:center; 
padding:5px; 
display:inline-block; 
margin-top:-120px; 
left:-80px; 
z-index:100000; 
}

/*------------------------òåìû----------------------*/
.tem {width: 608px; min-height: 140px;
background: url(http://forumfiles.ru/files/0018/25/96/47056.png) top no-repeat, url(http://forumfiles.ru/files/0018/25/96/63931.png) bottom no-repeat, url(http://forumfiles.ru/files/0018/25/96/84780.png) repeat-y; padding-bottom: 20px; }
.tem1 {position: relative; text-align: center; font-size: 29px; font-family: andika; padding-top: 15px; font-weight: normal; color: #6c3761; text-shadow: #fff 1px 1px 0px;}
.tem2 {position: relative; text-align: justify; font-size: 11px; font-family: arial; padding: 30px 30px 32px 30px; color: #292724; text-shadow: #faf6f2 1px 1px 0px; line-height: 170%!important;}



/*------------------------ÏËÀØÊÈ Â ÏÐÎÔÈËÅ----------------------*/
.lz {width: 176px; text-align: justify; font-family: verdana; font-size: 9px; padding: 6px 8px 12px 8px;     background: #e0ebed; border: 1px solid #fefefe; box-shadow: inset 0px 0px 10px #99bdc2; border-top: none!important; margin-top: -5px!important; margin-left: 2px!important;}
.lz b {color: #5a4156;}
.nm {text-align: center; color: #462b42; font: 16px andika; font-weight: normal; padding-top: 5px!important; margin-bottom: -10px!important;}
.nm a {text-shadow: 1px 1px 0px #fefefe!important;}

#rpg, #discord {
position:absolute;
left: 820px;
}

#rpg {
    top: 503px;
    left: 531px;
}

#discord {
  top: 501px;
  left: 632px;
}
/*----------------------------------------------------------- CS7 ÑÏÈÑÎÊ ÐÎËÅÉ, ÎÔÎÐÌËÅÍÈÅ
 -----------------------------------------------------------------------------------------------------------------------------*/

div#roles {
    display: inline-block;
}

div#roles.no {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    width: 66px;
    height: 63px;
    background-position: 3px 3px !important;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}

div#roles.no:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}

div#roles.here {
    width: 66px;
    height: 63px;
    background-position: 3px 5px !important;
}

div#roles.no span {
    display: block;
    width: 66px;
    height: 70px;
    background: url(http://storage1.static.itmages.ru/i/16/1205/h_1480959890_5632636_57cc3a27fc.png) bottom center no-repeat, url(http://storage1.static.itmages.ru/i/16/1205/h_1480959890_4230204_51eb846740.png) 3px 3px no-repeat;
}

div#roles.here span {
    display: block;
    width: 66px;
    height: 70px;
    background: url(http://storage1.static.itmages.ru/i/16/1206/h_1481032988_8941749_6b47d47339.png) top center no-repeat;
}

div#roles div#title {
   height: 26px;
   margin-top: -10px;
   text-align: center;
   padding-top: 7px;
   font-size: 10px;
   overflow: auto;
   letter-spacing: -1px;
}