@charset "utf-8";
/* CSS Document */
/* colors
	reddish brown #7f1f06;
	brown 1 #6c5337;
*/
.preheader {
	background:#111;
	color:#fff;
	padding: 20px;
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.85em;
}
img {height:auto; }
a { color:#7f1f06; }
h1, h2, h3 { font-weight:normal; }
body {
	margin:0;
	padding:0;
	color:#303030;
}
header {
	display:flex;
	flex-direction:column;	
}
header a {
	align-self:center;
	margin:auto 0;
	
}
.hdr-2, footer { text-align:center; }
.hdr-2 dl {
	font-size:.8em;	
}
.hdr-2 dt, .hdr-2 dd {display:inline; }
.hdr-2 dt {margin:0; color:#7f1f06;}
.hdr-2 dd {margin:0 22px 0 0; color:#6c5337;}
.hdr-2 dd(last-child) { margin-right:0;}
nav a { text-decoration:none; padding:1px 5px; }
.main {
	width:1384px;
	max-width:92%;
	margin:0 auto;	
}
nav.main {
	border-top: 4px double #ccc;
	color: #9A835F;
	padding-top:10px;
}
nav.main a {color: #766449;}
nav.main a:hover, nav.main a:active, nav.main a:focus {
	color: #7f1f06;
}
nav.sub {
	font-size: 0.85em;
	color: #B39D82;
}
nav.sub a { color:#967d5c; }
nav.sub a:hover {
	color: #685740;
}
.main.wrap {
	padding-bottom:15px;
	border-bottom:4px double #ccc;
}
.socialbar {
padding:1px 0 10px;	
}
.fb-like {
	margin:-3px 0 0 !important;
	padding:0;
	float:left;
}
.socialbar p {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#6c5337;
	line-height:1;
	font-size:12px;
}
.socialbar p img {display:inline-block; margin:0 0 -5px 6px; }
h1 {
	font-size:1.4em;
	color:#666;
	font-style:italic;
}
h1 span {
	display:block;
	color:#7f1f06;
	font-size:.875em;
	font-style:normal;	
}

.tw {margin-top:14px; }

.maintxt p {
	margin:0 0 .6em;	
}
article h2 { 
	margin:1em 0 .22em;
	font-size:1.3em;
	line-height:1;
	padding:4px 0 1px;
	border-top:4px double #bbb;
	border-bottom:1px solid #bbb;
}
article h2:first-child { margin-top:0; }
.sidebar {background:#efefef; }
.product-img, .sidebar img, footer img {box-shadow: 1px 4px 5px rgba(0,0,0,0.2);}
.product-img.no-shadow { box-shadow:none;}
p.product-info, form.buy {
	margin:.75em .6em;
	padding-left:.6em;
	border-left:4px double #ddd;
	color:#777;
	font-size:.9em;
}
.detail { font-size:.84em; }
.author, .kudos {
	padding:6px 12px 8px 130px;	
	font-size:.94em;
}
.author {
	font-style:italic;
	background:#f5f5f5 url(/images/gallant-01.jpg) 12px center no-repeat;
}
.smallcap {font-variant:small-caps; }
.kudos { position:relative;background:#f5f5f5; margin-bottom:12px; }
.kudos:before {
	position:absolute;
	left:25px;
	top:15px;
	content:'\201C';
	width:80px;
	height:125px;
	font-size:11em;
	color:#aaa;
	
}
.rnote {
	text-align:right;
	font-style:italic;
	font-size:.9em;	
}
/* contact form */
fieldset {
	display:flex;
	margin-bottom:5px;
	border-color:#eee;	
}
label {
	font-variant:small-caps;
	font-size:.9em;
	width:28%;
	padding-right:8px;
}

textarea { min-height:120px; width:60%;}
input[type=submit] { 
	font-variant:small-caps;
	width:110px;
}

footer { font-size:.8em; padding:10px 0 16px; }
footer nav, footer nav a { color:#967d5c; }
footer nav a:hover, footer nav a:active, footer nav a:focus {
	color: #372F22;
}
footer img { margin:14px 0; }
p.credit { font-style:italic; font-size:.92em; margin:0; }
.credit a {
	text-decoration:none;
	color:#806a4f;	
}
.credit a:hover, .credit a:active, .credit a:focus {
	color:#7f1f06;	
}
h1.supersize { font-size:3em; }
h1.supersize span { font-size:.75em; }
.maintxt menu {
	margin:0 auto;
	text-align:center;
	padding:0 0 15px;
	text-transform:lowercase;
	font-variant:small-caps;
}
@media screen and (max-width:450px) {
	body {
		font-size:18px;	
	}
	header {
		background:url(/images/pbooks_book-tile-mobile.jpg) repeat-x;
		height:129px;
	}
	header img {
		box-shadow: -3px 4px 4px 2px rgba(0,0,0,0.4);	
	}
}
@media screen and (min-width:451px) and (max-width:650px) {
	body {
		font-size:20px;	
	}
	header {
		background:url(/images/pbooks_book-tile-medium.jpg) repeat-x;
		height:205px;
	}
	header img {
		box-shadow: -4px 5px 5px 3px rgba(0,0,0,0.4);	
	}
}
@media screen and (max-width:650px) {
	.main.wrap {padding:0 5.67%; }
	.display img {
		max-width:111.34%;
		margin:12px -5.67% 4px;
	}
}

@media screen and (min-width:651px) and (max-width:1050px) {
	body {
		font-size:21px;	
	}
	header {
		background:url(/images/pbooks_book-tile-medium2.jpg) repeat-x;
		height:205px;
	}
	header img {
		box-shadow: -5px 6px 6px 3px rgba(0,0,0,0.4);	
	}
}
@media screen and (min-width:651px) and (max-width:824px) {
	.display img {
		width:111.34%;
		margin:12px -5.67% 4px;
	}
}
@media screen and (max-width:824px) {
	.product-img, .tw {
		display:block;
		margin:12px auto 16px;
		width:200px;
	}

	.tw { width:250px; }
	.sidebar { display:flex;justify-content:space-around; padding:8px 0;}
	.sidebar a {width:19%; margin:auto 0;}
	.sidebar a img {width:100%;}
	
	
}
@media screen and (min-width:825px) {
	.main.wrap {
		display:flex;
		justify-content:space-between;
	}
	.sidebar { padding:16px 0; }
	.sidebar img {
		display:block;
		margin:0 auto 8px;
		max-width:72%;	
	}
	.product-img, .tw { clear:left; float:left; width:200px; max-width:30%; margin-bottom:20px;}
.tw {margin-top:14px; }
.maintxt {
	float:right; width: 71%;
}
}
@media screen and (max-width:835px) {
		body.product p.product-info { border:none; }	
}
@media screen and (min-width:825px) and (max-width:1249px) {
	.content-group { width:69.6%; }
	.display, .sidebar { margin:15px 0 0; }
	.display img {
		width:105.67%;
		margin-left:-5.67%;
	}
	.sidebar { width:27%; }
	.maintxt { width:63%; }
}
@media screen and (max-width:929px) {
	.socialbar p {
	display:block;
	padding-top:15px;
	margin-top:15px;
	}
}
@media screen and (min-width:930px) {
	.fb-like { float:left; display:inline-block;}
	.socialbar p {
	display:inline;
	padding-top:15px;
	text-align:right;
	}	
}
@media screen and (min-width:1051px) {
	body {
		font-size:23px;	
	}
	header {
		background:url(/images/pbooks_book-tile.jpg) repeat-x;
		height:305px;
	}
	header img {
		box-shadow: -8px 10px 10px 3px rgba(0,0,0,0.38);	
	}
	
}
@media screen and (min-width:1250px) {
	.content-group {
		width:964px;	
	}
	.display {margin:18px 0 0 -58px; }
	.sidebar { width:calc(100% - 1004px); margin:18px 0 0;}
}
.inner .main.wrap {
	margin-top:13px;
	border-top:4px double #ccc;
	padding-top:13px;
}
body.inner.product img.product-img {
		display:block;
		float:left;
		margin:10px 15px 5px 0;
		max-width:34%;
	}

/* Paypal */
.buy {display:flex; }
.buy fieldset { border:0; padding:0; margin:0 10px 0 0; align-self:center; }
.buy select { margin-right:6px; }
.buy form, {padding:0 8px 0 0;}
.buy h3, .buy label { 
	margin:0;
	padding:0; line-height:1;
	color:#7f1f06;
	display:inline;
	font-variant:small-caps;
}
.buy h3 {
	margin-top:3px;	
}
.buy label {padding:0 2px 10px 8px;color:#111; vertical-align:super;}
.buy input[type=image] {
	margin-right:10px;	
}
.fullplayer {
	width:100%;
	aspect-ratio: 16 / 9;
	margin-bottom:15px;
}

.block-display { display:block; width:25%; max-width:160px; padding:8px 8px 8px 0; margin-right:10px; float:left; }
.detail-list { font-size:.85em; }
ul.detail-list { margin-left:45px; list-style-position:inside; }
ul.detail-list li { text-indent:4px; }
.after-image {clear:left;}
a.promolink {
	background-color: #A00;
	text-decoration: none;
	color: #fff;
	display: block;
	padding:8px 0;
}
a.promolink:hover, a.promolink:active, a.promolink:focus {
	background-color:#063;	
}
.promoheader {
	background: url(/images/ChristmasPresents_theme01.jpg) center left no-repeat;
	background-size:140px;
	background-position-x: 6px;
	background-position-y: 6px;
	padding: 75px 200px;
	font-size:1.4em;
	text-align:center;
	width: 700%;
	max-width:900px;
	margin:0 auto;
	border:3px double #fff;
}