body.login { background-image: url('../images/earth-at-night.jpg'); background-position: center center; }
#login { padding: 5% 0 0;}
.login h1 a { background-image: url('../images/kaeordic_logo.png'); background-size: 100% 100%; width: 100%; height: 128px; }
.login form { margin-left: auto; margin-right: auto; padding: 30px; border: 5px solid #e6f0f2; border-radius: 4px; background-clip: padding-box; background: #1E004F; overflow:: hidden; }
#login form p { color: #e6f0f2; }
.login label { color: #fff; line-height: 26px; }
.login #login_error, .login .message { border-left: 4px solid #e6f0f2; }
.login #backtoblog a, .login #nav a { color: #e6f0f2; }

.login .button-primary { background-color: #e6f0f2; margin:0 auto; background-image: -webkit-linear-gradient(top, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); background-image: -o-linear-gradient(top, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); background-image: linear-gradient(to bottom, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); text-shadow: #333333 0 1px 0; color: #1a1a1b; }
.login .button-primary:hover { background-color: #1E004F; margin:0 auto; background-image: -webkit-linear-gradient(top, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); background-image: -o-linear-gradient(top, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); background-image: linear-gradient(to bottom, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); text-shadow: #333333 0 -1px 0; color: #e6f0f2; }
.login .button-primary:active { background-color: #1E004F; margin:0 auto; background-image: -webkit-linear-gradient(top, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); background-image: -o-linear-gradient(top, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); background-image: linear-gradient(to bottom, rgba(255,255,255,.35), rgba(78,116,166,.35), rgba(255,255,255,.35)); text-shadow: #333333 0 -1px 0; color:#e6f0f2; }