/******************************************************************
Site Name: 3D Tree of Life
Author: Damian's Design & the WordPress team

Stylesheet: Login Stylesheet

This stylesheet is loaded (if admin.php is setup in your
functions file) on the login page. This way you can style
the login page. It won't affect any other page, admin or front-end.

For more info, check out the codex:
http://codex.wordpress.org/Creating_Admin_Themes

******************************************************************/
/* the form box */
body.login {
  background-color: #000;
}
body.login h1 a {
  background: url('./img/3DTree_logo.jpg') no-repeat center center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 200px;
  height: 364px;
  text-indent: -9999px;
  overflow: hidden;
  padding-bottom: 15px;
  display: block;
}
body.login label {
  color: #dd9933;
}
body.login form {
  margin-left: 8px;
  padding: 26px 24px 46px;
  font-weight: normal;
  background: #ffffff;
  border: 5px solid #dd9933;
  border-radius: 8px;
  box-shadow: none;
}
body.login form .input {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
  font-weight: 200;
  font-size: 24px;
  width: 97%;
  padding: 3px;
  margin-top: 2px;
  margin-right: 6px;
  margin-bottom: 16px;
  border: 1px solid #dd9933;
  background: #FBFBFB;
  outline: none;
  box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
}
.login #backtoblog a,
.login #nav a {
  color: #dd9933;
}
.login #backtoblog a:hover,
.login #nav a:hover {
  color: #ecc58a;
}
/* the form box */
#login {
  width: 360px;
}