/* Sans */
@font-face
{
    font-family: YogaSansPro;
    src: url("fonts/YogaSansPro.otf");
}

@font-face
{
    font-family: YogaSansPro;
    font-style: italic;
    src: url("fonts/YogaSansPro-Ita.otf");
}
@font-face
{
    font-family: YogaSansPro;
    font-weight: bold;
    src: url("fonts/YogaSansPro-Bold.otf");
}
/* Serif */
@font-face
{
    font-family: YogaPro;
    src: url("fonts/YogaPro.otf");
}
@font-face
{
    font-family: YogaPro;
    font-weight: bold;
    src: url("fonts/YogaPro-Bold.otf");
}
@font-face
{
    font-family: YogaPro;
    font-style: italic;
    src: url("fonts/YogaPro-Ita.otf");
}

/* Fixed-width */
@font-face {
    font-family: "FagoMonoOT";
    src: url("fonts/FagoMonoOT.otf");
}
@font-face {
    font-family: "FagoMonoOT";
    font-weight: bold;
    src: url("fonts/FagoMonoOT-Bold.otf");
}

/* Headlines */
@font-face
{
    font-family: "TitlingGothicFB Cond Regular";
    src: url("fonts/TitlingGothicFBCond-Regular.ttf");
}

@page {
    margin: 0.5em;
}

body {
  font-family: YogaPro, serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Titling Gothic", sans-serif;
  font-weight: 400;
  text-align: left;
}
h2 {
  text-align: left;
  font-size: 1.2em;
  padding-top: 1em;
  -webkit-hyphens: none;
}

h3 {
  font-family: serif;
  font-size: 1.1em;
  font-weight: 700;
  text-align: left;
  padding-top: 1em;
  margin-bottom: .8em;
  -webkit-hyphens: none;
}

/* Ensure that images do not break across pages, like Fig 2-3 */
div.image, img {
  max-width: 100%;
  max-height: 100%;
  clear: both; /* This is in Apple's example?! */
  page-break-inside: avoid;
  padding: 0;
  margin: 0;
}

div.figure {
  border-top: 1px dotted rgb(179,179,179);
  border-bottom: 1px dotted rgb(179,179,179);
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

span.fig-number, span.tbl-number {
  font-family: YogaSansPro, Arial, Helvetica, sans-serif;
  font-size: .9em;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}


p.fig, .tbl {
  font-family: YogaSansPro, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2em;
  padding: .5em 0 .5em 0;
  margin: .5em 0 .5em 0;
  text-align: left;
  text-indent: 0;
}

.leftFloat {
    float: left;
}

.rightFloat {
    float: right;
}

/* References */
.link {
  font-family: YogaSansPro, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #777777;
  font-size: .9em;
  padding-left: .5em;
}

a {
  color: #3399cc;
  font-family: YogaSansPro, Arial, Helvetica, sans-serif;
  font-style: normal;
  text-decoration: none;
}


span.first-line-opener {
    text-transform: uppercase;
    font-size: smaller;
}

span.italic {
    font-weight: 400;
    font-style: italic;
}

span.fig-url {
    font-family: YogaSansPro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.67em;
    color: #000;
}

span.fig-number-inline {
    font-family: YogaSansPro, sans-serif;
    text-transform: uppercase;
    color: rgb(51, 51, 51);
    font-size: small;
    font-style: normal;
    font-weight: bold;
}
div.copy-block {
  margin-top: 2em;
  margin-bottom: 2em;
}  

div.copy-block p {
  margin-top: 0;
  margin-bottom: 0;
}

h2.headline
{
	font-family: "TitlingGothicFB Cond Regular", sans-serif;
	font-weight: 300;
	font-style: normal;
        color: #7e4681; /* Purple */

	text-transform: uppercase;
        letter-spacing: 1px;
}

h3.subhead
{
	font-family: YogaPro, serif;
	font-weight: 700;
	font-style: normal;
	color: #000;
	text-indent: 0;
	margin: 18px 0 0;
}
div.chapterheading {
  margin: 0 0 1em;
  padding: 0;
  text-align: left;
  width: 100%;
}

p.Chapter-opening
{
	font-family: YogaPro, serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.5em;
	text-decoration: none;
	font-variant: normal;
	line-height: 1.44;
	text-align: left;
	color: #fff;
	text-indent: 0;
	margin: 5px 0 0;
}

blockquote {
    margin: 1em 0 1em 2em;
    padding: 0;

}
blockquote p {
    margin: 0;
    padding: 0;
    font-family: YogaSansPro, sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #000;
}

blockquote p + p {
    padding-top: 0.5em;
}

p.ext {
    text-indent: 0;
}

p.ext-first-line {
    text-indent: 0;
}

li
{
    text-align: left;
    color: #000;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

p.fig
{
	font-family: YogaSansPro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.67em;
	text-decoration: none;
	font-variant: normal;
	line-height: 1.2;
	text-align: left;
	color: #000;
	text-indent: 0;
	margin: 0 0 9px;
}

p.index
{
	font-family: YogaPro, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.58em;
	text-decoration: none;
	font-variant: normal;
	line-height: 1.29;
	text-align: left;
	color: #000;
	text-indent: -9px;
	margin: 0 0 0 9px;
}

p.body-first-paragraph
{
	font-family: YogaPro, serif;
	font-weight: 400;
	font-style: normal;
	text-indent: 0;
	margin: 0;
}


p.Book-Endnotes
{
	font-family: YogaSansPro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.67em;
	text-decoration: none;
	font-variant: normal;
	line-height: 1.2;
	text-align: left;
	color: #000;
	text-indent: -16px;
	margin: 0 0 0 16px;
}

p.dedication {
    font-family: YogaPro, serif;
    font-weight: 400;
    font-style: italic;
    font-size: 0.83em;
    text-decoration: none;
    font-variant: normal;
    line-height: 1.2;
    text-align: center;
    color: #000;
    text-indent: 0;
    margin: 72px 0 0;
    page-break-after: always;
}

p.persona-first-paragraph
{
	font-family: YogaSansPro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.83em;
	text-decoration: none;
	font-variant: normal;
	line-height: 1.2;
	text-align: left;
	color: #555;
	text-indent: 0;
	margin: 0 0 1em 0;
}

p.persona
{
	font-family: YogaSansPro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.83em;
	text-decoration: none;
	font-variant: normal;
	line-height: 1.2;
	text-align: left;
	color: #555;
	text-indent: 12px;
	margin: 0 0 1em 0;
}

p.para-style-override-1
{
	margin-left: 1px;
}

p.para-style-override-2
{
	margin-left: 4px;
}

h2.para-style-override-3,p.para-style-override-3
{
	text-align: right;
}


p.para-style-override-5
{
    text-indent: 0;
}

img.outline {
    border: 1px solid rgb(208, 208, 208);
}


div.index {
  font-style: normal;
  font-weight: 400;
  line-height: 1.29em;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
  text-indent: 0;
}

div.index p {
  margin-bottom: 0;
  margin-top: 0;
}

div.index p.sub-entry {
  margin-left: 2em;
}

h3.index-heds {
  border-bottom: 2px solid #c8c8c8;
  font-family: "Yoga Sans Pro", Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2em;
  margin: 2em 0 1em;
  padding: 0 0 .25em;
  text-align: left;
  text-indent: 0;
}
pre {
  color: #004e7f;
  white-space: pre-wrap;
  font-family: "FagoMonoOT", "Courier New", Courier, monospace, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.2em;
  margin: 1em 0 1.1em 1.1em;
  text-align: left;
  text-indent: 0;
}

pre strong {
  font-family: "FagoMonoOT", "Courier New", Courier, monospace, sans-serif;
  font-weight: 700;
  font-style: normal;
}

code.comment {
  font-family: "FagoMonoOT", "Courier New", Courier, monospace, sans-serif;
  color: #555555;
}

code {
  color: #004e7f;
  font-family: "FagoMonoOT", "Courier New", Courier, monospace, sans-serif;
  font-style: normal;
}