body.login {
 // background-image: url('backimage.jpg');
  background-color: #808080; 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.login h1 a {
  background-image: url('logo.png');
  width: 213px;
  height: 97px;
  background-size: 213px 97px;
}

.login form {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
 -webkit-transition: all .2s ease-out;
 -moz-transition: all 0.2s ease-out;
 -ms-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
border: none;
}

.login label {
  font-size: 16px;
  color: #000000;
}

.login input[type="text"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}

.login input[type="password"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}

.login .button-primary:active {
  background-color:#ff3300 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff3300), to(#ff3300));
  background: -webkit-linear-gradient(top, #ff3300, #ff3300);
  background: -moz-linear-gradient(top, #ff3300, #ff3300);
  background: -ms-linear-gradient(top, #ff3300, #ff3300);
  background: -o-linear-gradient(top, #ff3300, #ff3300);
  background-image: -ms-linear-gradient(top, #ff3300 0%, #ff3300 100%);
  color: #fff;
  -webkit-border-radius: 4px;
  border: 1px solid #ff3300;
}

p#backtoblog {
  display: none;
}
#login > p.message {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
 -webkit-transition: all .2s ease-out;
 -moz-transition: all 0.2s ease-out;
 -ms-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
#nav > a {
width: 150px;
  float:right;
  background-color:#ff3300 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff3300), to(#ff3300));
  background: -webkit-linear-gradient(top, #ff3300, #ff3300);
  background: -moz-linear-gradient(top, #ff3300, #ff3300);
  background: -ms-linear-gradient(top, #ff3300, #ff3300);
  background: -o-linear-gradient(top, #ff3300, #ff3300);
  background-image: -ms-linear-gradient(top, #ff3300 0%, #ff3300 100%);
  color: #000;
  -webkit-border-radius: 4px;
  border: 1px solid #ff3300;
  padding: 12px;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
 -webkit-transition: all .2s ease-out;
 -moz-transition: all 0.2s ease-out;
 -ms-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;

}


.login #login_error {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
 -webkit-transition: all .2s ease-out;
 -moz-transition: all 0.2s ease-out;
 -ms-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
 border-left: 4px solid #ff3300;
}
#login > p.message {
	border-left: 4px solid #ff3300 !important;
}