input {
  color: white;
  background: #2D2D2D;
  border: 1px solid #737373;
  border-radius: 3px;
  box-shadow: inset 0 0 1px #0E0E0E;
  -o-box-shadow: inset 0 0 1px #0E0E0E;
  -webkit-box-shadow: inset 0 0 1px #0E0E0E;
  -moz-box-shadow: inset 0 0 1px #0E0E0E;
}

input:focus {
  border: 1px solid #95BBC9;
  border-radius: 3px;
  box-shadow: inset 0 0 1px #7E93C9;
  -o-box-shadow: inset 0 0 1px #7E93C9;
  -webkit-box-shadow: inset 0 0 1px #7E93C9;
  -moz-box-shadow: inset 0 0 1px #7E93C9;
}

button {
  color: white;
  background: #2D2D2D;
  padding: .5em;
  border: 1px solid #737373;
  border-radius: 3px;
  box-shadow: inset 0 0 1px #0E0E0E;
  -o-box-shadow: inset 0 0 1px #0E0E0E;
  -webkit-box-shadow: inset 0 0 1px #0E0E0E;
  -moz-box-shadow: inset 0 0 1px #0E0E0E;
  font-weight: bold;
  font-size: 105%;
}

button:hover,
button:focus {
  border: 1px solid #95BBC9;
  border-radius: 3px;
  box-shadow: inset 0 0 1px #7E93C9;
  -o-box-shadow: inset 0 0 1px #7E93C9;
  -webkit-box-shadow: inset 0 0 1px #7E93C9;
  -moz-box-shadow: inset 0 0 1px #7E93C9;
}

a {
  color: #030808;
  text-shadow: 1px 1px 1px rgba(255,128,255,.3);
  text-decoration: none;
}

a:hover {
  color: black;
  text-shadow: 1px 1px 1px rgba(120,120,255,.3);
}

body {
  background: white url(/canvas_back.png) top left repeat;
  color: black;
  font-family: Liberation Sans, Helvetica, Arial, sans-serif;
  font-size: 12px;
}

#loginform {
  position: relative;
  width: 600px;
  margin: 10em auto 2em auto;
  background: white url(/canvas_overlay.png) top left repeat;
  color: white;
  border: 1px solid #2D2D2D;
  border-radius: 5px;
  box-shadow: inset 0 0 1px #C0C0C0;
  -o-box-shadow: inset 0 0 1px #C0C0C0;
  -webkit-mox-shadow: inset 0 0 1px #C0C0C0;
  -moz-box-shadow: inset 0 0 1px #C0C0C0;
  padding: 1em;
}

#loginform table {
  margin: 2em auto 2em auto;
}

#loginform input {
  width: 250px;
}

#loginform p {
  text-align: center;
}

#loginform a {
  color: #ABC7FF;
  text-shadow: 1px 1px 1px rgba(255,128,255,.3);
  text-decoration: none;
}

#loginform a:hover {
  color: white;
  text-shadow: 1px 1px 1px rgba(120,120,255,.3);
}

#loginform #logo {
  text-align: center;
  color: black;
  font-weight: bold;
}

#colophon {
  margin-top: 2em;
  text-align: center;
  font-size: 92%;
}