/* 
black is #000
white is #FFF
created 2020-01-08 by Thor 

pandoc -s --toc -c ../css/thor-01.css instruments.md -o pandoc.html
*/

body {
    max-width: 90rem;
    margin: 0 auto;
    padding: 5px 5px;
    font-family: monospace;
    font-size: 1rem;
}


nav, footer{
    max-width: 90rem;
    margin: 0 auto;
    padding: 5px 5px;
    font-size: 0.9rem;
    text-align: center;
}

	
main {
    margin-top: 1em;
    border: 1px solid #ddd;
    border-radius: 9px;
    padding: 15px 15px;
    /*background-image: url("/x/bg-content.jpg");*/
    /*background-repeat: repeat;*/
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

blockquote {
    border-left: 1px solid #000;
    padding-left: 5px;
    margin-left: 1em;
    margin-right: 1em;
    background-color: #eee;
    color: #888;̣
}

code {
    font-family: monospace;
    background-color: #eee;
    /*display: run-in;*/
    overflow: auto;
}

pre>code {
    font-family: monospace;
    display: block;
    border: 1px solid #000;
    border-left-style: none;
    border-right-style: none;
    background-color: #fff;
    overflow: auto;
}

p {
    color: #333;
    height: auto;
    line-height: 1.45;
}

/* Does this make visited links not change color?*/
a {
    /*color: #13f;*/
    color: #000;
    background: transparent;
}

hr {
    width: 75%;
}

h {
    word-wrap: break-word;
}

h1 {
    font-size: 2.0em;
    margin-bottom: 0.3em;
    word-wrap: break-word;
}

h2 {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.6em;
}

h3 {
    font-size: 1.4em;
    margin-left: 0.0em;
}

h4 {
    font-size:1.2em;
}

h5 {
    font-size: 1.0em;
}

h6 {
    font-size: 1.0em;
    color: #f06;
}

li, ul, ol {
/*    margin: 0em;
    padding: 0.3em;*/
    list-style-position: outside;
}

/* section class footnotes (pandoc-syntax){

} */

/* nav id TOC (pandoc-syntax) {
} */

/*
classes relating to the metadata on files, I don't want them to be shown in pandoc, but I *am* placing them there for other reasons.
*/



a.footnote, a.footnoteRef { /* Pandoc, MultiMarkdown footnote links */
    font-size: small; 
    vertical-align: text-top;
}

a[href^="#fnref"], a.reversefootnote /* Pandoc, MultiMarkdown, ?? footnote back links */
    {
    }

div.footnotes /* Pandoc footnotes div at end of the document */
    {
    }

div#TOC, nav#TOC
    {
    /* Put border on bottom to separate it from body. */
    border-bottom: 1px solid #aaa;
    margin-bottom: 0.5em;
    /*display: none;*/
    }

@media print
    {
    div#TOC, nav#TOC
        {
        /* Don't display TOC in print */
        display: none;
        }
    }