/* written by Jabago: http://www.jabago.com */

/* make all backgrounds black, and all text lightgrey */
*:not(img)  {
  background: black !important; 
  color: lightgrey !important;
}

/* make all links blue, and make links different colors for visited, etc */
a { color: blue !important }
a:link { color: cornflowerblue !important }
a:visited { color: mediumpurple !important } 
a:hover { color: gold !important }
a:active { color: red !important }

/*====== highlighting ==== */
/*
google searches : h3 > a > em 
*/
m, span[class="highlight"] ,  h3 > a > em
{background-color: yellow !important; color: black !important;}


/* ==== various inputs ==== */
/* make inputs have a dark background, with a color other than black */
/* Colors have the format: #RGB, where R, G, and B are two-digit hex numbers */
input[type=button], input[type=submit], input[type=reset],  input[type=hidden], button {
  -moz-appearance: none !important;
  background-color: #300000 !important; 
  color: lightgrey !important; 
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight !important;
}

select, input[type=select] { 
  -moz-appearance: none !important; 
  background-color: #000030 !important; 
  color:  lightgrey !important; 
}

textarea, input[type=textbox], input[type=text],  code, pre, input, samp, kbd, var, dfn { 
  -moz-appearance: none !important; 
  background-color:  #003000 !important; 
  border-color: #003000 !important;
  color: lightgrey !important;
}

input[type=file], input[type=radio] { 
  background-color: black !important; 
  color:lightgrey !important 
}

input[type=password] { 
  -moz-appearance: none !important; 
  background-color: #8dc896 !important; 
  border-color: yellow !important;
  color: #0000FF !important;
}

textarea:focus, input[type=textbox]:focus,  input[type=text]:focus {
  border-color: lightblue !important;
  border: 3px solid !important;
}

input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus,  input[type=hidden]:focus, button:focus {
  border-color: lightblue !important;
  border: 3px solid !important;
}

/* why are some images hidden, and others not hidden? */
a img {
  border: none;
  background-color: white !important;
  visibility:visible !important;
}

/* make images less bright, except on mouse-hover */
img, input[type=image] { 
  opacity: 0.4 !important;
  background-color: white !important;
  visibility:visible !important;
}

img:hover, input[type=image]:hover {
  opacity: 1.0 !important;
  background-color: white !important;
  visibility:visible !important;
}