/* Change background color and font family */
body {
  background: #ffffff;
  font-family: Arial,Verdana,sans-serif;
}
 
/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
  background-image: url(logo.png);
  width: 300px;
  height: 60px;
  background-size: 300px 60px;
}

/* Customise Input Area */

.login form {
  background: #cccccc;
}
 
.login label {
  font-size: 12px;
  color: #555555;
}

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

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

/* Customise The Login Button */

.login .button-primary {
  width: 120px;
  float:right;
  background-color:#333333 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333));
  background: -webkit-linear-gradient(top, #333333, #333333);
  background: -moz-linear-gradient(top, #333333, #333333);
  background: -ms-linear-gradient(top, #333333, #333333);
  background: -o-linear-gradient(top, #333333, #333333);
  background-image: -ms-linear-gradient(top, #333333 0%, #333333 100%);
  color: #ffffff;
  -webkit-border-radius: 4px;
  border: 1px solid #000000;
  box-shadow: none !important;
  text-shadow: none !important;
}

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

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

/* Remove The Links */

#nav {
  display: none;
}

#backtoblog {
  display: none;
}