@import "http://res.tst.eu/fonts/fonts.css";

body {
  background: white;
  color: black;
  font-size: 12pt;
  margin: 0;
  padding: 0;
}

.bg-ede         { background: url(/img/ede.jpg)    no-repeat; padding: 20px; width: 100%; height:  82px; }
.bg-perl        { background: url(/img/perl.jpg)   no-repeat; padding: 20px; width: 100%; height: 194px; }
.bg-bluete      { background: url(/img/bluete.jpg) no-repeat; padding: 20px; width: 100%; height: 148px; }

a:link          { color: #00f; }
a:visited       { color: #008; }
a:hover         { color: #800; }
a:active        { color: #f00; }

.back           {
   margin: 0;
   font-size: 8pt;
}

h1              {
  color: #034;
}
.short-desc     {
  font-weight: bold;
  padding: 3px 3px 3px 8px;
  margin: 0 1px 0 13px;
}
h2              {
  color: #069;
  font-weight: bold;
  border: solid red;
  border-width: 0 0 0 12px;
  padding: 3px 3px 3px 8px;
  margin: 0 1px 0 1px;
}
p               {
  padding: 3px 3px 3px 8px;
  margin: 0 1px 0 13px;
}
h3              { color: #034; }
h4              { color: #034; }

img             { display: block; }

.resources      {
  margin-left: 13px;
  margin-right: 13px;
  padding: 3px 3px 3px 8px;
  border-spacing: 1px 2px;
}

.rr             {
  background: #eef;
  padding: 1px 1em 1px 1ex;
}

tt.icon         {
  display: block;
  border: 1px solid #88f;
  background: #ccf;
  padding: 1px 1em 1px 1em;
  margin-right: 0;
  text-align: center;
  width: 4en;
}

.overview       {
  margin-top: 1em;
  margin-left: 13px;
  margin-right: 13px;
  padding: 3px 3px 3px 8px;
  border-spacing: 1px 2px;
}

.overview th    { border-top: 1px dashed #aaa; vertical-align: top; text-align: left; padding: 0.2ex; }
.overview td    { border-top: 1px dashed #aaa; vertical-align: top; text-align: left; padding: 0.2ex; }

hr              { display: none; }
.footer         { font-size: 8pt; border-top: 1px solid red; }

.section            { margin: 0; padding: 0.5em 4px 0.5em 4px; }
.section-topnav     { background: #f0ef8b; padding: 0px 4px 1px 4px; }
.section-header     { background: white  ; padding-top: 0; }
.section-footer     { background: #f0ef8b; }
.section-overview   { background: white  ; }

.section-short-desc { background: white  ; }
.section-blurb      { background: white  ; }
.section-resources  { background: white  ; }
.section-documents  { background: white  ; }
.section-about      { background: white  ; }

@media (prefers-color-scheme: dark) {

   body {
     background: black;
     color: white;
   }

   .bg-bluete      { color: white; background-color: rgba(0, 0, 0, 0.7); background-blend-mode: darken; }
   .bg-perl        { color: white; background-color: rgba(0, 0, 0, 0.7); background-blend-mode: darken; }
   .bg-bluete      { color: white; background-color: rgba(0, 0, 0, 0.7); background-blend-mode: darken; }

   a:link          { color: #33ccff; }
   a:visited       { color: #0088cc; }
   a:hover         { color: #66ddff; }
   a:active        { color: #f00000; }

   h1              { color: #88ccff; }
   h2              { color: #88ccff; }
   h3              { color: #88ccff; }
   h4              { color: #ccffff; }

   code, tt
   {
      color: #88ff88;
   }

   .rr             {
     background: #222244;
   }

   tt.icon         {
     border-color: #6666ccc;
     background: #333366;
   }

   .overview th    { border-top-color: #aaa; }
   .overview td    { border-top-color: #aaa; }

   .section-topnav     { background: #000022; }
   .section-header     { background: black  ; }
   .section-footer     { background: #000022; }
   .section-overview   { background: black  ; }

   .section-short-desc { background: black  ; }
   .section-blurb      { background: black  ; }
   .section-resources  { background: black  ; }
   .section-documents  { background: black  ; }
   .section-about      { background: black  ; }

}