/** style.css
 * 
 * Theme Name:	The Bootstrap / RSPCA News Theme
 * Theme URI:	http://en.wp.obenland.it/the-bootstrap/
 * Description:	A WordPress Theme based on Bootstrap, from Twitter. It features a 100% responsive layout, a superb gallery and image handling with a custom image meta widget and carousel for gallery post-formats, the Glyphicon Icon set, a clean and simple design and a lot more! The Bootstrap runs on HTML5 and CSS3, a 12-column grid and comes with custom jQuery plugins. See the Bootstrap documentation on GitHub for reference.
 * Author:		Konstantin Obenland / SImon Holmes
 * Author URI:	http://en.wp.obenland.it/
 * Version:		2.0.1
 * Tags:		black, blue, white, light, custom-background, custom-header, custom-menu, featured-images, flexible-header, flexible-width, full-width-template, left-sidebar, microformats, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns
 * Text Domain:	the-bootstrap
 * Domain Path:	/lang
 *
 * License:		GNU General Public License v3.0
 * License URI:	http://www.gnu.org/licenses/gpl-3.0.html
 *
 *
 *	Copyright (C) 2012 Konstantin Obenland <konstantin@obenland.it>
 *
 *	This program is free software: you can redistribute it and/or modify
 *	it under the terms of the GNU General Public License as published by
 *	the Free Software Foundation, either version 3 of the License, or
 *	(at your option) any later version.
 *
 *	This program is distributed in the hope that it will be useful,
 *	but WITHOUT ANY WARRANTY; without even the implied warranty of
 *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *	GNU General Public License for more details.
 *
 *	You should have received a copy of the GNU General Public License
 *	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */


/* =Custom Styles
-------------------------------------------------------------- */
#site-title{	
	font-size: 40px;
	text-align: center;
	width: 90%;
}


.contentWrapper{
	border-radius: 20px;
	padding-top: 30px;
	float: left;
	background-color: #e4e1ca;
}

#site-title a{
	color: white;
}

.navbar{
	display: none;
}

.logo{
	margin-top: -10px;
	width: 119px;

	float: left;
}

#branding{
	margin-bottom: 20px;
}


.widget-title, .entry-title {
    color:#003473;
}



.widget-area aside li{
    margin-top:10px;
    font-weight:bold;
    list-style: none;
}

footer.entry-meta, footer.entry-footer{
	padding-top: 10px;
	width: 100%;
	border-top: 1px solid rgb(180, 178, 162);
}

.read_more{
	font-size: 20px;
	margin-right: 10px;
	text-align: right;
	width: 100%;
	font-weight: bold;
	float: right;
}

.next , .previous{
	font-size: 20px;
	margin-right: 10px;
	font-weight: bold;

}

.pager{
	border-radius: 10px;
-moz-box-shadow: 1px 1px 6px #333;
box-shadow: 1px 1px 4px rgb(145, 147, 147);
border: 1px solid rgb(180, 178, 162);
background: #ffffff;
margin-bottom: 20px;
padding: 20px;
border-radius: 10px;
}



/* Custom Responsiveness
-------------------------------------------------------------- */

@media (max-width:767px) {
	.contentWrapper{
		padding: 20px;
	}
}


/*  --------------------------------------------------
    elastic videos // may need to use jQuery to automatically put videos inside a DIV to make sure they are elastic or edit the plugin generating the embed code
    -------------------------------------------------- */ 
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 10px;
}

.video-container iframe,.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content iframe{
	width: 100%;
}

.vvqbox{
width: 100%;
}

.vvqbox iframe,  
.vvqbox object,  
.vvqbox embed {
width: 100%;
}

/*  --------------------------------------------------
    elastic facebook comments
    -------------------------------------------------- */ 
#fbcomments, .fb_iframe_widget, #fbcomments iframe[style] {
width: 100% !important;
}

.fb_iframe_widget span {
width: 100% !important;
}

.fb-comments{
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
position: relative;
display: -moz-inline-block;
display: inline-block;
}

.addthis_button_facebook_like{
	width:12%;
}

.flex-direction-nav{
	display: none;
}



/* =Elements
-------------------------------------------------------------- */

blockquote cite:before {
	content: '\2014 \00A0';
}

blockquote cite {
	color: #999999;
	display: block;
	font-size: 13px;
	line-height: 18px;
}

figure {
	margin: 0;
}

h1, h2, h3, h4, h5, h6, .clear {
	/*clear: both;*/
	color:#003473;
}


/* =Classes
-------------------------------------------------------------- */

.assistive-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

body > .container {
	margin: 18px auto;
}

/* Right Content */
.sidebar-content #primary,
.sidebar-content #attachment-comment {
	float: right;
	margin: 0 20px 0 0;
}

.block {
	display: block;
}


/* =Page
-------------------------------------------------------------- */

#page {	
	margin-right: -20px;
	padding: 14px 0 0;
}


#header-image {
	display: block;
}

#menu-alert {
	margin: 4px 0 0;
	padding: 6px 35px 6px 14px;
	position: absolute;
}

#branding hgroup,
#header-image,
.entry-content {
	margin-bottom: 28px;
}

.entry-attachment {
	margin-bottom: 36px;
}

.single #author-info,
.author #author-info,
.single article.post,
.single article.page {
/*	margin-bottom: 54px;*/
}

#author-info,
article.post,
article.page {
	border-radius: 10px;  -moz-box-shadow: 1px 1px 6px #333;    
	box-shadow: 1px 1px 4px rgb(145, 147, 147);
	border: 1px solid rgb(180, 178, 162);
	background: #ffffff;
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 10px;
}

.page-header,
.entry-content {
	word-wrap: break-word;
}

.post-password-form legend {
	font-size: inherit;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}


/* =Comments
-------------------------------------------------------------- */

#comments-title {
	border-bottom: 1px solid #EEEEEE;
	font-size: 19.5px;
    margin: 0 0 27px;
}

#comment,
.entry-content iframe,
.entry-content embed {
	max-width: 100%;
}

.commentlist > li {
	margin-bottom: 36px;
}

.commentlist ul.children {
	margin: 10px 0 18px;
	list-style: none;
}

#reply-title {
	position: relative;
}

#reply-title small {
	position: absolute;
	right: 0;
	top: 7px;
}


/* =Sidebar
-------------------------------------------------------------- */

.form-search {
	margin: 0;
}

.widget {
	word-wrap: break-word;
}

.widget .wp-caption {
	display: inline-block;
}


/* =Images
-------------------------------------------------------------- */

.entry-content .post-thumbnail {
	margin: 0 20px 20px 0;
}

.entry-content img{
	    border:  solid 1px #DDD;
      padding:  10px;
/*
      margin:  0 45px 20px 0;*/
      -webkit-box-shadow:  0px 0px 6px 1px #E6E6E6;
      box-shadow:  0px 0px 6px 1px #E6E6E6;
}

.entry-attachment .thumbnail.attachment-table {
	display: table;
	margin: 0 auto;
}

.thumbnail > img {
	width: auto\9; /* Cure IE8 max-width bug */
}

img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.gallery-columns-3.thumbnails [class*="span"] {
	width: 29.3%;
}
.gallery-columns-5.thumbnails [class*="span"] {
	width: 15.9%;
}
.gallery-columns-6.thumbnails [class*="span"] {
	width: 12.6%;
}
.gallery-columns-7.thumbnails [class*="span"] {
	width: 10.2%;
}


/* =Footer
-------------------------------------------------------------- */

#colophon .credits {
	margin: 0;
}

#site-generator {
	float: right;
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
}

#site-generator a {
	background: url("img/wordpress.png") no-repeat scroll left center transparent;
	color: #787878;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}

#site-generator.footer-nav-menu a {
	margin-top: 10px;
}

table .label {
	background-color: transparent;
	border-radius: none;
	color: inherit;
	font-size: inherit;
	text-transform: inherit;
}


/* =Jetpack Support
-------------------------------------------------------------- */

.comment-subscription-form > input[type=checkbox] {
	position: absolute;
}

.comment-subscription-form > label {
	min-height: 18px;
    padding-left: 18px;
}


/* =Bootstrap Adjustments
-------------------------------------------------------------- */

.navbar-fixed-top,
.navbar-fixed-bottom {
	position: fixed;
}

#comment,
.thumbnail {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.label .post-edit-link,
.label .comment-edit-link {
	color: #FFFFFF;
}

.navbar-search {
	height: 34px;
}

.pagination span {
	background-color: #f5f5f5;
	color: #999999;
	cursor: default;
}

.pagination span.dots {
	background-color: #FFFFFF;
}


/* =WordPress Core
-------------------------------------------------------------- */

.aligncenter {
    display:block;
    margin: 0 auto 20px;
}

.alignright {
    float:right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 0 20px 20px 0;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	padding: 0 9px 9px;
	text-align: center;
}

.wp-caption .wp-caption-text {
	padding-top: 9px;
}



.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.sticky {}
.bypostauthor {}


/* =Responsiveness
-------------------------------------------------------------- */

@media (max-width: 767px) {
	body {
		padding:0;
	}
	.container {
		width: auto;
		padding: 0 10px;
	}
	#page {
		margin: 0;
		padding: 10px;
	}
	.thumbnail[class*="span"],
	.gallery [class*="span"] .thumbnail {
		display: table;
		float: left;
	}
	.carousel .item > img {
		width: 100%;
	}
	.thumbnails > li {
		float: left;
		margin-left: 20px;
	}
	.gallery-columns-2.thumbnails > li:nth-child(2n+1),
	.gallery-columns-3.thumbnails > li:nth-child(3n+1),
	.gallery-columns-4.thumbnails > li:nth-child(4n+1),
	.gallery-columns-5.thumbnails > li:nth-child(5n+1),
	.gallery-columns-6.thumbnails > li:nth-child(6n+1),
	.gallery-columns-7.thumbnails > li:nth-child(7n+1),
	.gallery-columns-8.thumbnails > li:nth-child(8n+1),
	.gallery-columns-1.thumbnails > li {
		margin-left:0;
	}
	.gallery-columns-2.thumbnails [class*="span"] {
		width: 47.4%;
	}
	.gallery-columns-3.thumbnails [class*="span"] {
		width: 29.9%;
	}
	.gallery-columns-4.thumbnails [class*="span"] {
		width: 21.2%;
	}
	.gallery-columns-6.thumbnails [class*="span"] {
		width: 12.4%;
	}
	.gallery-columns-7.thumbnails [class*="span"] {
		width: 9.9%;
	}
	.gallery-columns-8.thumbnails [class*="span"] {
		width: 8.7%;
	}
	.sidebar-content #primary,
	.sidebar-content #attachment-comment {
		float: none;
		margin: inherit;
	}
	#s {
		display: inline-block;
	}
	#site-generator,
	#site-generator.footer-nav-menu a {
		float: none;
		margin-top: 5px;
	}
	textarea[class*="span"] {
		height: auto;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		margin: 0;
	}
}
@media (min-width: 768px) and (max-width: 778px) {
	#page {
		margin-right: -15px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.dl-horizontal dt {
		width: 85px;
	}
	.dl-horizontal dd {
		margin-left: 95px;
	}
}
@media (min-width: 1200px) {
	#page {

		margin-right: -30px;
		

		padding: 24px 0 10px;
	}
	.sidebar-content #primary,
	.sidebar-content #attachment-comment {
		margin-right: 30px;
	}
	.wp-caption {
		display: table;
	}
}


/* End of file style.css */
/* Location: ./wp-content/themes/the-bootstrap/style.css */