body {margin:0; font-family: 'Open Sans', sans-serif; font-size:22px; line-height:1.5em; background-color:#fbf9fa;}

.bbheader {background-image:url('bg.jpg'); padding: 20px 20px 10px; text-align:center; background-size:10%; }
.bbheader img {width:100%; max-width: 300px; margin:0 auto;}

#container {width:90%; margin:20px auto;}

#container img {max-width:100%; height:auto; margin-right:20px;}

h1 {font-size:1.4em; font-weight:bold; line-height:1.5em;}
h2 {font-size:1.1em; font-weight:bold; line-height:1.5em;}

#description {width:100%; }

#cover {margin-bottom:10px;}

#subtitle img {width:90%; margin:1em auto;}

.sectionhead {margin:.5em 0 .5em -1%; width:70%;}
.section {margin-bottom:2em;}

#preorder {background-color:#transparent; color:#111; margin:2em -5% 0px; padding:40px 20px; text-align:center; font-size:1em;}
	#preorder a {color:#d51921; font-weight:bold;}

#blurbs {background-color:#transparent; color:#111; margin:0em -5% 0px; padding:10px 20px; text-align:left; font-size:1em;}

.blurb-breaker {margin-top:.5em; margin-bottom:2em; margin-bottom: 2em; border-bottom: 3px double #ccc; padding-bottom: 2em;}

.page-title {text-align:center; margin:1em 0 0; font-size: 40px; letter-spacing: .05em;}

#header {padding:1em 0;}

.publisher {text-align:center; width:25%; margin:20px auto;}

#colcontainer {margin-top:20px;}

a {color:#d51921;}

.breaker {clear:both;}

.sm-share {text-align:center;}

.share-td {margin:0 auto;}
.share-td td {padding:0 10px;}

.copyr {text-align:center; font-size:.55em; margin:10px 0 20px; color:#888;}

#mainmenu {
    margin: -20 1em 20px 0;
    text-align: right;
    text-transform: uppercase;
    color: #ccc;
    font-size: .8em;
    }

#mainmenu a {color:#9e6262;}

h3 {font-size:1.6em; margin-top:2em;}

.authorphoto {max-width:80%;}

#fp_covers img {width:100%; margin:40px auto 0;}
 
@media (min-width: 1000px) { 

	#container img {margin-right:40px;}    
	
	.bbheader { background-size:5%; }

	#fp_covers img {width:45%; margin:0 2.5% 20px; float:left; }

	.authorphoto {float:right; margin-left:2.5%; width:30%;}

	#header, #subtitle {display:block;}

	#header {padding-bottom:2em;}

	#description {width:50%; float:left;}

	#subtitle, #cover {width:50%; float:left; margin:0;}
	
	#cover img {float:right; max-width:100%;}
	
	#preorder, #blurbs {float:left; width:50%; margin:0; padding:0em 0; z-index:40;}

	#preorder .inside {width:90%; margin:0em 0;}  

	#container {width:80%; max-width:1200px; margin:5% auto; background-image:url('background-creep.png'); background-size:50%; background-position:right 100px; background-repeat:no-repeat;}
	
	#preorder a {color:#d51921; font-weight:bold;}
	
	.sectionhead {width:50%;}
	
	#colcontainer {width:75%; margin:20px auto;}
	
	.authorpic {width:27%; float:left; margin-right:3%;}

	}

}