/*

Name: 			theme-blog.css

Written by: 	Infovinity Themes - (http://www.infovinity.com)

Version: 		3.1.0

*/

/* Posts */

.blog-posts article {

	border-bottom: 1px solid #DDD;

	margin-bottom: 50px;

	padding-bottom: 10px;

}



.blog-posts .pagination {

	margin: -10px 0 20px;

}



/* Post */

article.post h2 a {

	text-decoration: none;

}



article.post .post-meta {

	font-size: 0.9em;

	margin-bottom: 7px;

}



article.post .post-meta > span {

	display: inline-block;

	padding-right: 8px;

}



article.post .post-meta i {

	margin-right: 3px;

}



article.post .post-date {

	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);

	float: left;

	margin-right: 10px;

	text-align: center;

}



article.post .post-date .month {

	background: #CCC;

	border-radius: 0 0 2px 2px;

	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;

	color: #FFF;

	font-size: 0.9em;

	padding: 0 10px 2px;

}



article.post .post-date .day {

	background: #F4F4F4;

	border-radius: 2px 2px 0 0;

	color: #CCC;

	display: block;

	font-size: 16px;

	font-weight: 500;

	font-weight: bold;

	padding: 10px;

}



article.post .post-image .owl-carousel {

	width: 100.1%;

}



article .post-video {

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	padding: 0;

	background-color: #FFF;

	border: 1px solid #DDD;

	border-radius: 8px;

	display: block;

	height: auto;

	position: relative;

	margin: 0 0 30px 0;

	padding-bottom: 61%;

}



article .post-video iframe {

	bottom: 0;

	height: auto;

	left: 0;

	margin: 0;

	min-height: 100%;

	min-width: 100%;

	padding: 4px;

	position: absolute;

	right: 0;

	top: 0;

	width: auto;

}



article .post-audio {

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	padding: 0;

	background-color: #FFF;

	border: 1px solid #DDD;

	border-radius: 8px;

	display: block;

	height: auto;

	position: relative;

	margin: 0 0 30px 0;

	padding-bottom: 25%;

}



article .post-audio iframe {

	bottom: 0;

	height: auto;

	left: 0;

	margin: 0;

	min-height: 100%;

	min-width: 100%;

	padding: 4px;

	position: absolute;

	right: 0;

	top: 0;

	width: auto;

}



article.post-medium .post-image .owl-carousel {

	width: 100.2%;

}



article.post-large {

	margin-left: 60px;

}



article.post-large h2 {

	margin-bottom: 5px;

}



article.post-large .post-image, article.post-large .post-date {

	margin-left: -60px;

}



article.post-large .post-image {

	margin-bottom: 15px;

}



article.post-large .post-image.single {

	margin-bottom: 30px;

}



article.post-large .post-video {

	margin-left: -60px;

}



article.post-large .post-audio {

	margin-left: -60px;

}



/* Single Post */

.single-post article {

	border-bottom: 0;

	margin-bottom: 0;

}



article.blog-single-post .post-meta {

	margin-bottom: 20px;

}



/* Post Block */

.post-block {

	border-top: 1px solid #DDD;

	margin: 15px 0 0 0;

	padding: 20px 0 15px 0;

}



.post-block h3 {

	font-size: 1.8em;

	font-weight: 200;

	margin: 0 0 20px;

	text-transform: none;

}



.post-block h3 i {

	margin-right: 7px;

}



/* Post Author */

.post-author {

	margin: 15px 0 0 0;

}



.post-author img {

	max-height: 80px;

	max-width: 80px;

}



.post-author p {

	font-size: 0.9em;

	line-height: 22px;

	margin: 0;

	padding: 0;

}



.post-author p .name {

	font-size: 1.1em;

}



.post-author .img-thumbnail {

	display: inline-block;

	float: left;

	margin-right: 20px;

}



/* Post Share */

.post-share {

	margin: 55px 0 0 0;

	padding-bottom: 0;

}



/* Post Comments */

.post-comments {

	margin-top: 45px;

}



ul.comments {

	list-style: none;

	margin: 0;

	padding: 0;

}



ul.comments li {

	clear: both;

	padding: 10px 0 0 90px;

}



ul.comments li img.avatar {

	height: 52px;

	width: 45px;

}



ul.comments li ul.reply {

	margin: 0;

}



ul.comments li a {

	text-decoration: none;

}



ul.comments li .img-thumbnail {

	margin-left: -90px;

	position: absolute;

}



.border_thumb{ padding:6px; border:solid 1px #bababa}



ul.comments li .comment {

	margin-bottom: 10px;

}



.comment-arrow {

	border-bottom: 15px solid transparent;

	border-right: 15px solid #def8fd;

	border-top: 15px solid transparent;

	height: 0;

	left: -15px;

	position: absolute;

	top: 28px;

	width: 0;

}



ul.comments .comment-block {

	background: #def8fd;

	border-radius: 5px;

	padding: 20px 20px 30px;

	position: relative;

}



ul.comments .comment-block p {

	font-size:15px;

	line-height: 21px;

	margin: 0;

	padding: 0;

}



ul.comments .comment-block .comment-by {

	display: block;

	font-size: 22px; font-style:italic;

	line-height: 21px;

	margin: 10px 0 0 0;

	padding: 0 0 5px 0;

}



ul.comments .comment-block .date {

	color: #999;

	font-size: 0.9em;

}



/* Leave a Comment */

.post-leave-comment {

	margin-top: 25px;

	padding-top: 45px;

}



.post-leave-comment h3 {

	margin: 0 0 40px;

}



/* Recent Posts */

.recent-posts h4 {

	margin-bottom: 7px;

}



.recent-posts article.recent-post h4 {

	margin: 0 0 3px 0;

}



.recent-posts article.recent-post h4 a {

	display: block;

}



.recent-posts .date {

	float: left;

	margin-right: 10px;

	margin-top: 8px;

	text-align: center;

}



.recent-posts .date .month {

	background: #CCC;

	border-radius: 0 0 2px 2px;

	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;

	color: #FFF;

	font-size: 0.9em;

	padding: 0 10px 2px;

}



.recent-posts .date .day {

	background: #F7F7F7;

	color: #CCC;

	display: block;

	font-size: 18px;

	font-weight: 500;

	font-weight: bold;

	padding: 8px;

}



section.featured .recent-posts .date .day {

	background: #FFF;

}



/* Simple Post List */

ul.simple-post-list {

	list-style: none;

	margin: 0;

	padding: 0;

}



ul.simple-post-list li {

	*zoom: 1;

	border-bottom: 1px dotted #E2E2E2;

	padding: 15px 0;

}



ul.simple-post-list li:before, ul.simple-post-list li:after {

	content: " ";

	display: table;

}



ul.simple-post-list li:after {

	clear: both;

}



ul.simple-post-list li:last-child {

	border-bottom: 0;

}



ul.simple-post-list .post-image {

	float: left;

	margin-right: 12px;

}



ul.simple-post-list .post-meta {

	color: #888;

	font-size: 0.8em;

}