@background: #eaeaea;
@color1: #d8f3ff;
@color2: #8bbee5;
@header: #000;
@header-shadow: #bee8e8;
@subheader: #565;
@hyperlinks: #435acc;
@header-height: 168px;

#index {
	font-family: sans-serif;
	background: @background;
	margin:		0;
	
	#header {
		width:		930px;
		padding: 	0 30px 0 0;
		margin: 	0 auto;

		hr {
			border-top: 1px solid #8a8a8a;
			border-bottom: 1px solid #FFF;
			padding: 0;
			margin: 0;
		}
		
		#menu {
			background:	#bbbdbd;
			height:	40px;
			width:100%;
			ul {
				width: 960px;
				margin: 0 auto;
				padding: 0 0 0 8px;
				list-style: none;
				
				li {
					padding:	0;
					margin:		0;
					float:left;
					
					a {
						display: block;
						padding: 11px;
						margin: 0 25px 0 0;
						color: inherit;
						text-decoration: none;
					}
					a:hover {
						background:	#a3a3a3;
					}
				}
			}
		}
		.content {
			width: 		960px;
			margin: 	0 auto;
			position: 	relative;
			
			h1 {
				padding:		58px 0 40px 0;
				margin: 		0;
				font-size: 		50px;
				color:			#2e2e2e;
				text-shadow: 	#FFF 1px 1px 1px;
				font-family: 	sans-serif;
			}


		}
	}
	
	.content {
		width: 		960px;
		margin: 	25px auto;		

			#search-header {
				clear: both;
				
				#search-input {
					float:		left;
					background: url(../images/search.png);
					border: 	0;
					height:		33px;
					width: 		185px;
					padding:	0 8px;
									margin: 0 0 25px 0;
				}
				#search-submit {
					float:		left;
					background: url(../images/search_submit.png);
					border: 	none;
					height:		33px;
					width: 		29px;
					padding: 	0;
					margin:		0;
					
				}
			}
			
		.group {
			background:	#f3f3f3;
			border: 1px solid #bbbdbd;
			border-radius: 6px;
			overflow: hidden;
			margin: 0 30px 30px 0;
			padding: 0 0 15px 0;
			
			.group-header {
				font-size: 17px;
				border-radius: 6px 6px 0 0;
				padding: 10px 18px 10px 20px;
				margin: 0 0 20px 0;
				text-shadow: @header-shadow 1px 1px 1px;
				color: @header;
				
				background: @color1; /* Old browsers */
				background: -moz-linear-gradient(top, @color1 0%, @color2 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@color1), color-stop(100%,@color2)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, @color1 0%,@color2 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, @color1 0%,@color2 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(top, @color1 0%,@color2 100%); /* IE10+ */
				filter:	 	~"progid:DXImageTransform.Microsoft.gradient(startColorstr="@color1~", endColorstr="@color2~",GradientType=0 ); /* IE6-9 */";
				background: linear-gradient(top, @color1 0%,@color2 100%); /* W3C */
			}
			
			.article {
				 margin: 0 0 25px 21px;
				
				.blog-header {
					margin:		0 0 10px 0;
					float:		left;
					padding:	2px 0 0 0;
					font-size:	20px;
					color:		@subheader;
					a {
						color:		@subheader;
						text-decoration: none;
					}

					.sub-header {
						font-size:	14px;
						padding: 0 0 0 0px;
					}
				}

					.article-header {
						float:		left;
						width: 		40px;
						height: 	52px;
						background:	#c4c4c4;
						border-radius: 	5px 5px 5px 5px;
						overflow: hidden;

						.date-top {
							width:			100%;
							height: 		17px;
							background: 	@color2 - #222;
							color: 			#FFF;
							text-align: 	center;
							font-size: 		15px;
							padding: 		5px 0 3px 0;
							text-shadow: 	#000 1px 1px 1px;
							float:			left;
						}
						.date-foot {
							line-height:	28px;
							font-size: 		16px;
							text-align:		center;
						}
					}
				
				.content {
					font-size:		12px;
					line-height:	17px;
					clear:			both;
					width: 			inherit;
					padding: 		0 25px 0 0;
										margin: 		0 0 35px 0;
					.input, input[type=text] {
						width: 180px;
						border: 1px solid #bbbdbd;
						padding: 5px 4px;
					}
					
					.mentions_collection {
						clear:both;
						width: 100%;
					}
					.mentions {
						color:			@hyperlinks - #444;
						float:			left;
/*						clear:			left;*/
/*						font-weight: 	bold;*/
						margin: 		0px 8px 0px 0;
						text-decoration:none;
					}
					a.mentions:hover {
						text-decoration:underline;
					}
					.addthis_toolbox {
						clear:both;
						width: 60%;
						margin: 0 0 10px 0;
					}
					.readmore {
						color:			@hyperlinks - #444;
						float:			right;
/*						clear:			both;*/
						font-weight: 	bold;
						margin: 		0px 15px 5px 0;
						text-decoration:none;
					}
					.readmore:hover {
						text-decoration:underline;
					}
				}
			}
		}

		#left {
			float: 	left;
			width: 	700px;		
			}
		}
		#sidebar {
			float: 	left;
			width: 	260px
		}
	}
	
.clearfix {
	clear:both;
}

a, a:hover, a:active {
	color: @hyperlinks;
/*	text-decoration: none;*/
}

.article_image {
	float:left;
	margin: 0 15px 15px 0;
	height: 100px;
}

div#article-source{
  margin: 10px 0;
}

.pagination {
    font-size: 14px;
	margin: 0 0 25px 21px;
}

img {
	border:0;
}