.blog-posts { }
.blog-posts .home-blog-posts-title { 
	margin: 20px 0 10px;
	font-size: 23px;
	font-size: 1.4375rem;
}

.blog-posts.home-blog-posts .blog-posts-title {
	font-size: 20px;
	font-size: 1.4375rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.blog-posts.home-blog-posts .home-blog-posts-title a {
	float: right;
	font-size: 14px;
	padding-top: 4px;
}

.blog-post { margin: 0 0 20px;}
.blog-post .blog-posts-title { margin: 0 0 10px; padding: 0; }
.blog-post .blog-posts-title a { text-decoration: none; }
.blog-post .left { max-width: 150px; float: left; margin-right: 20px; }
.blog-post .left img { width: 100%; }
.blog-post .btn a { text-decoration: none; }
.blog-post .right { padding-left: 170px; }
.blog-post .meta p { text-transform: uppercase; margin: 0 0 15px; font-size: 10px; }
.blog-post .content-area { margin-bottom: 20px;}
.blog-post .sharing-icons {
	margin-bottom: 20px;
	background: #003663;
	padding: 20px;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.blog-post .sharing-icons h2 { margin-bottom: 10px; font-size:24px; color: #fff; }

.stButton .stBubble { height: 41px !important; background-position: 10px 37px !important; }
.stButton .stBubble_count { height: 38px !important; }
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices { height: 24px !important; }

.blog-post .image-container img {
	width: auto;
	height: 100%;
	max-width: none;
}

.blog-post .image-container {
	width:150px;
	height:150px;
	overflow: hidden;
}

.blog-post { 
	background: url(../img/divider-horizontal.gif) repeat-x left bottom;
	padding-bottom: 30px;
}

.blog-posts .nav-previous {float: right; margin-bottom: 30px; }
.blog-posts .nav-next { float: left; margin-bottom: 30px; }

.blog-post .alignright {
	float: right;
	margin: 10px 0 10px 10px;
}
.blog-post .alignleft {
	float: left;
	margin: 10px 10px 10px 0px;
}

.blog-post .aligncenter {
	float: none; display: block; margin: 0 auto;
}

@media all and (max-width: 640px) {
	.blog-posts { 
		background: url(../img/divider-horizontal.gif) repeat-x left top;
		padding-top: 20px;
	}
	.blog-post .right { padding-left: 0; }
	.blog-post .left { overflow: hidden; max-width: none; max-height: 150px; width: 100%; float: none; display: block; margin: 0 0 20px; }
	.blog-post .image-container { width:100%; height:100%; }
	.blog-post .image-container img { width: 100%; height: auto; }
	.blog-post .alignright, .blog-post .alignleft { float: none; display: block; margin: 0 auto; }

	.blog-posts.home-blog-posts .blog-post .image-container img { width: auto; height: 100%; }
}
@media all and (max-width: 320px) {

}

body.page .post_page h1#page-title {
	position: static;	
}



.blog-posts.home-blog-posts .blog-post .right {
	padding-left: 0;
}

.blog-posts.home-blog-posts .blog-post .left {
	float: none;
	max-width: none;
	width: 100%;
	margin-right: 0;
	max-height: 150px;
	overflow: hidden;
	margin-bottom: 20px;
}

.blog-posts.home-blog-posts .blog-post .left .image-container {
	width: 100%;
	height: 150px;
}

.blog-posts.home-blog-posts .blog-post {
	background: #f3f3f3;
	padding: 20px;
	border-radius: 4px;
	float: left;
	width: 48%;
	margin-right: 4%;
}

@media all and (max-width: 499px) {
	.blog-posts.home-blog-posts .blog-post {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.blog-posts.home-blog-posts .blog-post:last-child {
	margin-right: 0 !important;
}

.comments-area .comments-title {
	margin-bottom: 20px;
	background: url(../img/divider-horizontal.gif) repeat-x left bottom;
	padding-bottom: 20px;	
}

.comments-area .comment-list {
	list-style-type: none;
	margin: 0;
}

.comments-area article.comment .fn {
	font-weight: bold;
}

.comments-area article.comment .comment-author img {
	border: 5px solid #fff;
}

.comments-area article.comment .commentmetadata {
	font-size: 11px;
	line-height: 17px;
	text-transform: uppercase;
}

.comments-area article.comment {
	position: relative;
	padding: 0 0 20px 60px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.comments-area li.comment .children {
	padding-left: 58px;
}

.comments-area li.comment .children li.comment .children {
	padding-left: 0;
	margin: 0;
}



@media all and (max-width: 640px) {

	.comments-area li.comment .children {
		padding-left: 30px;
	}

	.comments-area li.comment .children li.comment .children {
		padding-left: 0;
	}

}


@media all and (max-width: 320px) {

	.comments-area li.comment .children {
		padding-left: 15px;
	}

	.comments-area li.comment .children li.comment .children {
		padding-left: 0;
	}

}

.comments-area .comment-content {
	margin-top: 20px;
	font-size: 14px;
}

.comments-area .comment-content p {
	font-size: 14px;
}

.comments-area .avatar {
	position: absolute;
	left: 0;
	top: 0;
}

#commentform {
	margin-bottom: 0;
}

#commentform input {
	padding: 10px 10px;
	border: 1px solid #eee;
}

#commentform textarea {
	padding: 10px 10px;
	border: 1px solid #eee;
	width: 100%;
}

#commentform input[type="text"] {
	width: 100%;
}

#commentform label {
	color: #003663;
	font-size: 14px;	
}

#commentform .form-allowed-tags { display: none; }

#commentform #submit {
	background: #2fb3c6;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #52c5d6), color-stop(100%, #258e9d));
	background-image: -webkit-linear-gradient(#52c5d6, #258e9d);
	background-image: -moz-linear-gradient(#52c5d6, #258e9d);
	background-image: -o-linear-gradient(#52c5d6, #258e9d);
	background-image: linear-gradient(#52c5d6, #258e9d);
	box-shadow: inset 0 1px 0 #7bd3e0;
	border: 1px solid #2aa0b1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	line-height: 29px;
	padding: 0 10px !important;
	font-size: 14px;
	color: #fff;

}

#sidebar .widget_categories select { width: 100%; }


