li#navindex {display: none;}
#title-logo-tdr img {width: 1px; height: 1px;}
#pun-navlinks a span {font-size: 1.7em; color: #bcfaf6; text-transform: lowercase; font-family: "bebas neue";    letter-spacing: 1px; text-shadow: 1px 1px 0px #00706a;!important font-weight: bolder;!important
}
#pun-ulinks, #pun-ulinks .container, #pun-ulinks li, #pun-ulinks li a, #pun-ulinks li a {font-size: 0.99em; color: #bcfaf6; text-transform: lowercase; font-family: "bebas neue"; text-shadow: 1px 1px 0px #00706a; font-weight: normal;}


/* CS1 Background and text colours
-------------------------------------------------------------*/
#pun-title table {
background-image: url("http://funkyimg.com/i/2aWnW.png"); background-position: top center; background-repeat: no-repeat; 
border: none;
margin-left: -144px;
}
body { background: url("http://funkyimg.com/i/2aRPz.png") repeat-x top left, 
url("http://funkyimg.com/i/2aRPA.png") center; background-attachment: ;
background-color: #dad9d8;
}
#pun { background-image: url("http://funkyimg.com/i/2aRPy.png");
background-position: top center; background-repeat: repeat; background-attachment: ;
background-color: #f1f1f0;
}
/* Öèòàòû è êîäû â ñîîáùåíèÿõ*/
.punbb .quote-box, .punbb .code-box {
background-color: #ebebea; 
  border-radius: 27px 27px 27px 27px;
  border-top: 5px solid #17bcb3;
  border-bottom: 5px solid #17bcb3;
color: #000000}
#pun-about p.container {background-color: #;
background-image : url("http://funkyimg.com/i/2bvMi.png"); 
background-position : center top; 
background-repeat : no-repeat; 
height : 90px;
width: 991px; 
margin-left: -72px;
text-align: center;
border-color: transparent;
}
div#pun-about {
   margin-bottom: -40px;
}
#post-form h2 {
 background-position: top center; background-repeat: no-repeat; 
height: 0px;
width: 980px;
color: transparent;
margin-left: -50px;
}
/* ñîîáùåíèÿ è ðåïóòàöèÿ â îäíó ñòðîêó */
.pa-posts { 
display: inline-block;
width: 78px;
margin-left: 0px;
font-size: 6px;
text-align: center; font-size: 10px;  border-radius: 7px 7px 7px 7px;   background-color: #f7f7f6;
  border-top: 2px solid #19beb6;
  border-bottom: 2px solid #19beb6;
}
.pa-respect {
display: inline-block; 
width: 78px;
margin-left: 29px;
font-size: 6px;
text-align: center; font-size: 10px;  border-radius: 7px 7px 7px 7px;   background-color: #f7f7f6;
  border-top: 2px solid #19beb6;
  border-bottom: 2px solid #19beb6;
}
/* ÊÀÒÅÃÎÐÈÈ */
.category .tclcon {
width: 280px; 
padding: 20px 30px 30px 30px; 
background-color: #cff6f4; 
  border: 1px #99e2de solid;
  border-left: 1px clearly dashed #;
  border-radius: 30px;
-moz-box-shadow: inset 0 0 10px 10px #b8eae7;
-webkit-box-shadow: inset 0 0 10px 10px #b8eae7;
box-shadow: inset 0 0 10px 10px #b8eae7;
  font-style: normal;
  margin: 0;
color: #000000}
/* ÏÐÎÔÈËÜ */
.punbb .post .post-author {
background-color: #cff6f4; 
  border: 1px #99e2de solid;
  border-left: 1px clearly dashed #;
  border-radius: 30px;
-moz-box-shadow: inset 0 0 10px 10px #b8eae7;
-webkit-box-shadow: inset 0 0 10px 10px #b8eae7;
box-shadow: inset 0 0 10px 10px #b8eae7;
  font-style: normal;
  margin: 0;
color: #000000}
/*öâåò ïîäëîæêè ïðîñòàâëåíèÿ ðåïóòàöèè*/
#pun-reputation div.inner div.container, #pun-report div.inner div.container , #pun-popup_awards div.inner div.container  {
color: #41391b;
padding: 3px; 
background: #bba89c!important;  }
#pun-reputation h1, #pun-report h1, #pun-popup_awards h1 {
background: #bba89c!important; 
width: auto !important; 
height: 15px !important; 
margin: auto !important;
color: #41391b!important;}
.punbb .post-sig dt {
  border-top-color: transparent !important;
  }
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, #pun-title, #pun-title .container, .punbb .modmenu .container,
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, .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,
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, .punbb textarea, .punbb select, .punbb input
{
  background-color: transparent;
  color: #22170f;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-position : center;
  background-color: transparent;
  color: #22170f;
font-style: normal;
  }
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #161600;
  }
/* CS1.8 */
#pun-navlinks .container {
  color: #311615;
}
  
.punbb textarea, .punbb select  {
  background-color: #f7f7f6;
  color: #311615;
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: 1px solid #100e3b;
  }
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #CCCC33
  }
/* 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: #311615 #311615 #311615 #311615;
  }
#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-color: transparent;
  }
li.pa-online {
  border-color: transparent;
  }
.punbb .post-sig dt {
  border-top-color: transparent !important;
  }
/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 */
.punbb-admin, .punbb a:link, .punbb a,  .punbb a:visited,  #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited
{
  border-bottom: 0px none #000;
  text-decoration: none;
color: #00837d; ;
  }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #212809; 
  }
/* 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: #212809; 
  border-bottom: 0px none #000;
text-decoration: none;
  }
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #212809;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none

  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
color: #212809; 
  }
/* CS4 Post status icons
-------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-index .modlist {display: none; }
#pun-announcement.section h2 span {display: none; }
#pun-title .title-logo span {display: none;}
.blockquote, .blockcode, .scrollbox, pre {border:none; }
.punbb table Div.icon {float: right; display: block; width: 60px;!important; height: 60px; border-style: none; background-image: url(http://funkyimg.com/i/2bvNf.png);  background-repeat: no-repeat; margin-left: 1px;}
.punbb table div.inew {background: url(http://funkyimg.com/i/2bvNg.png) no-repeat; margin-left: 1px; }
TR.isticky Div.icon {background: url(http://funkyimg.com/i/2bvNh.png) no-repeat; margin-left: 1px; }
TR.iclosed Div.icon {background: url(http://funkyimg.com/i/2bvNi.png) no-repeat; margin-left: 1px; }
#pun-stats ul.container {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-origin: padding-box;
background-position: 20px 20px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 30px;
padding-top: 15px;
margin-left: -10px;
}
#pun-main h1 span {font-size: 0em; text-align: center;}
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 170px;
width: 991px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/2aWnL.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
margin-left: -60px;
font-size: 0px;}
#pun-stats h2, .punbb .main h2 {font-size: 0em; color: #56624b;  font-family: "Arial";  font-style: italic;  font-weight: bolder; text-align: center; }
#pun th {font-size: 0em; text-align: center;}
#pun-main .post-author ul {text-align: center;}


/*Áåãóíîê*/
::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}
::-webkit-scrollbar-track {
background: #f3f0ee;
}
::-webkit-scrollbar-thumb {
    background: #14b7af;
}
    /*Êíîïêè*/
    .punbb input {
border: 1px #dad9d8 solid;
    -moz-box-shadow: inset 0 0 35px -5px #eae9e5;
    -webkit-box-shadow: inset 0 0 35px -5px #eae9e5;
    background-color: #dad2ad;
    background: -webkit-linear-gradient(top, #eae9e5 50%, #cacac8 100%);
background: -moz-linear-gradient(top, #eae9e5 50%, #cacac8 100%);
background: linear-gradient(top, #eae9e5 50%, #cacac8 100%);
    border-radius: 15px;
    padding: 8px;
    }


/* ÎÔÎÐÌËÅÍÈÅ ÕÒÌË */
.ocnova { 
width: 500px; 
background: url(http://funkyimg.com/i/2bvMM.png) top no-repeat, url(http://funkyimg.com/i/2bvMN.png) bottom no-repeat, url(http://funkyimg.com/i/2bvMP.png) repeat-y;  
}
.ocnova1 {width: 400px; font-family: arial; line-height:13px; color: #0b0f0f; text-shadow: 1px 1px 0px #ffffff; text-align: justify; padding: 3px; overflow: auto; }
.ocnova2 {width: 400px;text-align: center; font-family: 'bebas neue';color: #00c2b9;  text-transform: lowercase; text-shadow: 1px 1px 0px #ffffff; }
.scrolling::-webkit-scrollbar { background: #fff; width: 8px; } 
.scrolling::-webkit-scrollbar-thumb { background: #e5eae7; width: 8px }
.scrolling::-webkit-scrollbar-corner { background: #fff; }
.gostev {width: 510px; 
background: url(http://funkyimg.com/i/2bvNa.png) top no-repeat, url(http://funkyimg.com/i/2bvNb.png) bottom no-repeat, url(http://funkyimg.com/i/2bvN9.png) repeat-y;  
}
.gostev1 {width: 400px; font-family: arial; line-height:13px; color: #0b0f0f; text-shadow: 1px 1px 0px #ffffff; text-align: justify; padding: 3px; overflow: auto; }
.gostev2 {width: 400px;text-align: center; font-family: 'bebas neue';color: #00c2b9;  text-transform: lowercase; text-shadow: 1px 1px 0px #ffffff; }
.gostev3 {width: 300px; font-family: arial;  text-transform: lowercase; color: #00c2b9; text-shadow: 1px 1px 0px #ffffff; letter-spacing: 3px;}
.scrolling::-webkit-scrollbar { background: #fff; width: 8px; } 
.scrolling::-webkit-scrollbar-thumb { background: #e5eae7; width: 8px }
.scrolling::-webkit-scrollbar-corner { background: #fff; }
.desbox {font-size: 10px; text-align: justify;}
.mainlink a {display:inline-block; font-size:10px; background:#19beb6; color:#f8f8f7!important; text-shadow: none; padding:2px 2px 4px 2px; margin: 1px!important; text-transform:lowercase; transition: 0.1s; text-align:center; width:120px; border-radius: 6px;}
.mainlink a:hover {background:#f8f8f7; color: #19beb6!important; border-radius: 6px;}
.mainlink {text-align:center; margin-top:9px!important;}

/* ÅÙÅ ÎÔÎÐÌËÅÍÈÅ ÕÒÌË */
.bee {
    width: 195px;
    padding: 7px 2px;
    border: 1px solid #eee;
    background-color: #f9f9f9;
    font-family: tahoma;
    font-weight: 400;
    text-align: center;
    line-height: 100%;
    font-size: 10px;
    margin-bottom: 3px;
}
.bee_2 {
    width: 225px;
    padding: 7px 2px;
    border: 1px solid #eee;
    background-color: #f9f9f9;
    font-family: tahoma;
    font-weight: 400;
    text-align: center;
    font-size: 10px;
    margin-bottom: 3px;
}
.bee_3 {
    width: 225px;
    padding: 5px 2px;
    border: 1px solid #eee;
   height: 70px;
    font-family: tahoma;
    overflow-y: scroll;
    font-size: 8px;
    margin-bottom: 3px;
}



.spenappcontp {
  background: #fff;
  height: 540px;
  opacity: 0;
  position: absolute;
  top: 430px;
  transition: all 1s ease 0s;
  width: 500px;
}

.spenappc:hover .spenappb {
	margin-top:0;
}
.spenappc:hover .spenappl {
	opacity:1;
}
.spenappc:hover .spenappcontp {
  opacity: 1;
  top: 60px;
}

.spenappl {
  float: left;
  opacity: 0;
  position: absolute;
  transition: all 1s ease 0s;
  z-index: 1;
}
.bghex {
  background: rgba(118, 222, 217, 0.65);
}
.fonthex {
  color: #AB8DBC;
}