/* this stylesheet contains some example styling for the blog pages. For the full layout you will require the default Perch Quill Feather. Feel free to edit  */

.date {
	font-weight: lighter;
	font-size:90%;
	margin:0;
    padding: 10px 0 0 0;
	text-transform:uppercase;
}

.comments {
	border-bottom: 1px dotted #FAA420;
}

.author {
	display:none;
}
.author h2 {
	font-size: 107.7%;
	margin-top: 0;
}

.primary-content {
	width:680px;
	float:left;
	padding-right:20px;
}
.primary-content h2 {
	font-weight:bold;
	font-size:150%;
	padding:10px 0; 
	line-height:1.2em;
}
.primary-content h1 {
	font-weight:bold;
	font-size:100%;
	padding:10px 0; 
	line-height:1.2em;
	text-transform:uppercase;
	border-bottom:2px solid #FAA420;
}
.primary-content a {
	color:#FAA420;
}
.primary-content img {
	float:left;
	padding:10px 20px 20px 0;
}
.list-img {
	height:150px;
	width:320px;
}
.post-img {
	height:300px;
	width:680px;
}
.hentry {
	border-bottom: 1px dotted #FAA420;
	margin-bottom:20px;
}
.entry-content {
	padding:10px 0;
}
.paging {
	float:left;
	padding-right:20px;
}
.sidebar {
	width:200px;
	float:left;
}
.sidebar h2 {
	font-weight:bold;
	font-size:100%;
	padding:10px 0; 
	line-height:1.2em;
	text-transform:uppercase;
	border-bottom:2px solid #FAA420;
}
.sidebar h2 a {
	color:#FAA420;
}
.sidebar h3 {
	color:#FAA420;
}
.comments img {
	display:none;
}

@media only screen and (min-width: 700px) {
    .comments li {
	   overflow: auto;
    }

    .comments img,
    .author img {
		float: left;
        margin-right: 2.8571429%; /* 20 / 700 */
        margin-bottom: 20px;
        width: 12.8571429%; /* 90 / 700 */
	}
	
	.comments .comment,
	.author .author {
		float: right;
        width: 83.5714286%; /* 585 / 700 */
	}

	.author:after {
		visibility: hidden;
		display: block;
		content: "";
		clear: both;
		height: 0;
	}

}