html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, fieldset, form,
label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer,
header, hgroup,  menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* typography
---------------------------*/
#container{
	/* font-size:87.5%; proxima nova, chapparal pro 14px / 16px(browser default) = .875 */
    /* line-height: 1.3; 14 * 1.3 = 18.2px  */
    font: normal 87.5%/1.4em "proxima-nova", verdana, arial, sans serif;
    color:#666;
	}

h3 {
	font: normal 1.6em/1.6em "chaparral-pro", Georgia, Times, serif;
	color:#333;
	}
	
h4 {
	font: normal 1.4em/1.4em "chaparral-pro", Georgia, Times, serif;
	color:#333;
	}
	
h5 {
	font: normal 1.0em/1.2em "proxima-nova", verdana, arial, sans serif;
	}
	
h6 {
	font: italic 1.0em/1.2em "proxima-nova", verdana, arial, sans serif;
	}
	
/* layout - media queries
---------------------------*/

/*	default (optimized for small tablets in portrait mode - 600px)
	--------------------------------------------------------------------------------- */

/* ~structure   */

body {
	margin:1em;
	height:100%;
	}
	
#container{
	width:100%;
	max-width: 600px;
	margin:2em auto;
	border:1px solid #C6CCCF;
	background-color:#FFF;
	/*padding:1em;*/
	}
	
#content {
	padding: 1em 4.1666667%; /* 25px / 600px = .041666667  */
    width:91.666667%; /* 600px - 50px(padding) = 550px / 600px = .91666667  */
	}

.article {
	padding: 1.5em 4.1666667%; /* 4.5454545% 25px / 550px = .045454545  */
    width:91.666667%; /* 90.909090% 550px - 50px(padding) = 500px / 550px = .90909090  */
	margin:1em 0;
	float:left;
	background-color:#F9F6EF;
    border-top:1px solid #E8D9CC;
    border-bottom:1px solid #E8D9CC;
	}

/*.article:nth-child(2n+2) { background-color:#F2F8F9; }*/
	
h3 {
	clear:both;
	/*margin:1em 0;*/
	}
	
p { margin:1.0em 0; }

h3 + p { margin-top:0; }

.accordion_wrapper p { margin-top:0; }

fieldset p:first-child { margin-top:0; }

.product {
	width:50%;
	min-width:260px;
	display: inline-block;
	*display: inline;/*IE 7 fix*/
	zoom:1;/*IE 7 fix*/
	}
	
.product img, .product div {
	display: inline-block;
	*display: inline;/*IE 7 fix*/
	zoom:1;/*IE 7 fix*/
	vertical-align:bottom;
	}
	
.product img {
	width:245px;
	}
	
#featured > .product {
	float:left;
	}

#series_other {
	width:100%;
	margin:1em 0;
	float:left;
	background-color:#F9F6EF;
    border-top:1px solid #E8D9CC;
    }
    
#series_other h3:first-child {
	padding: 0.4em 4.1666667% 0.2em;
	}
    
#series_other .article {
	padding: 0 4.1666667%;
	margin:0;
	border-bottom:0;
	}
	
#signup form label {
	display:block;
	margin:1.0em 0 0 0;
	}
	
#signup form input[type="text"] {
	display:block;
	border: 1px solid #999;
	}

#signup form input.email {
	width:20em;
	}
	
#signup form input.zipcode {
	width:10em;
	}
	
#signup form input[type="submit"] {
	border: 0px;
	padding: 0.5em 1em;
	background-color: #ff6600;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	text-align:center;
	cursor:pointer;
	}
	
#signup form input[type="submit"]:hover {	
	box-shadow: 0 0 0.2em #666;
	-moz-box-shadow: 0 0 0.2em #666;
	-webkit-box-shadow: 0 0 0.2em #666;
	}
	
a:link {color:#FF6600; text-decoration: none;}
a:active {color:#FF6600; text-decoration: underline;}
a:visited {color:#FF6600; text-decoration: none;}
a:hover {color:#FF6600; text-decoration: underline;}

p.buy_text {
	margin:1.0em 0 0 0;
	font: normal 0.9em/0.9em "chaparral-pro", georgia, times, serif;
	color: #333;
	text-transform:uppercase;
	}
	
ul.buy_buttons {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	}

ul.buy_buttons li {
	margin:0.75em 0 0 0;
	}
	
ul.buy_buttons li a {
	background:transparent url('./images/buttons_sprite.png') no-repeat left top;
	width:152px;
	height:34px;
	text-indent:-9999px;
	display:block;
	}
	
ul.buy_buttons li a.retailer7 {background:transparent url('./images/buttons_sprite.png') no-repeat left -0px;} /* amazon.com  */
	
ul.buy_buttons li a.retailer2 {background:transparent url('./images/buttons_sprite.png') no-repeat left -44px;} /* bn.com  */
	
ul.buy_buttons li a.retailer5 {background:transparent url('./images/buttons_sprite.png') no-repeat left -88px;} /* books a million  */
	
ul.buy_buttons li a.retailer4 {background:transparent url('./images/buttons_sprite.png') no-repeat left -132px;} /* walmart  */

ul.buy_buttons li a.retailer10 {background:transparent url('./images/buttons_sprite.png') no-repeat left -176px;} /* bookish  */

ul.buy_buttons li a.retailer1 {background:transparent url('./images/buttons_sprite.png') no-repeat left -220px;} /* kobo  */

ul.buy_buttons li a.retailer6 {background:transparent url('./images/buttons_sprite.png') no-repeat left -264px;} /*  indiebound */

ul.buy_buttons li a.retailer9 {background:transparent url('./images/buttons_sprite.png') no-repeat left -308px;} /* powells  */

ul.buy_buttons li a.retailer3 {background:transparent url('./images/buttons_sprite.png') no-repeat left -352px;} /* apple  */

ul.buy_buttons li a.retailer8 {background:transparent url('./images/buttons_sprite.png') no-repeat left -396px;} /* penguin  */

ul.buy_buttons li a.retailer15 {background:transparent url('./images/buttons_sprite.png') no-repeat left -440px;} /* audible  */

ul.buy_buttons li a.retailer18 {background:transparent url('./images/buttons_sprite.png') no-repeat left -484px;} /* audiobooks  */

ul.buy_buttons li a.retailer16 {background:transparent url('./images/buttons_sprite.png') no-repeat left -528px;} /* downpour  */

ul.buy_buttons li a.retailer17 {background:transparent url('./images/buttons_sprite.png') no-repeat left -572px;} /* emusic  */

ul.buy_buttons li a.retailer22 {background:transparent url('./images/buttons_sprite.png') no-repeat left -616px;} /* google play  */

ul.buy_buttons li a.retailer24 {background:transparent url('./images/buttons_sprite.png') no-repeat left -660px;} /* windows store  */

ul.buy_buttons li a.retailer21 {background:transparent url('./images/buttons_sprite.png') no-repeat left -704px;} /* ios app store  */

ul.buy_buttons li a.retailer23 {background:transparent url('./images/buttons_sprite.png') no-repeat left -748px;} /* target */

ul.buy_buttons li a.retailer25 {background:transparent url('./images/buttons_sprite.png') no-repeat left -792px;} /* hudson */


/* ~header and navigation   */
#mobilenav {
	width:92%;
	border-bottom: 1px solid #C6CCCF;
	background-color: #ffffff;
	float:left;
	margin:0 4.1666667% 1em 4.1666667%;
	}

h1#penguinimage {
	float:left;
	background: url('./images/ebook_sprite.png')  no-repeat -149px top; /* use larger logo */
	padding:0px;
	margin:1.0em 0.8em 0 1.6em;
	display: inline;
	text-indent:-9999px;
	z-index:1000;
	position:relative;
	top:0.5em;
	}

h1#penguinimage a {
	display:block;
	}
	
h1#penguinimage a {
	height: 53px;
    width: 38px;
	}
	
h2#tagline {
	float:left;
	margin:1.4em 0 0 0;
	font: normal 1.6em/1.6em "chaparral-pro", georgia, times, sans serif;
	color: #333;
	/*text-transform:uppercase;*/
	}

/* ~footer   */
#footer {
	width:91.666667%;
	padding: 1em 4.1666667%;
	float:left;
	/*border-top:1px solid #C6CCCF;
	border-bottom:1px solid #C6CCCF;*/
	}
	
#footer ul {
	float:left;
	}

#footer .penguin_logo {
	float:left;
	width:25%;
	min-width:115px;
	}
	
#footer .penguin_logo img {
	max-width:100%
	height:auto;
	}
	
#footer .penguin_lists {
	float:left;
	width:75%;
	}
	
#footer .penguin_lists ul {
	float:left;
	margin:0.5em 2em;
	padding:0;
	list-style-type:square;
	}	

#copyright {
	width:91.666667%;
	padding: 0 4.1666667%;
	float:left;
	text-align:right;
	font-size:0.9em;
	}
	
/* ~inset box containing social media buttons, pdf links   */

#social_media {
	border:0;
	}


#social_media h3, #social_media .buttons {
	float:left;
	margin-right:1em;
	}
	
.button_social {
	float:left;
	margin:0 .75em .0 0;
	}
	
#social_media .last {
	margin-right:0;
	}

.button_social a:link,
.button_social a:visited {
	height:36px;
	width:37px;
	overflow:hidden;
	display:block;
	float:left;
	text-indent:-9999px;
	}
		
.button_social a.soc_twitter {
	background:transparent url('./images/ebook_sprite.png') no-repeat left top;
	}
		
.button_social a.soc_facebook {
	background:transparent url('./images/ebook_sprite.png') no-repeat -37px top;
	}
	
.button_social a.soc_google {
	background:transparent url('./images/ebook_sprite.png') no-repeat -74px top;
	}
	
.button_social a.soc_pinterest {
	background:transparent url('./images/ebook_sprite.png') no-repeat -111px top;
	}
	
.button_social a.soc_twitter:hover,
.button_social a.soc_twitter:active,
.button_social a.soc_twitter:focus {
	background-position:0 -45px;
	}
	
.button_social a.soc_facebook:hover,
.button_social a.soc_facebook:active,
.button_social a.soc_facebookr:focus {
	background-position:-37px -45px;
	}
	
.button_social a.soc_google:hover,
.button_social a.soc_google:active,
.button_social a.soc_google:focus {
	background-position:-74px -45px;
	}
	
.button_social a.soc_pinterest:hover,
.button_social a.soc_pinterest:active,
.button_social a.soc_pinterest:focus {
	background-position:-111px -45px;
	}

/*	phones in portrait mode - 320 - 479px wide
	--------------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

#featured > .product {
	float:none;
	}
	
.product {
	width:48%;
	margin:0 auto 1em;
	/*float:left;*/
	}

	
/* ~header and navigation */

h1#penguinimage {
	background: url('./images/ebook_sprite.png')  no-repeat -189px top;
	float:left;
	margin:1.0em 0.6em 0 0.6em;
	}
	
h1#penguinimage a {
	height: 45px;
    width: 32px;
	}
	
h2#tagline {
	font-size:1.4em;
	line-height:1.4em;
	margin:2.0em 0 0.25em 0;
	float:left;
	width:200px;
	}

h3 {
	font-size:1.2em;
	line-height:1.4em;
	}
	
h4 {
	font-size:1.1em;
	line-height:1.2em;
	}
	
h5 {
	font-size:1.0em;
	line-height:1.2em;
	}
	
h6 {
	font-size:1.0em;
	line-height:1.2em;
	}
	
.accordion h4.ui-accordion-header {
	padding-left:3.4em !important;
	}

#footer .penguin_logo {
	/*width:100%;*/
	float:none;
	margin:auto;
	}

#footer .penguin_lists {
	width:100%;
	float:none;
	margin-left:15%;
	}
	

}


/*	small tablets in portrait mode - 600 - 799px wide
	--------------------------------------------------------------------------------- */
@media only screen and (max-width: 749px) {

#container {
	max-width: 600px;
	}
}

/*	ipad and large tablets in portrait - 750px wide and up
	----------------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 750px) {

#container {
	max-width: 600px;
	}
    
}

/*	small tablets in landscape, large tablets in portrait - 900px wide and up
	----------------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 900px) {
	
/*  ~structure   */
#container {
	max-width: 600px;
	}
	
}

/*	large tablets in landscape, desktop site - 1024px or wider
	----------------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 1024px){

/*  ~structure   */
#container {
	max-width: 600px;
	}
	
}

/* ui - interaction
---------------------------*/

.product .buy a {
	display:block;
	width:85px;
	padding:5px 10px;
	margin:1em 0;
	font: bold 0.8em Arial;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	background-color:#FF6600;
	}
	
.product .buy a:hover {
	box-shadow: 0 0 0.2em #666;
	-moz-box-shadow: 0 0 0.2em #666;
	-webkit-box-shadow: 0 0 0.2em #666;
	}

.affiliates li.buy-button {
	display:block;
	width:100%;
	max-width:105px;
	padding:5px 10px;
	margin:1em 0;
	background-color:#FF6600;
	}
	
.affiliates a:hover {
	background-color:#FF6600;
	}
	
/* accordion toggle plus/minus */

.accordion {
	width:100% !important;
	padding:0 !important;
	border-bottom:0 !important;
	}
	
.accordion .accordion_wrapper {
	width:91.666667%;
	padding: 1em 4.1666667%;
	border-bottom:1px solid #E8D9CC;
	}

.accordion h4.ui-accordion-header {
	padding:0.5em 0 0.3em 2.5em;
	border-bottom:1px solid #E8D9CC;
	}

.accordion h4.ui-corner-all {
	background: url('./images/accordion-plus.png') no-repeat left center transparent;
	}

.accordion h4.ui-state-active {
	background: url('./images/accordion-minus.png') no-repeat left center transparent;
	border-bottom:0 !important;
	}

.accordion h4:hover {
	cursor:pointer;
	background-color:#f1ece0;
	}

/* slickbox toggle show/hide */
.slickbox {
	max-width:100%;
	max-height:16em;
	overflow:hidden;
	}
	
.slickbox.expanded {
	max-height:none;
	display:inline;
	}

a.slick-toggle {
	width:10em;
	padding:0.5em;
	font-size:0.9em;
	margin:1em auto 0;
	display:block;
	clear:both;
	text-transform:uppercase;
	text-align:center;
	background-color:#F0F0F0;
	border:1px solid #D9D9D9;
	-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,.05);
    -moz-box-shadow:inset 0 3px 8px rgba(0,0,0,.05);
    box-shadow:inset 0 3px 8px rgba(0,0,0,.05);
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
    }
	
a.slick-toggle:hover { background-color:#E9E9E9; text-decoration:none;}