/* CS1 Background and text colours
-------------------------------------------------------------*/
/* âûäâèãàøêà â øàïêå */
.renoheader {background: #080808;}

.renoheaderhover {width: 800px; 
height: 349px; 
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 40px;
margin-left: 0px;
position: absolute;}

.renoheaderhover:hover {color: #e3e3e3;
width: 800px; 
height: 349px; 
background-color: #080808;
opacity: 1;}

.renoheadercontent {width: 800px; 
height: 349px; 
background: #080808; 
opacity: 1;
color: #e3e3e3;
text-align: justify;
text-shadow: 1px 1px 0px #3d0404;
line-height: 100%;}

#first {position: absolute;
width: 260px;
top: 10px;
left: 5px;}

#second {position: absolute;
width: 260px;
top: 10px;
left: 270px;}

#third {position: absolute;
width: 260px;
top: 10px;
left: 535px;}

#news {width: 260px;
height: 100px;
margin-top: 10px;
overflow: auto;
padding-right: 5px;}

::-webkit-scrollbar { background: #fbfbfb; width: 10px; }
::-webkit-scrollbar-thumb { background: #e6e6e6; width: 10px }
::-webkit-scrollbar-corner { background: #e6e6e6; }

#yo {width: 260px; height: 250px; position: relative; overflow: hidden;}
#yo .page { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 260px; height: 250px;}
#yo:hover .page {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; left: -260px;}

.pa-gifts {display: none;}

/* ïèàð */
.Myimge {position: relative;
left: 65px;
top: -1px;}

/* ÏÐÎÔÈËÜ */
@font-face {
font-family: 'Playfair Display SC';
font-style: normal;
font-weight: 400;
src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplaysc/v2/G0-tvBxd4eQRdwFKB8dRkf5twPfG3l5Gc3nk2Vyncrg.woff) format('woff');}

.post-author {width: 190px;
height: auto;
right: 0px;
left: 0px;
position: relative;
overflow: hidden;
text-align: center;}

.post-author .pa-avatar.item2 { opacity: 1; transition-duration: .2s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s;
background-color: transparent;
position: absolute;
right: 0px;
left: 0px;
top: 24px;
width: 180px;
height: 180px;}

.post-author:hover .pa-avatar.item2 { opacity: 0; width: 180px; height: 180px; background-color: transparent; color: #000000; right: -180px; visibility: hidden;}

.pa-author {margin-bottom: 10px !important;}

.pa-fld1 {width: 170px;
height: 170px;
background-color: #fff;
font-family: times new roman;
font-size: 11px;
text-align: justify;
overflow: auto;
margin-top: 30px;
padding: 5px !important;
line-height: 12px;}

.pa-posts {margin-top: 7px !important;}

ul.menu {text-align: center;}
ul.menu li {display: inline;
margin-right: -1px;}

ul.menu a span {
padding-top: 5px;
width: 70px;
text-align: center;
height: 20px;
font-family: arial;
letter-spacing: 2px;
text-transform: uppercase;
display: inline-block;
background-color: #450a0a;
color: #ffffff;}

ul.menu a:hover span {
width: 70px;
height: 20px;
display: inline-block;
background-color: #ffffff;
color: #000000;}

body {background-color: #000000;
background-attachment: relative;
background-position: top;
background-image: url(http://funkyimg.com/i/HP56.png);
}

div.tclcon table {border: double 4px #d9d9d9;}

li#navawards {font-size: 0px;
margin: 0 !important;}

/* ïàí èëè òåëî ôîðóìà */
#pun{background-image: url("http://funkyimg.com/i/HP4g.png"); background-position: top center; background-attachment: relative;}

/* øàïêà */
#pun-title TABLE {
background: url(http://funkyimg.com/i/HP4f.png) transparent no-repeat top left;width:930px; background-position: center;
}

/* ôóòåð èëè êîïèðàéò */
#pun-about p.container {
  background-image: url(http://funkyimg.com/i/J5ig.png);
  background-color: transparent;
  margin-left: -12px;
  margin-bottom: -45px;
  margin-top: 70px;
  text-align: center;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  width: 800px;
  height: 170px;}

#bannerss {
position: absolute;
text-align: center;
margin-left: 365px;
margin-top: -30px;
z-index: 1;
}

#pun-about p.container span {margin-top: -40px !important;}

/* ÐÅÊËÀÌÀÍÀ */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 160px; 
top: -50px}

desbox {
text-align: justify;
padding: 10px;
width: 335px;
border: 3px solid #000;
background-color:#fff;
}

/* 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: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #000000;
font-weight: normal;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #000000;
font-weight: bold;
text-align: left;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;
  }
#pun-title .title-logo span {display: none;}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #000000;
  }

/* ìåíþ è ïîëüçîâàòåëüñêèå ññûëêè */
div#pun-navlinks {
font-weight: bold;
height: 30px;}
div#pun-ulinks {
text-size: 10px;
height: 40px;
text-transform: lowercase;}

.offline li.pa-online strong {
font-weight: normal}

.offline li.pa-online strong {
  font-weight: normal;
}

.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #000000;
background-image: url();
border: 0px solid #000000
}

/* 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
  }

/* 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 #dedfdf
  }

li.pa-online {
  border-left-color: transparent;
  }
/* 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: #791211;
font-weight: bold;
 text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333
  }

/* 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: #280707;
transition:color 0.8s ease-in;
-moz-transition:color 0.8s ease-in;
-webkit-transition:color 0.8s ease-in;
-khtml-transition:color 0.8s ease-in;
-opera-transition:color 0.8s ease-in;
-ms-transition:color 0.8s ease-in;
 text-decoration: none;
  }

#pun-ulinks a {color: #564610;}

/* CS3.3 */
#pun-navlinks a {
  color: #564610;

  text-decoration: none
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #301806;
  text-decoration: none
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

#pun-main div.catleft, #pun-main div.catright {display: none}


.punbb table Div.icon {float: left; 
display: block; 
border-style: none none none none;
margin-left: 10px;
margin-right: -5px;
margin-top: 5px;
width: 60px;
height: 57px;
background-image : url(http://funkyimg.com/i/HPhn.png);
background-repeat: no-repeat;}

/* CS3.2 Èêîíêà íîâûõ */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/HPhm.png);
background-repeat: no-repeat;
width: 60px;
height: 64px;}

/* CS3.3 Èêîíêà âàæíûõ*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/HPhm.png);
background-repeat: no-repeat;
width: 60px;
height: 64px;}

/* CS3.3 Èêîíêà çàêðûòûõ*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/HPhk.png);
background-repeat: no-repeat;
width: 50px;
height: 49px;}

#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}

#pun-adnav ul { 
padding: 0.4em 0px 0.6em;
text-align: center;
}

/* îòîáðàæåíèå "îòðåäàêòèðîâàíî" */
.lastedit {display:none;}


.punbb .post-content blockcode,
.punbb .post-content blockquote,
.punbb .post-content .quote-box,
.punbb .post-content .quote-box,
.punbb .post-content .code-box{
border-color:transparent;
background-color:transparent;
}


/* íàñòðîéêà ñëàéäåðà */
#slideshow {
  margin: 0 auto;
  width: 760px;
  height: 180px;
top: 360px;
left: 130px;
line-height: 9px;
text-align: justify;
font-size: 10px;
color: #945d30;
  position: absolute;
  line-height: 10px;
}

#slideshow #slidesContainer {
  margin: 0 auto;
  width: 760px;
  height: 150px;
  overflow: auto;
 /* allow scrollbar */
  position: relative;
}

#slideshow #slidesContainer .slide {
  margin: 0 auto;
  width: 780px;
  height: 150px;
}

.control {
  display: block;
  width: 100px;
  height: 255px;
  ;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;
}

#leftControl {
  top: 50px;
  left: -130px;
  background: transparent url(http://s4.uploads.ru/nR3sw.png) no-repeat 0 0;
}

#rightControl {
  top: 50px;
  right: -160px;
  background: transparent url(http://s4.uploads.ru/OETY7.png) no-repeat 0 0;
}

.slide h2, .slide p {
  margin: 2px;
}

.slide h2 {
  letter-spacing: 0px;
}

.slide img {
  float: center;
  margin: 0 2px;
}

td.tcl:hover {background: #f4f4f4 !important;}

#pun-ulinks li.item7 > a {
background: url("http://funkyimg.com/i/HPt2.png") no-repeat scroll 0 0 transparent;
display: inline-block !important;
font-size: 0;
margin-left: 10px;
margin-right: 3px;
height: 19px;
top: -15px;
width: 58px;
}


.post-author ul li.pa-avatar {
    background:transparent:none!important;
    border: 4px double #c5c5c5;
}

li.pa-author {margin-top: 1px;
margin-bottom: 15px;}

#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}

#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#pun-report .inner, #pun-reputation .inner {
display: none;
position: fixed;
left: 50%;
top: 50%;
margin: -135px 0 0 -384px;
width: 768px;
z-index: 100;
background-color: #ffffff;
box-shadow: 0 0 40px #222;
-webkit-box-shadow: 0 0 40px #222;
-moz-box-shadow: 0 0 40px #222;
-khtml-box-shadow: 0 0 40px #222;
}
 