/****************************************************************************
// Helper classes

// ...
//`````````````````````````````````````````````````````````````````````````````*/

				/*
				 * Hide visually and from screen readers:
				 */

				.hidden {
				    display: none !important;
				}

				/*
				 * Hide only visually, but have it available for screen readers:
				 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
				 */

				.visuallyhidden {
				    border: 0;
				    clip: rect(0 0 0 0);
				    height: 1px;
				    margin: -1px;
				    overflow: hidden;
				    padding: 0;
				    position: absolute;
				    width: 1px;
				}

				/*
				 * Extends the .visuallyhidden class to allow the element
				 * to be focusable when navigated to via the keyboard:
				 * https://www.drupal.org/node/897638
				 */

				.visuallyhidden.focusable:active,
				.visuallyhidden.focusable:focus {
				    clip: auto;
				    height: auto;
				    margin: 0;
				    overflow: visible;
				    position: static;
				    width: auto;
				}

				/*
				 * Hide visually and from screen readers, but maintain layout
				 */

				.invisible {
				    visibility: hidden;
				}

				/*
				 * Clearfix: contain floats
				 *
				 * For modern browsers
				 * 1. The space content is one way to avoid an Opera bug when the
				 *    `contenteditable` attribute is included anywhere else in the document.
				 *    Otherwise it causes space to appear at the top and bottom of elements
				 *    that receive the `clearfix` class.
				 * 2. The use of `table` rather than `block` is only necessary if using
				 *    `:before` to contain the top-margins of child elements.
				 */

				.clearfix:before,
				.clearfix:after {
				    content: " "; /* 1 */
				    display: table; /* 2 */
				}

				.clearfix:after {
				    clear: both;
				}

				/* ==========================================================================
				   EXAMPLE Media Queries for Responsive Design.
				   These examples override the primary ('mobile first') styles.
				   Modify as content requires.
				   ========================================================================== */

				@media only screen and (min-width:625em) {
				    /* Style adjustments for viewports that meet the condition */
				}

				@medi62print,
				       (-webkit-min-device-pixel-ratio: 1.25),
				       (min-resolution: 1.25dppx),
				       (min-resolution: 120dpi) {
				    /* Style adjustments for high resolution devices */
				}

				/* ==========================================================================
				   Print styles.
				   Inlined to avoid the additional HTTP request:
				   http://www.phpied.com/delay-loading-your-print-css/
				   ========================================================================== */

				@media62rint {
				    *,
				    *:before,
				    *:after {
				        background: transparent !important;
				        color: #000 !important; /* Black prints faster:
				                                   http://www.sanbeiji.com/archives/953 */
				        box-shadow: none !important;
				        text-shadow: none !important;
				    }

				    a,
				    a:visited {
				        text-decoration: underline;
				    }

				    a[href]:after {
				        content: " (" attr(href) ")";
				    }

				    abbr[title]:after {
				        content: " (" attr(title) ")";
				    }

				    /*
				     * Don't show links that are fragment identifiers,
				     * or use the `javascript:` pseudo protocol
				     */

				    a[href^="#"]:after,
				    a[href^="javascript:"]:after {
				        content: "";
				    }

				    pre,
				    blockquote {
				        border: 1px solid #999;
				        page-break-inside: avoid;
				    }

				    /*
				     * Printing Tables:
				     * http://css-discuss.incutio.com/wiki/Printing_Tables
				     */

				    thead {
				        display: table-header-group;
				    }

				    tr,
				    img {
				        page-break-inside: avoid;
				    }

				    img {
				        max-width: 100% !important;
				    }

				    p,
				    h2,
				    h3 {
				        orphans: 3;
				        widows: 3;
				    }

				    h2,
				    h3 {
				        page-break-after: avoid;
				    }
				}

/* end Helper classes*/

body {
    background: rgba(255, 239, 192, 1);
    line-height: 1.5;
    color: #726644;
    color: #6881b7;
    color: #3c507d;
}

#wrapper {
    max-width: 62em;
    margin: auto;
    padding: 0 1em;
}

#main {
	width: 62%;
	float: left;
}

#sidebar {
	width: 30%;
	margin-left: 4%;
	margin-top: 2em;
	padding: 0 2%;
	float: right;
	font-size: 85%;
	outline: 6px solid rgba(255, 255, 255, 0.62);
	background: rgba(255, 255, 255, 0.38);
}

#sidebar > h2 {
	/*margin-top: 0.38em;*/
	margin-bottom: 0.62em;
}

#home #sidebar img {
	/*display: none;*/
	max-width: 80%;
	margin: 0 12% 0 8%;
	margin-bottom: 1.62em;
	/*clear: both;*/
	/*display: block;*/
	/*text-align: center;*/
}

.side-image {
	max-width: 80%;
	margin: 0 12% 0 8%;
	margin-bottom: 1.62em;
}



#home #sidebar p {
/*border: 1px solid #000;*/
}




/*****************************************************************************
// Banner

// ...
//``````````````````````````````````````````````````````````````````````````*/

	#banner {
		margin-bottom: 1.62em;
	}

	#banner h1 {
		font-family: 'Great Vibes', cursive;
		/* font-family: 'Roboto', sans-serif; */
	  font-size: 342%;
		font-style: normal;
		font-weight: normal;
		line-height: 1.1;
		border-bottom: none;
		color: rgba(44, 62, 80, 1);
		text-align: center;
	    margin-bottom: 0;
	}

	#banner h1 span.outer {
		display: block;
		font-family: 'Cormorant SC', serif;
		font-size: 62%;
		/*margin-top: -0.6em;*/
		padding: 0;
		line-height: 1.38;
	}

	#banner h1 span.inner {
		border-top: 1px solid;
	}

	a#siteTitle {
		/*border-bottom: none;*/
	}


/*****************************************************************************
// Navigation

// ...
//``````````````````````````````````````````````````````````````````````````*/

	@media (min-width: 621px) {
		#banner .navigation {
			display: flex;
			justify-content: space-between;
			justify-content: center;
			margin: 0;
			padding: 0;
			list-style: none;
			margin-top: 1.62em;
			font-family: 'IM Fell French Canon', serif;
			font-style: italic;
			font-size: 120%;
		}

		#banner .navigation a {
			display: block;
			padding: 0.62em 1.62em;
			color: rgba(44, 62, 80, 1);
			border: none;
			border-right: 1px solid rgba(44, 62, 80, 0.2);
		}

		#banner .navigation a span {
			border-bottom: 1px solid rgba(44, 62, 80, 0.2);
			padding: 0.38em 0;
		}

		#banner .navigation li:last-of-type a {
			border-right: none!Important;
		}

		#banner .navigation a:hover {
			background: none;
		}
	}

	/*~~~ Selected page ~~~*/
		#home .home a,
		#products .products a,
		#about .about a,
		#contact .contact a,
		#testimonials .testimonials a,
		#order .order a {
			background: none;
		}

		#home .home a span,
		#products .products a span,
		#about .about a span,
		#contact .contact a span,
		#testimonials .testimonials a span,
		#order .order a span {
			border-bottom: 1px solid;
		}


/*.menuPretty {
	display: block;
	width: 25px;
	height: 13px;
	position: absolute;
	top: 14px;
}

#menuLeft.menuPretty {
	background: url(/web/20190125201716im_/http://lynnehenderson.com/menu-left.png) no-repeat 0 0;
	left: 0;
}

#menuRight.menuPretty {
	right: 0;
	background: url(/web/20190125201716im_/http://lynnehenderson.com/menu-right.png) no-repeat 0 0;
}
*/
a {
	color: #ff7033;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 112, 51, 0.38);
}

a:hover {
	background: rgba(255, 112, 51, 0.20);
}

.active a {
	/*border-bottom: 1px solid rgba(255, 112, 51, 1.0);*/
}

.error {
	color: red!Important;
}

/* Footer to you and me */
#contentinfo {
	border-top: 3px solid rgba(114, 102, 68, 0.20);
	padding-top: 1.62em;
	text-align: right;
	color: #bf982d;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

	BASIC TYPOGRAPHY

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

p {
	margin: 0 0 1.38em 0;
}

h2, h3, h4, h5 {
	margin-bottom: 0.2em;
}

h1, h2, h3, h4 {
	font-family: 'IM Fell French Canon', serif;
	font-style: italic;
	color: #524a31;
	color: #6881b7;
	border-bottom: 1px solid rgba(114, 102, 68, 0.20);
	font-weight: normal;
}

h1 {
	font-size: 162%;
}

h2 em {
	font-style: normal;
}

h4 {
	border-bottom: none;
	margin-bottom: 0.38em;
}

.fullWidth,
#testimonials blockquote {
/*	font-size: 138%;
	padding-right: 24%;
	opacity: 0.85;
*/}

#testimonials blockquote cite {
	font-size: 80%;
}

#testimonials blockquote cite:before {
	content: "—";
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

	IMAGES

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*
	jQuery + CSS treatment of images
	---
	By default, all images are processed by the jQ.

	Optional classes: left, middle, right & noAuto (stops jQ and CSS processing the img)

	NB: Dimensions are tied into jQ so check there before changing img border, padding or margin
*/

#wrapper img {
	border: 1px solid rgba(114, 102, 68, 0.20);
	padding: 5px;
	background: rgba(255, 255, 255, 0.38);
	}
div.imgWrap {
	margin-bottom: 0.38em;
	}
div.imgWrap img {
	padding: 5px;
	margin: 5px;
	background: #f9f9f4;
	display: block;
	border: 1px solid #fff;
	}
/*div.imgWrap img {
	padding: 5px;
	margin: 5px;
	background: #f9f9f4;
	display: block;
	border: 1px solid #fff;
	box-shadow:			0px 2px 4px #999;
	-webkit-box-shadow: 0px 2px 4px #999;
	-moz-box-shadow:	0px 2px 4px #999;
	}
*/div.imgWrap.right {
	float: right;
	margin-left: 1.62em;
	}
div.imgWrap.left {
	float: left;
	margin-right: 1.62em;
	}
div.imgWrap.middle {
	margin-left: auto;
	margin-right: auto;
	}
/* Image captions */
span.imgTitle {
	display: block;
	color: rgba(114, 102, 68, 0.62);
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.38em;
	text-align: center;
	margin-top: 0.62em;
	font: 80%/1.38em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 3px solid rgba(114, 102, 68, 0.20);
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

	TABLES / FORMS

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

td {
	white-space: nowrap;
	/*padding-left: 1.62em;*/
	padding-right: 1.62em;
}

th {
	text-align: left;
}

th.priceHeader {
	width: 10em;
}

td li {
	white-space: normal;
}

#order {
	/*width: 100%;*/
}

#order .qty {
	width: 4em;
}

.name {
	padding-right: 0.62em;
	text-align: right;
}

.input {
	padding-right: 1.38em;
}

.input input {
	width: 12em;
}

.button {
	padding: 0.38em 0.62em;
	line-height: 1;
	border-radius:				0.38em;
	background: rgb(255, 194, 29);
	border: 1px solid rgb(232, 170, 0);
	box-shadow: 0px 0px 8px #888;
	margin-left: 0.38em;
	color: rgba(0, 0, 0, 0.62) !important;
}

.button:focus {
    outline-width: 0;
}

.button:active {
	box-shadow: 0px 0px 1px #222;
}

.money:before {
	content: "$";
}

#runningTotal {
	background: none;
	padding: 0.38em;
	font-weight: bold;
}

input.submit {
	float: right;
}

input.reset {
	color: rgba(165, 121, 0, 1);
}

input {
	background: rgba(255, 248, 213, 1);
	border: 1px solid rgba(227, 203, 136, 1);
	padding-left: 0.38em;
}

input[type="radio"] {
	margin-right: 0.38em;
}

label {
	display: block;
	line-height: 1.62;
}

input:required {
	background: #fff;
}

input.button:disabled {
	background: rgba(255, 194, 29, 0.2);
	border: 1px solid rgba(232, 170, 0.2);
	color: rgba(232, 170, 0, 1.0) !important;
	box-shadow: none;
}

.inputInfo {
	color: rgba(0, 0, 0, 0.38);
	margin-left: 0.38em;
}

.stopSubmit {
	font-size: 85%;
	position: absolute;
	right: 0.62em;
	bottom: -1em;
}

.stopSubmit a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.stopSubmit,
.stopSubmit a {
	color: rgba(0, 0, 0, 0.38);
}

.stopSubmit a:hover {
	background: none;
	color: rgba(0, 0, 0, 0.38);
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

form {
	margin-bottom: 2.62em;
	position: relative;
}

form .quiet {
	font-size: 85%;
	opacity: 0.85;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

	SHARED CLASSES

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.note {
	background: #ffffcc;
	padding: 0.62em;
}

div.note {
	margin-bottom: 1.62em;
}

p + ul {
	margin-top: -1em;
}

span.clearfix {
	display: block;
	clear: both;
}

/*span.clearfix:after {
	content: "XXX";
}
*/

form {
	margin-bottom: 2.62em;
	position: relative;
}
img.noAuto.left {
	float: left;
}

img.noAuto.right {
	float: right;
}

/*============================================================================

    Titles small caps

............................................................................*/

/*.titles_small_caps h2 {*/
.titles_small_caps h3 {
	font-variant: small-caps;
	font-style: normal;
	font-size: 138%;
	font-family: 'Alef', sans-serif;
	clear: both;
	margin-bottom: 0.38em;
}

/*============================================================================

    Book covers

............................................................................*/

.book_covers img {
	float: left;
	margin-bottom: 0.62em;
	margin-right: 0.62em;
}

.rowImages img {
	width: 20%;
}

.rowImages .inner {
	width: 90%;
	margin: 0 10%;
}

/******************************************************************************
// Oct 2016

// ...
//`````````````````````````````````````````````````````````````````````````````*/

.imgs_resize_114 img {
	max-width: 114px;
}

/*~~~ Products in print page ~~~*/
#products .book_covers {
	width: 62%;
	margin-right: 38%;
}

/*~~~ Blockquotes ~~~*/
	blockquote {
		border-left: 3px solid rgba(227, 203, 136, 1);
		margin-left: 1.62em;
		margin-bottom: 1.62em;
		padding-left: 1.62em;
		max-width: 38em;
		font-style: italic;
	}

	cite {
		text-align: right;
		display: block;
		margin-top: -1em;
		font-style: normal;
	}

/*Order form page*/
/*	#order .contactOnline {
		position: absolute;
		top: -999em;
		left: -999em;
	}
*/
.spacer {
	height: 1em;
}

table .label {
	font-weight: bold;
	border-top: 1px solid rgba(227, 203, 136, 1);
}

table .label em {
	font-weight: normal;
}

.checkbox {
	margin-right: 1em;
}

.dull {
	color: rgba(127, 114, 76, 0.38);
}

.details {
	text-align: right;
	margin-top: -1em;
}

#areYouLooking {
	text-align: right;
}

fieldset {
	border: none;
}

.sent fieldset:disabled *,
.sent .sentStyle {
	color: rgba(0, 0, 0, 0.2) !important;
}

.alert {
	border: 1px solid;
	padding: 0.38em;
}

.good {
	border-color: rgba(0, 249, 0, 0.85);
	background: rgba(0, 249, 0, 0.38);
	color: rgb(25, 99, 9);
}

.good a {
	color: rgb(25, 99, 9);
	border-bottom: 1px solid rgb(25, 99, 9);
}

.good a:hover {
	background: none;
	color: #000;
}

.honey {
	position: absolute;
	top: -999em;
	left: -999em;
}

/*Rought and ready mobile*/
	@media (max-width: 620px) {
		#main {
			width: 100%;
			float: none;
		}
		#sidebar {
			width: 96%;
			margin-left: 0;
			margin-top: 2em;
			padding: 0 2%;
			float: none;
			font-size: 100%;
		}
		#banner .navigation {
		}
	}






















/*Thar be dragons!
/*
     FILE ARCHIVED ON 20:17:16 Jan 25, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:12:49 Apr 14, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 93.429
  exclusion.robots: 0.155
  exclusion.robots.policy: 0.144
  RedisCDXSource: 19.447
  esindex: 0.008
  LoadShardBlock: 54.4 (3)
  PetaboxLoader3.datanode: 103.339 (5)
  CDXLines.iter: 16.963 (3)
  load_resource: 286.287 (2)
  PetaboxLoader3.resolve: 195.554 (2)
*/