body {
  padding:50px;
  font:16px/1.5 Palatino, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:400;
}

h1, h2, h3, h4, h5, h6 {
  font:14px/1.5 Palatino, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#990000;/* #610B0B; */
  margin:0 0 20px;
}

h2, h3, h4, h5, h6 {
  font-style:italic;
}

p, ul, ol, table, pre, dl {
  margin:20px 0 20px 20px;
}

h1, h2, h3 {
  line-height:1.1;
}

h1 {
    width: 20%;
    float: left;
    position: fixed;
    font-size: 36px;
    top:3%;
    left:0%;
}

h2 {
  font-size:24px;
}

h3 {
  font-size:18px;
  font-style:normal;
}

h4, h5, h6 {
  font-size:16px;
  font-style:normal;
  color:#494949;
}

a:link {
    color:#08298A;
    text-decoration:none;
}

a:visited {
    color:#084B8A;
    text-decoration:none;
}

a:hover {
   color:#610B0B;
   text-decoration:underline overline;
}

table {
  width:960px;
  border-collapse:collapse;
}

th, td {
  text-align:left;
  padding:5px 10px;
  border-bottom:1px solid #e5e5e5;
}

dt {
  color:#444;
  font-weight:700;
}

th {
  color:#444;
}

img {
  width:640px;
  /*float:left;*/
  margin: 5px 5px 5px 5px;
  /* border: .5px solid #D0D0D0;/\* #08298A; *\/ */
}
.badge{
    width:200px;
    padding:0px 0px;
}
strong {
  color:#222;
  font-weight:700;
}

section {
  width:500px;
  float:right;
  padding-bottom:50px;
}

small {
  font-size:11px;
}

hr {
  border:1px;
  background:#e5e5e5;
  height:4px;
  margin:0 0 20px;
}

/* CODE BLOCKS*/
pre {
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	padding: 5pt;
	font-family: 'DejaVu Sans Mono', 'Droid Sans Mono', 'Lucida Console', Consolas, Monaco, monospace;
        font-size: 90%;
        overflow:auto;
}
/* Adapted from worg.css*/
  .org-comment {
    /* font-lock-comment-face */
    color: #707070;
  }
  .org-comment-delimiter {
    /* font-lock-comment-delimiter-face */
    color: #707070;
  }
  .org-constant {
    /* font-lock-constant-face */
    color: #8B0000;
  }
  .org-string {
    /* font-lock-string-face */
    color: #008000;
  }
  .org-type {
    /* font-lock-type-face */
    color: #483D8B;
    font-style:bold;
  }

  code {
    font-family: 'DejaVu Sans Mono', 'Droid Sans Mono', 'Lucida Console', Consolas, Monaco, monospace;
    background:#e5e5e5;
    font-size: 90%;
    color: black;
    border: 1px solid #DEDEDE;
    padding: 0px 0.2em;
  }

/* https://github.com/orderedlist/minimal/blob/master/stylesheets/styles.css */
.header {
  width: 20%;
  float: left;
  position: fixed;
  top: 100px;
}


#table-of-contents {
    position: fixed;
    /* bottom: 25%; */
    float: left;
    width: 20%;
    /* top: 150px; */
}

#table-of-contents h2{
    display:none;
}
#postamble {
  float:left;
  position:fixed;
  bottom:1%;
  width:25%;
}

.outline-2 {
  width:75%;
  float:right;
  padding-bottom:50px;
}

.outline-text-2 {
    overflow: hidden;
    margin: 10px;
}

/* @media screen and (max-height: 690px) { */
/*     #table-of-contents { */
/* 	display: none; */
/*     } */
/* } */

@media screen and (max-height: 500px) {
    #postamble {
	float: right;
	width:75%;
	position:static;
    }
}


@media screen and (max-width: 1100px) {
  h1, .header, #table-of-contents, .outline-2, #postamble {
    float:none;
    position:static;
    width:auto;
  }
  #table-of-contents {
      display: inline;
  }
}

@media screen and (max-width: 720px) {
  body {
    word-wrap:break-word;
  }
  
  .header {
    padding:0;
  }
  pre, code {
    word-wrap:normal;
  }
}

@media print, screen and (max-width: 480px) {
  body {
    padding:15px;
  }
}

@media print {
  body {
    padding:0.4in;
    font-size:12pt;
    color:#444;
  }
}