/*---------------------------------------------------------------------------------

    Theme Name: BootstrapZen
    Theme URI: http://www.bootstrapzen.com/
    Author: BootstrapZen
    Author URI: http://www.bootstrapzen.com/
    Description: BootstrapZen
    Version: 1.0
    License: PRIVATE THEME
    License URI: -
    Text Domain: bootstrapzen
	
*/

@CHARSET "UTF-8";

* {
	box-sizing: border-box;
 	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;

	background: url(/web/20220327180812im_/http://www.bootstrapzen.com/wp-content/themes/theme/images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	font:400 16px/32px "Lato", sans-serif !important; /*Google Font*/
	color: #808184;
	text-rendering: optimizeLegibility; /*Google Font - support iOS*/
}
a {
	color: #147bca;
}
a:hover {
	text-decoration: none;
}
h1 {
    font-family: "Lato", sans-serif !important; /*Google Font*/
	font-size: 30px;
	font-weight: normal;
	color: #555;
	margin-bottom: 15px;
	line-height: 45px;
}
h2 {
    font-family: "Lato", sans-serif !important; /*Google Font*/
	font-size: 24px;
	font-weight: normal;
	color: #555;
	margin: 25px 0;
}
h3 {
    font-family: "Lato", sans-serif !important; /*Google Font*/
	font-size: 20px;
	color: #555;
	margin: 25px 0;
}
h4 {
    font-family: "Lato", sans-serif !important; /*Google Font*/
	font-size: 16px;
	color: #555;
	margin: 20px 0;
}
h5 {
    font-family: "Lato", sans-serif !important; /*Google Font*/
	font-size: 14px;
	color: #555;
	margin: 20px 0;
}
h6 {
    font-family: "Lato", sans-serif !important; /*Google Font*/
	font-size: 12px;
	color: #555;
	margin: 20px 0;
}
p {
    line-height: 32px;
	margin-bottom: 20px;
}
table {
    margin: 20px 0;
}

header {
	display: block;
	width: 100%;
	min-height: 51px;
	background: #222;
}
	header > section {
		display: block;
		max-width: 960px;
		margin: 0 auto;
		position: relative;
	}

/* Bootstrap styles override - start */

.navbar-default {
	border: none;
	background: none;
}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
	}
	.navbar-brand {
		width: 210px;
		height: 24px;
		background: url(/web/20220327180812im_/http://www.bootstrapzen.com/wp-content/themes/theme/images/logo.png) left center no-repeat;
		text-decoration: none;
		margin: 10px 20px 0 10px;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 0 14px;
		line-height: 51px;
		display: inline-block;
		color: #999;
		text-decoration: none;	
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		background: #080808;
		color: #fff;	
	}

/* Bootstrap styles override - end */

#top-banner {
	width: 728px;
	margin: 0 auto;
	margin-top: 17px;
	margin-bottom: 17px;
}
#content {
	max-width: 960px;
	margin: 0 auto;
	margin-bottom: 40px;
	background: #fff;
	border: 1px solid #ccc;
}
#left {
	width: 660px;
	padding: 15px 40px 30px 40px;
	float: left;
	border-right: 1px solid #ccc;
	background: url(/web/20220327180812im_/http://www.bootstrapzen.com/wp-content/themes/theme/images/line.png) repeat-x top;
}
    #left blockquote {
	    margin: 25px 0;
		border-left: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		line-height: 32px;
		font-size: 16px;
		background: #f9f9f9;
		color: #424242;
	}
	#left .templates > section {
		margin: 20px 0;
	}
	#left .templates > section a img{
		border: 1px solid #f2f2f2;
	}
	#left .subtitle {
		color: #ccc;
		text-transform: uppercase;
	}
	#left p.last-modified {
		font-size: 12px;
		color: #ccc;
		text-transform: uppercase;
	}
	#left p.image-information {
		margin-bottom: 35px;
	}
	#left p.thatsall {
		font-style: italic;
		margin-top: 25px;
	}
	#left .sponsor-left {
		margin: 25px 0 30px 0;
	}
	#left ul.list {
		margin: 25px 0;
		padding-left: 16px;
	}
	#left .info-buttons {
		margin: 20px 0 30px 0;
	}
	#left .info-buttons a {
		margin-right: 20px;
		margin-bottom: 10px; /*Responsive*/
	}
	#left .info-buttons a:last-child {
		margin-right: 0;
	}
	#left form.select_tabs {
	    display: none;
	}
	#left .post-content .well {
	    margin-bottom: 30px !important;
	}
	#left .post-content .well p {
	    margin-bottom: 15px;
	}
	#left table.table-white{
	    background: #fff;
	}
	
#right {
	width: 298px;
	padding: 40px;
	float: right;
	background: url(/web/20220327180812im_/http://www.bootstrapzen.com/wp-content/themes/theme/images/line.png) repeat-x top;
}
	#right h3 {
	    font-size: 16px;
	    color: #555;
	    margin: 20px 0;
	}
	#right nav a {
		display: block;
		background: url(/web/20220327180812im_/http://www.bootstrapzen.com/wp-content/themes/theme/images/arrow.png) left center no-repeat;
		padding: 0 0 0 20px;
		margin-bottom: 5px;
	}

footer {
	text-align: center;
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 26px 0 26px 0;
}
	footer p {
		line-height: 28px;
		margin-bottom: 10px;
	}
	footer > div {
		margin-top: 20px;
	}
	
	
/* Common styles */

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	content: " ";
}

hr { margin: 35px 0; }

/* Support only mobiles/iPhones */

@media screen and (max-width: 481px) {
	#top-banner {
		width: 90%;
		margin: 0 auto;
	}
		#top-banner img {
			width: 100%;
			margin: 5px 0;
		}
	#content {
		max-width: 960px;
		margin: 0 auto;
		margin-bottom: 26px;
		background: #fff;
		border: 1px solid #ccc;
		margin-top: 20px; /*Custom*/
	}
	#left {
		width: 100%;
		padding: 10px 40px;
		float: none;
		border-right: none;
		text-align: center; /*Custom*/
	}
	    /*Custom*/
	    #left .info-buttons {
			text-align: center;
		}
	    #left .info-buttons a{
		    margin: 0 0 20px 0;
			text-align: center;
		}
	    #left form.select_tabs {
	        display: block;
	    }
		#left ul.nav-tabs {
		    display: none;
		}
		/*Custom*/
	#right {
	    width: 100%;
		float: left;
		/*Custom*/
		text-align: center;
		margin-top: 15px;
		/*Custom*/
	}
	    /*Custom*/
	    #right #social {
	        margin-bottom: 30px;
			display: none; /* Hide because of an issue with "Facebook Like box responsive"*/
	    }
	    #right nav a {
	        background: none;
		    padding: 0;
	    }
		/*Custom*/
	/*Custom*/
	footer p {
		margin-left: 50px;
		margin-right: 50px;
		line-height: 40px;
	}
	/*Custom*/
}

/*
Make the Facebook Like box responsive (fluid width)
https://gist.github.com/smeranda/2571173
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
 
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
display: none;
}
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}
/*
     FILE ARCHIVED ON 18:08:12 Mar 27, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:08:46 Oct 15, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.67
  exclusion.robots: 0.022
  exclusion.robots.policy: 0.01
  esindex: 0.013
  cdx.remote: 51.243
  LoadShardBlock: 281.781 (3)
  PetaboxLoader3.datanode: 353.498 (5)
  PetaboxLoader3.resolve: 565.014 (3)
  load_resource: 663.031 (2)
*/