/*
Based on Worg's CSS template for the Org mode documentation site found at the following Git repository:
https://git.sr.ht/~bzg/worg

This CSS style-sheet is licensed under the [[https://www.gnu.org/licenses/gpl-3.0.html]
[GNU General Public License v3 or later]].
*/

/* latin */
@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Droid Sans Mono';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/6NUO8FuJNQ2MbkrZ5-J8lKFrp7pRef2r.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/tDbI2oqRg1oM3QBjjcaDkOr9rAU.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media all
{
    /* TODO FIXME This is the HTMLs background for everything on the outer collumns */
    /* Probably want to scrap this in general was trying to figure out how to add a TOC to all of it */
    /* May be best to just add it to the header if it works there, and add sk macros to insert template*/

	  /*background-color: #5d4d7a; purple*/

    /* TODO FIXME This is the Center Col text this will actually do the outer edge too w background color*/
    body {
	      color: white;
        /*TODO FIXME patdebug disable color for all text*/
        margin-top: 0;
	      line-height: 1.4rem;
	      background-color: #222226;
    }
    /* TODO FIXME This is the Center Col itself. This will make the stuff in midle change color base on background*/
    body #content {
	      padding-top: 2em;
	      margin: auto;
	      max-width: 80em;
	      background-color: #292B2E;
    }

    body #support {
	      position: fixed;
	      top:0;
	      display:block;
	      font-size: 10pt;
	      right:0pt;
	      text-align: right;
	      padding: .2em 1em;
	      background: #EEE;
	      border-radius: 10px;
    }

    /* TODO FIXME title of page*/
    body .title {
	      margin-left: 0px;
	      font-size: 24pt;
	      color: white;
        /*TODO PATDEBUG WRESTLING*/
        background-color: #800000;
        padding-top: 1ex;
        padding-bottom: 1ex;
    }

    #org-div-home-and-up{
	      position: fixed;
	      right: 0.5em;
	      margin-top: 70px;
	      font-family:sans-serif;
    }

    /* TODO FIXME This is the TOC background does main color rest needs update too*/
    /* TOC inspired by http://jashkenas.github.com/coffee-script */
    #table-of-contents {
	      z-index: 1;
	      margin-top: 105px;
	      font-size: 10pt;
	      font-family:sans-serif;
	      position: fixed;
	      right: 0em;
	      top: 0em;
	      /*background: white;*/
	      background: #292B2E;
	      /*background-color: #292B2E;*/
	      line-height: 12pt;
	      text-align: right;
	      box-shadow: 0 0 1em #777777;
	      -webkit-box-shadow: 0 0 1em #777777;
	      -moz-box-shadow: 0 0 1em #777777;
	      -webkit-border-bottom-left-radius: 5px;
	      -moz-border-radius-bottomleft: 5px;
	      /* ensure doesn't flow off the screen when expanded */
	      max-height: 80%;
	      overflow: auto; }
    #table-of-contents h2 {
	      font-size: 13pt;
	      max-width: 9em;
	      border: 0;
	      font-weight: normal;
	      margin-top: 0.75em;
	      padding-left: 0.5em;
	      padding-right: 0.5em;
	      padding-top: 0.05em;
	      padding-bottom: 0.05em; }
    #table-of-contents #text-table-of-contents {
	      display: none;
	      text-align: left;
    }
    #table-of-contents:hover #text-table-of-contents {
	      display: block;
	      padding: 0.5em;
	      margin-top: -1.5em; }

    #license {
        background-color: #eeeeee;
        padding-top: 2px 0;
        border-radius: 5px;
    }

    .footpara:first-of-type {
	      display:inline;
    }

    h1 {
	      color: white;
	      margin-bottom: 1em;}

    /* TODO FIXME adjust header colors to something I like maybe spacemacs purple?*/
    h2 {

        /*TODO PATDEBUG WRESTLING*/
	      color: white;
	      border-bottom: 1px solid #ddd;
	      margin-top: 1.5em;
	      padding-bottom: 8px;
    }

    .outline-text-2 {
	      margin-left: 0.1em
    }

    h3 {
	      color: white;
	      margin-left: 0.6em;
    }

    /* #A34D32;*/

    .outline-text-3 {
	      margin-left: 0.9em;
    }

    h4 {
	      color: #67b11d;
	      margin-left: 1.2em;
    }

    .outline-text-4 {
	      margin-left: 1.45em;
    }

    /* TODO FIXME Hyperlink color updates*/
    a {
	      font-weight: 400;
	      color: #3366BB;
	      font-weight: bold;
	      text-decoration: underline #587e72;
    }
    a:visited {
	      font-weight: 400;
	      text-decoration: purple;
    }
    a:hover {
	      color: white;
    }

    /* TODO FIXME I don't like red for this update these colors*/
    .todo {
	      color: #dc752f;
    }

    /* TODO FIXME I don't like blue for this update these colors*/
    .done {
	      color: #86dc2f;
    }

    .timestamp-kwd {
	      color: #444;
    }

    .tag {

    }

    li {
	      margin: .4em;
    }

    dt {
	      margin: .4rem 0 .4rem 0;
    }

    table {
	      border: 0;
    }

    thead {
	      border: 0;
    }

    tbody {
	      border: 0;
    }

    tr {
	      border: 0;
    }

    td {
	      border-left: 0px;
	      border-right: 0px;
	      border-top: 0px;
	      border-bottom: 0px;
    }

    th {
	      border-left: 0px;
	      border-right: 0px;
	      border-top: 1px solid grey;
	      border-bottom: 1px solid grey;
    }

    code {
	      font-size: 0.9rem;
	      color: white;
	      padding: 0px 0.2em;
    }

    /* TODO FIXME border color and width adjust*/
    img {
	      border: 1px solid #5D4D7A;
    }

    .share img {
	      opacity: .4;
	      -moz-opacity: .4;
	      filter: alpha(opacity=40);
    }

    .share img:hover {
	      opacity: 1;
	      -moz-opacity: 1;
	      filter: alpha(opacity=100);
    }

    /* TODO FIXME this class does the source code blocks*/
    pre {
	      font-family: Droid Sans Mono, Monaco, Consolas, "Lucida Console", monospace;
	      color: #827591;
	      font-size: 90%;
	      padding: 0.5em;
	      overflow: auto;
	      border: none;
	      /*background-color: #f2f2f2;*/
	      background-color: #2f2b33;
	      border-radius: 5px;
    }

    /** TODO PATDEBUG FIXME testing pre source label FIX COLORS*/
    pre.src {
        position: relative;
        overflow: visible;
        padding-top: 1.2em;
    }
    pre.src:before {
        display: none;
        position: absolute;
        background-color: white;
        top: -10px;
        right: 10px;
        padding: 3px;
        border: 1px solid black;
        color: black;
    }

    pre.src:hover:before { display: inline;}
    /* Languages per Org manual */
    pre.src-asymptote:before { content: 'Asymptote'; }
    pre.src-awk:before { content: 'Awk'; }
    pre.src-C:before { content: 'C'; }
    pre.src-C\+\+:before { content: 'C++'; }
    pre.src-clojure:before { content: 'Clojure'; }
    pre.src-css:before { content: 'CSS'; }
    pre.src-D:before { content: 'D'; }
    pre.src-ditaa:before { content: 'ditaa'; }
    pre.src-dot:before { content: 'Graphviz'; }
    pre.src-calc:before { content: 'Emacs Calc'; }
    pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
    pre.src-fortran:before { content: 'Fortran'; }
    pre.src-gnuplot:before { content: 'gnuplot'; }
    pre.src-haskell:before { content: 'Haskell'; }
    pre.src-hledger:before { content: 'hledger'; }
    pre.src-java:before { content: 'Java'; }
    pre.src-js:before { content: 'Javascript'; }
    pre.src-latex:before { content: 'LaTeX'; }
    pre.src-ledger:before { content: 'Ledger'; }
    pre.src-lisp:before { content: 'Lisp'; }
    pre.src-lilypond:before { content: 'Lilypond'; }
    pre.src-lua:before { content: 'Lua'; }
    pre.src-matlab:before { content: 'MATLAB'; }
    pre.src-mscgen:before { content: 'Mscgen'; }
    pre.src-ocaml:before { content: 'Objective Caml'; }
    pre.src-octave:before { content: 'Octave'; }
    pre.src-org:before { content: 'Org mode'; }
    pre.src-oz:before { content: 'OZ'; }
    pre.src-plantuml:before { content: 'Plantuml'; }
    pre.src-processing:before { content: 'Processing.js'; }
    pre.src-python:before { content: 'Python'; }
    pre.src-R:before { content: 'R'; }
    pre.src-ruby:before { content: 'Ruby'; }
    pre.src-sass:before { content: 'Sass'; }
    pre.src-scheme:before { content: 'Scheme'; }
    pre.src-screen:before { content: 'Gnu Screen'; }
    pre.src-sed:before { content: 'Sed'; }
    pre.src-sh:before { content: 'shell'; }
    pre.src-sql:before { content: 'SQL'; }
    pre.src-sqlite:before { content: 'SQLite'; }
    /* additional languages in org.el's org-babel-load-languages alist */
    pre.src-forth:before { content: 'Forth'; }
    pre.src-io:before { content: 'IO'; }
    pre.src-J:before { content: 'J'; }
    pre.src-makefile:before { content: 'Makefile'; }
    pre.src-maxima:before { content: 'Maxima'; }
    pre.src-perl:before { content: 'Perl'; }
    pre.src-picolisp:before { content: 'Pico Lisp'; }
    pre.src-scala:before { content: 'Scala'; }
    pre.src-shell:before { content: 'Shell Script'; }
    pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
    /* additional language identifiers per "defun org-babel-execute"
       in ob-*.el */
    pre.src-cpp:before  { content: 'C++'; }
    pre.src-abc:before  { content: 'ABC'; }
    pre.src-coq:before  { content: 'Coq'; }
    pre.src-groovy:before  { content: 'Groovy'; }
    /* additional language identifiers from org-babel-shell-names in
     ob-shell.el: ob-shell is the only babel language using a lambda to put
     the execution function name together. */
    pre.src-bash:before  { content: 'bash'; }
    pre.src-csh:before  { content: 'csh'; }
    pre.src-ash:before  { content: 'ash'; }
    pre.src-dash:before  { content: 'dash'; }
    pre.src-ksh:before  { content: 'ksh'; }
    pre.src-mksh:before  { content: 'mksh'; }
    pre.src-posh:before  { content: 'posh'; }
    /* Additional Emacs modes also supported by the LaTeX listings package */
    pre.src-ada:before { content: 'Ada'; }
    pre.src-asm:before { content: 'Assembler'; }
    pre.src-caml:before { content: 'Caml'; }
    pre.src-delphi:before { content: 'Delphi'; }
    pre.src-html:before { content: 'HTML'; }
    pre.src-idl:before { content: 'IDL'; }
    pre.src-mercury:before { content: 'Mercury'; }
    pre.src-metapost:before { content: 'MetaPost'; }
    pre.src-modula-2:before { content: 'Modula-2'; }
    pre.src-pascal:before { content: 'Pascal'; }
    pre.src-ps:before { content: 'PostScript'; }
    pre.src-prolog:before { content: 'Prolog'; }
    pre.src-simula:before { content: 'Simula'; }
    pre.src-tcl:before { content: 'tcl'; }
    pre.src-tex:before { content: 'TeX'; }
    pre.src-plain-tex:before { content: 'Plain TeX'; }
    pre.src-verilog:before { content: 'Verilog'; }
    pre.src-vhdl:before { content: 'VHDL'; }
    pre.src-xml:before { content: 'XML'; }
    pre.src-nxml:before { content: 'XML'; }

    .org-info-box {
	      clear:both;
	      margin-left:auto;
	      margin-right:auto;
	      padding:0.7em;
    }
    .org-info-box img {
	      float:left;
	      margin:0em 0.5em 0em 0em;
    }
    .org-info-box p {
	      margin:0em;
	      padding:0em;
    }


    /* TODO FIXME see if these actually affect source code on stuff*/
    .builtin {
	      /* font-lock-builtin-face */
	      color: #f4a460;
    }
    .comment {
	      /* font-lock-comment-face */
	      color: #737373;
    }
    .comment-delimiter {
	      /* font-lock-comment-delimiter-face */
	      color: #666666;
    }
    .constant {
	      /* font-lock-constant-face */
	      color: #db7093;
    }
    .doc {
	      /* font-lock-doc-face */
	      color: #b3b3b3;
    }
    .function-name {
	      /* font-lock-function-name-face */
	      color: #5f9ea0;
    }
    .headline {
	      /* headline-face */
	      color: #ffffff;
	      background-color: #000000;
	      font-weight: bold;
    }
    .keyword {
	      /* font-lock-keyword-face */
	      color: #4682b4;
    }
    .negation-char {
    }
    .regexp-grouping-backslash {
    }
    .regexp-grouping-construct {
    }
    .string {
	      /* font-lock-string-face */
	      color: #ccc79a;
    }
    .todo-comment {
	      /* todo-comment-face */
	      color: #ffffff;
	      background-color: #000000;
	      font-weight: bold;
    }
    .variable-name {
	      /* font-lock-variable-name-face */
	      color: #ff6a6a;
    }
    .warning {
	      /* font-lock-warning-face */
	      color: #ffffff;
	      background-color: #cd5c5c;
	      font-weight: bold;
    }
    pre.a {
	      color: inherit;
	      background-color: inherit;
	      font: inherit;
	      text-decoration: inherit;
    }
    pre.a:hover {
	      text-decoration: underline;
    }

    /* Styles for org-info.js */

    .org-info-js_info-navigation
    {
	      border-style:none;
    }

    #org-info-js_console-label
    {
	      font-size:10px;
	      font-weight:bold;
	      white-space:nowrap;
    }

    .org-info-js_search-highlight
    {
	      background-color:#ffff00;
	      color:#000000;
	      font-weight:bold;
    }

    #org-info-js-window
    {
	      border-bottom:1px solid black;
	      padding-bottom:10px;
	      margin-bottom:10px;
    }

    .org-info-search-highlight
    {
	      background-color:#adefef; /* same color as emacs default */
	      color:#000000;
	      font-weight:bold;
    }

    .org-bbdb-company {
	      /* bbdb-company */
	      font-style: italic;
    }
    .org-bbdb-field-name {
    }
    .org-bbdb-field-value {
    }
    .org-bbdb-name {
	      /* bbdb-name */
	      text-decoration: underline;
    }
    .org-bold {
	      /* bold */
	      font-weight: bold;
    }
    .org-bold-italic {
	      /* bold-italic */
	      font-weight: bold;
	      font-style: italic;
    }
    .org-border {
	      /* border */
	      background-color: #000000;
    }
    .org-buffer-menu-buffer {
	      /* buffer-menu-buffer */
	      font-weight: bold;
    }
    .org-builtin {
	      /* font-lock-builtin-face */
	      color: #da70d6;
    }
    .org-button {
	      /* button */
	      text-decoration: underline;
    }
    .org-c-nonbreakable-space {
	      /* c-nonbreakable-space-face */
	      background-color: #ff0000;
	      font-weight: bold;
    }
    .org-calendar-today {
	      /* calendar-today */
	      text-decoration: underline;
    }
    .org-comment {
	      /* font-lock-comment-face */
	      color: #b22222;
    }
    .org-comment-delimiter {
	      /* font-lock-comment-delimiter-face */
	      color: #b22222;
    }
    .org-constant {
	      /* font-lock-constant-face */
	      color: #5f9ea0;
    }
    .org-cursor {
	      /* cursor */
	      background-color: #000000;
    }
    .org-default {
	      /* default */
	      color: #000000;
	      background-color: #ffffff;
    }
    .org-diary {
	      /* diary */
	      color: #ff0000;
    }
    .org-doc {
	      /* font-lock-doc-face */
	      color: #bc8f8f;
    }
    .org-escape-glyph {
	      /* escape-glyph */
	      color: #a52a2a;
    }
    .org-file-name-shadow {
	      /* file-name-shadow */
	      color: #7f7f7f;
    }
    .org-fixed-pitch {
    }
    .org-fringe {
	      /* fringe */
	      background-color: #f2f2f2;
    }
    .org-function-name {
	      /* font-lock-function-name-face */
	      color: #0000ff;
    }
    .org-header-line {
	      /* header-line */
	      color: #333333;
	      background-color: #e5e5e5;
    }
    .org-help-argument-name {
	      /* help-argument-name */
	      font-style: italic;
    }
    .org-highlight {
	      /* highlight */
	      background-color: #b4eeb4;
    }
    .org-holiday {
	      /* holiday */
	      background-color: #ffc0cb;
    }
    .org-info-header-node {
	      /* info-header-node */
	      color: #a52a2a;
	      font-weight: bold;
	      font-style: italic;
    }
    .org-info-header-xref {
	      /* info-header-xref */
	      color: #0000ff;
	      text-decoration: underline;
    }
    .org-info-menu-header {
	      /* info-menu-header */
	      font-weight: bold;
    }
    .org-info-menu-star {
	      /* info-menu-star */
	      color: #ff0000;
    }
    .org-info-node {
	      /* info-node */
	      color: #a52a2a;
	      font-weight: bold;
	      font-style: italic;
    }
    .org-info-title-1 {
	      /* info-title-1 */
	      font-size: 172%;
	      font-weight: bold;
    }
    .org-info-title-2 {
	      /* info-title-2 */
	      font-size: 144%;
	      font-weight: bold;
    }
    .org-info-title-3 {
	      /* info-title-3 */
	      font-size: 120%;
	      font-weight: bold;
    }
    .org-info-title-4 {
	      /* info-title-4 */
	      font-weight: bold;
    }
    .org-info-xref {
	      /* info-xref */
	      color: #0000ff;
	      text-decoration: underline;
    }
    .org-isearch {
	      /* isearch */
	      color: #b0e2ff;
	      background-color: #cd00cd;
    }
    .org-italic {
	      /* italic */
	      font-style: italic;
    }
    .org-keyword {
	      /* font-lock-keyword-face */
	      color: #a020f0;
    }
    .org-lazy-highlight {
	      /* lazy-highlight */
	      background-color: #afeeee;
    }
    .org-link {
	      /* link */
	      color: #0000ff;
	      text-decoration: underline;
    }
    .org-link-visited {
	      /* link-visited */
	      color: #8b008b;
	      text-decoration: underline;
    }
    .org-match {
	      /* match */
	      background-color: #ffff00;
    }
    .org-menu {
    }
    .org-message-cited-text {
	      /* message-cited-text */
	      color: #ff0000;
    }
    .org-message-header-cc {
	      /* message-header-cc */
	      color: #191970;
    }
    .org-message-header-name {
	      /* message-header-name */
	      color: #6495ed;
    }
    .org-message-header-newsgroups {
	      /* message-header-newsgroups */
	      color: #00008b;
	      font-weight: bold;
	      font-style: italic;
    }
    .org-message-header-other {
	      /* message-header-other */
	      color: #4682b4;
    }
    .org-message-header-subject {
	      /* message-header-subject */
	      color: #000080;
	      font-weight: bold;
    }
    .org-message-header-to {
	      /* message-header-to */
	      color: #191970;
	      font-weight: bold;
    }
    .org-message-header-xheader {
	      /* message-header-xheader */
	      color: #0000ff;
    }
    .org-message-mml {
	      /* message-mml */
	      color: #228b22;
    }
    .org-message-separator {
	      /* message-separator */
	      color: #a52a2a;
    }
    .org-minibuffer-prompt {
	      /* minibuffer-prompt */
	      color: #0000cd;
    }
    .org-mm-uu-extract {
	      /* mm-uu-extract */
	      color: #006400;
	      background-color: #ffffe0;
    }
    .org-mode-line {
	      /* mode-line */
	      color: #000000;
	      background-color: #bfbfbf;
    }
    .org-mode-line-buffer-id {
	      /* mode-line-buffer-id */
	      font-weight: bold;
    }
    .org-mode-line-highlight {
    }
    .org-mode-line-inactive {
	      /* mode-line-inactive */
	      color: #333333;
	      background-color: #e5e5e5;
    }
    .org-mouse {
	      /* mouse */
	      background-color: #000000;
    }
    .org-negation-char {
    }
    .org-next-error {
	      /* next-error */
	      background-color: #eedc82;
    }
    .org-nobreak-space {
	      /* nobreak-space */
	      color: #a52a2a;
	      text-decoration: underline;
    }
    .org-org-agenda-date {
	      /* org-agenda-date */
	      color: #0000ff;
    }
    .org-org-agenda-date-weekend {
	      /* org-agenda-date-weekend */
	      color: #0000ff;
	      font-weight: bold;
    }
    .org-org-agenda-restriction-lock {
	      /* org-agenda-restriction-lock */
	      background-color: #ffff00;
    }
    .org-org-agenda-structure {
	      /* org-agenda-structure */
	      color: #0000ff;
    }
    .org-org-archived {
	      /* org-archived */
	      color: #7f7f7f;
    }
    .org-org-code {
	      /* org-code */
	      color: #7f7f7f;
    }
    .org-org-column {
	      /* org-column */
	      background-color: #e5e5e5;
    }
    .org-org-column-title {
	      /* org-column-title */
	      background-color: #e5e5e5;
	      font-weight: bold;
	      text-decoration: underline;
    }
    .org-org-date {
	      /* org-date */
	      color: #a020f0;
	      text-decoration: underline;
    }
    .org-org-done {
	      /* org-done */
	      color: #228b22;
	      font-weight: bold;
    }
    .org-org-drawer {
	      /* org-drawer */
	      color: #0000ff;
    }
    .org-org-ellipsis {
	      /* org-ellipsis */
	      color: #b8860b;
	      text-decoration: underline;
    }
    .org-org-formula {
	      /* org-formula */
	      color: #b22222;
    }
    .org-org-headline-done {
	      /* org-headline-done */
	      color: #bc8f8f;
    }
    .org-org-hide {
	      /* org-hide */
	      color: #e5e5e5;
    }
    .org-org-latex-and-export-specials {
	      /* org-latex-and-export-specials */
	      color: #8b4513;
    }
    .org-org-level-1 {
	      /* org-level-1 */
	      color: #0000ff;
    }
    .org-org-level-2 {
	      /* org-level-2 */
	      color: #b8860b;
    }
    .org-org-level-3 {
	      /* org-level-3 */
	      color: #a020f0;
    }
    .org-org-level-4 {
	      /* org-level-4 */
	      color: #b22222;
    }
    .org-org-level-5 {
	      /* org-level-5 */
	      color: #228b22;
    }
    .org-org-level-6 {
	      /* org-level-6 */
	      color: #5f9ea0;
    }
    .org-org-level-7 {
	      /* org-level-7 */
	      color: #da70d6;
    }
    .org-org-level-8 {
	      /* org-level-8 */
	      color: #bc8f8f;
    }
    .org-org-link {
	      /* org-link */
	      color: #a020f0;
	      text-decoration: underline;
    }
    .org-org-property-value {
    }
    .org-org-scheduled-previously {
	      /* org-scheduled-previously */
	      color: #b22222;
    }
    .org-org-scheduled-today {
	      /* org-scheduled-today */
	      color: #006400;
    }
    .org-org-sexp-date {
	      /* org-sexp-date */
	      color: #a020f0;
    }
    .org-org-special-keyword {
	      /* org-special-keyword */
	      color: #bc8f8f;
    }
    .org-org-table {
	      /* org-table */
	      color: #0000ff;
    }
    .org-org-tag {
	      /* org-tag */
	      font-weight: bold;
    }
    .org-org-target {
	      /* org-target */
	      text-decoration: underline;
    }
    .org-org-time-grid {
	      /* org-time-grid */
	      color: #b8860b;
    }
    .org-org-todo {
	      /* org-todo */
	      color: #ff0000;
    }
    .org-org-upcoming-deadline {
	      /* org-upcoming-deadline */
	      color: #b22222;
    }
    .org-org-verbatim {
	      /* org-verbatim */
	      color: #7f7f7f;
	      text-decoration: underline;
    }
    .org-org-warning {
	      /* org-warning */
	      color: #ff0000;
	      font-weight: bold;
    }
    .org-outline-1 {
	      /* outline-1 */
	      color: #0000ff;
    }
    .org-outline-2 {
	      /* outline-2 */
	      color: #b8860b;
    }
    .org-outline-3 {
	      /* outline-3 */
	      color: #a020f0;
    }
    .org-outline-4 {
	      /* outline-4 */
	      color: #b22222;
    }
    .org-outline-5 {
	      /* outline-5 */
	      color: #228b22;
    }
    .org-outline-6 {
	      /* outline-6 */
	      color: #5f9ea0;
    }
    .org-outline-7 {
	      /* outline-7 */
	      color: #da70d6;
    }
    .org-outline-8 {
	      /* outline-8 */
	      color: #bc8f8f;
    }
    .outline-text-1, .outline-text-2, .outline-text-3, .outline-text-4, .outline-text-5, .outline-text-6 {
        /* Add more spacing between section. Padding, so that folding with org-info.js works as expected. */

    }

    .org-preprocessor {
	      /* font-lock-preprocessor-face */
	      color: #da70d6;
    }
    .org-query-replace {
	      /* query-replace */
	      color: #b0e2ff;
	      background-color: #cd00cd;
    }
    .org-regexp-grouping-backslash {
	      /* font-lock-regexp-grouping-backslash */
	      font-weight: bold;
    }
    .org-regexp-grouping-construct {
	      /* font-lock-regexp-grouping-construct */
	      font-weight: bold;
    }
    .org-region {
	      /* region */
	      background-color: #eedc82;
    }
    .org-rmail-highlight {
    }
    .org-scroll-bar {
	      /* scroll-bar */
	      background-color: #bfbfbf;
    }
    .org-secondary-selection {
	      /* secondary-selection */
	      background-color: #ffff00;
    }
    .org-shadow {
	      /* shadow */
	      color: #7f7f7f;
    }
    .org-show-paren-match {
	      /* show-paren-match */
	      background-color: #40e0d0;
    }
    .org-show-paren-mismatch {
	      /* show-paren-mismatch */
	      color: #ffffff;
	      background-color: #a020f0;
    }
    .org-string {
	      /* font-lock-string-face */
	      color: #bc8f8f;
    }
    .org-texinfo-heading {
	      /* texinfo-heading */
	      color: #0000ff;
    }
    .org-tool-bar {
	      /* tool-bar */
	      color: #000000;
	      background-color: #bfbfbf;
    }
    .org-tooltip {
	      /* tooltip */
	      color: #000000;
	      background-color: #ffffe0;
    }
    .org-trailing-whitespace {
	      /* trailing-whitespace */
	      background-color: #ff0000;
    }
    .org-type {
	      /* font-lock-type-face */
	      color: #228b22;
    }
    .org-underline {
	      /* underline */
	      text-decoration: underline;
    }
    .org-variable-name {
	      /* font-lock-variable-name-face */
	      color: #b8860b;
    }
    .org-variable-pitch {
    }
    .org-vertical-border {
    }
    .org-warning {
	      /* font-lock-warning-face */
	      color: #ff0000;
	      font-weight: bold;
    }
    .rss_box {}
    .rss_title, rss_title a {}
    .rss_items {}
    .rss_item a:link, .rss_item a:visited, .rss_item a:active {}
    .rss_item a:hover {}
    .rss_date {}

    label.org-src-name {
	      font-size: 80%;
	      font-style: italic;
    }

    #show_source {margin: 0; padding: 0;}

    #postamble {
	      font-size: 75%;
	      min-width: 700px;
	      max-width: 80%;
	      line-height: 14pt;
	      margin-left: 20px;
	      margin-top: 10px;
	      padding: .2em;
	      background-color: #ffffff;
	      z-index: -1000;
    }

    /* Navigation bar from https://www.w3schools.com/howto/howto_js_topnav.asp */
    /* TODO FIXME PATDEBUG matching colors*/
    /* Add a black background color to the top navigation */
    .topnav {
        /*TODO PATDEBUG WRESTLING*/
        background-color: #800000;
        overflow: hidden;
    }

    /* Style the links inside the navigation bar */
    .topnav a {
        float: left;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 18px;
    }

    /* Change the color of links on hover */
    .topnav a:hover {
        background-color: #ddd;
        color: black;
    }

    /* Add a color to the active/current link */
    .topnav a.active {
        background-color: white;
        color: black;
}


} /* END OF @media all */

@media screen
{
    #table-of-contents {
	      position: fixed;
	      margin-top: 105px;
	      float: right;
	      border: 1px solid #red;
	      max-width: 50%;
	      overflow: auto;
    }
} /* END OF @media screen */