article footer ul {
	margin: 16px 0 23px -25px;
	font-weight: 500;
}

hr.article { margin-bottom: 15px; }

/* Fixes non-hyperlinked comments in WordPress */
article footer span { font-size: 1em; }

article footer ul li, ol.comments header ul li {
	list-style-type: none;
	padding: 0 25px 0 21px;
	float: left;
	color: #999;
	background: url('../images/sprite.png') no-repeat;
}

article footer li.date, ol.comments header li.date { 
	background-position: -175px -127px; 
	float: right;
	padding-right: 0;
}
ol.comments header li.date { margin-left: 0; }
article footer li.author { padding-left: 22px; background-position: -175px -147px; }
article footer li.comments { background-position: -175px -167px; }
article footer li.edit, ol.comments header li.edit { background-position: -175px -187px; float: right; }
article footer li.comments, article footer li.edit {
	float: right; 
	margin-right: 25px;
	padding-right: 0;
}

.content section.has-aside { width: 70%; }

/* Comments */

ol.comments {
	list-style-type: none;
	margin: 15px -10px 0;
	padding: 0;
}

ol.comments p { font-size: 1em; }

ol.comments li {
	margin: 0;
	padding: 20px;
	border-top: 1px solid #e9e9e9;
}

ol.comments header ul {
	margin: 0;
	padding: 0;
	font-weight: 500;
}

ol.comments header ul:after, ol.comments header ul:before {
	content: '';
	display: table;
	clear: both;
}

ol.comments header li {
	padding: 0;
	margin: 0;
	border: 0;
}

ol.comments header li.author { background: none; padding: 0; }

ol.comments header .avatar {
	float: left;
	margin-right: 7px;
	border-radius: 2px;
	margin-bottom: 14px;
}

li.comment:last-child { padding-bottom: 10px; }
li.comment p:last-child { padding-bottom: 0; }

li.comment:nth-child(even) { background-color: #fcfcfc; }
li.comment:nth-child(even):last-child {
	background-color: #fcfcfc;
	background: linear-gradient(top, #fcfcfc 0%, #fff 100%);
	background: -o-linear-gradient(top, #fcfcfc 0%, #fff 100%);
	background: -moz-linear-gradient(top, #fcfcfc 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #fcfcfc 0%, #fff 100%);
	background: -ms-linear-gradient(top, #fcfcfc 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(1, #fff));
}
li.user { background-color: #f7fafc; }
li.user:nth-child(even):last-child {
	background-color: #f7fafc;
	background: linear-gradient(top, #f7fafc 0%, #fff 100%);
	background: -o-linear-gradient(top, #f7fafc 0%, #fff 100%);
	background: -moz-linear-gradient(top, #f7fafc 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #f7fafc 0%, #fff 100%);
	background: -ms-linear-gradient(top, #f7fafc 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7fafc), color-stop(1, #fff));
}

/* Images */

li.comment img { float: left; }

article img { 
	display: inline;
	display: inline-block;
}

img.wp-smiley, li.comment img.wp-smiley {
	position: relative;
	float: none;
	top: 2px;
	margin: 0 1px;
	display: inline;
}

/* Comment Form */
.form-float {
	float: left;
	width: 47.5%;
	margin-right: 20px;
}

label.comment {
	float: right;
	width: 47.5%;
}

label.comment textarea {
	height: 150px;
	resize: none;
}

input.button {
	float: right;
}


/********** Media Queries **********/

/* Notice: Retina iPad specific images and styles */
@media only screen and (-webkit-device-pixel-ratio: 2) {
	.heading h1, .heading h2, nav.sub li {
		text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
	}
	
	article footer ul li, ol.comments header ul li {
		background-image: url('../images/sprite_2x.png');
		background-size: 191px 217px;
	}
}

@media (max-width: 975px) { .content section.has-aside { width: 69%; } }
@media (max-width: 950px) { .content section.has-aside { width: 68%; } }
@media (max-width: 925px) { .content section.has-aside { width: 67%; } }
@media (max-width: 900px) { .content section.has-aside { width: 66%; } }
@media (max-width: 875px) { .content section.has-aside { width: 65%; } }
@media (max-width: 850px) { .content section.has-aside { width: 64%; } }
@media (max-width: 825px) { .content section.has-aside { width: 63%; } }
@media (max-width: 800px) { .content section.has-aside { width: 62%; } }
@media (max-width: 775px) { .content section.has-aside { width: 61%; } }
@media (max-width: 750px) { .content section.has-aside { width: 59.5%; } }
@media (max-width: 725px) { .content section.has-aside { width: 58%; } }

@media (max-width: 900px) { .form-float, label.comment { width: 47%; } }
@media (max-width: 800px) { .form-float, label.comment { width: 46.5%; } }

@media (max-width: 700px) { 
	.content section.has-aside { clear: both; width: auto; } 
	.content aside { width: 100%; }
	.content aside section { margin: 14px; }
	
	.form-float, label.comment { width: 46%; }
}

@media (max-width: 670px) { label.comment textarea { height: 164px; } }
@media (max-width: 585px) { .form-float, label.comment { width: 45.5%; } }

@media (max-width: 560px) {
	/* Blog */
	article footer ul {	margin-bottom: 0; }
	article footer li:last-child { margin-bottom: 6px; }
	
	article footer li.author, article footer li.date, 
	article footer li.comments, article footer li.edit {
		float: none;
		margin-right: 0;
	}
	
	/* Comments */
	ol.comments header ul li, ol.comments header li.date, ol.comments header li.edit {
		float: none;
		margin: 0 0 8px;
		padding-right: 0;
	}
	
	ol.comments header li.author { 
		background: url('../images/sprite.png') no-repeat;
		background-position: -175px -147px;
		padding-left: 22px; 
	}
	
	ol.comments header ul li:last-child {
		margin-bottom: 12px;
	}
	
	ol.comments header .avatar {
		float: right;
		margin: 0;
	}
	
	/* Comment Form */
	.form-float, label.comment {
		float: none;
		width: auto;
		margin-right: 0;
	}
	
	label.comment textarea {
		height: auto;
		margin-bottom: 10px;
	}
}