/* @override http://maxbrooks.dev.us.randomhouse.com/wp-content/themes/maxbrooks/css/bootstrap-responsive.css */

/* @override http://maxbrooks.dev.us.randomhouse.com/wp-content/themes/maxbrooks/css/bootstrap-responsive.css */

/* @override http://maxbrooks.dev.us.randomhouse.com/wp-content/themes/maxbrooks/css/bootstrap-responsive.min.css */

.clearfix {
	*zoom: 1;
}

.clearfix:before,.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

.hidden {
	display: none;
	visibility: hidden;
}



@media (max-width:480px) {


#navi3{
	display: none !important;
}

.store-logos{
	display: none;
}

.nav-collapse {
	-webkit-transform: translate3d(0, 0, 0);
}

.page-header h1 small {
	display: block;
	line-height: 18px;
}

input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input {
	display: block;
	width: 100%;
	min-height: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.input-prepend input[class*="span"],.input-append input[class*="span"] {
	width: auto;
}

input[type="checkbox"],input[type="radio"] {
	border: 1px solid #ccc;
}

.form-horizontal .control-group>label {
	float: none;
	width: auto;
	padding-top: 0;
	text-align: left;
}

.form-horizontal .controls {
	margin-left: 0;
}

.form-horizontal .control-list {
	padding-top: 0;
}

.form-horizontal .form-actions {
	padding-left: 10px;
	padding-right: 10px;
}

.modal {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	width: auto;
	margin: 0;
}

.modal.fade.in {
	top: auto;
}

.modal-header .close {
	padding: 10px;
	margin: -10px;
}

.carousel-caption {
	position: static;
}
/* matt's edits */ 
div.story{
	margin-left: 0;
}

#hand, #skulls, #zombie-large{
	display: none;
	}
	
#zombie{
		background-size: cover !important;
		opacity: 0.2;
	}
	
.parallax-shadow-dark{
	display: none;
}

/* = Home */

header{
	padding: 0px ;
}

#OTHERrow {
	float:left;
}

.ZOMBIEbooks{
	float:right;
}

h1.home-header{
	font-size: 2.6em;
	letter-spacing: 1px;
}

h2.home-subheader{
	line-height: 1.2em !important;
}

.home-content {
	padding: 0px ;
}

.home-content img{
	width: 100%;
	margin: 0 0 20px 0;
}

/* =Books --*/

#myTab{
	margin: 0;
}

#books .tab-content{
	padding: 0px 20px;
}

#books .story{
	margin: 0;
}

#books .nav-tabs > li > a {
 
  background: #fff;
  line-height: 1em;
	padding-top: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	    -webkit-border-radius: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	transition: background 200ms;
	-webkit-transition: background 200ms; /* Safari */
	background: rgba(0,0,0,0.2);
}

#books .nav-tabs > li > a:active {
 
  background: #222;

}


#books .nav-tabs > li{
 
  clear: both;
  line-height: 1em;
    margin: 0;
    -webkit-border-radius: 0px;
  float: left;
  padding-bottom: 0px;
  width: 100%;
  	margin: 0 0 1% 0;
  

}
	
	#books .nav-tabs > li.active{
	
	}
	
		#books .nav-tabs > li.active a{
		 	background: #999;
		 	color: #222;
		 	transition: background 200ms;
		 	-webkit-transition: background 200ms; /* Safari */
		}

.li-separator{
	display: none;
}


/* == Book Cover */

	.book-image img{
		width: 100%;
	}
	
	.alternative-cover-wrapper{
		display: none;
	}
	
	ul.nav.nav-tabs {
		margin: 20px 0;
	}
	
	
/* == Buy Button */

#books .btn-group,
#app .btn-group{
	padding: 0px;
	margin: 0 0 15px 0;
}

#books .btn-group .btn,
#app .btn-group .btn{
	font-size: 2em;
}

#books .btn-group .btn .caret,
#app .btn-group .btn .caret{
	margin-top: 10px;
}

#books .btn-group .dropdown-menu,
#app .btn-group .dropdown-menu{
	padding: 0px;
	border: 0;
}

#books .btn-group .dropdown-menu li a,
#app .btn-group .dropdown-menu li a{
	font-size: 2em;
	line-height: 1em;
	padding: 15px;
}


#books .btn-group .dropdown-menu li a:active,
#app .btn-group .dropdown-menu li a:active{
	background: #555;
}


/* == Audiobook ----*/

.audiobook-image img{
	width: 100%;
}

.audiobook-image .btn-group .dropdown-menu,
.book-image .btn-group .dropdown-menu,
.app-image .btn-group .dropdown-menu{
	position: relative;
	z-index: 200;
}

/* == Quotes */

.book-quotes {
	display: none;
}

.book-info {
	
}

#books .book-description p,
#books .audiobook-text p{
	font-weight: 300;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 20px;
}

/* = App Section ---*/

#app .story{
	margin: 20px 0;
}
.app-image{
	padding: 0px 20px;
}
.app-image img{
	width: 100%;
}

#app ul.nav.nav-tabs.row {
	display: none;
}

.app-info{
	padding: 0 20px;
	margin-top: 20px !important;
}

.app-video{
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}

.app-video.query-hide{
	display: none !important;
}


#app .query-unhide{
	display: block !important;
}

#app .app-description p{
	font-weight: 300;
	font-size: 20px;
	line-height: 1.5em;	
	color: #222;
	}
	
/* = News Section */

.featured-image img{
	width: 100%;
	margin-bottom: 20px;
} 

#news .span8{
	padding: 0px 20px;
	
}

#news .span8 p{
font-weight: 300;
font-size: 20px;
line-height: 1.5em;
	color: #eee;
}

#news p.collapse-toggle-content{
	width: 100%;
	padding: 10px 0;
	color: #e4002c;
	font-size: 2em;
	margin-bottom: 20px;
}

#news p.question{
		color: #e4002c;
		
}

#news p.answer{
		padding: 0;
}

#news .about-divider,
#about .about-divider{
	opacity: 0.6;
	padding: 0 20px;
}

/* = About --*/
#about .about-interview{
	padding: 0px 20px;
}
#about .about-portrait img{
	width: 100%;
}

.about-portrait{
	padding: 0px 20px;
}

.about-info{
	padding: 0px 20px;
}

#about p{
	font-weight: 300;
	font-size: 20px;
	line-height: 1.5em;
}

#about h2.about-subheader{
	
}

/* = Footer */

footer#colophon{
	clear: both;
	height: 80px;
	background: #111;
	padding: 20px;
	padding-left: 20px !important;
}
#navi-brand{
	width: 150px !important;
	background-size: contain !important;
	background-position: 0px center;
	height: 35px!important;
	margin-left: 10px !important;
	
}

#home{
	padding:44px 0 0 !important;
}
.navbar.navbar-fixed-top{
	height: 32px;
	padding: 5px 5px;
}

.query-menu{
	display: block !important;
	float: right;
	right: 0;
	left: 0;
	position: absolute;
	width: 100%;
	margin: 0;
}

.query-menu .collapse-toggle{
	height: 15px!important;
	margin-top: 0px!important;
	margin-right: 10px!important;
}

.query-menu .collapse-body{
	top: 38px !important;
}


}

@media (max-width:767px) {


#navi3{
	display: none !important;
}

#books-container{
	width: 100% !important;
	float: left !important;
	
}



#zombie{
	background-size: cover;
}

.featured-book{
	/* width: 31.491712705% !important; */
	float: left !important;
	clear: none !important;
}

/*.featured-book img{
	width: 90%;
} */

.parallax-object{
	opacity: 0.2;
}

#skulls{
	background-position: bottom right !important;
	opacity: 0.1;
	background-size: 70%;
}

.app-image .query-hide{
	display: none !important;
}

.story{
	margin: 30px 5% !important;
	min-height: 0px !important;
	width:100%;
}

.book-quotes.query-hide{
	display: none !important;
}

.book-image{
	padding: 20px 10%;
}

	.book-image img{
		width: 100%;
	}

/*buttons */

.btn-group{
	max-width: 100%;
	z-index: 99;
}

.btn-group .btn {
	font-size: 2em !important;
}

.dropdown-menu{
	position: relative;
	z-index: 999;
}

	.dropdown-menu > li > a {
		font-size: 1.5em !important;
		line-height: 1.5em;
	}


.divider-sword img{
	width: 100% !important;
}

.audiobook-image{
	padding: 20px 20%;
	overflow: hidden;
}

	.audiobook-image img{
		width: 100%;
	}
	
.audiobook .mejs-audio{
	max-width: 100%;
	overflow: hidden;
}



.book-image .btn-group,
.app-image .btn-group{
	margin-bottom: 20px;
}

.app-image{
	padding: 20px 10% 0;
}

.app-image img{
	width: 100%;
}

.app-video{
	overflow: hidden;
	margin-top: 20px;
	text-align: center;
}

.book-image .alternative-cover-wrapper{
	display: none;
}


.store-logos{
	display: none;
}

.container {
	width: auto;
	padding: 0 20px;
}

.row-fluid {
	width: 100%;
}

.row {
	margin-left: 0;
}

.row>[class*="span"],.row-fluid>[class*="span"] {
	float: none;
	display: block;
	width: auto;
	margin: 0;
}

/* news */

#news .featured-image{
	padding: 20px 10%;
}

#news .featured-image img{
	width: 100%;
}




}



@media (min-width:768px) and (max-width:979px) {


#navi3{
	display: none !important;
}

#books-container{
	width: 90%!important;
}

#books article.span8{
		width: 90%!important;
		margin-right: 0 !important;
}

.story{
	min-height: 400px !important;
	margin-bottom: 50px !important;
}


#books .span6 {
	width: 75%;
}

#app .span8{
	width: 90%;
}

#app .span3{
	width: 23%;
}

#app .span5{
	width: 70%;
}

#news .span8{
	width: 90%;
}

#about .span8{
	width: 90%;
}

#myTab{
	width: 90% !important;
}
#myTab li{
clear: none;
	margin-bottom: 10px;
	float: left;
	height: auto;
	line-height: 1em;
	width: 45%;
	margin: 0 1% 1% 0;
	text-align: center;
	background: rgba(0,0,0,0.2);
	padding: 0px;
}

#myTab li.active{
	background: #999;
}

#myTab li > a{
	font-size: 1.1em;
	line-height: 1em;
	padding: 4%;
	color: #555;	
}

#myTab li.active > a{
	color: #222;
}

#myTab .li-separator{
	display: none;
}

.query-hide{
	display: none !important;
}


.query-unhide{
	display: block !important;
}

	
.parallax-object{
	background-position: bottom right !important;
}

.row {
	margin-left: -20px;
	*zoom: 1;
}

.row:before,.row:after {
	display: table;
	content: "";
}

.row:after {
	clear: both;
}

[class*="span"] {
	float: left;
	margin-left: 20px;
}

.span1 {
	width: 42px;
}

.span2 {
	width: 104px;
}

.span3 {
	width: 166px;
}

.span4 {
	width: 228px;
}

.span5 {
	width: 290px;
}

.span6 {
	width: 352px;
}

.span7 {
	width: 414px;
}

.span8 {
	width: 476px;
}

.span9 {
	width: 538px;
}

.span10 {
	width: 600px;
}

.span11 {
	width: 662px;
}

.span12,.container {
	width: 724px;
}

.offset1 {
	margin-left: 82px;
}

.offset2 {
	margin-left: 144px;
}

.offset3 {
	margin-left: 206px;
}

.offset4 {
	margin-left: 268px;
}

.offset5 {
	margin-left: 330px;
}

.offset6 {
	margin-left: 392px;
}

.offset7 {
	margin-left: 454px;
}

.offset8 {
	margin-left: 516px;
}

.offset9 {
	margin-left: 578px;
}

.offset10 {
	margin-left: 640px;
}

.offset11 {
	margin-left: 702px;
}

.row-fluid {
	width: 100%;
	*zoom: 1;
}

.row-fluid:before,.row-fluid:after {
	display: table;
	content: "";
}

.row-fluid:after {
	clear: both;
}

.row-fluid>[class*="span"] {
	float: left;
	margin-left: 2.762430939%;
}

.row-fluid>[class*="span"]:first-child {
	margin-left: 0;
}

.row-fluid>.span1 {
	width: 5.801104972%;
}

.row-fluid>.span2 {
	width: 14.364640883%;
}

.row-fluid>.span3 {
	width: 22.928176794%;
}

.row-fluid>.span4 {
	width: 31.491712705%;
}

.row-fluid>.span5 {
	width: 40.055248616%;
}

.row-fluid>.span6 {
	width: 48.618784527%;
}

.row-fluid>.span7 {
	width: 57.182320438000005%;
}

.row-fluid>.span8 {
	width: 65.74585634900001%;
}

.row-fluid>.span9 {
	width: 74.30939226%;
}

.row-fluid>.span10 {
	width: 82.87292817100001%;
}

.row-fluid>.span11 {
	width: 91.436464082%;
}

.row-fluid>.span12 {
	width: 99.999999993%;
}

input.span1,textarea.span1,.uneditable-input.span1 {
	width: 32px;
}

input.span2,textarea.span2,.uneditable-input.span2 {
	width: 94px;
}

input.span3,textarea.span3,.uneditable-input.span3 {
	width: 156px;
}

input.span4,textarea.span4,.uneditable-input.span4 {
	width: 218px;
}

input.span5,textarea.span5,.uneditable-input.span5 {
	width: 280px;
}

input.span6,textarea.span6,.uneditable-input.span6 {
	width: 342px;
}

input.span7,textarea.span7,.uneditable-input.span7 {
	width: 404px;
}

input.span8,textarea.span8,.uneditable-input.span8 {
	width: 466px;
}

input.span9,textarea.span9,.uneditable-input.span9 {
	width: 528px;
}

input.span10,textarea.span10,.uneditable-input.span10 {
	width: 590px;
}

input.span11,textarea.span11,.uneditable-input.span11 {
	width: 652px;
}

input.span12,textarea.span12,.uneditable-input.span12 {
	width: 714px;
}

}

@media (max-width:979px) {

#zombie{
	/* background: url(../assets/zombie-huge.jpg) no-repeat scroll right !important; */
	color: white;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -2;
}

.parallax-object{
	opacity: 0.2;
}

#navi-brand{
	margin-left: 20px;
}

#navi{
	display: none;
}
.query-menu{
	display: block !important;
	float: right;
	right: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

.query-menu .collapse-toggle{
	float: right;
	height: 17px;
	width: 20px;
	margin-right: 20px;
	margin-top: 7px;
	background: #333;
	transition: background 200ms;
	-webkit-transition: background 200ms; /* Safari */
}

.query-menu .collapse-toggle.active{
	background: #555;
transition: background 200ms;
-webkit-transition: background 200ms; /* Safari */}


.query-menu .collapse-toggle .icon-bar{
	margin: 0 0 5px 0;
	width: 100%;
}

.query-menu .collapse-body{
	position: absolute;
	width: 100%;
	top:73px;
	background: #ccc;
	color: white;
	-webkit-box-shadow: 0px 6px 5px rgba(0,0,0,0.3);
}

body {
	padding-top: 0;
}

.navbar-fixed-top {
	position: static;
	margin-bottom: 18px;
}

.navbar-fixed-top .navbar-inner {
	padding: 5px;
}

.navbar .container {
	width: auto;
	padding: 0;
}


.navbar .nav-collapse {
	clear: left;
}

.navbar .nav {
	float: none;
	margin: 0 0 9px;
}

.navbar .nav>li {
	float: none;
}

.navbar .nav>li>a {
	margin-bottom: 2px;
}

.navbar .nav>.divider-vertical {
	display: none;
}

.navbar .nav .nav-header {
	color: #999999;
	text-shadow: none;
}

.navbar .nav>li>a,.navbar .dropdown-menu a {
	padding: 6px 15px;
	font-weight: bold;
	color: #999999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.navbar .dropdown-menu li+li a {
	margin-bottom: 2px;
}

.navbar .nav>li>a:hover,.navbar .dropdown-menu a:hover {
	background-color: #222222;
}

.navbar .dropdown-menu {
	position: static;
	top: auto;
	left: auto;
	float: none;
	display: block;
	max-width: none;
	margin: 0 15px;
	padding: 0;
	background-color: transparent;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.navbar .dropdown-menu:before,.navbar .dropdown-menu:after {
	display: none;
}

.navbar .dropdown-menu .divider {
	display: none;
}

.navbar-form,.navbar-search {
	float: none;
	padding: 9px 15px;
	margin: 9px 0;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);
}

.navbar .nav.pull-right {
	float: none;
	margin-left: 0;
}

.navbar-static .navbar-inner {
	padding-left: 10px;
	padding-right: 10px;
}

.btn-navbar {
	display: block;
}

.nav-collapse {
	overflow: hidden;
	height: 0;
}

}

@media (min-width:980px) {

.nav-collapse.collapse {
	height: auto !important;
}



}

@media (min-width:981px) and (max-width: 1140px){
 	.parallax-object{
 		opacity: 0.2;
 	}
 }

@media (min-width:1200px) {

.row {
	margin-left: -30px;
	*zoom: 1;
}

.row:before,.row:after {
	display: table;
	content: "";
}

.row:after {
	clear: both;
}

[class*="span"] {
	float: left;
	margin-left: 30px;
}

.span1 {
	width: 70px;
}

.span2 {
	width: 170px;
}

.span3 {
	width: 270px;
}

.span4 {
	width: 370px;
}

.span5 {
	width: 470px;
}

.span6 {
	width: 570px;
}

.span7 {
	width: 670px;
}

.span8 {
	width: 770px;
}

.span9 {
	width: 870px;
}

.span10 {
	width: 970px;
}

.span11 {
	width: 1070px;
}

.span12,.container {
	width: 1170px;
}

.offset1 {
	margin-left: 130px;
}

.offset2 {
	margin-left: 230px;
}

.offset3 {
	margin-left: 330px;
}

.offset4 {
	margin-left: 430px;
}

.offset5 {
	margin-left: 530px;
}

.offset6 {
	margin-left: 630px;
}

.offset7 {
	margin-left: 730px;
}

.offset8 {
	margin-left: 830px;
}

.offset9 {
	margin-left: 930px;
}

.offset10 {
	margin-left: 1030px;
}

.offset11 {
	margin-left: 1130px;
}

.row-fluid {
	width: 100%;
	*zoom: 1;
}

.row-fluid:before,.row-fluid:after {
	display: table;
	content: "";
}

.row-fluid:after {
	clear: both;
}

.row-fluid>[class*="span"] {
	float: left;
	margin-left: 2.564102564%;
}

.row-fluid>[class*="span"]:first-child {
	margin-left: 0;
}

.row-fluid>.span1 {
	width: 5.982905983%;
}

.row-fluid>.span2 {
	width: 14.529914530000001%;
}

.row-fluid>.span3 {
	width: 23.076923077%;
}

.row-fluid>.span4 {
	width: 31.623931624%;
}

.row-fluid>.span5 {
	width: 40.170940171000005%;
}

.row-fluid>.span6 {
	width: 48.717948718%;
}

.row-fluid>.span7 {
	width: 57.264957265%;
}

.row-fluid>.span8 {
	width: 65.81196581200001%;
}

.row-fluid>.span9 {
	width: 74.358974359%;
}

.row-fluid>.span10 {
	width: 82.905982906%;
}

.row-fluid>.span11 {
	width: 91.45299145300001%;
}

.row-fluid>.span12 {
	width: 100%;
}

input.span1,textarea.span1,.uneditable-input.span1 {
	width: 60px;
}

input.span2,textarea.span2,.uneditable-input.span2 {
	width: 160px;
}

input.span3,textarea.span3,.uneditable-input.span3 {
	width: 260px;
}

input.span4,textarea.span4,.uneditable-input.span4 {
	width: 360px;
}

input.span5,textarea.span5,.uneditable-input.span5 {
	width: 460px;
}

input.span6,textarea.span6,.uneditable-input.span6 {
	width: 560px;
}

input.span7,textarea.span7,.uneditable-input.span7 {
	width: 660px;
}

input.span8,textarea.span8,.uneditable-input.span8 {
	width: 760px;
}

input.span9,textarea.span9,.uneditable-input.span9 {
	width: 860px;
}

input.span10,textarea.span10,.uneditable-input.span10 {
	width: 960px;
}

input.span11,textarea.span11,.uneditable-input.span11 {
	width: 1060px;
}

input.span12,textarea.span12,.uneditable-input.span12 {
	width: 1160px;
}

.thumbnails {
	margin-left: -30px;
}

.thumbnails>li {
	margin-left: 30px;
}

}