@import url(https://fonts.googleapis.com/css?family=Rammetto+One|Didact+Gothic&subset=latin,latin-ext);

/* CSS Mini Reset */

html, body, div, form, fieldset, legend, label
{
 margin: 0;
 padding: 0; 
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
 page-break-inside: avoid;
}

th, td
{
 text-align: left;
 vertical-align: top;
 font-size: 0.8em;
 border: 1px solid #777;
 padding-left: 5px;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img { border: 0; }

/* My Styles*/
body {font-family: 'Didact Gothic', sans-serif; font-size: 1.2em; width: 40em;margin: auto;}
div.toc {width: 40%; float: right; margin: 1em; background: #fafafa; box-shadow: 4px 4px 6px #eee; border: 1px solid #e0e0e0;}
div.toc ul li ul li ul li {display: none;}

h1, h2, h3, h4, h5, h6 {font-family: 'Rammetto One', cursive; padding: 2px; margin: 0px; line-height: 1.2em;}
h1 {border-top: 2px solid black; border-left: 2px solid black; display: inline-block;}
h1, h2, h3 {margin-top: 1em;}
h3 {font-style: italic; text-decoration: underline; color: #777;}
h4 {color: #aaa; text-align: center;}
p {margin-top: 0px; padding-top: 0px;}

.bibliography {display: block; margin: 0px; margin-top: 0.5em; padding-left: 3em ;
    text-indent: -3em ; width: 30em; margin: auto;}

blockquote {background: #ccc;}

.title {display: block; font-family: 'Rammetto One', cursive; font-size: 2em; line-height: 1em; text-align: right; font-style: italic;}
.small {font-size: 0.8em;}
.right {display: block; text-align: right;}
.pattern { margin-left: 25%;}
.pullquote {width: 50%; float: right; font-size: 0.8em; text-align: justify; font-family: 'Rammetto One', cursive; color: #777; white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 margin: 5px;
 }
 .floatright {float: right;}
 .halfwide {width: 50%;}
a, a:link, a:visited {text-decoration: none; font-weight: bold; color: #777;}
a:hover{color: #000; text-decoration: underline;}
.container {display: block;
    page-break-after: always;
    position: relative;}
.newpage {display: block;
    page-break-before: always;
    position: relative;}
@media print {
body {width: 85%;}
div.toc {display: none;}
a:link {text-decoration: underline}
}