body.login {
background: #000 url('home-bg.jpg') repeat center top !important;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
} 

.login h1 a {
background-image: url('login-logo.png');
} 

input[type="checkbox"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus {
border-color: #ffbcbc !important;
box-shadow: 0 0 2px rgba(255, 138, 138, 0.8);
 }

.login .message, .login #login_error, .login form {
background: rgb(235,235,235); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(235,235,235,1) 0%, rgba(199,199,199,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(199,199,199,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(199,199,199,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(199,199,199,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(199,199,199,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(235,235,235,1) 0%,rgba(199,199,199,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-9 */
}

.login label {
font-size: 12px;
color: #555555;
}
 
.login input[type="text"]{
background-color: #ffffff;
border-color:#dddddd;
}
 
.login input[type="password"]{
background-color: #ffffff;
border-color:#dddddd;
} 

.login .button-primary {
float:right;
background-color:#ca0000 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#ca0000), to(#ca0000));
background: -webkit-linear-gradient(top, #ca0000, #ca0000);
background: -moz-linear-gradient(top, #ca0000, #ca0000);
background: -ms-linear-gradient(top, #ca0000, #ca0000);
background: -o-linear-gradient(top, #ca0000, #ca0000);
background-image: -ms-linear-gradient(top, #ca0000 0%, #ca0000 100%);
color: #ffffff;
border: 1px solid #b70000;
}
 
 .login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover { color: #ca0000; }
 
.login .button-primary:hover {
background-color:#ca0000 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#ca0000), to(#b70000 ));
background: -webkit-linear-gradient(top, #ca0000, #b70000 );
background: -moz-linear-gradient(top, #ca0000, #b70000 );
background: -ms-linear-gradient(top, #ca0000, #b70000 );
background: -o-linear-gradient(top, #ca0000, #b70000 );
background-image: -ms-linear-gradient(top, #0b436e 0%, #b70000 100%);
color: #fff;
border: 1px solid #b70000;
}
 
.login .button-primary:active {
background-color:#ca0000 !important;
background: -webkit-gradient(linear, left top, left bottom, from(#b70000), to(#ca0000));
background: -webkit-linear-gradient(top, #b70000, #ca0000);
background: -moz-linear-gradient(top, #b70000, #ca0000);
background: -ms-linear-gradient(top, #b70000, #ca0000);
background: -o-linear-gradient(top, #b70000, #ca0000);
background-image: -ms-linear-gradient(top, #b70000 0%, #ca0000 100%);
color: #fff;
-webkit-border-radius: 4px;
border: 1px solid #b70000;
} 