/*
Theme Name: Blog Monstor
Theme URI:
Description: Blog Monstor is free twitter bootstrap ready wordpress theme. this theme powerd by Thememonstor.com and design and developed by Thememonstor Team. We are always try to give you best wordpress theme for your online business.
Author: Rahul Kashyap
Author URI: http://thememonstor.com
Version: 1.0
Tags: dark, light, two-columns, right-sidebar, translation-ready
Text Domain: thememonstor
License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/
*/

@import url('css/bootstrap-social.css'); /* bootstrap-social */


body { padding-top: 80px; }
@media screen and (max-width: 768px) {
    body { padding-top: 70px; }
}

/*DropDown Menu For Bootstrap*/

ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block; 
margin:0;
}
ul.nav li.dropdown:hover > ul ul.dropdown-menu {
left:100%;
top: 0;
visibility: visible;
margin-top: -1px;}


/*Padding/ Margin*/

.spacemargin{
height:10px;}

.paddiner{
padding:1.4%;}

.nopaddleft:{
padding-left:0;}

.nopaddright:{
padding-right:0;}

.nopadding{
padding: 0;}

.nomargin{
margin: 0;
}

.margbot{
margin-bottom: 1.4%;
}

.margright{
margin-right: 1.4%;
}

.margleft{
margin-left: 1.4%;
}

.margtop{
margin-top: 1.4%;
}

/*No Border Radius*/

.no-border-radius{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: .0px;
}

/* Style For Images Alignment*/
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
margin: 12px 24px 12px 0;
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
margin: 12px 0 12px 24px;
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
margin-top: 12px;
margin-top: 0.857142857rem;
margin-bottom: 12px;
margin-bottom: 0.857142857rem;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
max-width: 100%;
height: auto;
}

/*Make Video Embed responsive */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*Post format Style*/

.format-video{
border-bottom: 5px solid #e74c3c;}

.icon-video{
color:#E74C3C;}

.format-quote{
border: 5px solid #F39C12;
color:#ccc;
padding:8%;}

.icon-quote{
color:#F39C12;}

.format-gallery{
border-bottom: 5px solid #3498DB;}

.icon-gallery{
color:#3498DB;}

.format-status{
border-bottom: 5px solid #1E2A36;}

.format-aside{
border-bottom: 5px solid #18BC9C;}

.icon-aside{
color:#18BC9C;}

.format-link{
background:#ffc6ca;
border-bottom: 5px solid #ff7a83;}

.icon-link{
color:#ff7983;}

.format-link h1 a{color:#ff7a83;}

.featured-aside{
overflow:hidden;
margin-top:-15px;
margin-right:-10px;
width:106px;
height:106px;
background:url(images/featured.png) no-repeat right;
z-index:9999999999999999999999;}

.format-audio{
border-bottom: 5px solid #2C3E50;}

.format-standard{
border-bottom: 5px solid #18BC9C;
}

/*Widgets Style*/
.sidebar{
border:1px solid #ecf0f1;}

/*Widgets Style*/

.no_border{
border:none;}

.no_shadow{
box-shadow:none;}

.widget ul{
padding:0;
margin:0;}

.widget ul li{
list-style:none;
padding:10px;
border-bottom: 1px solid #ecf0f1;}

.widget ul li:hover{
background:#F9F9F9;}

.widget select {
width:100%;
height:auto;
padding:4.1%;
margin-bottom:2.1%;
}

/* default WordPress calendar widget */
table#wp-calendar {
border-collapse: separate;
margin: 0px;
margin: auto;
padding: 0px;
width: 100%;
}
table#wp-calendar caption {
font-size: 1em;
font-weight: bold;
margin-bottom: .625em;
}
table#wp-calendar td {
font-size: 1em;
padding: .7em;
text-align: center;
}
table#wp-calendar thead th {
background-image: -moz-linear-gradient(center top , #333333, #555555);
background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#555555));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#555555');
color: #f0f0f0;
font-size: 1em;
font-weight: bold;
text-align: center;
padding: .4em;
}
table#wp-calendar tbody td {
border: 1px solid #f0f0f0;
color: #222;
vertical-align: middle;
}
table#wp-calendar tbody td:hover {
background: #e9e9e9;
}
table#wp-calendar tfoot td {
background: none;
}
table#wp-calendar td a {
font-weight: bold;
font-size: 1em;
}
table tfoot td {
background: none;
}
table tfoot td:hover {
background: none;
}
table#wp-calendar tbody td.pad:hover {
background: #dadada;
}
table#wp-calendar td#prev {
font-size: 1em;
padding: .4em;
text-align: left;
}
table#wp-calendar td#next {
font-size: 1em;
padding: .4em;
text-align: right;
}

/*Style For Tag Cloud*/
.tagcloud a {
background: #18BC9C;
border-radius: 3px;
color: #fff;
display: inline-block;
margin: 2px 0;
padding: 5px 10px;
border-left:5px solid #2C3E50;

}

.tagcloud a:hover {
background:#e7e7e7;
color:#666666;
}

/*Post Meta Header */

.entry-meta{
margin-bottom:1.4%;
padding-top:1.4%;
padding-bottom:1.4%;
border-bottom:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;}

.colorcode-1 a { background:#2C3E50; color:#fff; padding:3px;

-webkit-border-radius: 2px;
-moz-border-radius: 3px;
border-radius: 3px;} 

.colorcode-2 a{ background:#F39C12; color:#fff; padding:3px;

-webkit-border-radius: 2px;
-moz-border-radius: 3px;
border-radius: 3px;} 

.colorcode-3 a{ background:#E74C3C; color:#fff; padding:3px;

-webkit-border-radius: 2px;
-moz-border-radius: 3px;
border-radius: 3px;} 

.colorcode-4 a{ background:#8CC5EB; color:#fff; padding:3px;

--webkit-border-radius: 2px;
-moz-border-radius: 3px;
border-radius: 3px;}


/*Style for Comments */

.form-submit { display: none;}
.comment-form-author, .comment-form-email, .comment-form-url { width: 50%; }

/*Comment Output*/

.commentlist .reply {
background:#F9F9F9;
padding:10px;
margin-bottom:10px;} /*For Comment reply*/
.commentlist .reply a {}

.commentlist .alt { } /*Comment Replay Msg BG*/
.commentlist .even {} /*bg Color For All Bg*/


.commentlist .vcard {
font-size:16px;
overflow:hidden;
border:1px solid #e7e7e7;} /*Comment Header*/
.commentlist .vcard cite.fn { 
padding:5px;
overflow:hidden;
} /*Commnater Name Style*/

.commentlist .vcard span.says { } /*Commentert Says Style*/
.commentlist .vcard img.photo { } /*Coomant Avatar Style*/
.commentlist .vcard img.avatar {
padding:10px; }  /* "" */
.commentlist .vcard cite.fn a.url {} /*Commentater name color*/

.commentlist .comment-meta {
padding:5px;
margin-top:-38px;
margin-left:103px;} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}

.commentlist {
list-style:none;
padding:1%;}
.commentlist li {}
.commentlist li p {
padding:10px;
margin-top:10px;}
.commentlist li ul {}
.commentlist li ul.children li {
list-style:none;}


/*Related Post Style*/
#related_posts{
height:300px;
margin-top:5px;}

/*Recent comment widgets style (tabs)*/

.recent-comments { list-style: none; font-size: 12px; color: #485358; }
.recent-comments li { overflow: hidden; padding: 20px 0; border-top: 1px dotted #DADEE1; }
.recent-comments li:first-child { border: 0 none; }
.recent-comments img { float: left; margin-right: 8px; }
.recent-comments a { display: block; margin-top: 10px; padding-top: 10px; text-transform: uppercase; } 

/* wp-caption */

.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	width: 45% !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
	width: 95%; /* caption width - 10px */
}
.wp-caption p.wp-caption-text {
	color: #000;
	font-size: 12px;
	margin: 5px;
}/

/*Footer Style*/

.footer{
padding-top:2%;
padding-bottom:1%;}

.footer-2nd{
margin-bottom:0;
border-bottom:1px solid #fff;}


/*Back to Top*/

.arrow_box { position: relative;  border: 0px solid #000; } 

.arrow_box:after, .arrow_box:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 

.arrow_box:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #18BC9C; border-width: 30px; margin-left: -30px; } 
.arrow_box:before { border-color: rgba(0, 0, 0, 0); border-bottom-color: #fff; border-width: 31px; margin-left: -31px; }

.backtotop{
margin: 0 auto;
text-align:center;}

.backtotop a{
padding:0;
color:#fff;}

/*Social Button*/

.footertxt{
margin-top:10px;
text-align:left;
margin-bottom:10px;

}

.social{
margin-top:10px;
text-align:right;
margin-bottom:10px;
}

.social a{ margin:5px; color:#FFF;}


/*Wp Gallery*/

.gallery {margin: 0 auto;}
.gallery .gallery-item {
	width: 33% ;
	margin-top:15px;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {

	box-shadow: 0px 0px 4px #999;
	border: 1px solid white;
	padding: 8px;
	background: #f2f2f2;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

/* WP 3.6 Native Audio Player styling*/

/* change the color of the background */
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
	background: url('') !important;
	background-color: #18BC9C !important;
	
}

/* change the color of the lettering */
.mejs-currenttime,
.mejs-duration {
	color: black !important;
}

/* eliminate the yellow border around the play button during playback */
.mejs-controls .mejs-button button:focus {
outline: none !important;
}

/* use a sprite file with darker transport icons */
.mejs-controls .mejs-button button {
	background-color: #18BC9C !important;
}

/* change the color of the progress bar */
.mejs-controls .mejs-time-rail .mejs-time-total {
	background: #AAC7E3 !important;

/* change the color of the current time bar */
.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #00a !important;
}

/* change the color of the file loading bar */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #ccc !important;
}

.bypostauthor{}