/*
Theme Name: WP Bootstrap
Theme URI: http://teamtreehouse.com/how-to-build-a-simple-responsive-wordpress-site-with-twitter-bootstrap
Description: A simple responsive theme built with Bootstrap
Author: Zac Gordon
Author URI: http://zacgordon.com/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/    fefdfa

This is an example theme to go along with the Treehouse blog post on <a href="http://teamtreehouse.com/how-to-build-a-responsive-wordpress-site-with-twitter-bootstrap">How to Build a Simple Responsive WordPress Site Using Twitter Bootstrap</a>.
*/

@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-theme.css');
@import url('style-new.css');

body {
	background: url('images/bg-paper-2.png');
	
	padding-top: 0;
	
	padding-bottom: 0;
	color: #231F20;
}

.form-vertical{
	text-align: center !important;

}
.sort-by{
	margin-top: 10px;
}
.nav-pill-cat{
	text-align: center;
	border-bottom: 1px solid #231F20;
	margin-bottom: 20px;
}
.nav-pill-cat li{
	display: inline-block;
	margin: 5px auto;
}
.nav-pill-cat a{
	color: #231F20;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}


@media (min-width: 1px){
.sidebar{
	background: #231F20;/*#231F20*/
}
#home-post-grid {
background: none;
}
}
@media (min-width: 768px){
.sidebar{
	background: none;/*#231F20*/
}
#home-post-grid {
background: url('images/sidebar-bg-293.png');
background-repeat: repeat-y;
background-position: right;
}
}
@media (min-width: 992px){
#home-post-grid {
background: url('images/sidebar-bg-303.png');
background-repeat: repeat-y;
background-position: right;
}
}
@media (min-width: 1200px){
#home-post-grid {
background: url('images/sidebar-bg-321.png');
background-repeat: repeat-y;
background-position: right;
}
}


.clear{
	clear: both;
}

.cart-variations{
	text-align: center;
	margin: 20px 0;
}

#wrapper{height: 100%;
	background: url('images/header-top7.jpg') top center repeat-x;
}
.featured-row{
	margin-top: 20px;
}
.share-btns {
	text-align: center;
}
.share-btns li{
	display: inline;
	width: 100%;
}
.form-inline {
text-align: center !important;
}
.post-archive{
	margin-top: 60px;
}

.archive-nav{
	text-align: center;
}


.container{
}
.sidebar li {
list-style: none;
}

p {
	//font-size: 1.25em;
}

.book-thumbs{
	margin-top: 10px;
}
.book-thumbs img{
}

.header-content{

	margin-top: 20px;
	margin-bottom: 20px;
	opacity: .9;
}

h1 {
	font-family: Georgia,Times New Roman,Times,serif;
	margin-top: 0; margin-bottom: 10px;
	text-align: center;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 2em;
}
h1 a{
	color: #231F20;
}
h1 a:hover{
	color: rgba(0, 174, 239, 1)
}
h4{
	font-size: .9em;
	text-align: center;
	font-weight: normal;
	font-family: Georgia,Times New Roman,Times,serif;
	font-style: italic;
}
h4.h4-video{
	font-size: .9em;
	text-align: right;
	font-weight: normal;
	font-family: Georgia,Times New Roman,Times,serif;
	font-style: italic;
}
h4.h4-video a{
	color: rgba(236, 0, 140, 1);
}
h2.h2-collage {
	font-family: Georgia,Times New Roman,Times,serif;
	margin-top: 0; margin-bottom: 10px;
	text-align: left;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 2em;
font-style: italic;
	background: url('images/header-top4.jpg') top center;
background-color: #CCC;
opacity: 1;
color: #FFF;
font-weight: bold;
	padding: 0 20px 0 0;
line-height: 42px;
margin-top: 20px;
text-align: right;

}
h2.h2-collage a{
	color: #FFF;
	display: block;
	opacity: 1;
	background-color: rgba(0, 174, 239, .2);
}
h2.h2-collage a:hover{
	color: #FFF;
	background-color: rgba(0, 174, 239, .2);
	display: block;
	opacity: 1;
	padding: 0 20px 0 0;
	text-decoration: none;
}

h3{
	text-align: center;
	color: rgba(255, 255, 255, .5);

}


.postmetadata a {
	color: rgba(236, 0, 140, 1);
	font-style: italic;
}

hr {
	clear: both;
	width: 100%;
	border-top: 1px solid #333;
	margin-top: 20px; margin-bottom: 20px;
}

#home-post-grid{
margin-bottom: 20px;
}
.home-books{
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer{
 background: #231F20;
 min-height: 100px;
	margin: 0; 
	padding: 0;
	text-align: center;
}
#footer-fixed{
text-align: center;
padding: 20px 0;
color: #FFF;
font-size: 11px;
font-style: italic;
margin: 0;
}
.navbar{
	margin-bottom: 0;
}

#navbar-1 {
  z-index: 1000;
  border:none;
  font-weight: bold;
	height: 60px;
	margin-bottom: 0;
}
.nav-1{
}
#navbar-1 .navbar-nav li a{
	color: white !important;
	font-size: 22px;
}
#navbar-2 {
  z-index: 1000;
  border-width: 1px 0 1px;
  border-top-color: #231F20;
  border-bottom-color: #999;
}
.navbar-nav{
	text-transform: uppercase;
	font-size: 16px;
}
.navbar-nav li a{
	color: #000 !important; 
}
.navbar-nav li.active a{
	color: #FFF !important; 
	background-color: #231F20 !important; 
}
.navbar-nav li.active {
	background-color: #231F20 !important; 
}
.navbar-toggle .icon-bar {
display: block;
width: 50px;
height: 5px;
border-radius: 1px;
background-color: #231F20 !important;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: transparent;
}
.navbar-default .navbar-toggle {
border: none;
}


.dropdown-menu{
	opacity: .95;
	background-color: #faf9f5;
}

.dropdown-menu li{
	opacity: 1;
	font-size: 14px;
}

.dropdown-menu li a{
	opacity: 1;
	font-size: 14px;
	font-weight:  bold;
	text-transform: normal;
}
#nav-helper{
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	
}
.sidebar{
	margin-top: 20px;
}
.sidebar-node{
	width: 100%;
	padding: 10px 30px;
	margin-top: 10px;
}
.sidebar-list{
	width: 100%;
	padding: 20px 15px;
	}
.sidebar-list li a{
	opacity: .8;
}
.sidebar-list li a:hover{
	opacity: 1;
}

.sidebar-list li img{
	background-color: #faf9f5;
}
.sidebar p{
	text-align: center;
	color: #faf9f5;
}

iframe{
	margin-top: 0;
}
.post-thumb-xs{
	padding: 6px 20px 10px 0;
}
.post-header-cat{
	margin-top: 10px;
}
.post-header p{
 text-align: center;
 margin-top: 20px;
}
.post-header p.details{
}
.post-footer h6.details{
text-align: center;
margin: 20px 0;
font-size: .9em;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.post-header h1{
margin-bottom: 0;
margin-top: 10px;
}

.post-header h4{
	font-size: 1.5em;
	margin: 5px 0 5px 0;
	font-weight: normal;
}
.post-header h5{
	font-size: 1em;
	text-align: center;
	margin: 2px 0;
}
.blog-header  h1, .blog-header  h4, .blog-header  .share-btns {
	text-align: left !important;
}
.blog-sidebar{
	list-style-type: none;
	background: rgba(0, 0, 0, 0.1);
	padding: 20px !important;
}
.blog-sidebar h2{
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	margin: 0;
	font-weight: bold;
}
.blog-sidebar h3{
	text-align: left;
}

.post-content{
 margin-top: 20px;
}
.post-content p{
 font-size: 1.1em;
}
.post-sidebar h6, h6.similar-books{
	font-family: Georgia,Times New Roman,Times,serif;
	margin-top: 0; margin-bottom: 10px;
	text-align: left;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 2em;
font-style: italic;
	background: url('images/header-top4.jpg') top center;
background-color: black;
opacity: .5;
color: #FFF;
font-weight: bold;
padding: 0;
line-height: 42px;
margin-top: 20px;
text-align: right;
	background-color: rgba(0, 174, 239, .2);
;

}
.post-sidebar h6 a{
	color: #FFF;
	display: block;
	opacity: 1;
	padding: 0 20px 0 0;
}
.post-sidebar h6 a:hover{
	color: #FFF;
	background-color: rgba(0, 174, 239, .5);
	display: block;
	opacity: 1;
	padding: 0 20px 0 0;
	text-decoration: none;
}

/**
 * 8.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}


.wp-caption-text{
	font-style: italic;
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
	font-size: 11px !important;
}