/**
 * Common styling for the cartografur main site.
 * http://cartografur.com/*
 */

a {
  color: #40409F;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

#page {
  margin: 0 auto -8em;
  width: 980px;
  height: auto !important;
  min-height: 100%;
  min-width: 1000px;
  overflow: hidden;
}

#widepage {
  margin: 0 auto -8em;
  height: auto !important;
  min-height: 100%;
  min-width: 1000px;
  overflow: hidden;
}

#headerbar {
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #E6FFE6;
  border-bottom: 2px dotted #BFFFBF;
  height: 120px;
}

#headerbar .actions {
  float: right;
}

#headerbar .actions li {
  display: inline;
}

#headerbar .actions li a {
  padding: 5px;
  margin: 3px;
  color: #FFF;
  text-decoration: none;
  color: #309F30;
}

#headerbar .actions li:hover a {
  background-color: #90EF90;
}

#content {
  margin: 1em;
  overflow: hidden;
  color: #333;
}

#page .spacer,
#widepage .spacer {
  height: 8em;
  padding-bottom: 4em;
}

#footer {
  background: #60BF60 url(/gfx/footer.png) repeat-x scroll 0 0;
  height: 8em;
}

#footer .wrapper {
  margin: 0 auto;
  width: 980px;
  min-width: 1000px;

  /* Safari fix for unclickable links */
  position: relative;
}

#footer .links {
  color: #fff;
  padding-top: 3.5em;

  text-align: center;
}

#footer .links ul {
  padding: 5px;
  margin: 3px;
  height: 1em;
}

#footer .links li {
  display: inline;
}

#footer .links li a {
  padding: 5px;
  margin: 3px;
  color: #fff;
}

#footer .copyright {
  text-align: center;
  font-size: 0.8em;
}


/**
 * Forms.
 */
.text,
.small_text {
  border: 1px solid #ccc;
  outline-style: none;
}

.text {
  font-size: 16px;
  padding: 5px;
}

.small_text {
  font-size: 1em;
  padding: 2px;
}

.text:focus,
.small_text:focus {
  border: 1px solid #999;
}

.button {
  border: 1px solid #ccc;
  padding: 4px;
  font-size: 16px;
  background-color: #eee;
  outline-style: none;
}

.button:focus {
  border: 1px solid #999;
}

.button:active {
  border: 1px solid #999;
  background-color: #BFFFBF;
}

.dropdown {
  border: 0;
  outline-style: none;
}