/******************************************************************
Site Name:
Author:

Stylesheet: Login Stylesheet

This stylesheet is loaded (if admin.php is setup in your
functions file) on the login page. This way you can style
the login page. It won't affect any other page, admin or front-end.

For more info, check out the codex:
http://codex.wordpress.org/Creating_Admin_Themes

******************************************************************/
/* the form box */
body.login {
    background: rgb(51, 48, 146); /* Old browsers */
    background: -moz-linear-gradient(
    left,
    rgba(51, 48, 146) 1%,
    rgba(0, 125, 195) 50%,
    rgba(51, 48, 146) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(1%, rgba(51, 48, 146)),
    color-stop(50%, rgba(0, 125, 195)),
    color-stop(100%, rgba(51, 48, 146))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
    left,
    rgba(51, 48, 146) 1%,
    rgba(0, 125, 195) 50%,
    rgba(51, 48, 146) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
    left,
    rgba(51, 48, 146) 1%,
    rgba(0, 125, 195) 50%,
    rgba(51, 48, 146) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
    left,
    rgba(51, 48, 146) 1%,
    rgba(0, 125, 195) 50%,
    rgba(51, 48, 146) 100%
    ); /* IE10+ */
    background: linear-gradient(
    to right,
    rgba(51, 48, 146) 1%,
    rgba(0, 125, 195) 50%,
    rgba(51, 48, 146) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#710021', endColorstr='#710021',GradientType=1 ); /* IE6-9 */
    
    /*
    This is the WordPress logo in the admin area.
    You'll have to load your own images and mess
    with the width and height.
    */
    /*
    You'll have to override some of the default styles
    but since we're referencing the id, it should be easy.
    */
    /* login button*/
    }
    body.login h1 a {
    background: url(../img/physio-resolutions-footer-LOGO.png) no-repeat;
    background-size: 100%;
    /* make sure to replace this! */
    width: 310px;
    height: 100px;
    text-indent: -9999px;
    overflow: hidden;
    padding-bottom: 0;
    display: block;
    margin-bottom: 10px;
    }
    body.login form {
    margin-top: 0;
    margin-left: 8px;
    padding: 26px 24px 46px;
    font-weight: normal;
    background: rgb(0, 125, 195);
    border: 1px solid rgb(0, 125, 195);
    color: rgb(0, 125, 195);
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.2);
    }
    body.login form .input {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
    sans-serif;
    font-weight: 200;
    font-size: 24px;
    width: 97%;
    padding: 3px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid rgb(51, 48, 146);
    background: #fbfbfb;
    outline: none;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    -moz-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
    }
    
    body.login label {
    color: #ccc;
    }
    
    body.login #nav a,
    body.login #backtoblog a {
    color: #fff;
    }
    
    #login {
    padding: 5% 0 0;
    }