/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #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, #pun-navlinks .container  { background-color: transpanent;
color: #121212;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color: #; background-position: top center; }

/* CS1.3 Шапка */
#pun-title table {
background-image : url(); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 0px;
width: 870px;
margin-left: 0px;}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #; background-image: url();}

/* CS1.5 Футер\копирай\низ */
#pun-about p.container {background-image: url(); background-position: top center; background-repeat: no-repeat; height: 180px; width: 870px;margin-left: -268px;margin-bottom: -55px;}


/* CS1.6 Ссылки верхней навигации*/
#pun-navlinks .container { 
text-align: center; 
position: absolute;
background-color: transpanent; 
background-image: url();
z-index: 1000;
text-align: center;
top: 30px;
left: 115px}

#pun-ulinks .container { 
text-align: center; 
position: absolute; 
top: 83px;
left: 90px}

/* CS2 Ссылки */

/* CS2.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #37231f;
  text-decoration: none;}

/* CS2.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: #244642; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color: #;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #;
  text-decoration: none;}

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

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 55px;
height: 55px;
background-image : url();
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url();
background-repeat: no-repeat;
width: 55px;
height: 55px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url();
background-repeat: no-repeat;
width: 55px;
height: 55px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url();
background-repeat: no-repeat;
width: 55px;
height: 55px;}

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

#pun-category1.category h2 {
background: url(http://s5.uploads.ru/vQmwT.png);
height: 60px;
width: 760px;
font-size:0 !important;
margin-left: -10px;}	


/* CS5 Прочие элементы */

/* cs5.2 статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 63px;
width: 250px;
font-size: 12px;
text-align: center;
margin-left:245px;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: transparent; 
background-image: url("");
color: #}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: transparent; 
background-image: url("");
color: #}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
margin-left: 600px; 
top: 102px}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}


.ch-grid {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}
 
.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}
 
.ch-grid:after {
    clear: both;
}
 
.ch-grid li {
    width: 220px;
    height: 220px;
    display: inline-block;
    margin: 20px;
}


.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(200,95,66, 0.4),
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-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;
}

.ch-img-1 { 
	background-image: url(http://funkyimg.com/u2/3055/784/240280ds.jpg);
}

.ch-img-2 { 
	background-image: url(http://funkyimg.com/u2/3053/355/2819174jybY.jpg);
}

.ch-img-3 { 
	background-image: url(http://funkyimg.com/u2/3055/774/685047jk.jpg);
}


.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	
	-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: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info h3 {
	color: #fff;
	position: relative;
	letter-spacing: 2px;
	font-size: 42px;
	margin: 0 30px;
	padding: 50px 0 0 0;
	height: 70px;
	font-family: OstrichSansBold;
	font-weight: normal;
	line-height: 90%;
	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;
	margin: 0 30px;
	font-size: 12px;
	font-family: delicious;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #00ddfa;
	color: rgba();
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: delicious;
}

.ch-info p a:hover {
	color: #fff;
	color: rgba(90,47,41, 0.9);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(90,47,41, 0.6),
		inset 0 0 0 16px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}