/* CS1 Background and text colours
-------------------------------------------------------------*/

/* øàïêà */
#pun-title table {
  background-image : url("http://funkyimg.com/i/2dhJq.png");
  margin-left: -153px;
  margin-bottom: 40px;
  height : 680px;
  width : 1190px;
}
 
/* ôîí */
body {background-color: #537526;
background-repeat: repeat;
background-position : top center;
overflow-x: hidden;
}

/* ôîí êîíòåíòà */
#pun { background-image : url("http://funkyimg.com/i/2d5Ct.png");
background-repeat: repeat;
background-position : center;}

/* áëîê ôîðìû îòâåòà è êíîïêè*/
  .punbb textarea, .punbb select, .punbb input{
  background-color: #ede9ac;
  color: #693413;
background-image : url("http://funkyimg.com/i/25wMS.png");
border-top:1px solid #608131;
border-right:1px  solid #608131;
border-bottom: 1px  solid #608131;
border-left:4px solid #608131;
    border-radius:15px;
    -webkit-border-radius: ;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

/* êàðòèíêà â ñàìûé íèç */
#pun-about p.container {background-color: #;
  background-image: url(http://funkyimg.com/i/2d5DM.png);
  margin-left: -120px;
  background-position : center top;
  background-repeat : no-repeat;
  height: 273px; 
  width: 1084px;
  text-align: center;
  color: #461e06;
  margin-bottom: -55px;
  overflow-x: hidden;
}

.punbb-admin #pun-admain .adcontainer {background-color: transparent;
  margin-left: 15px;
  color: #5c3111;}

.punbb .main .container, .punbb .post .container, .punbb .post h3, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span,  .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-color: transparent;
  color: #5c3111;}

#pun-status .container, #pun-crumbs1 .container
{color: #5c3111;}

#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #5c3111;
text-align: center;}

.offline li.pa-online strong {
color: #88725a;
font-weight: normal}

.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #5c3111;}


/* 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;
color: #412c15;
  font-weight: bold;
font-style: normal;
  }

/* 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
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  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: 1px solid transparent
  }

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

.punbb .post-sig dt {
  border-top-color: transparent!important;
  }


/* CS3 Ññûëêè
-------------------------------------------------------------*/

/* 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: #5f3307;
text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #684b35;
  }

/* CS3.2 àêòèâíàÿ ññûëêà*/
.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: #502e0b; text-decoration: none;
    border-bottom: 0px none #000;
    text-shadow: #f0e9ae 1px 1px 1px;
    }

/* CS3.3 */
#pun-navlinks a{
    color: #ebffc1;
    font: 600 21px  "Georgia" !important;
    font-style: italic !important;
    text-shadow: 1px 0px 1px #2a5900;
    text-transform: lowercase;
    text-decoration: none;
    -moz-transition: color 0.2s 0.02s ease;
    -o-transition: color 0.2s 0.02s ease;
    -webkit-transition: color 0.2s 0.02s ease;
    }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #dbf6a1;
    }

  border-bottom: 0px none #cfa084;
  text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #d1b097;
  color: #5a3916;
  }

/* CS3 Èêîíêè ñòàðûõ, íîâûõ, âàæíûõ, çàêðûòûõ òåì */

/* CS3.1 Èêîíêà ñòàðûõ ñîîáùåíèé*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
width: 39px;
height: 39px;
margin-right: 5px;
margin-top: -7px;
background-image : url(http://funkyimg.com/i/2deTu.png);
background-repeat: no-repeat;}

/* CS3.2 Èêîíêà íîâûõ */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/2deTv.png);
background-repeat: no-repeat;
width: 39px;
height: 39px;
margin-right: 5px;
margin-top: -10px;}

/* CS3.3 Èêîíêà âàæíûõ*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/2deTt.png);
background-repeat: no-repeat;
width: 39px;
height: 39px;}

/* CS3.3 Èêîíêà çàêðûòûõ*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/2deTs.png);
background-repeat: no-repeat;
width: 39px;
height: 39px;}


/* CS4 Äðóãîå
 -------------------------------------------------------------*/
div#html-footer {
margin-bottom: 20px;
margin-left: -45px;
}


div#pun-navlinks {
  position: absolute;
  width: 100%;
  margin-left: -72px;
  top: 2px;

}

div#pun-ulinks {
  position: absolute;
  width: 88%;
  margin-left: -14px;
  top: 108px;

}

#pun-main .post-author ul {text-align: center; margin-left: -5px;}


a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: Book Antiqua;
font-size: 14px;
font-variant: small-caps !important;
background-color: #261101;
text-shadow: 1px 0px 1px #000000;
color: #a77d23;
font-weight: normal;
text-align: center;
display: block;
margin: 1px;
text-decoration: none;
border-top-style: double;
border-top-color: #3d1c02;
border-top-width: 3px;
width: 115px;
height: 25px;
}

a.tvm:hover {
font-family: Book Antiqua;
font-size: 14px;
font-variant: small-caps !important;
color: #d0d3b5; 
background-color:#3d1c02;
text-shadow: 1px 0px 1px #000000;
display: block;
font-weight: bold;
text-align: center;
cursor: crosshair; 
text-decoration: none;
border-top-style: double;
border-top-color: #261101;
border-top-width: 3px;
width: 115px;
height: 25px;
}


/*øèðèíà ïðîêðóòêè*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;}
/*òðýê ïðîêðóòêè*/
::-webkit-scrollbar-track {
    background: #d7cf8f !important;}
/*ñàì ïîëçóíîê*/
::-webkit-scrollbar-thumb {
    background: #426217 !important;}
/*ïîëçóíîê ïðè íàæàòèè íà íåãî ìûøêîé*/
::-webkit-scrollbar-thumb:active {
background: #426217;}

/* ñòàòóñ */
.pa-title {text-align: center;
z-index: 1000;
font: small-caps 700 10px "Georgia" !important;
letter-spacing: 2px;
}

/* ïîäàðêè ïîçèòèâ */
.post-author ul {
text-align: center; 
font: small-caps 700 11px "Georgia" !important;
}

/* àêòèâíîñòü */
.pa-online { text-align: center; 
font: small-caps 700 11px "Georgia" !important;
}

/*çàãîëîâêè è êàòåãîðèè*/
 .punbb .main h1, .formal h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent !important;
font: small-caps 700 14px "Georgia" !important;
color: #e2dba4 !important;
letter-spacing:1px !important;
font-style: italic !important;
text-align:center;
}

.forum2 { /* ññûëêè */
background-color: #;
padding: 3px;
text-align: center; 
margin-left: -34px !important;
margin-rightt: 20px !important;
}

 .tclcon  a.flink:link,  .tclcon  a.flink:active,  .tclcon  a.flink:visited {
display:inline-block;
padding: 1px;
color: #a18b68;
text-shadow: 1px 0px 1px #000000!important;
background: rgba(57, 59, 25, 0.8);
border: 3px double #262601 !important;
padding: 0px 4px 2px 4px;
}

 .tclcon a.flink:hover {
background: rgba(57, 59, 25, 0.5);
}


/*ÏÐÎÔÈËÜ*/

.punbb .post .post-author > ul {
  background:url(http://funkyimg.com/i/2dfeb.png) 0px  bottom no-repeat, url(http://funkyimg.com/i/2dfed.png) 0px top no-repeat;
  margin: 0px 0px 0px 0px!important;
  padding: 20px 10px!important;
margin-top: 0px !important;
}

.post-author {
background: url(http://funkyimg.com/i/2dfec.png) repeat-y; weight: 219px; text-align: center; color: #f1ffd5 !important; text-shadow: 1px 0px 1px #152d00!important; font-style: italic !important;
}

.pa-title {
padding: 0px 0px 5px 0px !important; 
text-align: center;
z-index: 1000; 
}

.pa-avatar {
margin-top: 0px !important; 
text-align: center;
z-index: 1000;
}

 .post-author ul a {
color: #ebffc1 !important;
text-shadow: 1px 0px 1px #152d00!important;
font: 700 11px "Georgia";
font-style: italic;
text-transform: lowercase;}

.post-author ul a:hover {
color: #d9f1a1 !important;
text-shadow: 1px 0px 1px #152d00!important;}

.post-author ul .item2 img {
border: double #346b12 !important;
box-shadow: 0px 0px 6px #ae8f31 inset;
margin-left: -2px !important;
margin-top: 5px;
}

/* óâàæàëêà è ñîî â áëîê*/
.pa-posts, .pa-respect {
display: inline-block;
color: #ebffc1;
font: small-caps 700 9,5px "Georgia"!important;
text-align: center;
letter-spacing: 1px; 
width: 80px;
padding: 0 2px!important;
}

/*ÖÂÅÒÀ ÑÑÛËÎÊ*/

#pun-status, #pun-status a, #pun-status .container a, .punbb .linksb a  {color: #533810 !important;}
#pun-status .container {color: #512800;}

.pagelink a {color: #45250a !important;}

#pun-navlinks a:hover  {color: #dbf6a1;}

#pun-ulinks a {color: #f6fee4;  font: 13px  "Georgia" !important; text-shadow: 1px 0px 1px #2a5900; font-weight: 1000; font-style: bold;}
#pun-ulinks a:hover  {color: #e2ffbc;}

.punbb .post-links ul a, .punbb .post h3 span a, .punbb .post h3 span {color: #534232;}
.punbb .post-links ul a:hover, .punbb .post h3 span a:hover {color: #564536;}

.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: #522a0a;
text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;
 text-shadow: #f0e9ae 1px 1px 1px;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #3f2200;
 text-shadow: #ebe3b4 1px 1px 1px;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
 color: #63452a; 
}

/*öèòàòà è êîä */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
  background-color: #e2dca5;
border: 3px double #4d6c21 !important;
box-shadow: inset 0px -3px 35px #c9b475;
}

.offline li.pa-online strong {
  font-weight: normal
}

/*êíîïêè è ôîðìà îòâåòà*/
.punbb textarea, .punbb select, .punbb input {
padding:2px!important;
margin-top:8px !important;
background: #e1d9a4!important;
}


/* ÂÑÏËÛÂÀØÊÀ Ó ÀÄÌÈÍÎÂ
-------------------------------------------------------------*/

.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-style: normal;
	display: block;
        z-index:100000;
	position: absolute;
 	background: #44331e;
	color: #a5895d;
	padding: 10px 10px;
	top: 0px;
	left: 20px;
	box-shadow: 0 0 5px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #967f5a;
	-moz-box-shadow: 0 0 5px #967f5a;
}
.tooltip:hover em i {
	position: absolute;
        top: 0px;
	left: 20px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
        z-index:100000;
	display: block;
}

.pa-fld1, .pa-fld2, .pa-fld3, .pa-fld4 {
position: relative;
text-align: justify;
width: 180px;
margin-left: 12px;
z-index: 5;
}

.pa-fld1 {
    background: url(http://funkyimg.com/i/2dhCi.png) 0px 0% no-repeat;
    padding: 0.1em 5px 0.2em 5px !important;
    margin: 0em auto !important;
    margin-top: 3px !important;
    margin-left: 3px !important;
    margin-bottom: 3px !important;
    width: 191px;
}

.pa-fld2 {
    background: url() -75px 0% repeat-y #e2dba4;
    color: #482a00;
    text-shadow: #fef6d0 1px 0px 1px;
    padding: 0.1em 5px 1.0em 5px !important;
    margin: 0em auto !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    box-shadow: 0px 0px 10px #ae8f31 inset;
    border: double #51a121;
    width: 180px;
}

#pun-online #pun-main{
  1width: 92%;
  margin-left: 22px!important;
}

#pun-online #pun-main th,
#pun-online #pun-main td{
  text-align: left;
}

.exitzero0 {
    width: 398px; 
    height: 170px;
    background: url(http://funkyimg.com/i/2deNr.png) 52% 0% no-repeat, url(http://funkyimg.com/i/2d5ZR.png) 50% 100% no-repeat, url(http://funkyimg.com/i/2d5Ti.png) 60% 42%;
    padding-top: 50px!important;
    margin-top: -77px!important;
    border-radius: 0px 0px 0px 0px; /ìîæíî óáðàòü /
}

.exitzero {
padding-top: 48px;
width: 330px; 
height: 130px;
font-family: verdana;
line-height: 95%;
font-size: 11px;
color: #522c00;
text-shadow: #eee1ab 1px 0px 0px;
padding-left: 42px;
}

#pun-index .tcl h3 a, li#pun-index .tcl h3 {
  color: #e1f9af;
  text-decoration: none;
  text-shadow: #183200 1px 1px 1px;
}

.forminput {width: 200px;   
height: 18px;
color: #684d25 !important;
 font-family: franklin gothic medium !important; 
    font-size: 12px !important;
background-color: #e9cca2 !important;
    border: 1px inset #684d25;}

.imgmoon2 {-moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; -ms-transition-duration: 0.8s; opacity: 0; }
.imgmoon2:hover { width:170px; height: 146px; opacity: 1;  background-color: transparent; }

.moon {font: small-caps  10px Arial !important; text-shadow: none !important;  line-height: 10px !important; color:#fbfbfb; font-weight: normal !important; letter-spacing: 1px;
padding-top: 3px;
padding-bottom: 3px;
background-color: transparent !important;}

.imgmoon {-moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; -ms-transition-duration: 0.8s; opacity: 0; }
.imgmoon:hover { width:140px; height: 90px; opacity: 1;  background-color: #000000; }

li.pl-share {margin-left: 20px !important;}

.gif-flip-container {perspective: 1000px;}
.gif-flip-container:hover .gif-flipper, .gif-flip-container.hover .gif-flipper {transform: rotateX(180deg);}

.gif-flip-container, .gif-front, .gif-back {
  width: 152px;
  height: 255px;
  position: absolute;
  top: 8px;
  left: 414px;
  background-image: url(http://forumfiles.ru/files/0017/ca/17/80600.gif);
  }

.gif-flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  transform-origin: 100% 127.5px; /* half of height */
  position: relative;
  }

.gif-front, .gif-back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  }

.gif-front {
  z-index: 2;
  transform: rotateX(0deg);
  }
  
.gif-back {
  transform: rotateX(180deg);
  background-image: url(http://forumfiles.ru/files/0017/ca/17/26524.png);
  }

#pun-stats ul.container {
  background: transparent url(http://funkyimg.com/i/2iDVC.png) no-repeat 0px 0px;
  padding-left: 100px;
  margin-left: 20px;}

.banners {padding: 5px;overflow: auto;width: 570px;height: 80px;position: absolute;letter-spacing: 0px;color: rgb(151, 151, 151);z-index: 7;background-color: rgba(0,0,0,0.09);box-shadow: black 0px 5px 0;border-bottom: #ffd312 5px solid;margin-top: -40px;margin-left: -10px;}


.rot {
overflow: auto;
width: 350px;
height: 95px;
position: absolute; 
letter-spacing: 0px;
color: black;
z-index: 7;  
margin-top: -40px;
margin-left: 580px;
}

.banners a img {
    box-shadow: 0px 0px 0px 1px #a5a5a5;
    border: 1px solid #d7d7d7 !important;
    min-height: 31px;
    min-width: 88px;
    max-height: 31px;
    max-width: 88px;
}

#green a img {-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity:0.65;-moz-opacity:0.65;filter:alpha(opacity=65);}
#green a:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

.mination {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray; 
  -moz-opacity:0.65;
  -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; -ms-transition-duration: 0.8s;
  -webkit-filter: grayscale(100%); 
}
.mination:hover {
filter: none;
 -moz-opacity: 1.0; 
  -webkit-filter: grayscale(0%);
}

.category th,#pun-viewforum th{
  padding:0!important;
  font-size:0!important;
  color:transparent!important;
  visibility:hidden!important;
}

#smilies-area #wrapper {
    width: 510px;
    overflow-y: auto;
    padding: 0 8px;
    margin-top: 0px;
}

#smilies-area #wrapper ul li {
    display: inline-block;
    padding: 5px 3px;
    border: transparent;
    margin: 5px 0;
    font-size: 12px;
}

#image-area {
    border: transparent;
    padding-top: 5px;
}

img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray; 
  -moz-opacity:0.65;
  -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; -ms-transition-duration: 0.8s;
  -webkit-filter: grayscale(100%); 
}
img:hover {
filter: none;
 -moz-opacity: 1.0; 
  -webkit-filter: grayscale(0%);
}





<!-- Íàñòðîéêà äæàìï ïàíåëè -->
#slideout {
          z-index: 200;
          position: fixed;
          top: 40px;
          right: 0;
          width: 55px;
          padding: 0px 0;
          text-align: center;
          background: #1b1412;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          }
#slideout_inner {
          z-index: 200;
          color: #555050;
          position: fixed;
          top: 41px;
          right: -250px;
          background: #d2ccc9;
          width: 200px;
          padding: 25px;
          max-height: 430px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px;
          }
#slideout_inner textarea {
          width: 190px;
          height: 100px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 250px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }