/* @import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,700,400italic,700italic); */

body { max-width: 680px; min-width: 320px;
       margin-left:auto; margin-right:auto;
       padding-left: 16px; padding-right: 16px;
       font-size:1.35em; line-height:1.75em; 
       background-color:#fcfbf7; }


@media screen and (max-width: 480px) {
    body { font-size:1.2em; line-height:1.5em; }
    h1 { font-size:1.45em; }
}

a,h1,h2,h3,h4,h5,div,td,th,address,blockquote,nobr, a.internal, figcaption {
    font-family:"Computer Modern Sans", "Liberation Sans", Arial, Helvetica, sans-serif;
}

p.citeinfo { font-family: "Computer Modern Typewriter", "Lucida Console", Monaco, monospace;
             font-size:0.75em; line-height:1.3em; }

pre, code { font-size:0.8em; line-height:1.4em; }

p,ul,ol,li,dd,dt,dl, blockquote, a.bibref {
    font-family: "Computer Modern Serif", "Crimson Text", "Century SchoolBook URW", Garamond, Georgia, Times, serif;
}

a.external {
    font-size: 0.95em;
}

@media screen and (min-width: 680px) {
    p,ul,ol,li,dl,dd,dt, a.internal, a.bibref {
        text-align:justify;
        /* font-feature-settings: "liga";
        font-variant-ligatures: common-ligatures; */
    }
}

@media screen and (min-width: 1040px) {
    p,ul,ol,li,dl,dd,dt, a.internal, a.bibref {
        text-rendering: optimizeLegibility;
    }
}

a.internal { color: #502040; }

a.bibref { color: #202070; }

p, ul, ol, li, dd, dt   {
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    color:#33180A;
}

h1, h2, h3, h4, h5, h6 {
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    color:#221206;
}

/* ol.bibliography { font-size:0.8em; line-height:0.9em; } */

p.footnote      { font-size:0.85em; line-height:1.3em; }
figure        { text-align:center; }
figcaption     { font-size:0.85em; line-height:1.2em; text-align:center; }

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

dl, ol, ul { padding-top: 0.5em; }

td              { font-size:0.9em; line-height:1.05em; }
td.title > h1   { line-height: 1.2em; }
td.title > h2   { line-height: 1.2em; }
.title          { word-wrap: break-word; background-color: #ddd7cc; }
td.toplink      { font-size: 0.95em; background-color: #f2f0ea; }
td.bottomlink   { font-size: 0.95em; }
td.toc          { font-size: 0.90em;
                  line-height: 1.5em; 
                  background-color: f2f0ea; }
td.tochilit     { font-size: 0.90em;
                  line-height: 1.5em; 
                  background-color: lightgrey; }
div.authorref { text-align:center; font-size:0.9em;
                width:100%; }

@media screen and (max-width: 480px) {
    td.toc { line-height: 1.65em; }
    td.tochilit { line-height:1.65em; }
}

a:link         { text-decoration:none; }
a:visited      { text-decoration:none; }
a:hover        { color:red; text-decoration:underline; }
a:active       { text-decoration:none; }

a.internal:link         { color:blue; }
a.internal:visited      { color:blue; }
a.internal:hover        { color:red; }
a.internal:active       { color:blue; }

img.navicon:hover { filter:hue-rotate(120deg); }


h1 { font-size:1.45em; line-height:1.3em; }
h2 { font-size:1.4em; line-height:1.3em; padding-top: 0.5em; }
h3 { font-size:1.3em; line-height:1.3em; padding-top: 0.5em; }
h4 { font-size:1.2em; line-height:1.3em; font-weight:bold;
     padding-top: 0.4em; }
h5 { font-size:1.15em; line-height:1.3em; font-weight:bold;
     padding-top: 0.3em; }
h6 { font-size:1.1em; line-height:1.3em; font-weight:bold;
     padding-top: 0.2em; }

.share-btn {
    display: inline-block;
    color: #ffffff;
    border: none;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    padding: 0.1em;
    width: 2em;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    outline: none;
    text-align: center;
}

.share-btn:hover {
  color: #e8e8e8;
  text-decoration:none;
}

.share-btn:active {
  position: relative;
  top: 2px;
  box-shadow: none;
  color: #e2e2e2;
  outline: none;
}

.share-btn.twitter     { background: #55acee; }
.share-btn.google-plus { background: #dd4b39; }
.share-btn.facebook    { background: #3B5998; }
.share-btn.linkedin    { background: #4875B4; }
.share-btn.email       { background: #444444; }