/*@media (prefers-color-scheme: dark) {*/
   body {
      color:#FFF;
      background:rgb(12, 12, 12);
   }
   .menu {
      background:#000;
      filter:drop-shadow(0px 0px 1px #333);
      color:#DDD;
   }
   .menu a {
      color:#DDD;
   }
   .menu .logo {
      background-image: url("logo-dark-med.png");
   }
   .menu .category {
      background: rgb(32, 32, 32);
   }
   footer {
      background:rgb(24, 24, 24);
      color:#FFF;
      border-color:#000;
   }
   a, footer a, .menu .freelink {
      color:#DDD;
   }
   a:hover {
      color:#FFF !important;
   }
   a:active, ::selection {
      background:#333;
      color:#FFF;
    }
   footer #socials img {
      filter:invert(1);
   }
   #toggledark {
      filter:invert(1);
   }
   .content {
      color:#FFF;
   }
   #help {
      filter:invert(1);
   }
   #help img {
      border:none;
   }
   .formitem {
      background-color:rgb(20, 20, 20);
      color:#FFF;
      border-color:#DDD !important;
      border-bottom:1px solid #000 !important;
      margin-bottom:-1px;
   }
   .formitem img {
      border:2px solid #000;
      margin-top:-2px;
      margin-bottom:8px;
      background:#FFF;
   }
   .addtoscrapbook {
      background:#000 !important;
   }
   .addtoscrapbook a {
      color:#FFF;
   }
   h2, h2.shadow {
      color:#FFF !important;
      text-shadow:0px 1px #000;
   }
   .whitearea {
      background:#FFF;
   }
   .blogpost img {
      border:none;
   }
   .box {
      color:#FFF;
      background-color:#000;
      border-color:#333;
   }
   .infobox {
      color:#FFF;
      background-color:#000;
      box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.75);
      border-color:#333;
   }
   .infobox a {
      text-shadow:none;
      color:#DDD;
   }
   .infobox #progress {
      background:#222 !important;
   }
   ol.breadcrumb a {
      background:#333;
   }
   .slideshow .left, .slideshow .right, .slideshow .position, .categoryleft, .categoryright {
      color:#000;
   }
   textarea, input[type=text], input[type=password], input[type=number], select {
      background:#111 !important;
      color:#FFF;
      border-color:#555 !important;
   }
   textarea:focus, input[type=text]:focus, input[type=password]:focus, select:focus, input[type=number]:focus {
      border-color:#EEE !important;
      background:#000 !important;
   }
   textarea:autofill, input[type=text]:autofill, input[type=password]:autofill {
      color:#000 !important;
   }
   #session-warning, #changes-warning {
      background-color:#222;
   }
   #session-warning:hover, #changes-warning:hover {
      background-color:#000;
   }
   .button, form input[type=submit] {
      background:#000;
      border-color:#333 !important;
      color:#DDD;
   }
   .button:hover, input[type=submit]:hover {
      background:#111 !important;
   }
   img.inlineimg {
      border:none;
   }
   .menu .category ul {
      background:#333;
      text-shadow:none;
   }
   .menu .category ul a {
      color:#FFF;
   }
   .shopcartdisplay {
      background:#000;
      border:1px solid #555;
   }
   .shopitem {
      border-color:#555;
   }
   .shopitem a:hover {
      color:#000 !important;
   }
   .borderedtable td, th {
      border-color:#555;
   }
   .cookiesnotice {
      background:#000;
      box-shadow:inset 0 0 5px 1px rgba(10, 10, 10, 1);
   }
   .message {
      color:#000;
      filter:drop-shadow(0px 0px 3px #888);
   }
   .message h2 {
      color:#000 !important;
      text-shadow:0px 1px #DDD !important;
   }
   .message .button {
      color:#FFF;
   }
   .fade:before {
      background:linear-gradient(transparent 150px, rgb(12, 12, 12));
   }
   .category li:hover a {
      color:#73cdd7 !important;
   }

   .menu.responsive .category {
      background:#333;
      color:#FFF;
      border-color:#222;
   }
   .menu.responsive li a {
      color:#000;
   }
   .formitem.scrap .deletescrap, .formitem.scrap .viewscrapform {
      background:#000 !important;
   }
   .menuspace {
      background:#000;
   }
   .menu.responsive li {
      background:#222;
   }
   .menu.responsive li a {
      color:#EEE;
   }
   .calendar .item .daynum {
      color:#000;
   }
   .calendar .item a {
      color:#000;
   }
   .box #close {
      background:#333 !important;
      text-shadow:#000 0 1px 1px !important;
   }
   footer h3 {
      color:#73cdd7;
   }

   .resourcelist {
      background:#000 !important;
   }
   .resourcelist .item {
      background:#000 !important;
   }
   .resourcelist .item.even {
      background:#222 !important;
   }
   .resourcelist .item .info {
      background:#111 !important;
   }
   .resourcelist .item .title img {
      filter:invert(1);
   }

   .whitearea {
      background:#000;
   }
   .whitearea a img {
      filter:invert(1);
   }
   .whitearea div div img {
      filter:invert(1) grayscale(1);
   }
   .logindetails {
      background:#111 !important;
   }
   
   .stamp div {
      box-shadow:#000 2px 2px 6px !important;
   }
   .logo-med {
      background-size:contain;
      background-image:url("logo-dark-med.png");
      display:inline-block;
      background-repeat:no-repeat;
   }
   .logo-med img {
      opacity:0;
   }
   .calendar .border {
      box-shadow: #222 2px 2px 6px !important;
   }
   .box {
      box-shadow: 0 0 4px #000 !important;
   }
   .calendar.flex .item {
      color:#000;
   }
   .cal-msg {
      border-top:1px solid #222 !important;
      border-bottom:1px solid #222 !important;
   }
   .calendarall .month {
      background:#000 !important;
      box-shadow:none;
   }
   #popup, #popup .titlebar {
      background:#333;
   }
   #popup iframe {
      background:rgb(24, 24, 24);
   }
   #popup #close {
      background:#111;
   }
   .listelement {
      background:#000000ce;
   }
   .contents {
      background:#111 !important;
      border:none !important;
   }
   .calendarhead {
      background:none !important;
      border:none !important;
   }
   .logo:active {
      background-color:#222;
   }
   .greyarea {
      border:none;
   }
   small a {
      background:#000;
   }

/*}*/