html, body {
  background-color: #444 !important
}

body {
  color: lightgray !important;
/*  background: linear-gradient(#222, #000);*/
  background: #222 !important;
}

body a {
  color: lightgray !important;
}

.content {
    background: #333 !important;
    border-bottom: 3px solid #333;
    box-shadow: inset 0 -3px #333;
    color: lightgray !important;
}

.content a, .content a:hover {
    background: transparent !important;
    border-bottom: 3px solid #666;
    box-shadow: inset 0 -3px #666;
    color: lightgray !important;
}

.content a:hover {
    background: #666 !important;
    border-bottom: 3px solid #666;
    box-shadow: inset 0 -3px #666;
    color: lightgray !important;
}

ul#menu li a:hover, ul#menu li.selected a, ul#menu li.selected a:hover
{
    color: #FFF;
    background: #7e2e00;
}


#logo, #menubar {
    background-color: #500000 !important;
    color: white !important;
}

table tr th, table tr td
{
    background: #444;
    color: #eee;
    padding: 7px 4px;
    text-align: center;
}


table tr td
{
    color: #eee;
    vertical-align: center;
    border-top: 0px solid black;
    text-align: left;
}

tr:nth-child(even) td {background: #333}
tr:nth-child(odd) td {background: #333}

.center
{
    background-color: #3a3a3a;
}

img {
   filter: hue-rotate(180deg) invert(80%);
  -webkit-filter: hue-rotate(180deg) invert(80%);
}

video {
   filter: hue-rotate(180deg) invert(80%);
  -webkit-filter: hue-rotate(180deg) invert(80%);
}