* CS1 Background and text colours
-------------------------------------------------------------*/
/* âûäâèãàøêà â øàïêå */
.renoheader {background: #080808;}

.renoheaderhover 
{width: 1000px; 
height: 349px; 
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
margin-top: 50px;
margin-left: -90px;
position: absolute;}

.renoheaderhover:hover {color: #e3e3e3;
width: 1000px; 
height: 349px; 
background-color: #080808;
opacity: 0.8;}

.renoheadercontent {width: 1000px; 
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-image: url("http://se.uploads.ru/KdQsD.jpg");
background-position: center;
background-attachment: fixed;
background-repeat:no-repeat;
background-size: cover;
}

div.tclcon table {border: double 4px #d9d9d9;}

li#navawards {font-size: 0px;
margin: 0 !important;}

/* ïàí èëè òåëî ôîðóìà */
#pun{
background-color: transparent;
background-image: url("http://sf.uploads.ru/6XcoZ.png");
background-position: center top;
background-attachment: relative;}

/* øàïêà */
#pun-title TABLE {
background: url(http://sf.uploads.ru/8AhM4.jpg) 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: #191970;
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}


/* êàðòèíêè â òàáëå
-------------------------------------------------------------*/

.ch-item {
	width: 100%;
        height: 350px;
	position: relative;
	cursor: default;
}
.ch-info-wrap{
	position: absolute;
	width: 285px;
	height: 350px;
        -webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
       -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
        top: 0px;
	left: 0px;
	background: #e3e3e3;
}
.ch-info{
	position: absolute;
	width: 285px;
	height: 350px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
		
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
        
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.ch-info .ch-info-back {
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
        background: #000 url(http://trueimages.ru/img/3e/e9/9caaa935.png) ;
}
.ch-img-1 { 
	background-image: url(http://trueimages.ru/img/bd/e5/8b8aa935.png);
}
.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
        text-align: center;
	letter-spacing: 2px;
	font-size: 12px;
	margin: 0 5px;
	padding: 20px 0 0 0;
	height: 35px;
	font-family: TIMES NEW ROMAN;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
        text-align: center;
	margin: 0 30px;
	font-size: 12px;
        font-family: TIMES NEW ROMAN;
	border-top: 2px solid rgba(255,255,255,0.5);
}
.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: TIMES NEW ROMAN;
}
.ch-info p a:hover {
color: #fff;
}
.ch-item:hover .ch-info {
	-webkit-transform: rotate3d(0,1,0,-180deg);
	-moz-transform: rotate3d(0,1,0,-180deg);
	-o-transform: rotate3d(0,1,0,-180deg);
	-ms-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
}