html{ background: #fff; }
body{ background: transparent; font: 16px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; text-rendering: optimizeLegibility; }

a{ color: #4c4cbe; text-decoration: none; }
a:hover{ color: #6666ff; }
input, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{ -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }

.login h1{ width: 225px; height: 225px; margin: 0 auto; background: url('img/frank-and-victor-design.png') no-repeat center top; background-size: 225px 225px; }
.login h1 a{ display: none; }
.login form{ margin-top: 0; }
#backtoblog{ display: none; }
.login form{ padding: 0 24px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{ border: none; border-bottom: 1px solid #dcddde; color: #333; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.login form .input, .login form input[type=checkbox], .login input[type=text]{ background: none; }
input:hover{ border-bottom: 1px solid #abadb0; }
input[type=checkbox]:focus,input[type=email]: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=url]:focus,select:focus,textarea:focus{ border-bottom: 1px solid #abadb0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.placeholder { color: #abadb0; letter-spacing: .025em; }
:-moz-placeholder { color: #abadb0; letter-spacing: .025em; }
::-moz-placeholder { color: #abadb0; letter-spacing: .025em; }
::-webkit-input-placeholder { color: #abadb0; letter-spacing: .025em; }
label[for="user_login"], label[for="user_pass"]{ font-size: 0; text-indent: -999999px; }
#user_login, #user_pass{ font-weight: bold; }
#user_login{ margin-bottom: 0; }
#user_pass{ margin-top: 0; }
label[for="rememberme"]{ color: #abadb0; }
p.forgetmenot{ /*margin-top: 3px;*/ margin-top: 15px; }
#rememberme{ border: none; background: #dcddde; -webkit-box-shadow: none; box-shadow: none; }
input[type=checkbox]:checked:before{ margin-left: -3px; color: #333; }
#login form p.submit{ /*margin-top: 1px;*/ margin-top: 13px; }
#wp-submit{ height: 30px; border: none; background: #4c4cbe; line-height: 30px; text-transform: uppercase; letter-spacing: .05em; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; }
#wp-submit:hover{ background: #6666ff; }
.login #nav{ display: none; margin-top: 23px; font-size: 12px; }
.login #nav a{ color: #4c4cbe; }
.login #nav a:hover{ color: #6666ff; }
.message{ font-style: italic; }
.login .message, .login #login_error{ position: absolute; top: 0; right: 0; left: 0; padding: 10px 24px; border: none; text-align: center; -webkit-box-shadow: none; box-shadow: none; }
@-webkit-keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.login .message{ -webkit-animation: fadeOut 600ms ease-out 2s; -webkit-animation-fill-mode: forwards; animation: fadeOut 600ms ease-out 2s; animation-fill-mode: forwards; }