/**

 */

@import url("pygment.css");

p {
    margin-top: 2pt;
    margin-bottom: 10pt;
    line-height: 1.4;
}

ul {
    line-height: 1.4;
    margin-top: 1pt;
    margin-bottom: 10pt;
    padding-left: 1pt;
}

ol {
    line-height: 1.4;
    margin-top: 1pt;
    margin-bottom: 10pt;
    padding-left: 1pt;
}

h1 {
    font-size: 130%;
    margin-top: 30pt;
    margin-bottom: 10pt;
    line-height: 1.1;
}

h2 {
    font-size: 110%;
    margin-top: 20pt;
    margin-bottom: 10pt;
    line-height: 1.1;
}

h3 {
    font-size: 105%;
    margin-top: 10pt;
    margin-bottom: 10pt;
    line-height: 1.1;
}

h4 {
    font-style: oblique;
    margin-top: 0pt;
    margin-bottom: 5pt;
    line-height: 1.1;
}

h5 {
    font-style: oblique;
    margin-top: 0pt;
    margin-bottom: 5pt;
    line-height: 1.1;
}

h6 {
    font-style: oblique;
    margin-top: 1pt;
    margin-bottom: 5pt;
    line-height: 1.1;
}

a:link, a:visited {
    color: #3287a8;
    text-decoration: none;
}

a:hover, a:active {
        color: #32a885;
        text-decoration: underline;
}

img {
    max-width: 100%
}

.siteTitle {
    font-size: 150%;
    text-decoration: none;
    letter-spacing: 3pt;
    margin-bottom: 5pt;
    line-height: 1;
}

.base {
    text-align: center;
}

.main {
    text-align: left;
}

.articleBase {
    background-color: white;
    padding: 0.2in;
    box-shadow: 3px 3px 3px #888888;
}

.summaryBlockBase {
    background-color: white;
    height: 0.8in;
    margin-bottom: 0.1in;
    padding: 0.05in;
    width: 100%;
    box-shadow: 3px 3px 3px #888888;
}

.summaryBlockBase:hover {
    background-color: #F0F0F0;
    transition: all 0.2s ease-in-out;
}

.dateBlock {
    width:0.5in;
    text-align: center;
    padding: 0.1in;
    line-height: 1.1;
}

.copyright {
    text-align: center;
    font-size: 80%;
}

.summaryBlock {
    padding: 0.1in;
}

li {
    line-height: 1.3;
    margin-bottom: 5pt;
}

.articleTitle {
    margin-top: 0pt;
    margin-bottom: 15pt;
}

.pagination {
    text-align: center;
    font-size: 100%;
}

table {
   border-style: solid;
   border-width: 1px;
   border-color: grey;
   page-break-inside: auto;
   margin-bottom: 10pt;
}

tr {
    page-break-inside: avoid;
    page-break-after: auto;
}

td {
   border-bottom: 1px solid grey;
   border-right: 1px solid grey;
   padding-left: 5pt;
   padding-right: 5pt;
}

th {
   border-bottom: 3px solid grey;
   border-right: 1px solid grey;
   padding-left: 5pt;
   padding-right: 5pt;
}

.highlighttable {
    background-color: #ECECEC;
}

.highlight {
    color: #020202;
}

.normal {
    font-family: Menlo, "Consolas", "Noto Mono", monospace, "Courier New";
    font-size: 11pt;
    color: #888888;
}

thead {
    display: table-header-group;
}

tfoot {
    display: table-footer-group;
}


pre {
    background-color: #ECECEC;
}

code {
    font-family: Menlo, "Consolas", "Noto Mono", monospace, "Courier New";
    font-size: 11pt;
}

.break {
     page-break-before: always;
}

.seqdia {
    width: 5in;
    height: 5in;
}

.alignleft {
    float: left;
    font-size: 80%;
}
.alignright {
    float: right;
    font-size: 80%;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@view-transition {
  navigation: auto;
}