html, body {
  background-color: #000000;
  color: #ffffff;
  font-family: "Trebuchet MS", sans-serif;
  margin: 0.25em 2em;
  padding: 0.2em 2em;
  text-align: center;
}

a { color: #ff8c00; }
p {
  margin: 0.5em 2em;
  text-align: justify;
}

#page {
  background-color: #414141;
  border: 1px solid #ff8c00;
  margin: 1px auto;
  padding: 0;
  width: 806px;
  text-align: center;
}
#page #header {
  border: 1px solid #ff8c00;
  margin: 1px;
  padding: 1px;
  height: 150px;
}

#spodek {
  background-color: #414141;
  border: 1px solid #ff8c00;
}

#links {
 background-color: #ff8c00;
 border: 1px solid #ff8c00;
 border-left-color: #ff8c00;
 border-right-color: #ff8c00;
 color: inherit;
 margin: 0em auto;
 padding: 0;
}
#links ul {
 background-color: #000000;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 color: #ffffff;
 font-size: 0.6em;
 font-weight: bold;
 list-style-type: none;
 margin: 0;
 padding: 0.2em 0;
 text-align: center;
 width: 100%;
}
#links li {
 display: inline;
 list-style-type: none;
}
#links a {
 background-color: #ff8c00;
 border-right: 1px solid #000000;
 color: #000000;
 margin-left: -0.275em;
 padding: 0.2em 3.0em;
 text-decoration: none;
}
#links a.first { border-left: 1px solid #000000; }
#links a:hover{
 background-color: #ff8c00;
 color: #fff;
}

.debugger {
  background-color: transparent;
  clear: both;
  color: inherit;
}

.card {
  background-color: #000000;
  border: 1px solid #ff8c00;
  float: left;
  height: 54px;
  margin: 0.4em;
  padding: 5px;
  width: 54px;
}
.card-wallpaper {
  background-color: #000000;
  border: 1px solid #ff8c00;
  float: left;
  height: 132px;
  margin: 0.5em;
  padding: 5px;
  width: 170px;  
}
.card img, .card-wallpaper img {
  border: 1px solid #ff8c00;
  padding: 1px;
}