/* шапка
 -------------------------------------------------------------*/
#pun-title table {
background-image : url(http://funkyimg.com/i/Jtjw.jpg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
margin-top: 0px;
margin-left: -108px;
width: 1050px;
height: 450px;}

/* стиль фона и пуна
 -------------------------------------------------------------*/
HTML, BODY {background-color: #f39233;
background-image: url(http://funkyimg.com/i/Jt2S.jpg)}
#pun {background-color: #f1e189; 
background-image: url(http://funkyimg.com/i/Jshg.png);}
.lastedit{display:none;}


/* фон и цвет текста
-------------------------------------------------------------*/

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

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #transpanent;
  color: #000;
  text-align: center;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 13px;
  font-family: times new roman;
  }

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color:  transparent;
  color: #020607
  border-color: #ccc #fff #fff #ccc;
  }

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

/* цвет рамок
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #ccc #ccc #aaa #ccc
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #66cccc
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #004F90;
  }

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

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #fff
  }

.punbb .divider {
  border-color: #ccc #fff #fff #fff
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none;
  }

li.pa-online {
  border-left-color: #005EAB;
  }


/* стиль ссылок
-------------------------------------------------------------*/

/* 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: #a00909
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #a00909
  }

/* 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: #213c00;
  }

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

#pun-main div.catleft, #pun-main div.catright {display: none}

/* CS3.3 */
#pun-navlinks a {
  text-transform: lowercase;
  font-style: italic;
  font-family: sans-serif;
  text-decoration: none;
  margin-left: -2px;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #009ff3;
  text-shadow: #fff 0px 1px 0px;
  }


/* Тень текста  
-------------------------------------------------------------*/
.punbb a:hover, .punbb a:focus, .punbb a:active{ 
font-style: normal;
color: #213c00;
text-shadow: #ffffff 1px 0px 0px;
 }
.punbb a{ 
font-style: normal;
color: #a00909;
text-shadow: #ffffff 1px 0px 0px;
 }
/* другие элементы
 -------------------------------------------------------------*/

/* округлости у цитат, формы ответа, всех кнопок 
 -------------------------------------------------------------*/

#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb .quote-box, .punbb .code-box, .punbb textarea {
background-color: #transparent; 
border-radius: 0px 10px 0px 10px;
box-shadow: 0px 3px 0px 2px rgba(247, 238, 183, 1);
}

.punbb select, .punbb input {
border-radius: 0px 0px 0px 0px;
background-color: #f7eeb7;    	                            
}

/* область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #f7eeb7;  
color: #000000;
border: #f7eeb7 1px solid;
}

/* картинки категорий
 ------------------------------------------------------------- */

#pun-category1.category h2 { background: url(http://funkyimg.com/i/JwTj.jpg) no-repeat top center; width: 850px; height: 98px; margin-left: 15px; font-size: 0px !important; background-color: transparent; color: transparent; } 
#pun-category2.category h2 { background: url(http://funkyimg.com/i/JwUD.jpg) no-repeat top center; width: 850px; height: 98px; margin-left: 15px; font-size: 0px !important; background-color: transparent; color: transparent; } 
#pun-category3.category h2 { background: url(http://funkyimg.com/i/JwUE.jpg) no-repeat top center; width: 850px; height: 98px; margin-left: 15px; font-size: 0px !important; background-color: transparent; color: transparent; } 
#pun-category4.category h2 { background: url(http://funkyimg.com/i/JwUG.jpg) no-repeat top center; width: 850px; height: 98px; margin-left: 15px; font-size: 0px !important; background-color: transparent; color: transparent; } 
#pun-category5.category h2 { background: url(http://funkyimg.com/i/JwUF.jpg) no-repeat top center; width: 850px; height: 98px; margin-left: 15px; font-size: 0px !important; background-color: transparent; color: transparent; } 
#pun-category6.category h2 { background: url(http://funkyimg.com/i/JwUC.jpg) no-repeat top center; width: 850px; height: 98px; margin-left: 15px; font-size: 0px !important; background-color: transparent; color: transparent; } 

/* статистика 
 -------------------------------------------------------------*/

#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 98px;
width: 850px;
margin-left: 15px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/JwUH.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;
color: transparent;
 }


/* Футер 
 -------------------------------------------------------------*/
#pun-about p.container {font-size:0 !important;}
#pun-about p.container {background-image: url("http://funkyimg.com/i/JwM2.jpg"); background-repeat: no-repeat; height: 172px; width: 1048px;
margin-left: -108px;}
div#html-footer {margin: -20px 20px -20px 20px;}


/* иконки новых, старых смс, закрытых, важных тем
 -------------------------------------------------------------*/

.punbb table Div.icon {float: right; border-style: none none none none; margin-left: 0px;margin-right: 5px;
width: 50px;
height: 50px;
background-image : url(http://funkyimg.com/i/JwMw.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/JwMA.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;
}

TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/JwMz.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;
}

TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/JwMy.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;
}

/* картинки в табле
-------------------------------------------------------------*/

.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: #f1e28d;
}
.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: #f1e28d;
}
.ch-img-1 { 
	background-image: url(http://funkyimg.com/i/Jnq6.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);
}