body.login {

    background: #7c7c7c; /* Old browsers */

    background: -moz-radial-gradient(center, ellipse cover, #7c7c7c 0%, #2d2d2d 100%); /* FF3.6-15 */

    background: -webkit-radial-gradient(center, ellipse cover, #7c7c7c 0%, #2d2d2d 100%); /* Chrome10-25,Safari5.1-6 */

    background: radial-gradient(ellipse at center, #7c7c7c 0%, #2d2d2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7c7c', endColorstr='#2d2d2d', GradientType=1); /* IE6-9 fallback on horizontal gradient */

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-position: center;

    color: #ffffff;

}


#login {

    width: 320px;

    padding: 12% 0 0;

    margin: auto;

}


.login label {

    font-size: 12px;

    color: #f9d209;

}


.login input[type="text"] {

    background-color: #ffffff;

    border-color: #dddddd;

    -webkit-border-radius: 0;

}


.login input[type="password"] {

    background-color: #ffffff;

    border-color: #dddddd;

    -webkit-border-radius: 0;

}

.login h1 a {

    background-image: url(nightcode_wp.png);

    background-size: 240px;

    background-position: center top;

    background-repeat: no-repeat;

    color: #444;

    height: 70px;

    font-size: 20px;

    line-height: 1.3em;

    margin: 0 auto 25px;

    padding: 0;

    width: 240px;

    text-indent: -9999px;

    outline: 0;

    display: block;

}


.login form {

    margin-top: 20px;

    margin-left: 0;

    padding: 26px 24px 46px;

    background: #2c2c2c;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .13);

    box-shadow: 0 1px 3px rgba(0, 0, 0, .13);

}


.login #backtoblog a, .login #nav a {

    color: #f9d209;

    -webkit-transition-property: border, background, color;

    transition-property: border, background, color;

    -webkit-transition-duration: .05s;

    transition-duration: .05s;

    -webkit-transition-timing-function: ease-in-out;

    transition-timing-function: ease-in-out;

    outline: 0;

}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {

    color: #ffffff;

}


.login .button-primary {

    width: 120px;

    float: right;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d209+0,f4b300+100 */

    background: #f9d209; /* Old browsers */

    background: -moz-linear-gradient(top, #f9d209 0%, #f4b300 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #f9d209 0%, #f4b300 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #f9d209 0%, #f4b300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9d209', endColorstr='#f4b300', GradientType=0); /* IE6-9 */

    color: #000;

    -webkit-border-radius: 0;

    border: 1px solid #f4b300;

    box-shadow: none;

    text-decoration: none;

    text-shadow: none;

}


.login .button-primary:hover {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d209+0,f4b300+100 */

    background: #f9d209; /* Old browsers */

    background: -moz-linear-gradient(top, #f4b300 0%, #f9d209 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #f4b300 0%, #f9d209 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #f4b300 0%, #f9d209 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9d209', endColorstr='#f4b300', GradientType=0); /* IE6-9 */

    color: #000;

    -webkit-border-radius: 0;

    border: 1px solid #f4b300;

}


.login .button-primary:active {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d209+0,f4b300+100 */

    background: #f9d209; /* Old browsers */

    background: -moz-linear-gradient(top, #f9d209 0%, #f4b300 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #f9d209 0%, #f4b300 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #f9d209 0%, #f4b300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9d209', endColorstr='#f4b300', GradientType=0); /* IE6-9 */

    color: #000;

    -webkit-border-radius: 0;

    border: 1px solid #f4b300;

}