* {
  margin: 0px;
  padding: 0px;
}

html,body {
  height: 100%;
  min-height:100%;
}

body {
  background: black;
  color: white;
  font-family: "arial black", sans-serif;
  font-weight: 900; 
  line-height: 100%;
  font-size: 17px;  
  display: table;
  width: 100%;
}

a {
  color: white;
  text-decoration: none;
}

a:hover {
  color: #0f0;
}

#container {
  letter-spacing: -0.12ex;
  text-transform: lowercase;
  height:100%;
  min-height:100%;
  display: table-row;
}

#header {
  height:100%;
  background: url("/bg_green.png");

  width: 200px;
  
  font-size: 150%;
  line-height: 100%;

  display: table-cell;
  vertical-align: top;
}

#logo {
  background: url("/logo.png");
  width: 180px;
  height: 50px;
  margin: 10px auto 10px;
}
#logo a {
  display: block;
  width: 180px;
  height: 50px;
}
#logo span {
  display:none;
}

#menu {
  width: 100%;
  background: black;
}

ul {
  text-align: right;
  list-style: none;
}
#menu ul {
  padding: 10px;
}
#selector {
  height:100%;
  background: url("/bg_gray.png");
  width: 220px;
  height:100%;
  display: table-cell;
  padding: 20px;
  vertical-align: top;
}
#selector h3 {
  margin: 10px 0px 5px;
  color: #444;
  text-align: left;
}

#selector span {
  color: #888;
}

#selector a:hover span {
  color: #080;
}

#selector h2 {
  text-align: right;
  margin-bottom: 20px;
  font-weight: 900;  
}

#content {
  height:100%;
  display: table-cell;
  padding: 20px;
}

#tagcloud {
  background: url("/bg_gray.png");
  margin: 30px;
}

#tagcloud ul {
  padding: 30px;
  text-align: center;
}

#tagcloud li {
  display: inline;
  margin: 10px;
  padding: 0px;
  line-height: 60px;
}

#welcome a {
  color: #ccc;
}
#welcome a:hover {
  color: #0f0;
}

#content h2 {
  font-weight: 900;  
}

#content #proddata {
  margin-top: 20px;
}

#content #proddata dt {
  background: url("/bg_gray.png");
  padding: 10px;
  height: 20px;
}

#content #proddata dd {
  background: url("/bg_darkgray.png");
  padding: 10px;
}

#content #thumbnails img {
  border: 0px;
  margin: 5px;
}

#content #thumbnails a {
  border: 0px;
}

#content #filler {
  width: 350px;
  height: 350px;
  background: url("/splash.png");
  margin: 20px;
}

.downloadarrow {
  color: #080;
}

.guestbook_pagination {
  margin-top: 20px;
  margin-bottom: 20px;
}

#guestbook dt {
  background: url("/bg_gray.png");
  padding: 10px;
  height: 20px;
}

#guestbook dd {
  background: url("/bg_darkgray.png");
  padding: 10px;
  font-size: 80%;
}

#guestbook .guestbook_comment {
  font-size: 125%;
  margin: 10px;
}

#guestbook_newentry input[type="text"],
#guestbook_newentry input[type="url"],
#guestbook_newentry textarea {
  background: url("/bg_darkgray.png");
  border: 0px;
  color: white;
  font-family: "arial black", sans-serif;
  font-weight: 900; 
  padding: 5px;
  width: 400px;
}
#guestbook_newentry textarea {
  height: 150px;
}
#guestbook_newentry input[type="submit"] {
  background: url("/bg_gray.png");
  border: 0px;
  color: white;
  font-family: "arial black", sans-serif;
  font-weight: 900; 
  padding: 5px;
  width: 100px;
  font-size: 100%;
  text-transform: lowercase;
}
#guestbook_newentry .label {
  text-align: right;
  padding-right: 10px;
}

#content .releasedate {
  margin-top: 5px;
  color: #444;  
}

#content .credentials {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 25px;
}

#content .credentials li {
  padding-top: 10px;
}

#content .credentials span {
  background: url("/bg_gray.png");
  display: inline-block;
  width: 300px;
  text-align: right;
  padding: 5px;
  margin: 5px;
  margin-top: -5px;
}

#content .credentials span.timespan {
  background: none;
  display: inline;
  color: #444;
}

#content #identity .block {
  background: url("/bg_darkgray.png");
  float: left;
  width: 300px;
  height: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#content #identity .block h3 a {
  background: url("/bg_gray.png");
  display: block;
  padding: 10px;
  font-weight: 900;  
}

#content #identity .block p {
  padding: 10px;
}

#content #eventtable {
  margin-top: 15px;
  margin-left: 5px;
  margin-bottom: 15px;
}

#content #eventtable th {
  background: url("/bg_darkgray.png");
  padding: 5px;
}

#content #eventtable td {
  background: url("/bg_gray.png");
  padding: 5px;
  text-align: center;
}

#content #eventtable td.future {
  color: #444;
}

#content #otherevents {
  text-align: left;
}

#content #otherevents li {
  text-align: left;
  background: url("/bg_gray.png");
  width: 100%;
  padding: 5px;
  margin: 5px;
}

#content #friends li {
  display: block;
  float: left;
  width: 130px;
  text-align: center;
  background: url("/bg_gray.png");
  padding: 10px;
  margin: 5px;
}

.addthisplus {
  float: right;
}

#content #contacts {
  text-align: left;
}

#content #contacts li {
  clear: both;
  background: url("/bg_gray.png");
  display: block;
  float: left;
  width: 600px;
  text-align: right;

  margin: 5px;
}

#content #contacts a {
  display: inline-block;
  background: url("/bg_darkgray.png");
  padding: 5px;
  width: 250px;
  text-align: left;
}

ul.purchase {
  text-align: left;
}

#welcome > * {
  margin-bottom: 15px;
}
#welcome h2 {
  font-size: 200%;
}
#content.front-page {
  background: #313131 url("/cover2.png") no-repeat;
}

#welcome {
  /*background: url("/bg_darkgray.png");*/
  /*margin: 0 auto;*/
  padding: 20px;
  max-width: 500px;
}
.affiliations h2 {
  clear: both;
}

#games {
  margin: 30px 0px;
  width: 800px;
}
#games dt {
  background: url("/bg_gray.png");
  padding: 10px 20px;
  clear: both;
  font-size: 20px;
}
#games dt small {
  color: #444;
}
#games dd {
  background: url("/bg_darkgray.png");
  padding: 0px;
  font-size: 16px;
  position: relative;
}
#games dd .boxart {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
#games dd .info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 240px);
}
#games dd p {
  padding: 10px;
}
#games dd p b {
  color: #ccc;
}

@media only screen and (max-device-width : 1280px)
{
  #welcome {
    width: 700px;
  }
}