/* Page layout section */
/* Contains elements defining page layout properties
   Including <body> and special <div>s */

/* Elements */

:root {
   --header-height: 75px;
}

body {
   color:#808080;
   font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
   font-size: 16px;
   line-height: 24px;
   overflow: hidden;
   pointer-events: none;
}

div.article {
   position: fixed;
   top: 0px;
   width: 100%;
   height: 90%;
}

div.toc {
   -ms-overflow-style: none;font-size: 14px;
   height: 100%;
   left: 10%;
   overflow-y: auto;
   position: absolute;
   top: 75px;
   top: var(--header-height);
   width: 18%;
}

/* Classes */

.article > .section {
   -ms-overflow-style: none;
   float: right;
   left: 32%;
   margin-right: 10%;
   height: 100%;
   overflow: auto;
   position: absolute;
   top: 75px;
   top: var(--header-height);
   width: 55%;
}

.article > .titlepage {
   background-color: #060;
   color: #FFF;
   height: 75px;
   height: var(--header-height);
   left: 0;
   padding-left: 20px;
   pointer-events: none;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1;
}

.article > .titlepage > div > div > h2.title {
   color: #FFF;
}

.exampleblock-content *:first-child {
   margin-top: 0;
}
.exampleblock-content {
   border-left:2px solid silver;
   padding-left:8px;
}

.figure {

   text-align: center;
   vertical-align: text-bottom;
   margin-bottom: 10px;
   color: #060;
   font-size: 9pt;
   font-weight: bold;
}

.figure p.title {
   vertical-align: text-bottom;
   margin-bottom: 10px;
   text-align: left;
   color: #060;
   font-size: 9pt;
   text-decoration: none;
   font-weight: normal;
   font-style: italic;
   clear:left;
}

.itemizedlist .title {
   font-size: 18px;
}

.itemizedlist .title b {
   font-weight: normal;
}

.listingblock .content {
   border: 1px solid silver;
   background: #eee;
   padding: 5px;
}

.listingblock .content pre {
   margin: 0;
}

.literalblock .content {
   margin-left: 40px;
}

.literallayout,
.programlisting,
.screen {
    font-size: 9pt;
    overflow:  auto;
}

.mouse-over {
  background-color: #ECF1E0;
  cursor: pointer;
}

.navheader, .navfooter {
   display: none;
}

.quoteblock-content {
   font-style:italic;
   color:#444;
   margin-left:40px;
}

.quoteblock-content .attribution {
   font-style:normal;
   text-align:right;
   color:#000;
}

.section::-webkit-scrollbar,
.toc::-webkit-scrollbar {
    display: none;
}

.section > .titlepage > div > div > h2.title {
   color: #060;
}

.section-main > .article > .section {
   left: 0;
   top: 0;
}

.sectionbody {
  margin-left:30px;
}

.sidebarblock .sidebar-content {
   border:1px solid silver;
   background:#FFFFEE;
   padding:0 10px;
   color:#222;
   font-size:smaller;
   line-height:1.5;
}

.sidebar-title {
   margin:10px 0;
   font-weight:bold;
   color:#442;
}

.title, .sidebar-title {
   font-weight: normal;
   color: #060;
   margin-bottom: 0;
}

.verseblock .content {
   white-space:pre
}

/* IDs */

#footer {
   font-size: 11px;
   margin-top: 40px;
   border-top: 1px solid silver;
   color: #555;
}

#author {
   color: #000;
   text-transform: uppercase;
}
