#content {
	background: #F3FFF4;
}

#logo {
  background: url(/wordpress/wp-content/themes/colobot/images/headerastronaut.png), url(/wordpress/wp-content/themes/colobot/images/headerbackground.png);
  background-size: contain, cover;
  background-repeat: no-repeat;
  background-position: 15%, center;
  height: 256px;
}

#logo > div > a > img {
  display: none;
}

#logo > div {
  width: 100%;
  height: 100%;
  position: relative;
}

#logo > div > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}

#logo ul.top_links {
  display: inline;
  float: right;
  margin: 10px 0 0 0;
  padding: 0.25em 0.75em;
  background-color: rgba(0, 0, 96, 0.75);
  border-radius: 4px;
}

#logo ul.top_links > li {
  margin: 0;
}

a {
  color: #007DA0 !important;
  text-decoration: none !important;
}

a:hover {
  text-decoration: underline !important;
}

.tcat {
  background: #2C681A;
}

.thead {
  background: #09052E;
}

#panel .upper {
  background: #09052E;
}

.button {
  transition: background-color 1s;
  background: #2C681A !important;
  color: white !important;
}

.button:hover {
  background: #14A814 !important;
}

.tcat a, .tcat a:hover,
.thead a, .thead a:hover,
#logo .top_links a, #logo .top_links a:hover,
#panel .upper a, #panel .upper a:hover {
  color: white !important;
}