@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		6;
	dw-num-cols-desktop:	8;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
.header {
	display: none;
}
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
}
.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
#book_select {
	height: 25px;
}
/* Mobile Layout: 480px and below. */

body {
	background-color: #797979;
	margin-bottom: 50px;
}
.gridContainer {
	background: #740606;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	clear: none;
	float: none;
}
.header {
}
.nav {
}
.nav_list {
}
.list_item {
width: 47.3684%;
clear: none;
margin-left: 5.2631%;
}
#maincontent  {
	clear: both;
	background: #fff;
	padding: 3% 2%;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#books  {
	clear: both;
	padding: 0 2% 3% 2%;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.books {
	width: 94%;
	padding: 3%;
	background-color: #fff;
}
.bookcover img.goodreads {
	border: none;
	width: 90%;
	max-width: 139px;
	margin: 0 auto;
}
.bookcover img.boxedbook {
	border: none;
}
.buylinks {
	width: auto;
	margin: 15px 0;
}
.buylinks img  {
	border: none;
	width: auto;
	padding: 10px 5px;

}
.homebooks {
	max-width: 33.3%;
	float: left;
}
img.numbers {
	width: 18%;
	padding: 0 5px;
	margin-top: -12px;
}
#home-welcome  {
	clear: both;
	padding: 0 2% 3% 2%;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.homebar {
	width: 75%;
	background: #151414;
	height: 8px;
	margin: 10px auto;
}
.welcome {
	width: 95%;
	padding: 2%;
}
#welcome-pic {
	margin-bottom: 25px;
	width: 90%;
	padding-bottom: 10px;
	border-bottom: #000 solid 5px;
}
.mailinglist {
	width: 88%;
	float: left;
	padding: 6%;
	background: #b2aeae;
}
.inner-mailinglist {
	width: 90%;
	padding: 1% 5%;
	background: #eeeeee;
}
#homeclearspan {
	width: 100%;
	clear: both;
}
.clearspan {
	width: 100%;
	clear: both;
}
.logo {
	background: #fff;
	min-height: 125px;
}
#mobile-header {
	background: #fff
}
#mobile-header p {
	margin: 0;
}
.zeroMargin_mobile {
	margin-left: 0;
}
.hide_mobile {
	display: none;
}
.copyright {
	font-size:0.5em;
	color: #fff;
	padding: 0 0 10px 0;
	text-align:center;
}
.footernav {
	font-size:0.5em;
	color: #fff;
	padding: 0 10px 10px 10px;
	text-align:center;
}
.footernav a, .copyright a {
	color: #fff;
	text-decoration: none;
}
.footernav a:hover, .copyright a:hover {
	color: #000;
}
.footernav a:visited, .copyright a:visited {
	color: #eeeeee;
}
.socialmedia {
	display: none;
}
.socialmediamobile {
	display:block;
	padding: 15px 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.homebtn a {
	color: #fff;
		text-decoration: none;
}
.homebtn a:hover {
	color: #000;
}
.homebtn a:visited {
	color: #fff;
}

.purple {
	font-family: "Calibri", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #8a158b;
	font-size: 19px;
	line-height: 110%;
}
.red {
	font-family: "Calibri", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #a81f16;
	font-size: 16px;
	line-height: 110%;
}
.appearancestxt {
	float: left;
	padding: 0 10px;
	width: auto;
}
.appearances {
	padding: 0 10px;
}

.biopic {
	width: 200px;;
	margin: 0 auto;
	padding: 10px 0;
}

.biopic  img {
	width: 187px;
	border: solid 5px #000;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
}

.biotext {
	width: 90%;
	float: left;
	padding: 10px;
}

.contactleft {
	width: 90%;
	margin: 10px 4%;
	float: left;
	padding: 0 10px;
}
.contactright {
	background: #514D4D;
	width: 84%;
	float: left;
	margin: 10px 3%;
	padding: 0 20px 20px 20px;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
	margin-right: 15px;
}
.contactright h4 {
	color: #fff;
}
.presstxt {
	float: left;
	padding: 0 15px;
	width: 84%;
	margin-top: 0;
}
.pressright {
	background: #7c7777;
	width: 84%;
	float: left;
	margin: 10px 3%;
	padding: 0 15px 15px 15px;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
	margin-right: 15px;
	margin-top: 15px;
}
.pressright h4 {
	color: #fff;
	line-height: 125%;
}
.presscover {
	width: 200px;
	background: #000;
	float: left;
	margin: 10px 25px 10px 0;
	padding: 0 10px 10px 10px;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
}
.coverinner {
	width: 90%;
	padding: 1% 5%;
	background: #eeeeee;
}
.pressright h4 {
	color: #fff;
	line-height: 125%;
}

.inputValue {
	width: 90%;
}
.inputText {
	width: 90%;
}	
.bookcover {
	width: 90%;
	margin: 0 auto;
	padding: 10px 5%;
}

.bookcover  img {
	width: 75%;
	border: solid 4px #000;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.bookcover img.3D {
	border: none;
}
.booktext {
	width: 90%;
	float: left;
	padding: 10px;
}
.booklist {
	float: none;
	margin: 5px auto;
	width: 90%;
	padding: 25px 0;
}
.booklist-cover {	
	width: 75%;
	max-width: 200px;
	border: solid 4px #000;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.newspic  img {
	width: 100%;
	max-width: 400px;
}
.newstxt {
	float: left;
	padding: 0 15px;
	width: 90%;
}
.newspic {
	width: 90%;
	float: left;
	padding: 15px;
}
.newspic  img {
	width: 100%;
	max-width: 400px;
}
.fiftyleft {
	width: 95%;
	margin: 0;
	float: left;
	padding: 0 10px;
}
.fiftyright {
	width: 95%;
	margin: 0;
	float: right;
	padding: 0 10px;
}
.seriestitles {
	background: #a81f14;
	width: 90%;
	margin: 0 auto;
	padding: 10px;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
	color: #fff;
	text-align: center;
	font-size: 115%;
	border: solid 2px #000;
}
.seriesbox {
	width: 93%;
	float: left;
	margin: 0 5px 15px 0;
	padding: 10px;
	text-align: center;
}
.email  {
	width: 95%;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {	
	body {
		line-height: 1.4;
		background-color: #797979;
	}
	.gridContainer {
		width: 90%;
		clear: none;
		float: none;
		margin-left: auto;
	}
	.list_item {
		width: 13.7931%;
		clear: none;
		margin-left: 3.4482%;
	}
	#home-welcome  {
		clear: both;
		padding: 0 2% 3% 2%;
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}
	.welcome {
		width: 96%;
		padding: 2%;

	}
	.mailinglist {
		width: 96%;
		float: left;
		padding: 2%;
		background: #b2aeae;
	}
	.copyright {
		font-size: 10px;
		font-size:0.625em;
		color: #fff;
		padding: 0 10px 10px 10px;
		text-align:center;
	}
	.footernav {
		font-size: 10px;
		font-size:0.625em;
		color: #fff;
			padding: 0 0 5px 0;
		text-align:center;
	}
	#homeclearspan {
		width: 100%;
		clear: both;
	}
	.hide_tablet {
		display: none;
	}
	.zeroMargin_tablet {
		margin-left: 0;
	}
	.socialmedia {
		display:none;
	}
	.homebtn {
		display: none;
	}
	.purple {
		font-family: "Calibri", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		color: #8a158b;
		font-size: 24px;
	}
	.appearances {
		padding: 0 10px;
	}
	.appearancestxt {
		padding: 0 15px;
	}
	.appearancespic {
		width: 400px;		
		margin: 10px auto;
	}
	.appearancespic  img {
		max-width: 400px;	
	}
	.biopic {
		width: 27%;
		float: right;
		padding: 45px 1% 0 3%;
	}

	.biopic  img {
		width: 97%;
		max-width: 200px;
		border: solid 5px #000;
		border-radius: 0.5em 0.5em 0.5em 0.5em;
		-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	}

	.biotext {
		width: 69%;
		float: left;
		padding: 0;
	}
	.bookcover  img {
		width: 55%;
	}
}
/* Desktop Layout: 769px to a max of 959px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {	
	.bookcover {
		width: 30%;
		float: right;
		padding: 5px;
	}
	.bookcover img {
		width: 90%;
		max-width: 200px;
		border: solid 8px #000;
		border-radius: 0.5em 0.5em 0.5em 0.5em;
		-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	}
	.booktext {
		width: 60%;
		float: left;
		padding: 5px;
	}
	.booklist {
		float: left;
		width: 24%;
		padding: 15px 1% 0 0;
	}
	.booklist-cover {	
		width: 75%;
		border: solid 4px #000;
		border-radius: 0.5em 0.5em 0.5em 0.5em;
		-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	}
	.extrascover {
		float: right;
		padding: 15px;
	}
	#flexmenu {
		width: 100%;
		background-color: #000;
		padding: 10px;
		-moz-border-radius: 1em 1em 1em 1em;
		border-radius: 1em 1em 1em 1em;
	}
	.gridContainer {
		width: 90%;
		max-width: 960px;
		margin: auto;
		clear: none;
		float: none;
		margin-left: auto;
	}
	img.numbers {
		margin-top: 0;
		width: 10%;
		padding: 5px;
	}
	.header {
		display: block;
		width: 100%;
		background: #fff;
	}
	.nav {
	}
	.nav_list {
	}
	.list_item {
	width: 10.2564%;
	margin-left: 2.5641%;
	clear: none;
	}

	#home-welcome  {
		clear: both;
		padding: 0 2% 3% 2%;
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}
	.homebar {
		width: 75%;
		background: #151414;
		height: 22px;
		margin: 25px auto;
	}
	.welcome {
		width: 96%;
		float: left;
		padding: 2%;
		font-size: 1.25em;
	}
	#welcome-pic {
		float:left;
		width: 38%;
		border-bottom: none;
	}
	#welcome-text {
		float:right;
		width: 55%;
	}
	.mailinglist {
		width: 96%;
		float: left;
		padding: 2%;
		background: #b2aeae;
	}
	.clearspan {
		clear: both;
	}
	#homeclearspan {
		width: 100%;
		clear: both;
	}
	.logo {
	}

	#mobile-header {
		display: none;
	}
	.zeroMargin_desktop {
		margin-left: 0;
	}
	.hide_desktop {
		display: none;
	}
	.socialmedia {
		display:block;
		float: right;
		padding: 5px 25px 5px 0;
		width: auto;
	}
	.socialmedia img {
		width: auto;
		padding: 3px;
	}
	.socialmediamobile{
		display:none;
	}
	.homebtn {
		display: block;
		float: right;
		padding: 5px;
		font-size: 14px;
		font-size: .875em;
	}
	.appearancestxt {
		float: left;
		padding: 0 15px;
		width: 60%;
	}
	.appearances {
		padding: 0 25px;
	}
	.appearancespic {
		width: 35%;
		float: right;
		padding: 0;
	}
	.appearancespic  img {
		width: 100%;
		max-width: 400px;
	}
	.newstxt {
		float: left;
		padding: 0 15px;
		width: 65%;
	}
	.newspic {
		width: 30%;
		float: right;
		padding: 0 5px 0 5px;
	}

	.newspic li {
		font-size: 85%;
		line-height: 155%;
	}
	.newspic h5 {
		margin-bottom: 10px;
		padding-left: 25px;
	}
	.newspic  img {
		width: 100%;
		max-width: 400px;
	}
	.biopic {
		width: 27%;
		margin-top: 15px;
		float: right;
		padding: 0 1% 0 3%;
	}

	.biopic  img {
		width: 97%;
		border: solid 8px #000;
		border-radius: 0.5em 0.5em 0.5em 0.5em;
		-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	}

	.biotext {
		width: 68%;
		float: left;
	}
	.contactleft {
		width: 50%;
		margin: 0;
		float: left;
		padding: 0 10px;
	}
	.contactright {
		background: #514D4D;
		width: 35%;
		float: right;
		margin: 0;
		padding: 0 20px 20px 20px;
		-moz-border-radius: 1em 1em 1em 1em;
		border-radius: 1em 1em 1em 1em;
		margin-right: 15px;
	}
	.contactright h4 {
		color: #fff;
	}
	.presstxt {
		float: left;
		padding: 0 15px;
		width: 60%;
		margin-top: 0;
	}
	.pressright {
		background: #7c7777;
		width: 30%;
		float: right;
		margin: 0;
		padding: 0 15px 15px 15px;
		-moz-border-radius: 1em 1em 1em 1em;
		border-radius: 1em 1em 1em 1em;
		margin: 25px 15px 25px 0;
	}
	.pressright h4 {
		color: #fff;
		line-height: 125%;
	}
	.fiftyleft {
		width: 47%;
		margin: 0;
		float: left;
		padding: 0 10px;
	}
	.fiftyright {
		width: 47%;
		margin: 0;
		float: right;
		padding: 0 10px;
	}
	.seriesbox {
		width: 42%;
		float: left;
		margin: 15px;
		padding: 10px;
	}
	.seriestitles {
		width: 60%;
		font-size: 120%;
	}
}
@media all and (min-width: 960px) {
	.gridContainer {
		width: 90%;
		max-width: 1025px;
		margin: auto;
		clear: none;
		float: none;
		margin-left: auto;
	}
	#home-welcome  {
		clear: both;
		padding: 0 2% 3% 2%;
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}
	.books {
		width: 92%;
		padding: 3% 4%;
		border-radius: 0;
		background-color: #fff;
	}
	.bookcover img.goodreads {
		border: none;
		width: 90%;
		max-width: 139px;
		margin: 0 auto;
	}

	.buylinks {
		width: auto;
		margin: 15px 0;
	}
	.buylinks img  {
		border: none;
		width: auto;

	}
	.homebooks {
		max-width: 33.3%;
		float: left;
		padding-left: 10px;
	}

	.welcome {
		width: 65%;
		float: left;
		padding: 1% 3% 3% 3%;
	}
	.mailinglist {
		margin-top: 15px;
		width: 23%;
		float: right;
		padding: 2%;
		background: #b2aeae;
	}
	.inner-mailinglist {
		width: 90%;
		padding: 1% 5%;
		background: #eeeeee;
	}
	#homeclearspan {
		width: 100%;
		clear: both;
	}
	.footernav {
		float: left;
		font-size: 10px;
		font-size:0.625em;
		color: #fff;
		padding: 0 0 10px 30px;
		text-align:center;
	}
	.copyright {
		float: right;
		font-size: 10px;
		font-size:0.625em;
		color: #fff;
		padding: 0 30px 10px 0;
		text-align:center;
	}
	.socialmedia {
		display:block;
		float: right;
		padding: 5px 25px 5px 0;
    	width: auto;
	}
	.socialmediamobile{
		display:none;
	}
	.homebtn {
		display: block;
		float: right;
		padding: 10px;
		font-size: 18px;
		font-size: 1.125em;
	}

	#mobile-header {
	display: none;
	}
	.seriesbox {
		width: 27%;
		float: left;
		margin: 15px 2%;
		padding: 10px;
	}
	.seriestitles {
		width: 50%;
		font-size: 125%;
	}
	.seriesboxfull {
		width: 94%;
		margin: 15px 2%;
		padding: 10px;
	}
	.seriestitlefull {
		background: #a81f14;
		width: 27%;
		float: left;
		margin: 0 1% 15px 1%;
		padding: 10px;
		-moz-border-radius: 1em 1em 1em 1em;
		border-radius: 1em 1em 1em 1em;
		color: #fff;
		text-align: center;
		font-weight:bold;
		border: solid 2px #000;
	}
	.extras-btn {
		background: #a81f14;
		width: auto;
		float: left;
		margin: 15px 0;
		padding: 10px;
		-moz-border-radius: .75em .75em .75em .75em;
		border-radius: .75em .75em .75em .75em;
		text-align: center;
		border: solid 2px #000;
		color: #fff;
		font-weight:bold;
	}
	.extras-btn:hover { 
		background: #000;
	}
	#dropcontentsubject{
	width: auto;
	display: none;
	}

	.dropcontent{
	width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	display:block;
	}
}
hr {
	height:.5em;
	border:1px solid #a81f15;
	background: #a81f15;
	margin: 2em 0;
}
.btnLearnMore {
	background: #000;
	line-height: 80%;
	max-width: 135px;
	padding: 5px;
	font-size: 120%;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	-moz-border-radius: .5em 0.5em 0.5em 0.5em;
	margin: 15px auto;
	text-align: center;
}
.btnLearnMore:hover {
	background: #a81f16;
}
.btnLearnMore a {
	color: #fff;
	text-decoration:none;
}
.btnLearnMore a:visited {
	color: #fff;
	text-decoration:none;
}
.white {
	font-size: 90%;
    color : #fff;
}
.highlightBox {
	background: #fff;
	width: 80%;
	margin: 10px auto 20px auto;
	padding: 15px;
	border: 5px solid #7c7777;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
}
@media only screen and (min-width: 897px) {
	.highlightBox {
		width: 90%;
		margin: 10px auto 30px auto;
		padding: 15px 25px;
		border: 10px solid #7c7777;
	}
}
.clearDiv {
	clear: both;
}