/**
 * File:        /template/Lite/css/block.css
 *
 * Template:    Lite
 *
 * Project:     Danneo Team
 * @version     Danneo CMS (Next) v1.5.0
 * @copyright   (c) 2004-2016 Danneo Team
 */

/* Aside block */
#left > aside {
	width: 270px;
	margin: 0 30px 25px 0;
}
#right > aside {
	width: 270px;
	margin: 0 0 25px 30px;
}

.big-block > h2,
#left > aside > h4,
#right > aside > h4,
#center > aside > h3 {
	background-color: #f0f0f1;
	color: #000;
	font-size: 16px;
	width: 100%;
	height: auto ! important;
	margin: 0 0 15px;
	padding: 12px 20px 11px;
	text-shadow: 0 1px 0 #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: inset 3px 0 0 0 #999;
	position: relative;
}
.big-block > h2,
#center > aside > h3 {
	font-size: 17px;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 12px 20px 12px 62px;
}
.big-block > h2:before,
#center > aside > h3:before {
	background-color: #999;
	font-family: 'icomoon';
	color: #fff;
	font-size: 20px;
	text-indent: 12px;
	line-height: 43px;
	font-weight: normal;
	width: 45px;
	height: 100%;
	position: absolute;
	top: 0;left: 0;
	z-index: 1;
}
.big-block > h2:before,
#center > aside > h3:before { content: "\e93c"; font-size: 21px; text-indent: 12px; line-height: 41px; }
#center > aside.forum > h3:before { content: "\e921"; font-size: 21px; text-indent: 11px; line-height: 42px; }

/* Welcome block */
.welcome {
	background-image: url(../images/w-bg.png), url(../images/w-bg-2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 100% 30%, -100px 30%;
	background-color: #f0f0f1;
	color: #000;
	margin: 0 0 35px;
	padding: 45px 0 35px 0;
}

/* Hedgehogs block */
.urchin {
	background-color: #f0f0f1;
	margin: -35px 0 0px;
}
.urchin > .core{
	background-image: url(../images/urchin.jpg);
	background-repeat: no-repeat;
	background-position: 10% 50%;
	height: 390px;
	padding: 65px 0 55px;
}

/* Center block */
.big-block,
#center > aside {
	margin: 0 0 25px;
}

/* Images block */
#left img,
#right img,
#center img,
.big-block img {
	max-width: 100%;
	height: auto;
}

/* Box sizing block */
.big-block,
.big-block > h2,
#left > aside,
#right > aside,
#center > aside,
#left > aside > h4,
#right > aside > h4,
#center > aside > h3 {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}