/* ========== EBOOK ARTISANS STYLESHEET ========== */

	@page { margin-top: 30px; margin-bottom: 20px; }
	body { margin-left: 30px; margin-right: 30px; padding:0; }
	div { margin-top:20px; padding-top: 20px; }


/* ========== FONTS ========== */

	@font-face {
		font-family: Timeless; font-style: normal; font-weight: normal;
		src:url("fonts/Timeless.ttf"); }

	@font-face {
		font-family: Timeless-Bold; font-style: normal; font-weight: normal;
		src:url("fonts/Timeless-Bold.ttf"); }

	@font-face {
		font-family: Calligraffiti; font-style: normal; font-weight: normal;
		src:url("fonts/Calligraffiti.ttf"); }

	@font-face {
		font-family: ArchitectsDaughter; font-style: normal; font-weight: normal;
		src:url("fonts/ArchitectsDaughter.ttf"); }
	@font-face {
		font-family: belligerent; font-style: normal; font-weight: normal;
		src:url("fonts/belligerent.ttf"); }


/* ==========  HEADING STYLES  ========== */
	/*
	1. If using default font instead of embedding a special font, change font-weight to bold and remove the font-family property
	*/
	h1, h2, h3, h4, h5, h6 {
	  font-weight:normal;
	  -webkit-hyphens: none !important;
	  adobe-hyphenate: none;
	  -moz-hyphens: none;
	  hyphens: none;
	  page-break-after: avoid;
	  margin-top:0;
	  margin-bottom:0;
	  text-indent:0;
	  text-align:center;
	  font-family: Timeless-Bold;
	}

	h1 { margin-top:60px; font-size: 2.5em; }
	h1.part { margin-top: 90px; }
	h2 { margin-top:60px; }
	h2.title { font-size:1.8em; margin-top:30px;}
	h2.note { margin-top:60px; font-size:1.8em; }
	h3 { margin-top:120px; font-family: Timeless; font-size: 1.8em;  letter-spacing: 2px; }
	h4 { margin-top:30px; }
	h5 { margin-top:30px; font-size: 1.3em; }
	.none { margin-top:0px; }


/* ==========  PARAGRAPH STYLES  ========== */
	p { font-size: 1em; text-indent: 1.4em; margin-top: 0; margin-bottom:0; line-height:1.4em; widows:2; orphans:2; text-align:justify; -webkit-hyphenate-before:3; hyphenate-before:3; -webkit-hyphenate-after:3; hyphenate-after:3; -webkit-hyphenate-lines:2; hyphenate-lines:2; }

/* ---------- First Paragraph Styles ---------- */
	/*
	1. Remember to RegEx in the dropcap for ePub <samp>A</samp> between <span class="dropcap"><samp>A</samp></span> so that the dropcap will show up on iPad. Also in .firstbit, if you're styling that with a special font.
	2. Remember to check and see if chapters beginning with an A as a dropcap need <span class="afterA"> on the letters following the dropcap. For example: 

	<p class="first"><span class="dropcap"><samp>A</samp></span><span class="afterA">ntagonists</span> are annoying.</p>
	*/
	p.first { text-indent:0; margin-top: 120px;}
	p.date { text-indent:0; margin-top:100px;}
	p.first2 { text-indent:0; margin-top: 10px;}
	span.dropcap { 
			font-size: 3.2em; 
			font-weight: normal; 
			line-height: 1; 
			height: 0.9em; 
			float: left; 
			margin: 0 0.1em -0.1em 0; 
			font-family:NAMEofFONT; }
	span.afterA { margin-left: -0.75em; }
	span.firstbit { font-variant:small-caps;}
/* If using svg dropcap, then make sure to put the letter after the image in a svgdropcap7 span class. This way it won't show where the image displays, but it will display on mobi 7 for backwards campatibility */
	img.svgdropcap { float: left; width: 4em; margin-right: .3em; }
	.svgdropcap7 { display:none;}



/* ========== BODY PARAGRAPH STYLES ========== */

	p.norm1 { text-indent:1.4em; margin-top:30px; }
	p.section { text-indent:0; margin-top:45px; }
	p.undersection { text-indent:0; margin-top:15px; }
	p.divider { text-indent:0; margin-top:45px; text-align: center; }
	

/* ---------- Front Matter ---------- */
	p.review { text-indent:0; margin-top:20px; }
	p.reviewer { text-indent:0; margin-left: 1.4em; text-align:right; }
	p.also { text-align:center; margin-top:60px; }
	p.otherbooks { text-indent:0; margin-top:90px; text-align:center; text-decoration: underline; }
	p.series { text-indent:0; margin-top:30px; text-align:center; }
	p.thebooks { text-indent:0; text-align:center; }
	p.ded { text-align: center; text-indent:0; margin-top:120px; font-style:italic; }
	p.epigraph { text-align: center; text-indent:0; margin-top:120px; font-style:italic; }
	p.epiauthor { text-align: right; text-indent:0; margin-top:10px; }
	p.copy1 { font-size:x-small; text-align:center; text-indent:0; margin-top:90px; }
	p.copy2 { font-size:x-small; text-align:left; text-indent:0; margin-top:20px; }
	p.copy3 { font-size:x-small; text-align:center; text-indent:0; margin-top:20px; }
	/* You can do two ISBNs in the following manner:
		<p class="copy2">ISBN: <span class="kindleisbn">921-22-1092801</span><span class="epubisbn">921-22-1092833</span></p> 		*/
	.epubisbn { display:inline; }
	.kindleisbn { display:none; }



/* ---------- Table of Contents ---------- */
	h2 + p.tc1 { text-indent:0; margin-top:30px; text-align:left; }
	p.tc1 { text-indent:0; text-align:left; }
	p.tc2top { text-indent:0; margin-top: 30px; margin-left: 1.4em; text-align:left; }
	p.tc2 { text-indent:0; margin-left: 1.4em; text-align:left; }

	/* If the entries in the table of contents are more than a couple words, then erase above and use these. (Take them out of the comment.) Also do the same under the old-mobi 7 media query 
		p.tc1first { margin:30px 0 0 1.4em; text-indent: -1.4em; }
		p.tc1 { margin:0 0 0 1.4em; text-indent: -1.4em; }
		p.tc2first { margin:0 0 0 2.8em; text-align: left; text-indent: -1.4em; padding-top:30px; }
		p.tc2 { margin:0 0 0 2.8em; text-align: left; text-indent: -1.4em; }
	Remember that if you use the hanging indents in this section, you'll need to add the mobi7hack for the level 2 items:
		<p class="tc2"><span class="hide">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>Second Level TOC Entry</p>
	*/


/* ---------- Special Bits ---------- */
	p.centeredbit { text-indent:0; margin-top:30px; text-align:center; }
	p.centered { text-indent:0; margin-top:0; text-align:center; }

/* ---------- Letters & Articles ---------- */
	p.salutation { text-indent:0; margin-top: 30px; margin-right:1.4em; margin-left:1.4em;}
	p.letter { font-family: sans-serif; text-indent:0; margin-top: 15px; margin-right:1.4em; margin-left:1.4em;}
	p.signature { text-indent:0; margin-top: 15px; margin-right:1.4em; margin-left:1.4em;}
	p.headline { text-indent:0; margin-top:30px; margin-right:1.4em; margin-left:1.4em;}
	p.extracthead { text-indent: 0; margin-top: 30px; font-weight:bold; font-family: sans-serif; margin-left: 1.4em; margin-right: 1.4em; }
	p.extracthead2 { text-indent: 0; font-weight:bold; font-family: sans-serif; margin-left: 1.4em; margin-right: 1.4em; }
	p.letterhead1 { font-family: sans-serif; font-size: 1.3em; font-weight: bold; text-indent:0; margin-top:30px; margin-right:1.4em; margin-left:1.4em; text-align: center; }
	p.letterhead2 { font-family: sans-serif; font-size: 1.1em; font-weight: bold; text-indent:0; margin-top:0; margin-right:1.4em; margin-left:1.4em; text-align: center; }
	p.extract { font-family: sans-serif; text-indent:0; margin-top:30px; margin-right:1.4em; margin-left:1.4em;}
	p.normextract { text-indent:0; margin-top:30px; margin-right:1.4em; margin-left:1.4em;}
	p.journal { font-family: sans-serif; text-indent:0; margin-top:30px; margin-right:1.4em; margin-left:1.4em;}
	p.signoff { font-family: sans-serif; text-indent:0; margin-top:10px; margin-right:1.4em; margin-left:1.4em; text-align: right; }
	p.journalnt { font-family: ArchitectsDaughter; font-size: 1em; text-indent:0; margin-top:30px; margin-right:1.4em; margin-left:1.4em;}
	p.calligraphy { font-family: Calligraffiti, cursive; font-size: 1.1em; text-indent:0; margin-top:30px; text-align:center; }
	p.journaljh { font-family: belligerent; font-size: 1.15em; text-indent:0; margin-top:30px; margin-right:1.4em; margin-left:1.4em;}
	
/* ---------- Character Styles ---------- */
	span.allcaps { font-size: 0.93em; }
	span.smallcaps { font-size: 0.8em; }
	span.under { text-decoration:underline; }
	span.strike {text-decoration: line-through;}
	sup { font-size: 0.65em; line-height:0.65em; }
	sup.frac { font-size: 0.6em; vertical-align:.5em; }
	sub.frac { font-size: 0.6em; vertical-align:-0.1em; }
	a:link { color:#3399CC; }
	a:visited { color:#3399CC; } 


/* ==========  IMAGES  ========== */
	/*
	1. If floating images to the right or left, use "hide7" if the images should just be hidden in mobi 7. If they should display in mobi 7 as centered images, then use the first ones. 
	*/
	div.image { margin-top:0; text-align:center; padding: .5em 0 .5em 0; }
	div.imageright { margin-top:0; padding-top:0; float:right; margin-left: 10px; }
	div.imageleft { margin-top:0; padding-top:0; float:left; margin-right: 10px; }
	div.imagerighthide7 { margin-top:0; padding-top:0; float:right; margin-left: 10px; }
	div.imagelefthide7 { margin-top:0; padding-top:0; float:left; margin-right: 10px; }
	div.fullpage { margin-top:0; padding-top:0; }


/* ========== COVER ========== */
	#cover img { width:auto; height:100%; }
	div.cover { margin-top: 0; padding-top:0; }
	svg { width:100%; height: 100%;}

/* ========== NONFICTION ELEMENTS ========== */

/* ---------- Lists ---------- */
	ul { adobe-text-layout: optimizeSpeed; }
	ol { adobe-text-layout: optimizeSpeed; }

	ol.decimal {list-style-type: decimal;}
	ol.upper-alpha {list-style-type: upper-alpha;}
	ol.lower-alpha {list-style-type: lower-alpha;}
	ol.upper-roman {list-style-type: upper-roman;}
	ol.lower-roman {list-style-type: lower-roman;}
	ul.disc {list-style-type: disc;}
	ul.circle {list-style-type: circle;}
	ul.square {list-style-type: square;}

	li { line-height: 1.4em; text-align: left; orphans: 2; widows: 2; }
	ol { margin-top: 1.4em; margin-bottom: 1.4em; }
	ul { margin-top: 1.4em; margin-bottom: 1.4em; }
	ol ol {	margin-top: 0; margin-bottom: 0; }
	ul ul {	margin-top: 0; margin-bottom: 0; }
	ol ul {	margin-top: 0; margin-bottom: 0; }
	ul ol {	margin-top: 0; margin-bottom: 0; }


/* ---------- Tables ---------- */	
	table { border-collapse: collapse; border-spacing: 0;  width: 100%; page-break-inside: avoid; }


/* ---------- Pull-Quotes & Sidebars ---------- */
	/*
	1. If using pull-quote or sidebar, remember to insert 
			<div class="hidelines"><hr></div>
		both above and below the pull-quote for Mobi 7 backwards compatibility.
	2. Or if you have an image, then:
			<p class="hidelines"><img src="divider.png" alt="" width="300" height="45"/></p>
	*/
	.sidebar { 
	    float:right !important; 
	    width:40% !important; 
	    margin: 0; 
	    padding-right: .5em !important; 
	    padding-left: .5em !important; 
	    padding-top:0; 
	    padding-bottom:0; 
	    text-align: center; 
	    border-left: 1px solid black; 
		margin-left: .5em !important;
	    } 
	 .pullquote { 
	    float:right !important; 
	    width:40% !important; 
	    margin: 0; 
	    padding-right: .5em !important; 
	    padding-left: .5em !important; 
	    padding-top:5px; 
	    padding-bottom:5px; 
	    text-align: center; 
	    border-top: 1px solid black;
	    border-bottom: 1px solid black; 
		margin-left: .5em !important;
	    } 
	 .hidelines { display:none; }



/* ---------- COOKBOOKS ---------- */

div.ingredientbox {
	display: inline-block;
	width: 75%;
	border: 2px solid #4B0082;
	border-radius: 10px;
	background-color: #e9ccff;
	padding: 10px;
	margin: 15px 15px;
}
div.ingredientsidebar {
	display: inline-block;
	width: 40%;
	float: right;
	border: 2px solid #4B0082;
	border-radius: 10px;
	background-color: #e9ccff;
	padding: 10px;
	margin: 10px 0 10px 10px;
}
p.ingredient {
	text-indent: -20px;
	margin-left: 20px;
	text-align: left;
	font-size: 0.85em;
	line-height: 1.1em;
}
p.serves {
	text-align: right;
	text-indent: 0;
	margin-top: 1em;
	margin-right: 2em;
	font-weight: bold;
	font-size: 0.85em;
}
p.instr {
	text-indent:0;
	margin-top:0.5em;
}


/* ---------- Poetry ---------- */
p.hanging { margin:0 0 0 1.4em; text-indent: -1.4em; }
p.poem1 { margin:0 0 0 2.8em; text-align: left; text-indent: -1.4em; padding-top:30px; }
p.poem { margin:0 0 0 2.8em; text-align: left; text-indent: -1.4em; }
p.poem2 { margin:0 0 0 4.2em; text-align: left; text-indent: -1.4em; }

p.outline1 { font-family:sans-serif; margin:0 0 0 1.4em; text-indent: -1.4em; }
p.outline2 { font-family:sans-serif; margin:0 0 0 2.8em; text-align: left; text-indent: -1.4em; }
p.outline3 { font-family:sans-serif; margin:0 0 0 4.2em; text-align: left; text-indent: -1.4em; }
p.outline4 { font-family:sans-serif; margin:0 0 0 5.4em; text-align: left; text-indent: -1.4em; }
.hide { display:none; visibility:hidden; }

/* ========== KF8-ONLY MEDIA QUERY ========== */
@media amzn-kf8 {
	/* The dropcap top and bottom margins may need a bit of tweaking to work right in Paperwhite view and Fire view depending on font */
span.dropcap {
	  font-family: OldStandardRegular;
	  font-size: 341%;
	  margin-top:-0.2245em;
	  margin-right: 0.04em;
	  margin-bottom:-0.1845em;
	  margin-left:0;
	  padding-top:0;
	  line-height:1;
	  height:1;
	  float:left;
		}

span.afterA { margin-left: -0.5em; }
.epubisbn { display:none; }
.kindleisbn { display:inline; }
/* This .hide is so the nbsp you enter for the old mobi hack will be hidden from the KF8 format. */
.hide { display:none; }
}
/* ===== END MEDIA QUERY ===== */



/* ========== MOBI-7-ONLY MEDIA QUERY ========== */
@media amzn-mobi {

	h1, h2, h3, h4, h5, h6 {
	  font-weight:bold;
	  text-align:center !important;
	}

.dropcap { font-size:300%; font-weight:bold; }
.firstbit { font-weight:bold; }
	
/*Hanging Indents*/
	/* .hanging is aligned with the left margin; we use this for bibliographies and the like. It doesn't need 6 &nbsp; first. */
	.hanging { margin-left:0; text-align:left; text-indent: -30px;  }
	/* .poem has a margin left and THEN hang. We use this for poetry in the midst of prose, or song lyrics in the middle of a novel, or sometimes dialogue that's set up like a screenplay almost, like DAD: Hi, son. SON: Hi, Dad. 
	IMPORTANT: in the HTML, it needs to be:
	<p class="poem"><span class="hide">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>the line of poetry</p>
	(That way the nbsp is hidden from the KF8 file, which doesn't need that hack.
	Use poem1 for the first line (or first line of each stanza, or whenever you need a one-line break above.)
	Use poem for the others.
	Remember to use <p class="norm1" following so there's a break after, as well.
	*/
	.poem1 { margin-left:0; text-align: left; text-indent: -60px; margin-top:30px; }
	.poem { margin-left:0; text-align: left; text-indent: -60px; }
	/*This is for second level with a double-margin-left and then an indent. Sometimes used for poetry and the like. Rare, though. 
	IMPORTANT: needs to be formatted with nbsp; as above, but with TWELVE nbsp; */
	.poem2 { margin-left:0; text-align: left; text-indent: -90px; }
	/*And just so old mobi uses the nbsp stuff for the hack, use the following code.*/
	.hide { display:inline; }

/* ---------- Table of Contents ---------- */
		/* If the entries in the table of contents are more than a couple words, then use these. 
		p.tc1first { margin-left:0; text-align:left; text-indent: -30px; margin-top:30px; }
		p.tc1 { margin-left:0; text-align:left; text-indent: -30px;  }
		p.tc2first { margin-left:0; text-align: left; text-indent: -60px; margin-top:30px; }
		p.tc2 { margin-left:0; text-align: left; text-indent: -90px; }
	*/

	p.salutation { text-indent:0; margin-top: 30px !important; }
	p.letter { text-indent:0; margin-top: 15px !important; }
	p.signature { text-indent:0; margin-top: 15px !important; }
	p.extract { text-indent:0; margin-top: 30px !important; }

div.imageright { text-align:center; }
div.imageleft { text-align:center; }
div.imagerighthide7 { display:none; }
div.imagelefthide7 { display:none; }
.svgdropcap7 { display:inline;}	
.epubisbn { display:none; }
.kindleisbn { display:inline; }
.hidelines { display:inline; text-align:center; }
}