/* -----------------------------------------
Stylesheet for Carolyn Jewel - www.carolynjewel.com
Author: Bronwen @ cdeVision.com
Copyright: (c)2009 cdeVision
Created: March 2009
Updated/recoded: June 2015 by Bronwen @ ardent-design.com
Notes: responsive re-code, update/streamline CSS
-------------------------------------------- */

body {background:#8C8B87; margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#31363E;}

h1, h2, h3 {padding:0; margin:0;} 
h1 {font:normal 28px Georgia, Times, "Times New Roman", serif; color:#4B4116; padding:0 0 12px 0;} /* page titles (in band) */
/* sub-titles */
#homecol h2 {font:normal 18px Georgia, Times, "Times New Roman", serif; color:#4B4116; padding:0 0 3px 22px; margin:0 0 8px 0; border-bottom:1px solid #E1DBCC; background:url(/images/quotes-sm.png) 1px 3px no-repeat;}
#maincol h2 {font:normal 20px Georgia, Times, "Times New Roman", serif; color:#4B4116; padding:0 0 4px 2px; margin:20px 0 12px 0; border-bottom:1px solid #E1DBCC;} 
	h2.top {margin-top:0 !important;}
#sidebar h2 {font:normal 19px Georgia, Times, "Times New Roman", serif; color:#F8EFD3; padding:10px 0 6px 0;}
	#sidebar h2 span {font-size:16px; display:block;}
	
p {margin:0; padding:0 0 12px 0; line-height:16px;}
p.intro {font:normal 14px verdana,arial,helvetica,sans-serif; line-height:22px; padding:0 0 15px 0;}
p.error {padding:0 0 0 20px !important; background:url(/images/warning.gif) 0 0 no-repeat; color:#de0000;} /* for contact form */
ul, ol {padding:0; margin:0 0 12px 25px;}
li {line-height:17px; padding:0 0 6px 0; }
ul.nobullets {margin:0; padding-bottom:6px; list-style:none;}

div.rule {height:1px; padding:0; margin:8px auto; color:#4D4D45; background-color:#4D4D45;}
img {border:0;}
label {display:none;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}


/* ---- links ----------------------------------------- */
a {color:#8F9438; text-decoration:none;}  
a:visited {color:#8F9438;}
a:hover {color:#76766C; text-decoration:underline;}
a:active {color:#8F9438;}
a:active, a:focus {outline:none;}
#content a {font-weight:bold;}


/* ---- ids & classes ----------------------------------------- */
/* "wrap" IDs are to stretch colors & backgrounds to 100% width */
#headerwrap, #titlewrap, #bandwrap, #contentwrap, #footerwrap {width:100%;}
#header, #title, #band, #homeband, #content, #footer {width:895px; margin:0 auto; text-align:left;}

/* Header area --- */
#headerwrap {background:#494B41; border-top:5px solid #8F9438; border-bottom:2px solid #999;}
#header {height:145px; position:relative; color:#fff;}
	#logo {position:absolute; top:22px; left:-12px; width:290px; height:110px; background:url(/images/logo.png) no-repeat;}
		#logo h1 {padding:0; margin:0; text-indent:-4000px;}
		#logo a {display:block; width:290px; height:110px;}
	#searchbox {position:absolute; top:45px; right:0px;}
		#searchbox label {display:none;}
		#searchbox form {margin:3px 0; font-size:11px;}
		#searchbox input {margin:0; padding:4px; width:150px; background:#fff; border:1px solid #ccc; font-size:11px; color:#666;}
		#searchbox input.button {width:50px; padding:4px; border:none; background:#76766C; color:#fff; margin-left:6px; letter-spacing:1px;} 
	#navmenu {position:absolute; bottom:12px; right:-8px; text-transform:uppercase; height:25px;}
		#navmenu a.toggleMenu {display:none;}
		#navmenu ul {list-style:none; font:normal 14px Georgia, serif;}
		#navmenu li {display:block; float:left;}
		#navmenu a {display:block; color:#fff; text-decoration:none; height:25px; line-height:25px; padding:0 6px; margin:0 8px;}
		#navmenu a:hover, #navmenu a.on {background:#8F9438;}

/* Title area --- */
#titlewrap {background:#FCF8EB;}
#title {height:80px;}
	#title h1 {line-height:80px;}

/* Band area --- */
#bandwrap {background:#E7E1C9; border-top:1px solid #BFB7A4; border-bottom:1px solid #BFB7A4;}
#band {padding:20px 0; color:#363211;}
	#band p {font:normal 16px/22px georgia,serif; padding:0;}
	p.quote {background:url(/images/quotes-lg.png) no-repeat; padding:0 0 0 35px !important;}
/* home page band & features */
#homeband {padding:20px 0; color:#363211;}
	#featurewrap {background:url(/images/bg-featurewrap.png) repeat-y;}
		.feature {background:transparent; width:400px; margin:15px 0 15px;}
		.leftf {float:left; margin-left:18px;} .rightf {float:right; margin-right:17px;}
		.feature img {display:block; float:right; margin:0 0 0 15px;}
		.ftext {float:left; width:230px;}
			.ftext h2 {font:normal 22px Georgia, Times, "Times New Roman", serif; color:#660; padding:0 0 10px 0; margin:0;}
			.ftext h2 span {font-size:16px; color:#B8B501; display:block; padding-bottom:5px;}
			.ftext p {margin:0; padding:0 0 8px 0; font:normal 11px/16px verdana,arial,helvetica,sans-serif !important;}
				p.fourstar {background:url(/images/stars-four.png) -2px 1px no-repeat;text-indent:93px;}
				p.fivestar {background:url(/images/stars-five.png) -2px 1px no-repeat;text-indent:93px;}
				p.fourandhalfstar {background:url(/images/stars-fourandhalf.png) -2px 1px no-repeat; text-indent:93px;}

			p.teaser {font:bold 11px/16px georgia,sans-serif !important; border-top:1px dashed #A9A598; border-bottom:1px dashed #A9A598; margin:0 0 10px 0 !important; padding:7px 3px 8px !important;}
			a.more {background:#8F9438; color:#fff; font-weight:bold; height:25px; line-height:25px; text-align:center; display:block; width:115px; margin-top:5px;}
			a.more:hover {background:#494B41; text-decoration:none;}

/* Content area --- */
#contentwrap {background:#FCF8EB; padding:25px 0 25px 0;}
#content {}
	#homecol {float:left; width:615px; padding-top:20px;}
		.lcol {width:290px; float:left;}
			.lcol img {display:block; float:left; margin:6px 12px 5px 0;} /* carolyn portratit */
		.rcol {width:290px; float:right;}
	#maincol {float:left; width:615px;}
		img.cover-lg {display:block; float:left; margin:5px 15px 15px 0;}
		/* excerpt class has indented paragraphs & increased line-height - note this class must be added to the #maincol div */
		.excerpt {}
		.excerpt p {text-indent:30px; line-height:16px; margin:0em; padding:0;}
		.excerpt p:first-child {text-indent:0;}
		.excerpt h2 + p {text-indent:0;}
		.pullout {width:140px; padding:10px 15px 5px 15px; float:right; margin:10px 0 10px 15px; border-top:1px solid #BFB7A4; border-bottom:1px solid #BFB7A4; background:#E7E1C9; color:#333;}
			.pullout p {text-indent:0; font:normal 14px/20px georgia,serif;}
	table#books {width:100%;}
		table#books td {vertical-align:top; padding:5px 5px 15px 5px; width:50%;}
		table#books img {display:block; float:left; margin:1px 15px 10px 0;}
	table.forwriters {width:100%;}
		table.forwriters td {vertical-align:top; padding:5px 10px 15px 5px; width:50%;}
		table.forwriters td h5 {margin:0; padding:0 0 5px 0; font:normal 13px Georgia, Times, "Times New Roman", serif;}
	/* Sidebar */
	#sidebar {float:right; width:220px; margin-top:0px; padding:5px 15px 10px; background:#1C1D18; color:#F3E5B6; font-size:11px;}
		#sidebar a.on {color:#76766C;}
	#subscribebox {padding:0 0 12px 0;}
		#subscribebox label {display:none;}
		#subscribebox form {margin:3px 0; font-size:11px;}
		#subscribebox input {margin:0; padding:4px; width:210px; background:#fff; border:1px solid #ccc; font-size:11px; color:#666;}
		#subscribebox input.button {width:80px; padding:4px; border:none; background:#76766C; color:#fff; margin:8px 0 0 0; letter-spacing:1px;} 
		
		
/* contact form */
#formbox form {margin:0; padding:20px 0;}
	#formbox label {display:block; margin:0 0 3px 0;}
	#formbox input, textarea, select, option {display:block; font-family:verdana,sans-serif; font-size:100%; padding:4px; margin:0 0 12px 0;}
	#formbox input {border:1px solid #ccc; width:300px;}
	#formbox textarea {border:1px solid #ccc; width:300px; height:180px;}
	#formbox input.button {background-color:#ccc; color:#666; width:80px;}
	#formbox img {margin:0 0 12px 0;}
	#formbox p {padding:0; margin:0;}
	

/* Footer area --- */
#footerwrap {border-top:1px solid #1C1D18; color:#282826; padding:20px 0;}
#footer {}
	#followlinks {float:left; width:610px;}
		#followlinks p {float:left; font:normal 17px georgia,serif; color:#232323; padding:0; line-height:46px;}
		a.logo {float:left; height:46px; margin:0 0 0 10px; background-repeat:no-repeat; text-indent:-4000px;}
			a.logo:hover {background-position:0 -46px;}
		.twitter {background-image:url(/images/logo-twitter.png); width:98px;}
		.myspace {background-image:url(/images/logo-myspace.png); width:128px;}
		.facebook {background-image:url(/images/logo-facebook.png); width:102px;}
	#copyright {float:right; font-size:10px; width:248px;}
		#copyright p {line-height:13px;}
		p#props, p#props a {color:#666562;}
		p#props a {text-decoration:underline;}
p#back-top {font-size:11px; text-align:center; margin:20px auto 40px; clear:both;}
p#back-top a {text-align:center; text-transform:lowercase; text-decoration:none; color:#000;}
p#back-top a:hover {color:#ccc;}
	
		
/* Styles added by Carolyn 05/28/2009 --- */
.wantad {color:#000; background-color:#fff; text-align:center; font-size:15px; font-weight:normal; font-family:verdana, arial, sans-serif;border:thin groove #CC8D0E; padding:3px;}
.advert {color:#000080; font-family:garamond; margin-left:25%; margin-right:25%;}	
.money {color:#000; background-color:#CC8D0E; font-weight:bold;}
.pound {color:#000; background-color:#66504D; font-weight:bold;}
.dollar {color:#000; background-color:#9e8b7a;}
.item {color:#000; background-color:#F7EEDB; font-weight:normal;}
.reveal {color:#900; font-weight:bold; font-family:arial, sans-serif;}
.unreveal {color:#8C8B87; font-weight:normal; font-family:arial, sans-serif;}	
.sigh {color:#ccc; font-style:italic;}
.headdata {color:#5B5650; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}

/* Will probably need to edit these!! */
.example {border:1px dotted #968D88; padding:5px; margin-bottom:10px;}
.fixed {border:1px dotted #968D88; padding:5px; margin-bottom:10px;}

/* MS formatting section */
.sample {color:#000; background:#fff; font-size:15px; font-family:'Courier new', courier, 'line printer', sans-serif;}
.surround {border:solid thin blue; margin-left:5%; margin-right:5%;}
.comment {color:#666; font-size:12px; font-family: arial, sans-serif;}
	
/* Chapter formatting */
#chapter p.firstpara {text-indent:0;}
#chapter p.firstpara:first-line {font-variant:small-caps;}
#chapter p.firstpara:first-letter {font-weight:bold; font-size:110%;}


/* ---- media queries / responsive styles ----------------------------------------- */
@media only screen and (max-width:768px) {
body {}
#headerwrap, #titlewrap, #bandwrap, #contentwrap, #footerwrap {width:auto; margin:0 auto;}
#header, #title, #band, #homeband, #content, #footer {width:auto; padding:0 1.5em; margin:0 auto;}

p.quote {background:none; padding:0 !important;}

#header {height:auto !important;}
	#logo {position:relative; top:0; left:0; margin:15px auto 0;}
	#searchbox {position:relative; top:0; left:0; margin:15px auto 0;}
		#searchbox input {margin:20px auto 0; display:block;}
		#searchbox input.button {margin:7px auto 0; width:auto;}
	#navmenu {position:relative; top:0; left:0; bottom:0; right:0; margin:20px auto 10px;}
		#navmenu ul {text-align:center; padding:0; margin:0;}
		#navmenu li {display:inline-block; float:none;}
		#navmenu a {display:inline-block; height:auto; line-height:auto;}
		#navmenu a:hover, #navmenu a.on {background:#8F9438;}

#titlewrap {} 
#title {height:auto !important; clear:both; padding:1.3em 1em;}
	#title h1 {text-align:center; font-size:20px; padding:0; line-height:24px;}
		
#bandwrap {}
	#band {padding:1em 1em;}
	#band p {font:normal 15px/20px georgia,serif; padding:0; text-align:center;}

	#homeband {}
	#featurewrap {background:none;}
		.feature {background:#F8EFD3; width:80%; margin:0; padding:25px; overflow:auto;}
		.leftf {float:none; margin:20px auto 0;} .rightf {float:none; margin:20px auto 20px; clear:both;}
			.ftext {width:auto; float:none;}
			.feature img {display:block; float:right; margin:0 0 0 15px; max-width:225px; }
			p.teaser {width:auto; font:bold 15px/20px georgia,sans-serif !important;}

#contentwrap {clear:both;}
#content {}
	#homecol {float:none; width:auto; padding:20px 20px 0;}
		.lcol {width:45%; float:left;}
			.lcol img {display:block; float:left; margin:6px 12px 5px 0;}
		.rcol {width:45%; float:right;}
	#maincol {float:none; width:auto;}
	#formbox input, textarea, select, option {display:block; font-family:verdana,sans-serif; font-size:100%; padding:4px; margin:0 0 12px 0;}
	#formbox input {width:90%;}
	#formbox textarea {width:90%; height:auto;}
	#formbox input.button {width:auto;}
	#formbox img {width:90%; max-width:300px;}
		
	#sidebar {float:none; width:60%; margin:20px auto 0; padding:5px 25px 10px;}
	
	
/*
#maincol {float:left; width:615px;}
	img.cover-lg {display:block; float:left; margin:5px 15px 15px 0;}
	/* excerpt class has indented paragraphs & increased line-height - note this class must be added to the #maincol id 
	.excerpt {}
	.excerpt p {text-indent:30px; line-height:18px; margin: 0em 0em 0em 0em;}
	.pullout {width:140px; padding:10px 15px 5px 15px; float:right; margin:10px 0 10px 15px; border-top:1px solid #BFB7A4; border-bottom:1px solid #BFB7A4; background:#E7E1C9; color:#333;}
		.pullout p {text-indent:0; font:normal 14px/20px georgia,serif;}
table#books {width:100%;}
	table#books td {vertical-align:top; padding:5px 5px 15px 5px; width:50%;}
	table#books img {display:block; float:left; margin:1px 15px 10px 0;}
/* Sidebar 
#sidebar {float:right; width:220px; margin-top:0px; padding:5px 15px 10px; background:#1C1D18; color:#F3E5B6; font-size:11px;}
	#sidebar a.on {color:#76766C;}
#subscribebox {padding:0 0 12px 0;}
	#subscribebox label {display:none;}
	#subscribebox form {margin:3px 0; font-size:11px;}
	#subscribebox input {margin:0; padding:4px; width:210px; background:#fff; border:1px solid #ccc; font-size:11px; color:#666;}
	#subscribebox input.button {width:80px; padding:4px; border:none; background:#76766C; color:#fff; margin:8px 0 0 0; letter-spacing:1px;} */
	
#footer {}
	#followlinks {float:none; width:230px; margin:0 auto 30px;}
		#followlinks p {text-align:center; float:none; line-height:46px;}
		.twitter {background-image:url(/images/logo-twitter.png); width:98px;}
		.facebook {background-image:url(/images/logo-facebook.png); width:102px;}
	#copyright {float:none; width:auto; margin:0 auto; text-align:center;}
}


@media only screen and (max-width:600px) and (orientation: portrait) {
#navmenu {height:auto;}
#navmenu .menu { margin-bottom:0; /*display:none;*/}
#navmenu a.toggleMenu {display:block; text-transform:lowercase; background:url(/images/menu.png) 0 5px no-repeat; padding:0 0 0 25px; height:18px; line-height:18px; font-size:13px; color:#fff; margin:0; width:45px;}
	#navmenu a.toggleMenu:hover, #navmenu a.toggleMenu:focus {background:url(/images/menu.png) 0 -10px  no-repeat !important; color:#8F9438 !important;}
	#navmenu ul.menu {height:auto; margin:0; padding:15px 0 10px 0; display:none; text-align:left;}
	#navmenu li {margin:0; padding:0 0 10px 0; display:block; float:none; line-height:24px; text-align:left;}
	#navmenu a {text-decoration:none; padding:0 7px; margin:0; line-height:24px; color:#fff;}
	#navmenu a:hover {color:#fff; background:#8F9438;}
	
table#books {width:100%;}
	table#books td {vertical-align:top; padding:5px 5px 15px 5px; width:auto; display:block; clear:both;}
	table#books img {display:block; float:left; margin:1px 15px 10px 0;}
table.forwriters {width:100%;}
		table.forwriters td {vertical-align:top; padding:5px 5px 15px 5px; width:auto; display:block; clear:both;}
	
.leftf {float:none; margin:20px auto 0;} .rightf {float:none; margin:20px auto 20px; clear:both;}
	.ftext {float:none; width:auto;}
	.feature img {display:block; float:none; margin:0 auto 20px; max-width:225px;}
}


@media only screen and (max-width:480px) {
#homecol {padding-top:20px;}
	.lcol {float:none; width:auto; padding-bottom:30px;}
		.lcol img {display:block; float:left; margin:6px 12px 5px 0;}
	.rcol {float:none; width:auto; padding-bottom:20px;}
#sidebar {width:auto; margin-top:10px; padding:5px 15px 10px;}
}


@media only screen and (min-width:599px) {
	/* ensure .menu is visible on desktop version when browser resized */
	.menu {display:block !important;}
}