@charset "utf-8";
@import "colors";
@import "mixins";

.blog-feed {
	position: relative;
	display: none;
	padding: 5px;
	text-align: left;
	z-index: 12;
	.close-feed {
		cursor: pointer;
		position: absolute;
		right: -22px;
		width: 20px;
		height: 20px;
		top: 5px;
		z-index: 10;
	}
	.container {
		background: #70706f;
		overflow: hidden;
		height: 362px;
		.feed-item {
			display: block;
			margin: 0px 0px 5px 0px;
			min-height: 97px;
			#gradient.vertical(#595959, #696969);
			padding: 10px;
			.title {
				color: white;
				font-size: 14px;
				display: block;
			}
			.date {
				display: block;
				color: #d0d0d0;
				padding: 2px 0px 5px;
				font-size: 9px;
			}
			.descr {
				font-size: 12px;
				color: @lightest-gray;
			}
		}
	}
	.controls {
		top: 367px;
		height: 26px;
		border-top: 5px solid #70706f;
		#gradient.vertical(#595959, #696969);
		.information {
			float: left;
			font-size: 14px;
			color: #d0d0d0;
			padding: 5px 0px 0px 5px;
		}
		.arrows {
			float: right;
			margin: 3px 5px 0px 0px;
		}
		.arrow {
			background: url('../images/news-arrows.png') no-repeat;
			display: inline-block;
			zoom: 1;
			*display: inline;
			width: 36px;
			height: 23px;
			margin: 0px 2px;
			&.up {
				background-position: 0px 0px;
			}
			&.down {
				background-position: -36px;
			}
		}
	}
}