/* This defines styles and classes used in the book */

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

body { 
    text-align: justify; 
    font-size: small; 
    font-family: "BigCaslon";
    /*font-family: "Helvetica Neue", Helvetica, "Liberation Sans", Calibri, Arial, sans-serif; /* Sans-serif headers */
}

h1.title { }
h2.author { }
h3.date { }
ol.toc { padding: 0; margin-left: 1em; }
ol.toc li { list-style-type: none; margin: 0; padding: 0; }

/* headers */
h1 { text-align: left; }
h2 { text-align: left; }
h3 { text-align: left; }
h4 { text-align: left; }
h5 { text-align: left; }
h6 { text-align: left; }

h1, h2, h3, h4, h5, h6 
{
    /* font-family: "Helvetica Neue", Helvetica, "Liberation Sans", Calibri, Arial, sans-serif; /* Sans-serif headers */
    /* font-family: "Liberation Serif", "Georgia", "Times New Roman", serif; /* Serif headers */
}

/* parapgraphs */
p {
    margin-left:  0em;
    margin-right: 0em;    
}

/* quotes */
blockquote
{ 
    font-style: italic;
}



div.figure /* Pandoc figure-style image */
{
    /* Center the image and caption */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-style: italic;
}

/* Pandoc figure-style image */
figure 
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-style: italic;
}

/* Pandoc figure-style caption within div.figure */
p.caption 
{
    /* Inherits div.figure props by default */
}

/* footnotes */

div.footnotes /* Pandoc footnotes div at end of the document */
{
}
    
div.footnotes li[id^="fn"] /* A footnote item within that div */
{
}


/* ---- code blocks and spans ---- */
code { 
    font-family: monospace; 
}

pre, code 
{
    background-color: #fdf7ee;
    white-space: pre-wrap; /* css-3 */
}

pre /* Code blocks */
{
    /* Distinguish pre blocks from other text by more than the font with a background tint. */
    padding: 0.5em; /* Since we have a background color */
    border-radius: 5px; /* Softens it */
    /* Give it a some definition */
    border: 1px solid #aaa;
    /* Set it off left and right, seems to look a bit nicer when we have a background */
    margin-left:  0.5em;
    margin-right: 0.5em;
    margin-top: 0.5em;
}

