@import url("css.css");

/* Boxes ______________________ */
#featured {
	clear: both;
	margin-top: 20px;
	}
	#featured .article {
		width: 240px;
		float: left;
		margin-bottom: 2em;
		}
	#featured .middle {
		margin: 0 35px;
		}
	.meta {
		margin: 0.3em 0 0.1em;
		}
		.meta .date {
			display: block;
			width: 45%;
			float: left;
			}
		.meta .comments {
			display: block;
			width: 45%;
			float: right;
			text-align: right;
			}
#recent {
	margin-top: 4em;
	}
	#blogs,
	#articles,
	#more {
		width: 240px;
		float: left;
		}
	#recent #articles {
		margin: 0 35px;
		}


/* FEATURED ARTICLES _______________ */
.meta {
	font-size: 0.9em;
	}


/* RECENT _______________ */
#recent h1 {
	border-bottom: 2px solid #444;
	padding-top: 20px;
	}
		
#recent ul {
	}
	#recent li {
		border-bottom: 1px solid #444;
		padding: 1em 0;
		}
		#recent li h2 {
			font-size: 1.3em;
			}
	
#recent #tags a {
	padding-right: 5px;
	}