/* 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  */


ul.listing { list-style:none; margin:0; padding:0; }
ul.listing li.hentry { clear:both; margin-bottom:27px;  }
.hentry img { width:182px; height:auto; }
ul.listing li.hentry h3 a { color:#336699; }
p.date { font-size:10px; color:#666; }

.meta { margin-top:27px;  } 
.cats, .tags, .year  { float:left; margin-right:30px; }

.cats h3, .tags h3, .year h3  { margin-bottom:5px; }
.cats ul, .tags ul, .year ul { list-style:none; margin:0; padding:0; }
.cats ul li, .tags ul li, .year ul li { margin:0; }
.cats ul li a, .tags ul li a, .year ul li a { color:#666; }

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



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

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