#showingMostRecent
{
	padding: 10px 10px 20px 0px;	
	clear: both;
}

#commentBox
{
	width: 100%;
	height: 200px;
}

#ContributorImage
{
	width: 75px;
	float: left;
	margin: 0px 10px 10px 0px;	
}

#categoryFilterDiv{
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 1em;
	margin-bottom: 1em;
}

#categoryFilterDiv > h2{
	grid-column: 1 / span 2;
	margin-top: 0px;
}

.blogImageThumbContainer
{
	width: 100px;
	height: 100px;
	float: left;
	border: 2px solid #FFFFFF;
	margin: 0px 15px 5px 0px;	
	background: none;
	padding: 2px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;	
	-webkit-box-shadow:#CCCCCC 0px 0px 10px;
	-moz-box-shadow:#CCCCCC 0px 0px 10px;
	box-shadow: 0px 0px 10px #CCCCCC;
	position:relative;
	/* PIE */
	behavior: url(/PIE.php)
}

.blogImageThumb
{
	float: left;
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.blogTitleContainer{
	display: grid;
}

.postSummaryWrapper
{
	width: 100%;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	clear: both;	
}

.postSummaryWrapper h3 a
{
	margin: 0px;
	font-size: 20px;
	line-height: 1;
}

.postSummaryWrapper h3
{
	margin: 5px 0px;
	font-size: 20px;
	line-height: 1;
}

.blogCommentReplyInnerContainer{
	border-left: 1.5px solid;
	padding-left: 1em;
}

.blogHeader{
	clear: both;
	display: flex;
}
.blogHeader > img.cmsImage{
	width: 25%;
}
.blogHeader h1{
	margin-top: 0px;
}

@media only screen and (max-width: 600px){
	.blogHeader{
		flex-wrap: wrap;
	}
	
	.blogHeader > img.cmsImage{
		width: 100%;
	}
}