@charset "UTF-8";
/* CSS Document */
html,body { margin:0; padding:0; -webkit-text-size-adjust: none;}
body{background:url(_imgs/dogMove.gif) no-repeat center center;}
* {border:0; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
body, div, ul, ol, li, h1, h2, h3, h4, p, img{margin:0; padding:0;}

header, footer, nav, main, section, article, figure{display: block;}
/*.bg {
  background:url(_imgs/bg_novel_actOfGod.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  background-color:#fff;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}


/****************FOOTER*****************
***************************************************/
footer {
	min-height: 60px; height:auto; width: 100%; 
	background:#FFFFFF url(_imgs/footer-bar.png) 0 6px no-repeat; 
	z-index:998;
	-webkit-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.15);
	box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.15);
}
	
#footerwrap{
	max-width:900px; 
	padding: 10px 0; 
	position:relative;
}
.footleft{
	padding-left:50px; padding-top:20px;
}
.footright{
	font-family:Georgia, serif; font-size:9px; text-align:right; color:#72797D; 
	position:absolute; bottom:20px; right:60px;
}

a#logo{
	background:url(_imgs/footer-logo-mobile.png) 0 0 no-repeat; 
	height:50px; width:101px; display:block; 
	text-indent:-9999px; font-size:0px;
}
a#logo:hover, body#on_home a#logo{
	background-position:0 -50px;
}

.homeimg{
	display:block;
	padding:30px 0px;
	position:relative;
	width:100%;
}
.homeimg img{width:95%; max-width:217px;
	-webkit-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.3);
}
.homeimg .caption{padding-top:5px; font-size:10px; font-style:normal; color:#72797D; text-align:center;}
body#on_home section{position:relative;}
body#on_home section.cinside{width:100%;}
body#on_home p .caption{display:inline-block; text-transform:uppercase; font-size:10px; font-style:normal;}

/****************WRAP STUFF*****************
***************************************************/
#wrap {
	position:relative; left: 0; right: 0; 
	width:100%; 
	z-index:2;
	overflow-x:hidden;
}
.inner{
	position:relative; left: 0; right: 0; 
	width:100%;
	margin: auto; 
}

#bookwrap{
	max-width:1050px;
	background-image:url(_imgs/book_middle.png);
	background-repeat:repeat-y;
	background-position:top right;
	margin-left:-20px; 
}


/****************CONTENT*****************
***************************************************/

main {
	padding:0 10% 0 10%; 
	width:80%;
}

section{padding:30px 0;}
figure img{width:80%; max-width:147px;}
figure{text-align:center;} /*images*/
.foreign figure img, .films figure img{max-width:none; padding-bottom:10px;}
.foreign h1, .films h1{padding:0 0 30px 30px;}
.foreign p{padding:0 0 30px 30px;}


.c25, .c50, .c75, .c100, .cinside, .r, .mainnav, .mininav{width:100%;}
.clear{clear:both;}

.topbook{
	background-image:url(_imgs/book_top.png); 
	background-position: top right; 
	background-repeat:no-repeat; 
	display:block; 
	height:30px; 
	margin-top:20px;
	margin-right:20px; 
	}
	
.hand{
	position:fixed; 
	bottom:0px; 
	right:-92px; 
	height:255px; 
	z-index:9999;}

.verybtm{padding-bottom:50px; display:block;}
/****************NAVIGATION*****************
***************************************************/
nav{
	width:100%; 
	float:left; 
	z-index:999; 
	display:none;
	position:relative;
}

.close{padding-left:45px; font-family: 'Archivo Black', Arial, sans-serif; font-size:11px; color:#231F20; letter-spacing:0.04em; text-transform:uppercase; cursor:pointer;}
.close i{padding-right:5px; font-size:14px !important;}
.menu-toggle{
	color:#fff;
	background:#333;
	padding:7px 10px;
	display:block;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	cursor:pointer;
	font-size:11px;
	font-family: 'Archivo Black', Arial, sans-serif; 
}
.fa-bars{font-size:18px !important;}

.backToTop{display:none; width:30px; padding:5px 2px 10px; background:#333; color:#fff; position:fixed; z-index:9999; bottom:0; left:0; font-family: Arial, sans-serif; font-size:9px; text-transform:uppercase; text-align:center; line-height:12px; cursor:pointer;}
.fa-angle-up{font-size:19px !important;}

ul.navlinks_books{
	width:100%; 
	padding-top:4px;
}
ul.navlinks_books li, ul.navlinks_info li{padding:10px 0 10px 5px; margin:0 10px 0 40px; border-bottom: #cccccc 1px dotted;}

ul.navlinks_info{
	width:100%; 
	padding:26px 0;
}

ul.navlinks_books li a, ul.navlinks_info li a {
	font-family: 'IM Fell Great Primer SC', Georgia, serif; font-size:14px; letter-spacing:0.04em; line-height:12px; 
	color:#72797D;
	text-decoration:none; 
	height:12px; 
	display:block; 
	padding-left:25px;
}

ul.navlinks_books li a:hover, ul.navlinks_books li a:active{
	background-image:url(_imgs/nav-dog.png); background-position:0 0; background-repeat:no-repeat;
}
ul.navlinks_info li a:hover, ul.navlinks_info li a:active{
	background-image:url(_imgs/nav-star.png); background-position:0 0; background-repeat:no-repeat;
}

span.highlight{background:url(_imgs/highlight.gif) top left no-repeat; padding:0 5px 0 5px; margin-left:-5px;}
body#on_actofgod span.highlight, a.ahighlight:hover span.highlight, a.ahighlight:active span.highlight{background-color:#efdb35; background-image:none;}

body#on_actofgod a#actofgod, 
body#on_heroicmeasures a#heroicmeasures, 
body#on_thetattooartist a#thetattooartist, 
body#on_teethofthedog a#teethofthedog,
body#on_thelawoffallingbodies a#thelawoffallingbodies,
body#on_halfalife a#halfalife,
body#on_smallclaims a#smallclaims,
body#on_fiveflightsup a#fiveflightsup{
	background-image:url(_imgs/nav-dog.png); 
	background-position:0 -12px; 
	background-repeat:no-repeat; color:#231F20;
}

body#on_bio a#bio, 
body#on_qa a#qa,
body#on_links a#links,
body#on_contact a#contact{
	background-image:url(_imgs/nav-star.png); 
	background-position:0 -12px; 
	background-repeat:no-repeat; color:#231F20;
}


.info .topbook, .info .mainnav, .info .mininav{
	background-image:none !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.info nav{margin-left:-20px;}
.info #bookwrap{
	margin-left:auto;
	padding-right:20px;
	background-image:none;
}
	
.info .hand, .info .clip{
	display:none;
}
.info nav{background:#fff;}
.info h1, .info p, .info ul.list{background:#fff;}
.info p i, ul.list li i, ul.list li.dark{color:#231F20;}
.info p.caption{padding-top:3px;}

body#on_contact nav, body#on_links nav {background:none;}

body#on_films p i{color:#72797D; }

body#on_bio #bookwrap h1{background:#fff; padding-bottom:20px; padding-top:20px;}
body#on_bio #bookwrap p, body#on_qa #bookwrap p{padding-bottom:20px; padding-top:0;}
body#on_links p{color:#231F20; padding-right:30px;}

body#on_bio #bookwrap img{border:5px solid #fff; margin-bottom:25px; 
	-webkit-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.3);
	}

.navtitle{
	font-family: 'Archivo Black', Arial, sans-serif; font-size:9px; color:#72797D; letter-spacing:0.04em;
	padding:2px 0 0 25px; 
}

/****************SUB-NAVIGATION*****************
***************************************************/
.subnav{
	background:url(_imgs/subnav_line.png) no-repeat bottom left; 
	padding:10px 0 10px 30px; 
	text-align:left;
	font-family: 'IM Fell Great Primer SC', Georgia, serif; font-size:14px; letter-spacing:0.04em; color:#72797D; min-height:17px;
	display:block; clear:both;}

.subnav a:link, .subnav a:visited{color:#72797D; text-decoration:none; padding:0 3px 0 0;}
.subnav a:hover, .subnav a:active{color:#231F20;}
.subnav li{display:inline-block; padding:5px 0 0;}

body.desc a#desc, body.essay a#essay, body.excerpt a#excerpt, body.reviews a#reviews, body.purchase a#purchase, body.foreign a#foreign, body.interview a#interview{color:#231F20;}


/****************FONTS*****************
***************************************************/
h1{
	font-family: 'Archivo Black', Arial, sans-serif; font-size:14px; color:#231F20; padding-left:30px;
}
p{
	font-family:Georgia, serif; font-size:14px; color:#72797D; line-height:22px;
	padding:10px 30px 20px;
}

ul.list{padding:0px 30px 30px 30px;}
ul.list li{
	font-family:Georgia, serif; font-size:14px; color:#72797D; line-height:22px;
}
ul.list li h1{padding-bottom:2px; padding-left:0;}

.caption{
	font-family:Georgia, serif; font-size:11px; font-style:italic; color:#231F20; 
	display:block;
}
.tiny{
	font-size:10px;
}
article a{
	font-family:Georgia, serif; font-size:12px; color:#72797D; line-height:17px; text-decoration:none;}
article a:hover, article a:active{color:#231F20;}
article.c75 a{display:block; padding:5px 30px 20px;}
article.c100 a{display:inline; padding:5px 0px 20px;}
.quote{padding:0 30px;}


/****************MEDIA QUERIES*****************
***************************************************/

@media only screen and (max-height:325px){
	.hand{position:fixed; top:35px;}
}
@media only screen and (max-height:680px) and (max-width : 879px) and (min-width : 768px){
	body#on_home article{overflow-y:scroll;}
	body#on_home .c50{width:100%;}
	body#on_home .verybtm{height:250px;}
}
@media only screen and (min-width : 880px) {
	main{margin:0 15% !important; width:70% !important; height:100% !important; padding:0 !important;}
}
@media only screen and (max-width : 879px) and (min-width : 768px) {
	main{margin:0 10% 0 20% !important; width:70% !important; height:100% !important; padding:0 !important;}
	body#on_home .c50 p{padding-left:20px;}
}
@media only screen and (min-width : 768px) {
	nav{width:275px; top:4px; left:25px; position:absolute; display:block !important; padding:10px; background:none;}
	.mainnav{
		width:248px; height:auto; min-height:225px; display:block; 
		background:url(_imgs/nav_bg.png) repeat top left; 
		padding:0 0 2px 0;
		-moz-box-shadow:2px 5px 1px rgba(0,0,0,0.1);
		-webkit-box-shadow:2px 5px 1px rgba(0,0,0,0.1);
		box-shadow:2px 4px 1px rgba(0,0,0,0.1);
		position:relative;
	}
	.mininav{
		width:97px; min-height:55px; display:block; 
		padding:0 0 0 3px; 
		margin:0 0 0 20px;
		background:url(_imgs/nav_mini_bg.png) repeat top left; 
		-moz-box-shadow:1px 3px 1px rgba(0,0,0,0.1);
		-webkit-box-shadow:1px 3px 1px rgba(0,0,0,0.1);
		box-shadow:1px 3px 1px rgba(0,0,0,0.1);}
	ul.navlinks_books{padding-top:0px;}
	ul.navlinks_books, ul.navlinks_info{
		-ms-transform: rotate(-7deg);  /*IE 9*/
		-webkit-transform: rotate(-7deg); /*Chrome, Safari, Opera */
		transform: rotate(-7deg);
		border:none;
		}
	ul.navlinks_info{padding:2px 0 2px;}
	ul.navlinks_books li{padding:0 0 5px 20px; border:none; margin:0;}
	ul.navlinks_info li{padding:0 0 5px 0; border:none; margin:0;}
	.subnav li{padding:0;}
	.clip{
		width:77px; height:77px; display:block; 
		background:url(_imgs/clip.png) no-repeat top left; 
		position:absolute; top:0; right:40px; z-index:999;}
	.subnav{
		background:url(_imgs/subnav_line.png) no-repeat bottom right;
		text-align:right;
		padding-top:50px;}
	.cinside{
		width:73%; float:right;}
	section{	
		/* Firefox */height: -moz-calc(100% - 75px);
		/* WebKit */height: -webkit-calc(100% - 75px);
		/* Opera */height: -o-calc(100% - 75px);
		/* Standard */height: calc(100% - 75px);}
	#wrap{position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		max-height:680px;
		margin: auto;
		padding-right:50px;}
	#bookwrap {position: absolute; top: 0; height:100%; max-height:580px;
		background-image:url(_imgs/handbook.png);
		background-size:cover; 
		background-position:top  !important;
		margin-left:auto;}
	.topbook, .hand{display:none;}
	article{height:100%; overflow-y:auto;}
	html, body{overflow:hidden; position:relative;}
	footer {bottom: 0; height:auto; min-height: 100px; position:absolute;}
	.footleft{padding-top:10px; padding-left:10px;}
	a#logo{
		background:url(_imgs/footer-logo.png) 0 0 no-repeat; 
		height:94px; width:190px; display:block; text-indent:-9999px; font-size:0px;}
	a#logo:hover, body#on_home a#logo{background-position:0 -94px;}
	.menu-toggle, .close{display:none !important;}
	.verybtm{padding-bottom:150px;}
	.info #bookwrap{
		background-image:none !important;
		}
	.info nav{padding-left:40px;}
	
	body#on_bio #bookwrap h1{padding-top:0; padding-left:50px;}
	body#on_bio #bookwrap p{padding-left:50px;}
	body#on_bio #bookwrap img{
		-ms-transform: rotate(-4deg);  /*IE 9*/
		-webkit-transform: rotate(-4deg); /*Chrome, Safari, Opera */
		transform: rotate(-4deg);
	}
	.homeimg{padding:5px 0 0 0; position:absolute; top:-15px; right:75px;}
	.homeimg .caption{text-align:right;}
	body#on_home img{float:right; max-width:200px;}
	body#on_home section.cinside{padding-top: 290px;}
	body#on_home p{padding-left:50px;}
	body#on_home #bookwrap{left:15px;}
	body#on_home #footerwrap{left:8px;}

}
@media only screen and (min-width : 481px) and (max-width : 767px)  {
	.homeimg{padding:30px 0px; position:relative; float:left; width:50%;}
	.homeimg .caption{text-align:left;}
	body#on_home img{float:left;}
	body#on_home section{position:relative;}
	body#on_home section.cinside{width:100%;}
	body#on_home .c100{width:50%;}
	body#on_home .c50{width:100%;}
	body#on_home .c50 p{padding-right:30px;}
	footer{position:fixed; bottom:0px;}
	#wrap{height:100%;}
	#bookwrap{min-height:100%;}
	.verybtm{padding-bottom:150px;}
}
@media only screen and (min-width : 481px) {
	main{padding:0 10% 0 10% ; width:80%; /*position:relative;*/}
	html, body{height:100%;}
	.c25{width:25%; float:left;}
	.c75{width:75%; float:left;}
	.c50{width:50%; float:left;}
	.c100{width:100%; float:left;}
	.image {text-align:left;}
	.subnav{padding-left:0;}
	h1{
		font-size:12px;
		padding-left:30px;
	}
	p{
		font-size:12px;line-height:20px;
		padding:20px 40px 0 30px;
	}
	ul.list li {
		font-size:12px; line-height:20px;
	}
	article a{padding:5px 40px 20px 30px;}
	.verytop{padding-top:50px; display:block;}
	section{padding:0;}
	
	.foreign h1, .films h1{padding:0 0 20px 0;}
	.foreign p{padding:0 30px 10px 10px;}
	.films p, .c100 p, .c100 h1, .c100 ul.list{padding-left:0;}
	figure img{width:100%;}
	figure.foreignCont img{padding-bottom:40px;}
	.homeimg{
		-ms-transform: rotate(5deg);  /*IE 9*/
		-webkit-transform: rotate(5deg); /*Chrome, Safari, Opera */
		transform: rotate(5deg);
	}
	
}