/* main styles */
body {
background-color: black;
color: white;
}

/* table styles */
table {
  border-collapse: collapse;
}
table td {
  border: 2px solid white; 
}
table tr:first-child td {
  border-top: 0;
}
table tr td:first-child {
  border-left: 0;
}
table tr:last-child td {
  border-bottom: 0;
}
table tr td:last-child {
  border-right: 0;
}

/* table color diversity */
.greytable {
  background-color: #242424;
  padding: 1px;
}  

/* title fade */
div, img { top:0; left:0; }
img {
  -webkit-mask-image:-webkit-gradient(
  linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

.menu:hover {
	text-shadow: 0 0 5px #ff0000;
    background-color: #242424;
}


/* anchor links */
a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}

/* split page titles */
h1 {
  width: 100%;
  margin: .7em auto;
  overflow: hidden;
  text-align: center;
  font-weight:300;
  color: #fff;
}
h1:before, h1:after {
  content: "";
  display: inline-block;
  width: 50%;
  margin: 0 .5em 0 -55%;
  vertical-align: middle;
  border-bottom: 1px solid;
}
h1:after {
  margin: 0 -55% 0 .5em;
}
span {
  display: inline-block;
  vertical-align: middle;
}