a {
	text-decoration: none;
	color: #686868;;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	padding-left: 5px;
}

.post-listing {
	width: 70%;
	height: 3em;
	background: transparent;
	opacity: .8;

	/* font-vertical-align: center; */
	margin: 0 auto;

	/* this is for surity when the inner block
	 * actually overlap you don't want it to
	 * mess with the complete layout 
	 */	
	white-space: nowrap;

	border: 3px solid transparent;

}

.post-listing.last {
	border-bottom-width: 2px;
}

.post-listing > a > .title,  
.post-listing > a > .date { 
	display: inline-block;
	margin: 0;
	padding: 0;
	border-width: 0; 
	line-height: 3em;

	vertical-align: top;
}

.post-listing > a > .title { 
	width: 62%;
	background: white;
	padding-left: 8%;
	text-align: left;
	overflow: hidden;
}	

.post-listing > a > .date {
	width: 30%;
	background: #b8b8b8;
	overflow: hidden;
}