article {
	border-bottom:#f1f1f1 solid 1px;
	overflow:hidden;
	padding:15px;
}

article.odd {
	background:#f9f9f9;
	background:-moz-linear-gradient(top,#fff,#f9f9f9);
	background:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#fff));
/* MSIE */
	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#f9f9f9',GradientType=0);
}

article img {
	float:left;
	margin-right:15px;
}

article figure {
    width: 25%;
}

article .meta {
	line-height:1.2em;
	margin-bottom:5px;
}

article .meta a {
	text-decoration:none;
}

.sub article h3 {
	margin-bottom:10px;
}

article.last {
	border:0;
}

article h3 a {
	text-decoration:none;
	line-height:1em;
	font-weight:700!important;
}

article .time {
	margin-bottom:10px;
	display:block;
	font-weight:700;
}

article .media {
	position:relative;
	z-index:10;
	float:right;
	margin-left:10px;
}

article .media li {
	line-height:1em;
	font-size:1.2em;
	display:block;
}

article .media li a:hover {
	background-color:#eee;
	color:#666;
}

article .media li a:active {
	background-color:#666;
	color:#ddd;
}

.detail {
	border:0;
}

.detail article {
    padding-left: 0;
    padding-right: 0;
}

.detail img {
	float:none;
	max-width:500px;
	margin-right:25px;
	margin-bottom:25px;
}

.detail .summary {
	line-height:1.6em;
	margin-top:25px;
	margin-bottom:5px;
}

.detail header {
	display:block;
	position:relative;
	float:none;
	width:100%;
}

.detail footer {
	display:block;
	position:relative;
	float:none;
	width:100%;
}

aside h4 {
	text-transform:uppercase;
}


@media (max-width: 37.5em) {
    article figure {
        width: 100%;
    }
    article figure img {
        display: block;
        float: none;
        margin: 0;
    }
}