_base.scss

html { 
    font-family: $sans-serif;
    font-size: 12pt; 
}

body {
   padding: {
      left: 1%;
      right: 1%;
   }

   margin: 0px;

   color: $text-color;
   background: $ground-color none repeat scroll 0 0;
}

header {
   h1 {
      padding: {
         top: 1%;
         bottom: 1%;
      }
      font-family: $serif;
   }
}

div#content {
   background: $background-color;

   margin: 0;
   padding: {
      top: 1em;
      left: 2em;
      right: 2em;
      bottom: 2em;
   }
}

div {
   p:first-child {
      margin-top: 0.125em;
   }
}


/* Fancy underlines. */
h2 {
   padding-bottom: 4px;
   margin-top: 5px;
   margin-bottom: 5px;
   border-bottom: thin dotted #99F;
   font-family: $serif;
}

h3 {
    font-family: $serif;
    margin: {
        bottom: 1px;
    }
}

h4 {
    font-family: $serif;
    font-size: 1.18em;
    margin: {
        bottom: 1px;
    }
}

/* Typeography */
p {
    -ms-word-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
    /* Clean up ragged lines and breaks */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    /* Set a minimum number of characters before and after breaks */
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-lines: 3;
    /* Enable fancy ligatures when available */
    -webkit-font-feature-settings: "liga", "dlig";
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
}

/* Special org-mode export section */
p.author 
p.date
p.creator {
    padding: 0em;
}

.title  { text-align: center; }
.todo   { color: $red; }
.done   { color: $green; }
.tag    {
    background-color: $meta-gray;
    font-weight:normal
}
.target { }
.timestamp { color: $gray; }
.timestamp-kwd { color: $gray; }
p.verse {
    margin-left: 2em;
    font-style: italic;
}
blockquote {
    margin-left: 2em;
}
pre {
    border: 1pt solid $border-color;
    background-color: $light-gray;
    padding: 5pt;
    font-family: $fixed;
    font-size: 90%;
    overflow:auto;
}

/* Formatting source code -- always a fun challenge! */
pre.src {
    padding: {
        top: 2px;
    }
    overflow-x: auto;
}
code {
    font-family: $fixed;
    font-size: 90%;
    hyphens: none;
    color: darken($text-color, 10%);
}
textarea {
    overflow-x: auto;
    font-family: $fixed;
    hyphens: none;
    white-space: pre;
    
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

/* Tables and all the junk that goes with them. */
table {
    border-collapse: collapse;
}
.table-auto-wrap {
    overflow-x: auto;
}

thead {
    tr {
        background-color: darken($background-color, 5%);
        color: darken($text-color, 5%);
    }
    th {
        hyphens: manual;
    }
}

tbody {
    tr {
        &:nth-child(odd) {
            background-color: lighten($background-color, 10%);
        }

        &:nth-child(even) {
            background-color: darken($background-color, 10%);
            color: darken($text-color, 10%);
        }
    }
}

td, th {
    vertical-align: top;
    padding: {
        left: 5px;
        right: 5px;
    }
}

dt { font-weight: bold; }
div.figure { padding: 0.5em; }
div.figure p { text-align: center; }
.linenr { font-size:smaller }
.code-highlighted {
    background-color: $alert-yellow;
}
.org-info-js_info-navigation {
    border-style:none;
}
#org-info-js_console-label {
    font-size:10px;
    font-weight:bold;
    white-space:nowrap;
}
.org-info-js_search-highlight { 
    background-color: $alert-yellow;
    color: $black;
    font-weight:bold; 
}

/* Formatting images to keep them responsive. */
img.center, img.floatleft, img.floatright {
    display: block;
    max-width: 85%;
    margin: {
        left: auto;
        right: auto;
    }
}

#table-of-contents {
    display: none;
    
    h2 {
        color: $black;
        border-bottom: none;
    }
}

/* Footnotes and references to footnotes. */
.footref {
    font-size: 0.9em;
}

#footnotes {
    font-size: 0.9em;

    h2 {
        font-size: 1.2em;
        border-bottom: none;
        padding: {
            bottom: 0px;
        }
    }
}

#text-footnotes {
    div.footdef {
        margin: {
            bottom: 0.2em;
        }
    }
    
    p {
        margin: 0em;
    }

    sup {
        font-size: 0.6em;
    }
}

#postamble { 
    font-size: 0.8em;

    p { 
        margin: 0em;
        color: $text-color;
        text-align: right; 
    }
}

/* Add custom styles after this line. */