#blog .mainBody{
	margin-top:50px;
	min-height:600px;
}
.postTitleArea{
	margin-bottom:20px;
}

.postTitleArea a{
	text-decoration:none;
}
.postTitleArea a:hover{
}
.postTitleArea h1,
.postTitleArea h2{
	font-size:24px;
	margin:0px;
}


.postContent{
	margin-bottom:20px;
}
.postContent img{
	margin-bottom: 20px;
	margin-left:15px;
}


.publishedDate{
	font-size:12px;
	line-height:30px;
	
}
.postFooter{
	margin-bottom:20px;
}
.postFooter a{
	text-decoration:none;
}
.postFooter a:hover{
}
.post{
	margin-bottom: 20px;
	border-bottom:1px solid #D7D7D5;
}
.commentsContainer{

}

.commentsContainer .comment{
	
	margin-bottom:10px;
}

.commentsContainer .commentDate{
	float:right;
}

.commentsContainer .commentTopBar{
	
	font-weight:bold;
	font-size:13px;
	
}

.commentsContainer .commentContent{

}

.commentForm th{
	text-align:left;
	vertical-align:top;
	padding:10px 10px 5px 0px;
}

.commentForm td{
	padding:5px;
}
.commentForm  td.submit{
	padding:5px 3px;
}
.postFooter{
	min-height:20px;
	
}
.postFooter a{
	text-decoration:none;
}
.postFooter a:hover{
	text-decoration:underline;
}
.postFooter ul{
	list-style-type: none;
	margin:0px;
	padding: 0px;
}

.postFooter ul li.title{
	font-weight:bold;
	
}
.postFooter ul li{
	display:inline;
	padding-right: 5px;
	
}

.postFooter .commentsLink{float:right; margin-top:-23px;}

.postFooter a{}


.shareLinks{
	margin-top:10px;
}

.shareLinks .socialContainer{
}


#comments{
	margin-top:10px;
}

.blogCatMenu{
	padding:0px;
}
.menuSubTitle{
	font-size:20px;
	color:#<%=purple%>;
	margin-bottom:10px;
}
#recentPosts ul,
.blogCatMenu .menu{
	padding:0px;
	margin:0px;
	list-style-type:none;
	margin-bottom:20px;
}
.searchBlog{
	margin-bottom:20px;
}
#recentPosts a,
.blogCatMenu .menu a{
	font-size:14px;
	text-decoration:underline;
}
#recentPosts a:hover,
.blogCatMenu .menu a:hover{
}

#blog .paginationContainer{
	float:right;
}

#blog .pagination{
	list-style-type: none;
	margin:0;
	padding:0;
}

#blog .pagination li{
	float:left;
	margin-right:10px;
}

#blog .pagination a{
	color:#757575;
	font-size:18px;
	font-weight:bold;
	text-decoration: none;
}

#blog .pagination a:hover,
#blog .pagination .active a{
	color:#D7D7D5;
}


#blogSideBar .menuSubTitle {
	font-size:18px;
	margin-bottom:10px:
}
#blogSideBar .blogCatMenu a{
	line-height:30px;
	text-decoration: none;
	font-size:16px;
}


#recentPosts a{
	line-height:30px;
	text-decoration: none;
	font-size:16px;
}

.blogSearch{
	display: inline-block;
	vertical-align: top;
	width:100%;
	font-size:20px;
	padding:8px;
	height:32px;
	margin-right:0px;
	border-radius: 0px;
	border:1px solid #CCC;
}


#searchButton{
	display: inline-block;
	vertical-align: top;
	border: 1px solid #39F;
	background: #39F;
	color: #FFF;
	width:100%;
	padding: 0px 10px;
	line-height:30px;
	cursor:pointer;
	font-size:18px;
	margin-left:0px;
}
.searchButton:hover{
	border: 1px solid #39F;
	background: #39F;
	color: #FFF;
}


@media (min-width: 992px) {
	.blogSearch{
		width:50%;
	}
	#searchButton{
		width:auto;
	}

}
@media (min-width: 1200px) {
	.blogSearch {
		width:60%;
	}
	#searchButton{
		width:auto;
	}
}