/*

Theme Name: wp-bootstrap

Theme URI: http://320press.com/wpbs

Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.

Version: 2.1

Author: 320press

Author URI: http://320press.com

Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options

License: GNU General Public License v2.0 & Apache License 2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0

*/



/* micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */

/* For modern browsers */

.clearfix:before,

.clearfix:after {

    content:"";

    display:table;

}

span.title:empty {
   background-color:red!important;
}

.clearfix:after {

    clear:both;

}



/* For IE 6/7 (trigger hasLayout) */

.clearfix {

    zoom:1;

}



/* wp-specific classes */

.wp-caption{

	

}



.wp-caption-text{

	

}



.sticky{

	

}



.gallery-caption{

	

}



/* layout */



body{

	padding-top: 0;

}



/* Admin Top Navigation fixes */



body.admin-bar .navbar-fixed-top{ 

	top: 28px; 

}



.navbar .brand{

	color: #000;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);

	font-weight: bold !important;

}



.nav-container{

	padding-left: 0;

	padding-right: 0;

}



#inner-header{

	width: 100%;

}



input, textarea, select, .uneditable-input {

	margin-bottom: 0;

}



.navbar-form, .navbar-search {

	margin: 0 0 9px;

}



.navbar-search{

	padding-left: 0;

}



#s{

	width: 100px;

}



#content{

	padding: 10px 0 0;

}



.more-link{

	white-space: nowrap;

}



.footer-links{

	float: right;

	margin-bottom: 18px;

}



.footer-links .menu{

	list-style-type: none;

	margin-left: 0;

}



.footer-links .menu li{

	float: left;

	margin-left: 10px;

}



/* post styling */



#main p.meta{

	font-style: italic;

	color: #808080;

}



#main article{

	margin-bottom: 18px;

	border-bottom: 1px solid #aaa;

	padding: 0 0 9px;

}



#main article footer{

	border-top: none;

	margin-top: 0;

	padding-top: 0;

	position: relative;

	min-height: 20px;

}



#main article footer a.edit-post{

	position: absolute;

	right: 0;

	top: 0;

	display: none;

}



.post:hover a.edit-post{

	display: inline;

}



p.tags{

	line-height: 20px;

}



div[id*='attachment_']{

	max-width: 100%;

	height: 100%;

}



#credit320{

	background: url('images/320press_mini.png') no-repeat left top transparent;

	padding-left: 20px;

}



#main .hero-unit img{

	margin-bottom: 1em;

}



#main article img{

	height: auto;

	max-width: 100%;

}



img.alignleft{

	margin-right: 10px;

	float: left;

}



img.alignright{

	margin-left: 10px;

	float: right;

}



img.aligncenter{

	display: block;

	margin: 0 auto;

}



.post header img{

	margin-bottom: 18px;

}



.archive #main .post h3{

	line-height: 24px;

	margin-bottom: 10px;

}



video {

	max-width: 100%;

	height: auto;

}



.video-container {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

}



.video-container iframe,  

.video-container object,  

.video-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.video-wrapper {

	width: 630px;

	max-width: 100%;

	margin-bottom: 18px;

}



/* page styling */



#featured-carousel .item{

	width: 970px;

	height: 600px;

}



.carousel-caption p{

	display: none;

}



.page-template-page-homepage-php #main article{

	border-bottom: none;

}



.page-template-page-homepage-php .hero-unit,

.blog .hero-unit{

	padding: 1em;

}



.hero-unit h1 {

	font-size: 3em;

}



/* comments */







#comments{

	line-height: 24px;

	margin-bottom: 18px;

}



ol.commentlist,

ol.commentlist ul.children{

	list-style-type: none;

	margin-left: 0;

}



.comment .vcard > div{

	margin-top: 8px;

	padding: 0 10px;

}



ol.commentlist time{

	font-size: .8em;

	color: #eeeeee;

}



ol.commentlist div.comment-author{

	position: relative;

}



ol.commentlist a.comment-edit-link{

	color: #ffffff;

	text-decoration: none;

	padding-left: 5px;

}



ol.commentlist span.edit-comment{

	position: absolute;

	right: 0;

	top: 8px;

}



ol.commentlist li.bypostauthor{

	background-color: #dddddd;

}



ol.commentlist ul.children li{

	background-color: #cccccc;

}



ol.commentlist ul.children li ul.children li{

	background-color: #bbbbbb;

}



ol.commentlist ul.children li ul.children li ul.children li{

	background-color: #aaaaaa;

}



ol.commentlist article{

	border-bottom: none !important;

}



a.comment-reply-link{

	position: absolute;

	right: 0;

	bottom: 0;

}



#comment-nav ul{

	list-style-type: none;

	margin: 0;

}



#comment-form-elements{

	list-style-type: none;

	margin: 0;

}



.comment .vcard .avatar{

	padding-right: 0;

}



.comment .vcard .comment-text{

	margin-left: 0;

}



img.avatar{

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #dedede;

	border-right: 1px solid #dedede;

	border-left: 1px solid #ddd;

	

}



ol.commentlist li{

	padding-right: 10px;

	background-color: #F0F0F0;

}



#pings{

	margin-bottom: 9px;

}



ol.pinglist{

	list-style-type: none;

	margin: 0 0 9px 0;

}



#comment{

	width: 270px;

}



ol.commentlist #respond{

	padding: 5px 10px;

}



/* specific post-type styles */



/* image attachment */



.attachment #main .post_content img{

	max-width: 100%;

}



.ie8 #main .media-grid img{

	max-height: none !important;

	max-width: none !important;

}



.attachment-img{

	margin-bottom: 18px;

}



.metadata p.alert-message{

	margin-right: 0;

	margin-bottom: 18px;

}



#gallery-nav{

	list-style-type: none;

	margin-left: 0;

}



li.next a, li.previous a{

	position: relative;

}



li.next a:hover:before{

	content: "\2190";

	position: absolute;

	display: block;

	top: 42%;

	left: 0;

	background-color: #BFBFBF;

	color: #444;

	width: 20px;

	height: 20px;

	padding-left: 5px;

	text-decoration: none;

	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);

}



li.previous a:hover:before{

	content: "\2192";

	position: absolute;

	display: block;

	top: 42%;

	right: 0;

	background-color: #BFBFBF;

	color: #444;

	width: 20px;

	height: 20px;

	padding-left: 5px;

	text-decoration: none;

	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);

}





/* widget styles */



.widget{

	margin-bottom: 18px;

}



.widgettitle{

	margin-bottom: 9px;

}



#tag-cloud{

	margin-bottom: 18px;

	line-height: 160%;

}



/* for some reason the bs version currently available for download doesn't have this style */

.label{

	text-transform: uppercase;

}



/* override standard link hover for the tag cloud widget */

#tag-cloud a:hover,

.tags a:hover{

	color: #ffffff;

	text-decoration: none;

}



#tag-cloud a{

	white-space: pre;

	text-transform: uppercase;

}



/* change default form padding for search */



.widget_search form{

	padding-left: 0;

}



.widget_search input{

	width: 121px;

}



/* calendar widget */



#calendar_wrap{

	border: 1px solid #ddd;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	padding: 5px;

}



#wp-calendar{

	width: 100%;

	

}



#wp-calendar caption{

	font-weight: bold;

	padding: 8px;

}



#wp-calendar tr{

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

}



#wp-calendar tr:last-child{

	border-bottom: none;

}



#wp-calendar td{

	text-align: center;

	padding: 8px 0;

}



blockquote.pull-left{

	padding-right: 15px;

}



@media only screen and (min-width: 768px) {

	.carousel-caption p{

		display: block;

	}

}



@media only screen and (min-width: 980px) {

	body{

		padding-top: 60px;

	}

	

	.container-fluid{

		max-width: 970px;

		margin: 0 auto;

		padding-left: 20px;

		padding-right: 20px;

	}

	

	#inner-footer{

		padding: 0;

	}

	

	#content{

		padding-left: 0;

		padding-right: 0;

	}

	

	.topbar-inner{

		padding: 0;

	}

	

	.topbar form.pull-right {

		float: right;

	}

	

	.navbar-form, .navbar-search {

		margin-top: 6px;

		margin-bottom: 0;

	}

	

	.navbar-search{

		padding-left: 0;

	}

	

	.sidebar{

		margin-top: 0 !important;

	}

	

	.widget_search input{

		width: 230px;

	}

	

	.blog .hero-unit{

		margin-top: 10px;

	}

	

	.page-template-page-homepage-php .hero-unit,

	.blog .hero-unit{

		padding: 60px;

	}

	

	.hero-unit h1 {

		font-size: 60px;

	}

	

	/* hide edit comment button and show on hover on desktop version */

	.edit-comment{

		display: none;

	}

	

	.vcard:hover .edit-comment{

		display: inline-block;

	}

	

	#s{

		width: 210px;

		margin-bottom: 6px;

	}

	

	.widget_search input{

		width: 209px;

	}

	

	.comment .vcard .comment-text{

		padding-left: 0;

		padding-right: 0;

	}

}



/* INNER PAGE STYLES */



* {padding: 0px; margin: 0px; }

body { background: url('images/bg.png'); padding-top: 0px; font-family: Arial;}

#header {background: url('images/header-bg.png'); width: 100%; background-size: cover; border-bottom: 10px solid #4f3e13; }

#header #header-inner-center { }

#header #logo { margin-top: 70px; margin-left: 10px;}

#header #links {margin-left: 16%;margin-top: 61px;}

#header #links ul { float: left;list-style-type: none;padding: 0px 5px;}

#header #links ul li { background: #4f3e13; padding: 5px 40px; margin-bottom: 5px;font-size: 14px;font-weight: bold;color: #ffffff; width: 150px;}

#header #links ul li a {font-size: 12px;font-weight: bold;color: #ffffff;} 



#inner-sidebar { max-width: 175px; float: left;}

#inner-sidebar ul li { padding: 20px 0px 10px 7px; list-style-image: url('images/sidebar-li-bg.png');}

#inner-sidebar ul li a { font-size: 14px; font-weight: bold; color:#ffffff;}



.main-contents { max-width: 94%;}

#main-content-div { padding: 2% 5%; color: #FBF9F0;max-width: 70%;border-left: 10px solid #4f3e13;width: 89%;min-height: 281px;}

#main-content-div h4 { font-family: 'EB Garamond',serif;}

#main-content-div .quotation { font-style: italic; font-size: 11px; line-height: 17px; width: 58%;}

#main-content-div img {padding-left: 15px;}

#main-content-div p { font-size: 14px; }
#main-content-div a { /* color: #4f3e13; color:#DEC85F; color: #EFE0B9; */ color:##E3C883; /* text-shadow: 0.1em 0.1em #000; */}

footer {border-top: 10px solid #4f3e13;}

#footer {background: #9d9674; padding: 5px 20px; max-width: 80%; margin: 0px auto; color: #ffffff;font-size: 12px; font-family: arial, serif; margin-top: 30px;margin-bottom: 30px;}

#disclaimer {text-align: center; font-size: 9px; font-family: Arial, serif; color: white; line-height: 12px;}



#social {margin-right: 20px;margin-top: 5px;}

#social ul li { display: inline-block; list-style-type: none;}

#social ul li a {padding: 7px 16px; background: url('images/social.png'); }

#social ul li .fb-social {background-position: 0% 32px;}

#social ul li .twitter-social {background-position: 33% 32px;}

#social ul li .dribble-social {background-position: 67% 32px;}

#social ul li .gmail-social {background-position: 100% 32px;}

#search-and-social {height: 32px;width:100%;padding-top: 5px;float: right }

.form-search {
        float:right;
        background:url(images/sprite02.png) no-repeat;
        width: 202px;
        height: 25px;
        margin: 10px -1px 0 5px;
        padding:2px;
}
.form-search input[type="text"] {
        float:left;
        font:16px/19px Arial, Helvetica, sans-serif;
        width:167px;
        padding:2px 4px 2px;
        height:21px;
        background:none;
        border:none;
        color:#d2d2d2;
        margin:0;
}
.form-search input[type="submit"] {
        float:left;
        width:27px;
        height:27px;
        font-size:0;
        line-height:0;
        padding:0;
        margin:-1px 0 0;
        overflow:auto;
        background:url(images/submit.png) no-repeat 0 0;
        border:none;
}
.form-search input[type="submit"]:hover {cursor:pointer;}

.social-networks {
        float:right;  margin:0;     padding:10px 0 0 0;}
.social-networks li {
        float:left;
        list-style:none outside;
        margin:0 0 0 1px;
        width:31px;
        height:32px;
}
.social-networks a {
        overflow:hidden;
        display:block;
        width:31px;
        height:32px;
        text-indent:-9999px;
        background-image:url(images/sprite01.png);
}
.facebook {background-position:0 0;}
.twitter {background-position:-32px 0;}
.ico1 {background-position:-63px 0;}
.email {background-position:-96px 0;}

#search-span {background: url('images/search-bg.png') no-repeat;}

#search-span input {background: transparent; border: 0px; margin: 0px;}

#content-search a { /* color: #4f3e13; */ color: #E3C883; }
a.btn-next, a.btn-prev {position: absolute;top: 41%;}
a.btn-next { right: 0;}
a.btn-prev { left: 0;}



@media only screen and (max-width: 999px) {

	.header-links { max-width: 820px; margin: 0px auto;padding: 0px;}

	.main-contents { }

	#logo { float: none; text-align: center; clear: both;}

	#header #links {margin-left: 0px; margin-top: 12px;}

	

	

	#header #links #m1, #header #links  #m2 { float: left; }

	#header #links #m3, #header #links  #m4 { float: left; }

	#inner-sidebar { float: none; border: none; text-align: center; margin: 0px auto;}

	#main-content-div {max-width: 100%; text-align: justify;border-top: 10px solid #4f3e13;border-left: none;min-height: 0px;}

	#main-content-div .quotation {width: auto;}

	#search-and-social { float: none; }

	#search-form {}

	#social { float: left;}

	

	

}



@media only screen and (max-width: 830px) {

	#header #links #m1, #header #links  #m2 { float: none; text-align: center;margin: 0px; }

	#header #links #m3, #header #links  #m4 { float: none; text-align: center;margin: 0px; }

	#header #links {margin-top: 0px;max-width: 300px;margin: 0px auto;}

	#header #logo {margin-top: 10px;margin-bottom: 42px;}

}

.publication_download.hide {
    display: none;
}