/*!
Theme Name:     Brion McClanahan Theme
Theme URI:      http://www.brionmcclanahan.com/
Description:    Website for author Brion McClanahan based on the Wildli BaseBoot theme implementing Twitter Bootstrap.
Author:         Brion McClanahan
Author URI:     http://www.brionmcclanahan.com/
Version: 1.1
Tags: bootstrap, microformats
*/
/* =Base
----------------------------------------------- */
html, body. div{
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
body {
	background: #fff;
	color: #303030;
	font-family: 'PT Serif', serif;
	font-size: 17px;
	line-height: 1.6;
	border-top: 4px solid #000;
}
/* =Structure
----------------------------------------------- */
#primary {
  float: left;
  margin-left: 0;
  width: 780px;
}
#secondary {
  float: left;
  margin-left: 20px;
  width: 140px;
}
/* =Style
----------------------------------------------- */
#main {
  padding: 40px 0;
}
article {
  margin: 0 0 20px;
  padding: 0 0 30px;
}
/* =Typography
----------------------------------------------- */
a {
  color: #0066cc;
  text-decoration: none;
}
a:hover {
  color: #0099ff;
  text-decoration: underline;
}
.entry-summary a {
	color: #303030;
}
#nav-below {
  text-align: center;
}
#nav-above a, #nav-below a {
	color: #303030;
	font-weight: 600;
}
.page h1 {
	margin: 0 0 50px;
}
.page-header {
	border: none;
	font-size: 20px;
	margin: 20px 0 30px;
	padding: 0 0 30px;
}
.page-header a {
	color: #303030;
}
.page-header h1.page-title {
	font-size: 20px;
	margin: 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
}
h2, .entry-title {
  font-family: Arial, "Lucida Grande", sans-serif;
}
/* =Components
----------------------------------------------- */
.well {
	background-color: #fcfcfb;
	margin: 40px 0;
	padding: 30px 60px;
}
@media (max-width: 400px) {
  .well {
    padding: 15px 20px;
  }
}
hr, .hr {
	border-top: 1px solid #d2d1d0;
	border-bottom: 1px solid #f3f2f1;
	margin: 40px 0;
}
/* =Buttons
----------------------------------------------- */
.btn {
}
.btn-black { background-color: hsl(0, 0%, 24%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#474747", endColorstr="#3d3d3d"); background-image: -khtml-gradient(linear, left top, left bottom, from(#474747), to(#3d3d3d)); background-image: -moz-linear-gradient(top, #474747, #3d3d3d); background-image: -ms-linear-gradient(top, #474747, #3d3d3d); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #474747), color-stop(100%, #3d3d3d)); background-image: -webkit-linear-gradient(top, #474747, #3d3d3d); background-image: -o-linear-gradient(top, #474747, #3d3d3d); background-image: linear-gradient(#474747, #3d3d3d); border-color: #3d3d3d #3d3d3d hsl(0, 0%, 23%); color: #FFFFFF !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06); -webkit-font-smoothing: antialiased; }
.btn-black:hover,
.btn-black:active,
.btn-black.active {
	color: #fff !important;
}
/* =Thumbnails
----------------------------------------------- */
.thumbnail {
  display: block;
  padding: 0;
  margin-bottom: 10px;
  line-height: 20px;
  border: none;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
a.thumbnail:hover {
  border-color: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
          opacity: 0.9;
          filter: alpha(opacity=90);
}
.sticky a.thumbnail:hover {
	border-color: none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
          opacity: 1;
          filter: alpha(opacity=100);
}
/* =Assistive text
----------------------------------------------- */
.assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
  background: #eee;
  border-bottom: 1px solid #ddd;
  color: #1982d1;
  clip: auto !important;
  font-size: 12px;
  position: absolute;
  text-decoration: underline;
  top: 0;
  left: 7.6%;
}
/* =Alignment
----------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin: 5px 30px 25px 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 5px 0 25px 30px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* =Header
----------------------------------------------- */
#site-title {
	padding: 14px 0 2px;
}
#site-title a {
	display: block;
	height: auto;
	max-width: 293px;
}
#header {
	background: #fff;
	color: #ffffff;
	border-bottom: 1px solid #d8d7d6;
	position: relative;
}
#header #monogram {
	background: transparent url(img/monogram-small.png) no-repeat 0 0;
	width: 39px;
	height: 35px;
	position: absolute;
	bottom: -18px;
	left: 50%;
    margin-left: -19px;
}
#header #searchform {
	text-align: right;
	margin: 0 0 12px;
}
#header #searchform label.screen-reader-text {
	text-align: left;
	text-indent: -99999px;
	line-height: 12px;
}
/* Black search form
#header #searchform input#s {
	background-color: #666666;
    border: 1px solid #000000;
}
#header #searchform input#s:focus {
	background-color: #ffffff;
}
#header #searchform .btn-black {
    border: 1px solid #000000;
}*/
/* =Menu
----------------------------------------------- */
.navbar {
    margin: 0 0 20px 0;
}
.navbar .nav > li {
  position: relative;
}
.navbar .nav > li > a {
  border-bottom: 3px solid #fcfcfb;
  color: #333030;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 0 2px;
  margin: 0 15px;
  text-shadow: none;
  line-height: 25px;
  text-transform: uppercase;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  border-bottom: 3px solid #333030;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  border-bottom: 3px solid #333030;
  color: #333030;
  background-color: transparent;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.navbar .nav li:hover > ul {
  display: block;
}
.navbar-inner {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	filter: progid:dximagetransform.microsoft.gradient(enabled = false);
}
/* Dropdown menu */
.dropdown-menu {
  background-color: #333030;
  border: 1px solid #333030;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.dropdown-menu a {
  padding: 6px 30px;
  line-height: 30px;
  color: #afaca7;
  text-transform: uppercase;
  font-size: 11px;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #454040;
  background-image: -moz-linear-gradient(top, #454040, #454040);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454040), to(#454040));
  background-image: -webkit-linear-gradient(top, #454040, #454040);
  background-image: -o-linear-gradient(top, #454040, #454040);
  background-image: linear-gradient(to bottom, #454040, #454040);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#454040', endColorstr='#454040', GradientType=0);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #454040;
  background-image: linear-gradient(to bottom, #454040, #454040);
  background-image: -moz-linear-gradient(top, #454040, #454040);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454040), to(#454040));
  background-image: -webkit-linear-gradient(top, #454040, #454040);
  background-image: -o-linear-gradient(top, #454040, #454040);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#454040', endColorstr='#454040', GradientType=0);
}
.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
  display: none;
}
/* Social Links */
.navbar .nav {
	margin-right: 0;
	width: 100%;
}
#menu-item-623, #menu-item-624, #menu-item-674, #menu-item-679,
#menu-item-48, #menu-item-49, #menu-item-50, #menu-item-51 {
	float: right;
	width: 25px;
	margin-left: 4px;
	text-align: left;
	text-indent: -9999px;
}
#menu-item-623 a, #menu-item-624 a, #menu-item-674 a, #menu-item-679 a,
#menu-item-48 a, #menu-item-49 a, #menu-item-50 a, #menu-item-51 a {
	margin: 0;
}
/* Facebook */
#menu-item-623 a, #menu-item-51 a {
	background: transparent url(img/icon-facebook-25x25.png) no-repeat 0 8px;
}
/* Twitter */
#menu-item-624 a, #menu-item-50 a {
	background: transparent url(img/icon-twitter-25x25.png) no-repeat 0 8px;
}
/* YouTube */
#menu-item-674 a, #menu-item-49 a {
	background: transparent url(img/icon-youtube-25x25.png) no-repeat 0 8px;
}
/* RSS */
#menu-item-679 a, #menu-item-48 a {
	background: transparent url(img/icon-rss-25x25.png) no-repeat 0 8px;
}

/* =Nav components
----------------------------------------------- */
.nav-tabs.nav-stacked > li > a {
    border: 1px solid #c7c3be;
    font-family: Arial, 'Lucida Grande', sans-serif;
}
.nav-tabs > li > a {
	color: #333030;
	font-weight: 600;
  font-size: 14px;
}
.nav-tabs > li > a:hover {
	background: #333030;
	color: #fff;
}
/* =Widgets
----------------------------------------------- */
#secondary h2 {
	font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 0 20px;
}
#secondary .widget {
  border-bottom: 1px solid #ddd;
  padding: 15px 0 20px;
}
.widget form {
  margin-bottom: 0;
}
/* =Books For Sidecolumn
----------------------------------------------- */
.more-books article {
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	text-align:center;
	margin: 0;
}
.more-books article a {
	color: #888;
	padding: 10px 0;
	text-align:center;
}
.more-books article a:hover {
	color: #303030;
}
.more-books article a.thumbnail {
	padding: 0;
}
.more-books article img {
	margin-bottom: 20px;
}
/* =Footer
----------------------------------------------- */
footer#colophon {
	background: #333030;
	color: #8a8884;
	margin: 0;
	padding: 0 0 80px;
	font-size: 14px;
}
footer#colophon .container {
	border-top: 3px solid #585754;
	padding: 40px 0 0;
}
footer#colophon #newsletter {
	text-align: center;
	border-bottom: 1px solid #61605d;
	margin-bottom: 50px;
}
footer#colophon #newsletter h2 {
	text-align: center;
	font-size: 15px;
	margin-top: 0;
	letter-spacing: 2px;
	text-transform: uppercase;
}
footer#colophon a {
	color: #8a8884;
	font-weight: 600;
}
footer#colophon a:hover {
	color: #ffffff;
	text-decoration: none;
}
footer#colophon .social a {
	color: #fff;
}
footer#colophon .social a:hover {
	color: #cfccc6;
}
footer#colophon h3 {
	color: #afaca7;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	text-transform: uppercase;
}
footer#colophon .widget-area ul {
	margin:0;
	padding: 0;
}
footer#colophon .widget-area li {
	list-style: none;
	margin:0;
	padding: 5px 0;
}

/* =Home
----------------------------------------------- */
.home #main {
	padding: 0;
}
.home .section-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 17px;
  font-family: "PT Serif", serif;
  letter-spacing: 4px;
  margin: 0 0 24px;
  padding: 0;
}
.home #introduction > .container > hr {
	margin-bottom: 30px;
}
.home #introduction {
	background: #fff;
	padding: 0 0 20px;
}
#latest-from-blog, .home #introduction {
  border-bottom: 1px solid #eee;
}
#latest-from-blog {
  padding-bottom: 60px;
}
.home #nav-above a, .home #nav-below a {
  color:#bbb;
}
/* Primary Books */
.single-books article.type-books {
  padding-bottom: 0;
}
/* Only for larger screens ----------- */
@media only screen and (min-device-width : 600px) {
  .home #introduction article.primary-book {
    width: 20% !important;
    margin: 0 !important;
  }
  .home #introduction h2.entry-title {
    padding: 0 15px !important;
  }
}

/*
.home #introduction article {
	border-bottom: 1px solid #ddd;
} */
.home #introduction article:last-child {
	border-bottom: none;
}
.home #introduction h2.entry-title {
	padding: 0;
	margin: 10px 0;
  text-align: center;
  line-height: 16px;
}
.home #introduction h2.entry-title a {
	font-size: 13px;
	font-weight: 600;
  line-height: 16px;
	padding: 0;
	text-align: center;
	margin: 0;

  color: #555;
  padding: 20px 0 0;
  font-family: 'PT Serif',serif;
}
.home #introduction .entry-summary {
	margin-bottom: 18px;
}
/* Other Books */
.home #introduction .other-books h3 {
	font-size:14px;
	line-height: 18px;
	margin: 20px 20% 0;
	text-align: center;
}
.home #introduction .other-books h3 a {
	font-size:14px;
	line-height: 18px;
}
.home #introduction .other-books article {
	padding-bottom: 0;
	margin-bottom: 0;
}
/* As Seen On */
#as-seen-on {
	position: relative;
	text-align: center;
  margin-bottom: 50px;
}
#as-seen-on hr {
  border-color: #555;
}

#as-seen-on img {
	margin-top: 5px;
}
#as-seen-on .title {
	background: #333030;
	color: #918f8f;
	font-family: Georgia, serif;
	font-size: 10px;
	line-height: 14px;
	position: absolute;
	top: -7px;
	text-align:center;
  text-transform: uppercase;
  letter-spacing: 3px;
	width: 120px;
	left: 50%;
  margin-left: -50px;
}
/* Sticky Posts */
.home .sticky {
	margin-top: 40px;
  margin-bottom: 60px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}
.home .sticky article {
	background: #fff;
	padding: 0 0 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.home .sticky article .entry-info {
	padding: 20px 20px 0;
	height: 60px;
	overflow: hidden;
}
.home .sticky article .entry-summary {
	font-size: 12px;
	line-height: 18px;
}
.home .sticky .entry-title,
.home .sticky .entry-title a {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 16px;
	padding: 0;
}
/* Homepage's 'Latest From The Blog' */
#latest-from-blog {
	margin: 60px 0;
}
#latest-from-blog h2.section-title {
	font-size: 17px;
	line-height: 18px;
	margin: 0 0 50px;
  text-align: center;
  font-family: 'PT Serif', serif;
  text-transform: uppercase;
  letter-spacing: 4px;
}
/* =Blog & Pages
----------------------------------------------- */
/* Common to all blog pages */
.back {
	margin-bottom: 25px;
}
.back a {
	color: #303030;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
}
.entry-meta, .entry-meta a {
	color: #4f4f4f;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
  margin-bottom: 8px;
}
.entry-meta a:hover {
	color: #303030;
}
.entry-meta .author {
	display: block;
}
/* Blog home and archive pages */
.blog .entry-title, .blog .entry-title a,
.archive .entry-title, .archive .entry-title a,
.home .entry-title, .home .entry-title a,
.page-template-101-php h2.entry-title, .page-template-101-php h2.entry-title a {
	color: #303030;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	margin: -5px 0 10px;
}
/* Single blog post and pages */
h1.entry-title {
	font-size: 36px;
    line-height: 38px;
}
/*
.single .article-inner {
	background:#FCFCFB;
  -webkit-box-shadow: 0 1px 2px #999;
     -moz-box-shadow: 0 1px 2px #999;
          box-shadow: 0 1px 2px #999;

  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.single .article-inner-inner {
	padding: 50px 80px 80px;
} */
.single entry-title, .single entry-title a {
	font-size: 30px;
}
.entry-content h2 {
	font-size: 22px;
	line-height: 30px;
	margin: 40px 0;
}
.entry-content h3 {
	font-size: 20px;
	line-height: 28px;
}
.single .entry-content p {
	margin: 0 0 20px;
}
.single .entry-content img {
	max-width: 100%;
}
.single .entry-meta {
	margin: 20px 0 30px;
	text-align: left;
}
.wpcf7-form .control-group p {
	line-height: 1px;
	margin: 0;
}
/* Video */
.entry-content .video {
	max-width: 560px;
}
/* Comments */
#respond, #comments {
  padding-top: 30px;
}
#comments-section hr {
	margin: 0;
}
#comments-section h3#comments {
	font-size: 22px;
	line-height: 30px;
	margin: 40px 0;
}
ol.commentlist {
	margin: 0;
	list-style: none;
}
ol.commentlist li.comment, ol.commentlist li.pingback {
	padding: 40px 0;
	margin: 0 0 10px;
	list-style: none;
  margin-bottom: 1px solid #eee;
}
ol.commentlist .comment-meta {
	margin: 10px 0 20px;
}
ol.commentlist .comment-meta a {
	color: #666;
}
ol.commentlist .comment-author {
	font-weight: 700;
	font-size: 15px;
}
ol.commentlist .avatar {
	display: none;
}
#comments-section .navigation .alignleft,
#comments-section .navigation .alignright {
	float: none;
}
#respond label {
    display: inline;
    margin: 0 0 0 10px;
}
#respond textarea {
	width: 80%;
}
/* Blog category pages */
.page-header .category-archive-meta {
	font-size: 14px;
	line-height: 26px;
}
/* =Ebook
----------------------------------------------- */
.free-ebook {
  background-color:#446f8a;
  color:#fff;
  padding-top:40px;
  padding-bottom:40px;
}
.free-ebook h2 {
  font-size:30px;
  line-height:36px;
  font-family: Arial, "Lucida Grande", sans-serif;
  text-align:left;
  margin: 20px 0 20px;
  letter-spacing: 2px;
  font-weight: normal;
}
.free-ebook p {
  font-family: 'PT Serif',serif;
  opacity: 0.8;
}
.free-ebook .control-group {
  padding-top: 10px;
}
.free-ebook .control-label {
  color:#fff;
}
@media (max-width: 400px) {
  .free-ebook .column2 {
    padding: 0 16px;
  }
}
/* =Ebook
----------------------------------------------- */
.podcast-info {
  text-align:center;
}
.category .podcast-info {
  padding: 20px 0 40px;
  border-bottom: 1px solid #eee;
}

/* =Contact Page
----------------------------------------------- */
@media (min-width: 767px) {
  .wpcf7-form.form-horizontal .control-group input,
  .wpcf7-form.form-horizontal .control-group textarea {
    width: 420px;
  }
}

/* =Contact Page
----------------------------------------------- */
.sr-only {
  text-indent: -99999px;
  display: block;
  height: 1px;
}

/* =Responsive Styles
----------------------------------------------- */

@media (max-width: 767px) {
	body {
    	padding-right: 0;
   		padding-left: 0;
	}
	body > .container, #header {
		  padding-right: 20px;
   		padding-left: 20px;
   	}
   	#site-title a {
   		margin: 0 auto;
   	}
   	#header #searchform label.screen-reader-text {
   		display: none;
   	}
   	/* structure */
   	#header #searchform {
    	text-align: center;
    }
	#primary, #secondary {
		display: block;
		float: none;
		margin: 0;
		width: auto;
    }
    /* blog home */
    .blog div.thumbnail {
    	float: left;
    	margin: 0 20px 20px 0;
    }
}
@media (max-width: 400px) {
    /* blog home */
    .blog div.thumbnail {
    	background: #444;
    	float: none;
    	margin: 20px 0;
    }
    /* blog single post */
    .single img.alignright, .single img.alignleft, .single img.aligncenter {
    	display: block;
    	float: none;
    	margin: 0 0 20px 0;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
	#primary {
	  margin-left: 0;
	  width: 600px;
	}
	#secondary {
	  width: 104px;
	}
	/* Blog sidebar category */
	.nav-tabs.nav-stacked {
		font-size: 11px;
	}
}
@media (max-width: 979px) {
   	/* nav */
   	.navbar-inner {
   	}
   	.navbar .btn-navbar {
   		background: transparent;
   	}
   	.navbar .btn-navbar {
   		width: 18px;
   		float: none;
   		margin-left: auto;
   		margin-right: auto;
   	}
	.navbar .btn-navbar:hover,
	.navbar .btn-navbar:active,
	.navbar .btn-navbar.active,
	.navbar .btn-navbar.disabled,
	.navbar .btn-navbar[disabled] {
	  color: #ffffff;
	  background-color: #444;
	  *background-color: #444;
	}
   .navbar .btn-navbar .icon-bar {
	  background-color: #aaa;
	}
	.nav-collapse .nav > li > a {
    	margin-bottom: 0;
    }
	.nav-collapse .nav > li > a,
	.nav-collapse .dropdown-menu a {
		border-bottom: 1px solid #ddd;
	}
	.nav-collapse .nav > li > a:hover,
	.nav-collapse .dropdown-menu a:hover {
		background-color: #333030;
		color: #fff;
		border: none;
	}
	.navbar #menu-item-49 > a {
    	padding-left: 22px;
    }
    /* home */
	.home #introduction {
		padding-bottom: 80px;
	}
}
@media (min-width: 1200px) {
	#primary {
	  margin-left: 0;
	  width: 900px;
	}
	#secondary {
	  margin-left: 30px;
	  width: 170px;
	}
}