/* let's get all our variables back */
/* mixins */
body.login {
  background: none;
  position: relative; }

/* the form box */
/*
This is the Wordpress logo in the admin area.
You'll have to load your own images and mess
with the width and height.
*/
.login h1 a {
  background: url(/wp-content/uploads/2013/04/dawson_acad_centered_logo_homepage.png) no-repeat top center;
  width: 251px;
  height: 71px;
  background-size: auto;
  display: block;
  padding: 0;
  margin: 0 auto 15px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.login form {
  margin-left: 8px;
  padding: 26px 24px 46px;
  font-weight: normal;
  box-shadow: none;
  border-radius: 0; }

body form .input {
  font-family: Open Sans, HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif;
  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;
  box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2); }
  body form .input:focus {
    border-color: #c0a875; }

.login #nav, .login #backtoblog {
  text-align: center;
  text-shadow: none; }
  .login #nav a, .login #backtoblog a {
    color: #022f62 !important; }
    .login #nav a:hover, .login #backtoblog a:hover {
      color: #c0a875 !important; }

#login .button-primary {
  background-color: #022f62;
  color: white;
  border-radius: 3px;
  padding: 9px 22px;
  height: auto;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
  #login .button-primary:hover {
    background-color: #c0a875; }

/*
You'll have to override some of the default styles
but since we're referencing the id, it should be easy.
*/
/* login button*/