/* NEUE SANS */

@font-face {
font-family: "NeueSans";
font-style: normal;
font-weight: 100;
src : url("../fonts/NeueSans-Thin.otf");
}
@font-face {
font-family: "NeueSans";
font-style: italic;
font-weight: 100;
src : url("../fonts/NeueSans-ThinItalic.otf");
}
@font-face {
font-family: "NeueSans";
font-style: normal;
font-weight: 200;
src : url("../fonts/NeueSans-Light.otf");
}
@font-face {
font-family: "NeueSans";
font-style: italic;
font-weight: 200;
src : url("../fonts/NeueSans-LightItalic.otf");
}
@font-face {
font-family: "NeueSans";
font-style: normal;
font-weight: normal;
src : url("../fonts/NeueSans-Normal.otf");
}
@font-face {
font-family: "NeueSans";
font-style: italic;
font-weight: normal;
src : url("../fonts/NeueSans-NormalItalic.otf");
}
@font-face {
font-family: "NeueSans";
font-style: normal;
font-weight: 400;
src : url("../fonts/NeueSans-SemiBold.otf");
}
@font-face {
font-family: "NeueSans";
font-style: italic;
font-weight: 400;
src : url("../fonts/NeueSans-SemiBoldItalic.otf");
}
@font-face {
font-family: "NeueSans";
font-style: normal;
font-weight: bold;
src : url("../fonts/NeueSans-Bold.otf");
}
@font-face {
font-family: "NeueSans";
font-style: italic;
font-weight: bold;
src : url("../fonts/NeueSans-BoldItalic.otf");
}
@font-face {
font-family: "NeueSans";
font-style: normal;
font-weight: 900;
src : url("../fonts/NeueSans-Black.otf");
}
@font-face {
font-family: "NeueSans";
font-style: italic;
font-weight: 900;
src : url("../fonts/NeueSans-BlackItalic.otf");
}


/* SERIFA */

@font-face {
font-family: "Serifa";
font-style: normal;
font-weight: 200;
src : url("../fonts/SerifaStd-Light.otf");
}
@font-face {
font-family: "Serifa";
font-style: italic;
font-weight: 200;
src : url("../fonts/SerifaStd-LightItalic.otf");
}
@font-face {
font-family: "Serifa";
font-style: normal;
font-weight: normal;
src : url("../fonts/SerifaStd-Roman.otf");
}
@font-face {
font-family: "Serifa";
font-style: italic;
font-weight: normal;
src : url("../fonts/SerifaStd-Italic.otf");
}
@font-face {
font-family: "Serifa";
font-style: normal;
font-weight: bold;
src : url("../fonts/SerifaStd-Bold.otf");
}
@font-face {
font-family: "Serifa";
font-style: normal;
font-weight: 700;
src : url("../fonts/SerifaStd-Black.otf");
}




/* ---- IMAGES ---- */

img.image {
	width:100%;
	page-break-inside:avoid;
	text-align:center;
}
.image1 {
	width:100%;
	page-break-inside:avoid;
	text-align:center;
	vertical-align:middle;
}
.full_width_image {
	page-break-before:always;
	width:100%;
	text-align: center;
	margin:.25em 0;
}
.full_width_image0 {
	width:100%;
	text-align: center;
	margin:.25em 0;
}
div.fullpageimage
{
	page-break-after: always;
	width:100%;
	text-align: center;
	margin:.25em 0;
}
div.partimage
{
	text-align: center;
	padding-top: .25em;
	margin-bottom: .25em;
}
div.sectionimage
{
	page-break-before: always;
	text-align: center;
	margin:.25em 0;
	page-break-after:always;
}
div.sectionimagef
{
	text-align: center;
	padding-top: .25em;
	margin-bottom: .25em;
	page-break-after:always;
}
.contentsImage {
	width:60%;
	margin:.5em 20%;
	padding:0;
}
.recipeImage {
	width:80%;
	margin:0 10%;
	padding:0;
	page-break-after:always;
}
.hooptyHoop {
	display:inline-block;
	width:1.0em;
	margin:0 .5em;
}
.loopyLoop {
	width:16%;
	margin:0 42% 1.0em 42%;
}
.noteMiddleImage {
	width:24%;
	margin:1.0em 38% 1.0em 38%;
}
.noteImage {
	display:inline-block;
	width:4.0em;
	margin:0 .15em;
}
.subrecipeImage {
	display:inline-block;
	width:4.0em;
	margin:0 .25em;
}
.rh2Image {
	display:inline-block;
	width:3.0em;
	margin:0 .5em;
}
.float_left {
	width:45%;
	margin:.5em 5% .5em 0;
	padding:0;
	float:left;
}
.float_right {
	width:45%;
	margin:.5em 0 .5em 5%;
	padding:0;
	float:right;
}
span.inline_image {
	display:inline-block;
	width:1.5em;
	margin:0 .2em 0 0;
}
.clear_float {
	clear:both;
}


/* ---- ADDITIONAL STYLES and OVERRIDES ---- */

a.wlink {
	text-decoration:none;
	color:#ffffff;
	-webkit-text-fill-color:#ffffff;
}
.normal {
	font-style:normal;
}
p {
    text-align:left;
    margin-bottom:0;
}

/* ----- NAV BARS ----- */

div.nav {
margin:1em 0;
page-break-inside:avoid;
page-break-before:always;
border-bottom: 2px solid #999999;
border-top: 2px solid #999999;
width:100%;
}
div.nav-nobreak {
margin:1em 0 1em 0;
page-break-inside:avoid;
border-bottom: 2px solid #999999;
border-top: 2px solid #999999;
width:100%;
}
a.index_link {
text-decoration:none;
color:#333333;
}
p.nav-bar {
margin:.1em;
padding:.4em;
line-height:1.5em;
text-align:center;
}
span.letter-block {
width:1em;
text-align:center;
margin:0 .15em;
color:#999999;
display:inline-block;
}
.indexdiv {
color:#f7a400;
font-family:"NeueSans", sans-serif;
font-size:2em;
font-weight:200;
margin:1.5em 0 .25em 0;
}

p.bx {
	color:#474847;
	font-family:"Serifa", serif;
	font-size:0.8em;
	line-height:1.4em;
	}

p.bxt {
	color:#2e5464;
	font-family:"NeueSans", sans-serif;
	font-weight:200;
	font-size:1.1em;
	line-height:1.2em;
	text-align:center;
	margin-bottom:.35em;
	}

div.ingredients {
	margin:1.5em 0;
	border-top:2px dotted #97aab4;
	border-bottom:2px dotted #97aab4;
	padding:1.5em 0;
}

p.ril {
	font-family:"NeueSans", sans-serif;
	font-size:0.85em;
	line-height:1.3em;
	font-weight:400;
	margin-top:.35em;
	}

p.ril1 {
	font-family:"NeueSans", sans-serif;
	font-size:0.85em;
	line-height:1.3em;
	font-weight:400;
	margin-top:1.5em;
	}

p.rilhf {
	color:#97aab4;
	font-family:"Serifa", serif;
	font-size:0.85em;
	line-height:1.4em;
	margin-bottom:.25em;
	}

p.rilh {
	color:#97aab4;
	font-family:"Serifa", serif;
	font-size:0.85em;
	line-height:1.4em;
	margin-bottom:.25em;
	margin-top:1.5em;
	}

ol {
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-position:inside;
}

li.rp {
	font-family:"NeueSans", sans-serif;
	font-weight:400;
	font-size:0.85em;
	line-height:1.6em;
	margin-top:1.0em;
	counter-increment: step-counter;
	}
	
li.rp::before {
	content: counter(step-counter);
	margin-right:.625em;
	font-family:"NeueSans";
	font-size:1.0em;
	font-weight:bold;
}

p.rp0 {
	font-family:"NeueSans", sans-serif;
	font-weight:400;
	font-size:0.85em;
	line-height:1.6em;
	margin-top:1.0em;
	}

p.ry {
	color:#474847;
	font-family:"Serifa", serif;
	font-size:0.8em;
	line-height:1.6em;
	font-weight:200;
	text-align:center;
	}

div.noteBox {
	background-color:#dbe3e7;
	padding:3%;
	margin-top:1.0em;
}

div.noteBox0 {
	background-color:#dbe3e7;
	border:3px dotted white;
	padding:5%;
}

div.sidebarBox {
	background-color:#dbe3e7;
	padding:8%;
	margin-top:1.0em;
	border-radius:15px;
}

div.sidebarBox0 {
}

p.rnh {
	color:#2e5464;
	font-family:"NeueSans", sans-serif;
	font-weight:200;
	font-size:1.1em;
	line-height:1.2em;
	text-align:center;
	margin-bottom:.35em;
	}
	
p.rn {
	color:#474847;
	font-family:"Serifa", serif;
	font-size:0.8em;
	font-style:italic;
	line-height:1.4em;
	text-align:center;
	}	

p.srt {
	font-family:"NeueSans", sans-serif;
	font-weight:400;
	font-size:0.9em;
	line-height:1.5em;
	margin-top:2.5em;
	margin-bottom:.25em;
	text-align:center;
	}

p.bl {
	font-family:"Serifa", serif;
	font-weight:200;
	font-size:0.9em;
	line-height:1.4em;
	margin-top:1.0em;
	}

p.crtf {
	font-family:"Serifa", serif;
	font-weight:200;
	font-size:0.9em;
	line-height:1.4em;
	margin-top:1.5em;
	text-align:center;
	}

p.crt {
	font-family:"Serifa", serif;
	font-weight:200;
	font-size:0.9em;
	line-height:1.4em;
	text-align:center;
	}

p.ded {
	font-family:"Serifa", serif;
	font-size:0.9em;
	line-height:1.4em;
	font-style:italic;
	margin-top:1.5em;
	}

span.ded0 {
	font-style:normal;
}

p.fmp {
	font-family:"Serifa", serif;
	font-weight:200;
	font-size:0.9em;
	line-height:1.4em;
	margin-top:1.0em;
	}

p.fmp0 {
	font-family:"Serifa", serif;
	font-weight:200;
	font-size:0.9em;
	line-height:1.4em;
	margin-top:1.0em;
	padding-top:1.0em;
	border-top:2px dotted #97aab4;
	}

p.fmpf {
	font-family:"Serifa", serif;
	font-weight:200;
	font-size:1.0em;
	line-height:1.6em;
	margin:1.0em 8%;
	}

p.fmt {
	color:#f7a400;
	font-family:"NeueSans", sans-serif;
	font-size:3.0em;
	line-height:1.0em;
	font-weight:200;
	text-align:center;
	}
	
span.fmt0 {
	font-size:.65em;
	letter-spacing:-.01em;
	font-weight:normal;
}

p.paft {
	font-family:"Serifa", serif;
	font-weight:200;
	font-size:0.8em;
	line-height:1.3em;
	margin-top:1.0em;
	}

p.rh1 {
	color:#97aab4;
	font-family:"Serifa", serif;
	font-size:0.85em;
	line-height:1.4em;
	margin-bottom:.25em;
	margin-top:1.5em;
	padding-top:1.0em;
	border-top:2px dotted #97aab4;
	}
	
p.rh1a {
	color:#97aab4;
	font-family:"Serifa", serif;
	font-size:0.85em;
	line-height:1.4em;
	margin-bottom:.25em;
	}
	
p.rh1b {
	color:#97aab4;
	font-family:"Serifa", serif;
	font-size:0.85em;
	line-height:1.4em;
	margin-bottom:.25em;
	margin-top:1.5em;
	padding-top:1.0em;
	border-top:2px dotted #97aab4;
	}
	
p.rh1c {
	color:#97aab4;
	font-family:"Serifa", serif;
	font-size:0.85em;
	line-height:1.4em;
	margin-bottom:.25em;
	margin-top:1.5em;
	}		

p.rh2 {
	color:#818285;
	font-family:"Serifa", serif;
	font-size:0.85em;
	line-height:1.4em;
	text-align:center;
	margin-top:1.5em;
	padding:1.0em 0;
	border-top:2px dotted #97aab4;
	border-bottom:2px dotted #97aab4;
	}
	
p.rh2a {
	color:#818285;
	font-family:"Serifa", serif;
	font-size:0.85em;
	line-height:1.4em;
	text-align:center;
	margin-top:1.5em;
	padding-top:1.0em;
	border-top:2px dotted #97aab4;
	margin-bottom:-.5em;
	}	

p.rhn {
	font-family:"Serifa", serif;
	font-size:0.9em;
	line-height:1.6em;
	margin-top:7px;
	}

p.rps {
	font-family:"NeueSans", sans-serif;
	font-weight:400;
	font-size:0.85em;
	line-height:1.4em;
	}

p.rt {
	page-break-before:always;
	font-family:"NeueSans", sans-serif;
	font-size:2.4em;
	line-height:1.0em;
	font-weight:100;
	text-align:center;
	margin-bottom:.25em;
	}
	
span.rt0 {
	font-size:.75em;
	letter-spacing:-.01em;
	font-weight:200;
}

p.rtip {
	color:#474847;
	font-family:"Serifa", serif;
	font-size:0.8em;
	line-height:1.4em;
	}

p.rtiph {
	color:#2e5464;
	font-family:"NeueSans", sans-serif;
	font-weight:200;
	font-size:1.1em;
	line-height:1.2em;
	text-align:center;
	margin-bottom:.35em;
	}

p.toc {
	color:#393a39;
	font-family:"Serifa", serif;
	font-size:1.0em;
	line-height:1.8em;
	font-weight:200;
	text-align:center;
	margin-top:.75em;
	}

p.toc1 {
	color:#393a39;
	font-family:"Serifa", serif;
	font-size:1.0em;
	line-height:1.8em;
	font-weight:200;
	text-align:center;
	margin-top:1.0em;
	padding-top:1.0em;
	border-top:2px dotted #97aab4;
	}

p.tocfm {
	color:#393a39;
	font-family:"Serifa", serif;
	font-size:1.0em;
	line-height:1.8em;
	font-weight:200;
	font-style:italic;
	text-align:center;
	margin-top:.75em;
	}

span.H2 {
	font-family:"NeueSans", sans-serif;
	font-size:0.9em;
	font-weight:bold;
	}

span.hemb {
	font-family:"NeueSans", sans-serif;
	font-size:0.85em;
	font-weight:bold;
	letter-spacing:.05em;
	}

span.hemb0 {
	font-family:"NeueSans", sans-serif;
	font-size:0.75em;
	font-weight:bold;
	letter-spacing:.05em;
	}

span.ry2 {
	font-family:"Serifa", serif;
	font-weight:bold;
	}

span.normalFontStyle {
	font-family:"Serifa";
	font-style:normal;
	}