/*
	Theme Name: BlueStrap
	Theme URI: http://wpden.net/bluestrap-wordpress-theme/
	Description: A Simple WordPress Theme based on Twitter BootStrap 3
	Version: 1.0
	Author: Ritesh Sanap (@riteshsanap)
	Author URI: http://www.best2know.info/
	Tags: Black,Blue,Gray,Red,White,two-columns,sticky-post,threaded-comments,theme-options,featured-images
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/


body {
line-height: 1.5;
font-family: "Source Sans Pro", Helvetica, sans-serif;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}

img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color: #859ce6;
	text-decoration:none;
}
a:hover {color: #2445ae;}

a:focus {outline:0;}
a:hover,
a:active {outline:0;}

input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-family: Bitter, Georgia, serif;
	line-height: 1.3;
}

h1 {margin: 33px 0;}

h2 {margin: 25px 0;}

h3 {margin: 22px 0;}

h4 {margin: 25px 0;}

h5 {margin: 30px 0;}

h6 {margin: 36px 0;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	margin:0 auto;
	position:relative;
}

/* Headr */
.logo{padding-bottom:30px;}
.logo h1,.logo h2{margin: 0;}
.logo h2{font:300 italic 24px "Source Sans Pro", Helvetica, sans-serif;}
.logo h1{font-size: 50px;}
.header {
	background: #2179d8;
	color:#fff;
}
.header a{
	color:#fff;
	text-decoration: none;
	display: block;
	padding-top: 30px;
}
.header-ad{margin-top: 50px;}
/* logo */
.logo {}
.logo-img {}

/*-------------------------
		Navbar
--------------------------- */
#navtoggle .icon-bar{background: #fff;}
#navtoggle {float: left;}

.nav-head {
	background: #141412;
	min-height: 45px;
}
.nav ul{padding: 0;margin: 0;}
.nav li a{
color:#fff;
line-height: 1;
font:15px 'Source Sans Pro', Helvetica, sans-serif;
padding:15px 20px;
display: block;
margin-right:5px; 
}
.nav a:hover,.nav li.current-menu-item a{background: #fff;color: #141412;}
.nav li{list-style: none;display: inline-block;position: relative;}
.nav .children,
.nav .sub-menu {
	background-color: #fff;
	border: 2px solid #DDD;
	border-top: 0;
	display: none;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
}
ul.nav li:hover > ul,
.nav ul li:hover > ul {
	display: block;
}
.nav li:hover > a, .nav li a:hover {
	background: #fff;
	color: #141412;
	text-decoration: none;
}
ul.nav ul a,
.nav ul ul a {
	color: #141412;
	margin: 0;
	width: 200px;
	border-bottom: 1px solid #ddd;
}

ul.nav ul a:hover,
.nav ul ul a:hover {
	background-color: #141412;
	color: #fff;
	}
.nav .sub-menu ul,
.nav .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}
.mobico{display: none;}
/* Below is the styling for Nav for Viewing on Mobile Devices with Class .in */
div.in .nav .sub-menu ul,
div.in .nav .children ul {
	position: relative;
	border-left: 0;
	left: 10%;
	top: 0;
	margin-top: 0;
}
div.in .mobico{display: block;float: right;}
div.in> .nav li a {
background: #fff;
color: #141412;
margin: 0 15px 3px 15px;
border-radius: 4px;
border: 5px solid #fff;
font-weight: bold;
font-family: "Bitter";
text-align: center;
}
div.in> ul.nav ul a,
div.in> .nav ul ul a {width: 90%;background: #fff;color: #141412;}
div.in> .nav li a:hover,div.in .nav li.current-menu-item a{border: 5px solid #d4d0ba;}
div.in> .nav li{display: block;}
div.in> .nav .children,
div.in> .nav .sub-menu {margin:20px;display: block;position: relative;background: transparent;border: 0;}
div.in> .nav .sub-menu a{color: #141412;}
div.in> .nav .sub-menu a:hover{color: #fff;background: #141412;}
/*------------------------------------------
				Search Form  
(Most Settings are for Navbar Search Form)
-------------------------------------------- */
.nav .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}
nav.nav-head .search-form{margin:3px 20px 0 0;position: absolute;top: 0;right: 0;padding: 0}
.nav-head span.screen-reader-text,nav .search-form .search-submit{display: none;}
span.screen-reader-text{display: block;}
.nav-head .search-field {
	background-color: transparent;
	background-image: url(images/search.png);
	background-position: 0 -37px;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease;
	transition:         width 400ms ease;
	width: 0;
	border-radius: 5px;
}

.nav-head .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
	background-position:-3px -5px; 
}

/*----------------------------------
	Post & Primary Side Styling
------------------------------------*/
.slider-full{margin-top: 20px;}
#primary{
	display: block;
	float: left; 
	margin:20px 0;
}
#primary article h1.post-title{
	margin: 0;
}
#primary article h1.post-title a{
	color: #141412;
}
#primary article.post{
	margin: 0 0 20px 0;
	border: 1px solid #ddd;
	position:relative;
}
#primary article .post-meta{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
#primary article .post-body{
	margin: 10px 0 0 0;
	padding:10px 0 0 0;
}
span.date,span.author,span.comments {margin-right:20px; }
div.thumbnail-container{margin-right:10px; }
div.fix{clear: both;}
.archive-title h1{
	margin:0;
	font-size: 30px;
	padding: 5px;
}
.archive-title h1 span{
	padding-bottom: 10px;
	padding-top: 10px;
}
.post-footer{
	border-top: 1px solid #ddd;
	padding-top: 10px;
}
span.tags-foot,span.cat-foot{display: block;margin-bottom: 10px;}
.pst-ad-below,.pst-ad-above{text-align: center;}

span.ico404{margin-right: 40px;}
.error-page h1{margin: 0;}
.errlist li{margin: 20px 0 20px 0;}
a.more-link{
	position:absolute;
	bottom:0;
	right:0;
	border-radius:0;
	border-top-left-radius:4px;
}
pre{clear: both !important;}

/* Magazine style Post */
.mag-pst{padding-right: 0;}
#primary article.magazine{margin-right: 7px;}
#primary article.magazine h1.post-title{font-size:22px;margin-bottom:10px;}
.mag-sticky-txt{position: absolute;top: 0;right: 0;border-radius: 0;
	-webkit-border-radius: 0 0 0 4px;border-radius: 0 0 0 4px;font-size: 1em;}

/*--------------------
 		Slider 
 ---------------------*/
#slider{position: relative;}
	.slider-img{
		min-width: 100%;
		max-height: 350px;
	}
	.carousel-caption {
		background: #000;
		opacity: 0.9;

		padding: 20px;
		border-radius: 4px;
		border: 1px solid #6B6B61;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
		box-shadow: 0 1px 1px rgba(0,0,0,0.05);
		}
	.carousel-caption h4 {margin: 0;font-size: 2em;margin-bottom: 10px;}
	.carousel-caption p{margin-bottom: 10px;font-style: italic;}
	.carousel .slider-indicator{top: 10px;right: 20px;left:inherit;margin: 0;text-align: right;width:100%;height: 10px;}	
/* ----------------------
 Comments 
 ------------------------*/
.comments ul{padding: 0;margin: 0;}
.comments ul li{list-style: none;position: relative;}
.comment-author .avatar{float: left;margin-right: 10px;margin-bottom: 10px;}
.comments .panel-heading{padding-bottom: 0}
.comments .panel-body{padding-top: 0}
span.author-txt{font-size: 1.8em;font-family: "Bitter",Georgia;}
span.says{font-size: 14px;}
div.comment-meta{width: 50%;float:left;margin-top: 7px;}
span.time-cm,span.edit-cm{display: block;float: left;margin-right: 20px;}
li.comment ul.children li{margin: 20px 3px 5px 20px;}
.alt, .odd{background: #f9f9f9;}
.alt .panel-footer, .odd .panel-footer{background: #fff;}
span.post-cm-author {position: absolute;top: 0;right: 0;font-size: 16px;border-radius: 0;}
#respond .input-group{margin-bottom: 20px;}
p.form-allowed-tags code{white-space:normal;display: block;}
div#respond{margin: 10px;}
.required{color: #b94a48;}
.cm-pagination, .ar-pagination, .ps-pagination{margin:0 auto;text-align: center;}

/*----------------------------------------
 		Related Posts (YARPP) 
 -----------------------------------------*/
 /* reset for YARPP Styling */
.yarpp-related h1,.yarpp-related h2,.yarpp-related h3,.yarpp-related h4,
.yarpp-related h5,.yarpp-related h6,.yarpp-related p,.yarpp-related span,
.yarpp-related div,.yarpp-related ol,.yarpp-related ul{margin: 0;padding: 0;}
.yarpp-related ol,.yarpp-related ul{list-style: none;}

/* Main YARPP styling start */
.yarpp-related li{border-bottom: 1px solid #DDD;}
.yarpp-related li:hover{background: #FFF;}
.yarpp-related a{padding:8px 0 8px 8px;font-style:italic !important;display: block;}
.yarpp-related h4{margin:10px;color:#666;font-family:Georgia;font-style:italic}
#belowpst-stuff{margin-top: 20px}

/* -------------------------
		Share Button
---------------------------- */
#share-wrapper {margin-top: 0px;position:fixed;left: 0;z-index: 1;}
#share-wrapper a{background: url(images/icons.png) no-repeat;}
#share-wrapper ul.share-inner-wrp{list-style: none;margin: 0px;padding: 0px;}
#share-wrapper li.button-wrap {background: #E4EFF0;padding: 0px 0px 0px 10px;display: block;width: 140px;margin: 0px 0px 1px -110px;}
#share-wrapper li.button-wrap > a {padding-right: 60px;height: 32px;display: block;line-height: 32px;font-weight: bold;color: #FFF;text-decoration: none;font-size: 14px;}
#share-wrapper .facebook > a{background-position: -21px -246px;}
#share-wrapper .twitter > a{background-position: -21px -372px;}
#share-wrapper .digg > a{background-position:-21px -162px;}
#share-wrapper .stumbleupon > a{background-position:-21px -330px;}
#share-wrapper .delicious > a{background-position: -21px -120px;}
#share-wrapper .google > a{background-position:-21px -288px;}
#share-wrapper .email > a{background-position:-21px -204px;}
#share-wrapper li.facebook {background: #0e5e93;}
#share-wrapper li.twitter{background: #00ade0;}
#share-wrapper li.stumbleupon{background: #d54803;}
#share-wrapper li.google{background: #c60001;}
#share-wrapper li.email{background: #34a41e;}
#share-wrapper li.digg{background: #0a639b;}
#share-wrapper li.delicious{background: #00a2d1;}
/* Responsive CSS for Share Buttons */
@media all and (max-width: 699px) {
#share-wrapper {bottom: 0;position: fixed;padding: 5px 5px 0px 5px;background: #EBEBEB;width: 100%;margin: 0px;-webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 -1px 4px rgba(0,0,0,0.15);-o-box-shadow: 0 -1px 4px rgba(0,0,0,0.15);box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);z-index: 1;}
#share-wrapper ul.share-inner-wrp {list-style: none;margin: 0px auto;padding: 0px;text-align: center;overflow: auto;}
#share-wrapper li.button-wrap {display: inline-block;width: 32px!important;margin: 0px;padding: 0px;margin-left:0px!important;}
#share-wrapper li.button-wrap > a {height: 32px;display: inline-block;text-indent: -10000px;width: 32px;padding-right: 0;float: left;}
#share-wrapper .facebook > a{background-position: -120px -246px;}
#share-wrapper .twitter > a{background-position: -120px -372px;}
#share-wrapper .digg > a{background-position:-120px -162px;}
#share-wrapper .stumbleupon > a{background-position:-120px -330px;}
#share-wrapper .delicious > a{background-position: -120px -120px;}
#share-wrapper .google > a{background-position:-120px -288px;}
#share-wrapper .email > a{background-position:-120px -204px;}
.copyright{padding-bottom: 60px !important;}
}
/* ----------------------------------
				Sidebar 
-------------------------------------*/
.sidebar {
	float: left;
}
.sidebar .widget{
	background: #f5f5f5;
	margin-top: 20px;
	padding:15px;
}
.sidebar .widget h3, .widget h3{
	font:300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
}
.sidebar .widget .panel-heading{
	padding: 0;
	margin-bottom: 10px;
}
.sidebar .widget ul,.widget ul{
	margin: 0;
	padding: 0;
}
.sidebar .widget ul li, .widget ul li {
	list-style: none;
	border-bottom: 1px solid #ddd;
	line-height: 2;
}
.sidebar .widget li, .widget li {
	display: block;
	padding: 5px;
	color: #141412;
}
.sidebar .widget li:hover, .widget li:hover{
	background: #fff;
	text-decoration: none;
}
.sidebar .widget li a{ color:#141412;}
.widget ul li.recentcomments{
	padding: 5px;
}
.widget ul li.recentcomments a{
	display: inline;
}
#wp-calendar caption {
	padding: 10px;
	font:18px "Bitter", Georgia, serif;
}
#footer-col .widget{margin-bottom: 20px;}

/* --------------------------------
 		WPDen Tabs - Widget CSS 
 ----------------------------------*/
.widget ul.wpdenTabs {
	margin-bottom: 10px;
}
.widget ul.wpdenTabs>li {
	float: left;
	border: none;
	padding: 0;
}
.widget ul.wpdenTabs>li a{
	padding: 10px;
	font-family: "Bitter", Georgia;
	margin-right: 1px;
	color: #141412;
}
.widget ul.wpdenTabs>li a:hover,
.widget ul.wpdenTabs .active a,
.widget ul.wpdenTabs a.active{
	background: #428bca;
	color: #fff;
}
.widget ul.wpdenTabs li:hover,
ul.wpdenTabs li:hover {
	background: transparent;
}
.widget .boxes img.thumbnail,.authorimg img.thumbnail{
	float: left;
	margin-right: 10px;
	height:100%;
	margin-bottom:0;
	margin-top: 7px;
}
.widget .boxes li a {font-style: italic;}
.widget .boxes span.meta{font-size: 10px;display: block;}
/* footer */
.footer {
background: #f9f9f9;
display: block;
clear: both;
margin: 0;
padding: 0;	
}
div#footer-col{
	padding:20px;
	border-top:1px solid #DDD;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
div.copyright {
	padding:20px  0 20px 0;
	color: #fff;
	font-size: 1em;
	background: #141412;
	border-top: 1px solid #DDD;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	text-align: center;
}
.maincopy a.label{font-weight: normal;font-size: 1em;}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:480px) {
#main>.container,header>div.container,.primary{padding-left:1% !important;padding-right: 1% !important;}
span.date, span.author, span.comments{margin-right:10px;}
body{font-size: 100%;}
.logo h1{font-size: 3em;}
.logo h2{font-size: 2em;}
#primary article h1.post-title{font-size: 2em;}
div.post-body{font-size: 14px;}
.maincopy{margin-top: 20px;padding: 0;}
#primary article.post{padding:10px;}
.sm-hide-author{display: none;}
}
@media only screen and (max-width: 600px) {
footer>div.container{padding-left:1% !important;padding-right: 1% !important;}
}
@media only screen and (max-width: 990px) {.maincopy{margin-top: 20px;}}
@media only screen and (min-width:480px) {}
@media only screen and (min-width:768px) {}
@media only screen and (min-width:1024px) {
article.col-md-6{width: 49%;}
.leftside{text-align: left;}
.maincopy{text-align: right;}
}
@media only screen and (min-width:1140px) {
article.col-md-6{width: 49%;}
.leftside{text-align: left;}
.maincopy{text-align: right;}
}
@media only screen and (min-width:1280px) {
article.col-md-6{width: 49%;}
.leftside{text-align: left;}
.maincopy{text-align: right;}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
   
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
   
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {}
.bypostauthor {}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}