/* CS1 Background and text colours

-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
 background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #b1abb0;
}

::-moz-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-moz-webkit-scrollbar-track {
 background: transparent;
}
::-moz-webkit-scrollbar-thumb {
    background: #b1abb0;
}


.obj {
text-align: justify;
overflow-y: auto;
    opacity: 0.7;
    filter: alpha(opacity=70);
   -webkit-transition: opacity 0.6s ease;
   -khtml-transition: opacity 0.6s ease;
   -moz-transition: opacity 0.6s ease;
   -o-transition: opacity 0.6s ease;
}
.obj a, .obj a:link, .obj a:visited, .obj a:hover, .obj a:focus, .obj a:active {color: #a1b4c5 !important;}

div.obj:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.obj::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.obj::-webkit-scrollbar-track {
 background: transparent !important;
}
.obj::-webkit-scrollbar-thumb {
    background: #163d64;
}

#pun-announcement h2 {display: none;}
#pun-ulinks .container li.item5 {display: none;}
#pun-announcement .container {margin-top: -2em !important; background: url(-) top center no-repeat;}

.post-box {line-height: 110% !important; margin-left: 3px !important;}

#html-header{
   min-height: inherit;
   height: inherit;
   clear: both;
}
#pun-index{
    clear: both;
}


/*Øàïêà*/
#pun-title, #pun-title .container {
background-image: url("https://funkyimg.com/i/3123U.png");
background-position: top center; background-repeat: no-repeat; 
position: absolute;
border: none;
margin-left: -20px !important;
margin-top: -240px !important;
height: 240px;
width: 890px;
}

#pun-navlinks .container {position: absolute; z-index: auto; top: 101px; left:0px; width: 100%;}
#pun-ulinks .container{position: absolute; z-index: auto; top: 294px; left:0px; width: 100%;}

.punbb A IMG{
max-width: 500px; 
max-height: 500px;
border: 1px solid #;}

/*Ôîí*/
html body {background:
 url("https://funkyimg.com/i/3123V.jpg") top center no-repeat #151515 fixed;
overflow-x: hidden;}

/*Ôîí òåëà ôîðóìà*/
#pun { background-image: url("https://funkyimg.com/i/3123T.png"); background-position: top center; background-repeat: repeat-y;
background-position: top center;
background-position : center;
width: 890px !important;
   margin-top: 330px !important;
   margin-bottom: 80px !important;
background-color: transparent; 
}

/*Òåëî ôîðóìà*/
.punbb  {width:850px !important; margin-left:20px !important;}

/*Íèç*/
#pun-about .container {
  border-top-style: none;
  text-align: center !important;
  line-height: 100%;
  padding: 0em 0em;
  background-color: transparent;
  font-weight: normal;
  font-size: 10px !important;
  height: 30px;
  width: 890px;
  margin-left: -32px;
  margin-top: -10px;
  background-image: url("https://funkyimg.com/i/313zd.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-overflow-x: hidden;
  position: absolute;
  }
div#html-footer {margin: 0 0 0 0;}


/* 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: #2f2f2f;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
  color: #2f2f2f;
  }

/*Êàòåãîðèè*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
  background-color: transparent;
  background-image : url("https://funkyimg.com/i/313d6.png");
  line-height: 100% !important;
  paddind-top: 0px;
  text-align: center;
  height: 17px;
  background-position: bottom center;
  background-repeat: no-repeat;
  display: block;
  color: #9c8218;
  font-family: SS Vivas;
  font-size: 18px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
  }

#pun-stats h2 span, .punbb .main h1 span, .punbb .main h2 span, #pun-debug h2 span {
background: #beb9bc !important;
height: 20px;
padding: 10px;
  background-position: bottom center;
}

#profilenav h2 {
   text-align: left !important;
   width: 150px !important; }


/*#pun-stats ul.container {
    background: url("http://s1.uploads.ru/i/IY7GF.png") no-repeat scroll 10px 10px transparent !important;
    padding-left: 90px; height: 80px;
}*/

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: transparent;
  color: #2f2f2f;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
  color: #2f2f2f;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
background-color: transparent;
  color: #2f2f2f;
  }

/*Öèòàòà è êîä*/
.punbb .post-content .quote-box, .punbb .post-content .code-box {
max-width: 700px !important;
font-weight: normal !important;
padding: 5px 5px 5px 5px !important;
background: #d4d0d2;
border: 0px double #bfc1bf !important;
color: #515256;
-webkit-box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1)!important;
-moz-box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1)!important;
box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1)!important;
border-radius: 5px 5px 5px 5px!important;
-moz-border-radius: 5px 5px 5px 5px!important;
-webkit-border-radius: 5px 5px 5px 5px!important;
}
.punbb .post-content blockquote > p { padding: 3px 8px 5px 8px !important; }

/*Ôîðìà îòâåòà*/
.punbb textarea, .punbb select {
max-width: 800px !important;
background: rgba(255,255,255,0.3);

-webkit-box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1)!important;
-moz-box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1)!important;
box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1)!important;
border-radius: 5px 5px 5px 5px!important;
-moz-border-radius: 5px 5px 5px 5px!important;
-webkit-border-radius: 5px 5px 5px 5px!important;
}

/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
  color: #2f2f2f;
  }

.offline li.pa-online strong {
  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;
  }


#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: 0px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  border-left: 0px;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.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 {
  color: #2c444e;
   text-decoration: none;
-webkit-transition: color 0.9s ease;
-khtml-transition: color 0.9s ease;
-moz-transition: color 0.9s ease;
-o-transition: color 0.9s ease;
  }

.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: #31f2a2f;
  }

/* Ìåíþ íàâèãàöèè */
#pun-navlinks li a, #pun-navlinks  a:link, #pun-navlinks  a:visited{
  color: #9ba4b5;
  font-family: Play;
  font-size: 15px !important;
  letter-spacing: 0px;
  font-weight: bold !important;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #9c8218;
  }

/* Ïîëüçîâàòåëüñêèå ññûëêè */
 #pun-ulinks  a:link, #pun-ulinks  a:visited {
  color: #c0b8bd;
 font-size: 12px !important;
 font-weight: normal !important;
  text-decoration: none;
  font-family: Arial;
  letter-spacing: 0px;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  color: #a79ea4;
}


/* CS4 Post status icons
 -------------------------------------------------------------*/

/*** èêîíêè äëÿ ãëàâíîé ñòðàíèöû ***/
#pun-main .category td div.tclcon {
padding-top:2px;
margin-left:0px;}

#pun-main .category Div.icon {
float: left;
display:block;
border-style:none;
height:40px; width:15px;
    margin-top: 35px;
background: url(https://funkyimg.com/i/313AJ.png) transparent no-repeat;
}

#pun-main .category TR.inew Div.icon {
background: url(https://funkyimg.com/i/313AK.png) transparent no-repeat;
}


#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-title table tbody tr .title-logo-tdr {
  position: absolute; 
  z-index: 1; 
  left: 0px; 
  top: 0px;
  opacity: 0.3;}
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .pa-author {text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container  ul .pa-title {text-align: center; }
#pun-messages .post-box {width: 300px;}
.lastedit {display: none;}
.pa-gifts {display: none;}

/* ÍÀÇÂÀÍÈß ÐÀÇÄÅËÎÂ */
.tclcon h3 a {
  font-family: Play;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
padding-top: 5px!important;
}

/* ÌÈÍÈ-ÈÊÎÍÊÀ Â ÏÎÑËÅÄÍÞÞ ÒÅÌÓ */
td.tcr a {
        background: url(https://funkyimg.com/i/313wE.png) no-repeat 0px 3px;
        padding-left: 12px;
font-size: 12px!important;
}

.tclcon h3 a:link, .tclcon h3 a:visited, .obj a:active {
    color: #d5d0d4 !important;}

.tclcon h3 a:hover, .tclcon h3 a:focus {
    color: #bfb7bd !important;
}

/* ÏÐÎÔÈËÜ */
.punbb .post .post-author > ul {
 line-height:120% !important;
font-size: 11px;
margin-top: 20px !important;
margin-left: -3px !important;
width: 200px !important;
background: url(https://funkyimg.com/i/3156d.jpg) top center no-repeat, url(https://funkyimg.com/i/3156e.jpg) bottom center no-repeat,  url(https://funkyimg.com/i/3156c.jpg) top center repeat-y;
text-align: center;
font-size: 11px;
float: left;
border-style: solid;
border-width: 0px;
padding-bottom: 25px !important;
padding-top: 11px !important;
color: #909196;
}
.post-author a { color: #aaabb0 !important;}

.pa-author a { color: #aaabb0 !important;}

.pa-author { padding-top: 0px !important;
  font-family: Play;
  font-size: 15px !important;
  letter-spacing: 0px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
  margin-bottom: 0px !important;
}

.pa-title {
 font-size: 10px;
 font-weight: normal !important;
 letter-spacing:1px;
 font-family: Arial;
 margin-top: 7px !important;
 margin-bottom:4px !important;
 color: #88949b;
 border: 0px # double !important;
 text-transform: none;}

.pa-posts {
margin-top: 7px;
}

/* ÎÔÎÐÌËßÅÌ ÀÂÀÒÀÐ */
li.pa-avatar.item2 img {margin-left: 0px !important;
padding: 0px !important;
border: 5px solid transparent;
-webkit-border-image: url('https://funkyimg.com/i/3156t.png') 5 5 stretch;
}

/* ÏÎËÅ 1 */
.pa-fld1 {text-align: justify;
background: transparent;
border: 0px double #e2e2e2 !important;
margin-left: 0px !important;
width: 198px;
font-size: 11px;
padding: 7px 0px !important;
 text-transform: none;
color: #20827f;
  font-family: Play;
  font-size: 15px !important;
  letter-spacing: 0px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  text-align: center;
}

li.pa-fld1 > a{
 color: #20827f !important;
}

.pa-fld2 {font-size: 10px;}

.pa-fld3 {
margin-bottom: 7px !important;
}

/* ÎÊÎØÊÎ ÏÎÄ ÐÅÏÓÒÀÖÈÞ È ÍÀÃÐÀÄÛ */
#pun-reputation div.inner div.container, #pun-report div.inner div.container, #pun-popup_awards div.inner div.container {
background: url(http://funkyimg.com/i/2jrke.jpg) !important;
border: 3px double #a2a5a5 !important;
}
#pun_wrap > #pun > #pun-viewtopic > #pun-main > #pun-reputation > div > h1 {display: none;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
background: url(http://funkyimg.com/i/2jrke.jpg) !important;
border: 3px double #a2a5a5 !important;
max-height:250px;
overflow-y: auto;
}

#pun-popup_awards h1, .pa-gifts {display: none;}

li.pa-awards{display: none }

/* ÏÎÄÏÈÑÜ */
dl.post-sig > dd > p {
 line-height:120% !important;}

/* HR ÐÀÇÄÅËÈÒÅËÜ */
hr{border-top: 2px dotted #a2a5a5;
border-bottom: 0px; border-left: 0px; border-right: 0px;}

#pun th {text-transform: lowercase; font-size:9px; font-family: Arial; margin-left: 1px !important;}

.modlist {font-size:9px; color: #959898;}

/* ÏÎËÎÆÅÍÈÅ ÒÅÊÑÒÀ Â ÏÎÑÒÀÕ */
#pun-main .post-content{
text-align: justify !important;
}


/* ÍÎÌÅÐ ÏÎÑÒÀ */
#pun_wrap > #pun > #pun-viewtopic > #pun-main > div > div > h3 > span > strong {
  border: 0px;
margin-right: 20px;
margin-top: -25px;
padding-top: 3px;
background: url("https://funkyimg.com/i/313aJ.png") top center no-repeat !important;
width: 50px !important;
height: 20px;
    color: #d5d0d4;
    font-size: 13px;
    font-family: Muller Thin !important;
    font-weight: bold;
text-align: center !important;
}

/* ÄÀÒÀ ÏÎÑÒÀ */
#pun_wrap > #pun > #pun-viewtopic > #pun-main > div > div > h3 > span > a{
  border: 0px;
    position: absolute;
margin-top: -25px;
margin-left: 15px;
padding-top: 3px;
background: url("https://funkyimg.com/i/313ba.png") top left no-repeat !important;
width: 330px !important;
height: 20px;
    color: #d5d0d4!important;
    font-size: 11px;
    font-family: Play !important;
  text-transform: uppercase;
    font-weight: bold;
text-align: center !important;
}

#pun_wrap > #pun > #pun-searchposts > #pun-main > div > div > h3 > span,
#pun_wrap > #pun > #pun-searchposts > #pun-main > div > div > h3 > span > a
 {
border: 0px;
    font-size: 11px;
    font-family: Play !important;
  text-transform: uppercase;
    font-weight: bold;
    background-image: none;
}

#pun-stats .container {
    background: #c8c2c5;
    border: none;
    width: 94% !important;
    margin-left: 13px !important;
    margin-top: 13px !important;
-webkit-box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1);
-moz-box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1);
box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1);
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}


#pun-index th {
    font-size: 0 !important;
}

#pun-index .category .container tr {
    background: #c8c2c5;
    border: none;
    width: 97% !important;
    margin-left: 10px !important;
    margin-top: 7px !important;
-webkit-box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1)!important;
-moz-box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1)!important;
box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1)!important;
border-radius: 5px 5px 5px 5px!important;
-moz-border-radius: 5px 5px 5px 5px!important;
-webkit-border-radius: 5px 5px 5px 5px!important;
}

/* ÍÅ ÒÐÎÃÀÉ ÅÃÎ - ÎÍÎ ÒÅÁß ÑÎÆÐ¨Ò */
.category tr,#f-subforums tr{display:table;width:100%;clear:both;position:relative;}
/* ÃÎÒÎÂÎ, ÂÛ ÂÎÑÕÈÒÈÒÅËÜÍÛ */

/* Òåìû è ñîîáùåíèÿ */
#pun-index .category .tc2, #pun-index .category .tc3, #f-subforums .tc2, #f-subforums .tc3 {
    display: none!important;
  }
.Tems_And_messages {
    display: inline-block;
    height: 30px;
    text-align: right;  
  }
.main table .Add {
    background: url("https://funkyimg.com/i/313aJ.png") top center no-repeat;
    position: absolute;
    display: block;
    width: 50px;
    margin-left: 452px;
    margin-top: -91px;
    padding-top: 5px;
    color: #d5d0d4;
    font-size: 11px;
    font-family: Muller Thin;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: center;
  }
.Tems_And_messages .right {
    margin-left: 0;
  }

.ops {
border: 6px double #b1abb0 !important;
background: #cdc6c9;
padding: 5px;
padding-left: 5px;
height: 40px;
width: 470px !important;
margin-left: -5px!important;
overflow-y: auto;
}

.post-content div + p::first-line {line-height: 0;}
.post-content div + p::first-letter {line-height: 1;}
.post-content div + p > br {
  display:block;
  height:0;
  line-height:0;
  font-size:0;
}


/* Âûäåëÿåì ðàçäåëû ñ íîâûìè ñîîáùåíèÿìè */
#pun-index .category .container tr.inew {
    background: #d1cbce;
    width: 99% !important;
    margin-left: 5px !important;
}

#pun-index .category .container tr.inew .ops {
    background: #d1cbce;
border: 6px double #c5bfc2 !important;
}

.topic a.sharelink {
    float: right;
    margin-left: 1em;
    display: none;
}

div#pun-live-rusff {
    display: none;
}


.pl-reports {display:none!important;}

.punbb .post {
    background: #c8c2c5;
    border: 0px !important;
    width: 97% !important;
    margin-left: 10px !important;
margin-top:20px;
-webkit-box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1);
-moz-box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1);
box-shadow: inset 0px 0px 3px 0px rgba(180,176,178,1);
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

/* Ðåãóëèðîâêà øðèôòà - ñòèëü */
.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #4f4f81;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  border: solid 1px #ccc;
  float: right;
  margin-right: 7%;
}
.FNTslider .before {
  height: 5px;
  border: solid 1px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #4f7281;
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #1a4046;
  cursor: pointer;
}

/* ÇÀÌÅÍÀ + È - ÍÀ ÊÀÐÒÈÍÊÈ*/
.pa-respect a[href*="&v=0&cod"],
.pa-respect a[href*="&v=1&cod"]{
   display:inline-block;
   margin-top:-7px;
}
.pa-respect a[href*="&v=1&cod"] img,
.pa-respect a[href*="&v=0&cod"] img {
  visibility:hidden;
  /*ðàçìåðû äëÿ êàðòèíîê  +/- */
  height:10px;
  width:10px;
}
.pa-respect a[href*="&v=1&cod"]{
   background:url(https://funkyimg.com/i/315cU.png) center 100% no-repeat; /*êàðòèíêà äëÿ +*/
}
.pa-respect a[href*="&v=0&cod"] {
   background:url(https://funkyimg.com/i/315cT.png) center  100% no-repeat; /*êàðòèíêà äëÿ  - */
}