/******************************************************************
Stylesheet: Login Stylesheet

This stylesheet is loaded (if functions/login.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

******************************************************************/

body {
  background: #F1F1F1;
  color: #838283;
  font-family: 'Open Sans', sans-serif;
}

.login #login_error, .login .message {
	color: #444;
}

/* the form box */
/*
Add a custom logo to the WordPress login. Clients really like their logo here.
Just create image at 320x84px and replace images/login-logo.png (add a @2x image for retina - the function is below).
*/
.login h1 a {
  background: url(../img/login-logo.png) no-repeat top center;
  width: auto;
  height: auto;
  min-height: 84px;
}

form {
  margin-left: 8px;
  padding: 26px 24px 46px;
  font-weight: normal;
  background: white;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

body form .input {
  font-weight: 200;
  font-size: 24px;
  width: 97%;
  padding: 3px;
  margin-top: 2px;
  margin-right: 6px;
  margin-bottom: 16px;
  border: 1px solid #E5E5E5;
  background: #FBFBFB;
  outline: none;
  -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
  box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
}

.wp-core-ui .button-primary {
	background: #95ba21;
	border: 1px solid #95ba21;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

.wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover {
	background: #728f19;
	border: 1px solid #728f19;
}

.login #backtoblog, .login #nav {
	text-align: center;
}

.login #backtoblog a, .login #nav a {
	color: #aaa;
}

.login #backtoblog a:hover, .login #nav a:hover {
	color: #333;
}