

.news {position:relative;}


/* ------- */
/* listing */
/* ------- */

.news .item {
	margin:0;
	padding:15px 12px 25px;
	position:relative;
}
.news .item:hover {background-color:#fbfbf9;}

.news .item + .item {
	border-top:1px solid #f6f4ee;
}
.news .date {font-size:11px; color:#8c8a82; margin-bottom:10px;}
.news .item h3 {
	margin:0 0 5px;
	text-transform:none;
}

.news .item h3 a {color:#635744; display:block;}
.news .item h3 a:hover {color:#8a795f;}
.news .img a { 
	display:block;
	width:130px;
	float:left;
	margin:0 30px 20px 10px;
}
.news .img img {
	max-width:130px;
	display:block;
	border:1px solid #e9e7e5;

	-webkit-border-radius:3px;
		-moz-border-radius:3px;
			  border-radius:3px;
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.17);
		-moz-box-shadow:0 1px 5px rgba(0,0,0,0.17);
			  box-shadow:0 1px 5px rgba(0,0,0,0.17);
}
.news .txt {
	float:left;
	width:560px;
}
.news .shortdesc {margin:0; line-height:1.4;}
.news .more {margin:5px 0 0;}

.news .fb_comments_count {
	background:#f6f6f4 url(images/sprite-ico.png) no-repeat 8px 3px;
	display:block;
	float:left;
	margin-top:5px;
	padding:0 8px 0 28px;
	line-height:18px;
	font-size:11px;
	border:1px solid #e7e6e3;
	-webkit-border-radius:3px;
		-moz-border-radius:3px;
			  border-radius:3px;
}

.row.panels .news .img a {width:65px; margin:0 10px 10px 0;}
.row.panels .news .img a img { max-width:65px; }
.row.panels .news {margin:0 -12px;}
.row.panels .news .txt {
	width:200px;
}
.row.panels .news .item h3 {font-family:sans-serif;font-size:12px;}
.row.panels .news .date { margin-bottom:-5px;}
.row.panels .news .shortdesc {margin:10px 0;}
.row.panels .news .fb_comments_count {position:absolute; bottom:9px; right:4px; float:right; margin-top:0;}


/* ------- */
/* article */
/* ------- */

.news .article {
	margin:0 0 25px;
	padding-left:70px;
	position:relative;
}
.news .article .date {
	background:url(images/sprite-ico.png) no-repeat 0 -360px;
	width:40px; height:40px;
	position:absolute; top:5px; left:10px;
}
.news .article .date .name {display:none;}
.news .article .date .month,
.news .article .date .day,
.news .article .date .year {
	position:absolute; top:0; left:0;
	text-align:center;
	font-weight:bold;
	width:40px;
	cursor:default;
}
.news .article .date .month {
	font-size:9px;
	height:15px; line-height:15px;
	color:#f0ede7;
	text-shadow:-1px -1px rgba(0,0,0,0.3);
	text-transform:uppercase;
}
.news .article .date .day {
	font-size:14px;
	height:20px; line-height:20px;
	top:15px;
	text-shadow:1px 1px 0 #fff;
}
.news .article .date .year {
	top:44px;
	font-size:9px;
}
.news .article + .paging {display:none;}
.news .article .back {/*position:absolute; top:-45px; right:10px;*/}
.news .article .back p {margin:0;}
