/*  If you have a light background as your login form graphic, change the color
    here. #fff = white, #000 = black. This changes the Username, Password and
    'Remeber Me' text color.
*/
#login, #login form, #login p.message, #login_error,
#loginform, #registerform, #lostpasswordform,
form, .login, .loginform label , #nav a,
h1 a, .submit input, label,
#user_pass, #user_login, #user_email,
.login #nav a, .login #backtoblog a,
.login #nav a:hover, .login #backtoblog a:hover,
form .forgetmenot, form .forgetmenot label,
.button-primary,
.submit .button-primary,
#login form .submit input,
.button-primary:active,
#login form .submit input:active
{
 font-size: 14px;
 font-family:   "Georgia", "Comic Sans MS", "Times New Roman", "Trebuchet MS", Arial, Tahoma, Verdana;
 /* font-family: "Comic Sans MS", Georgia, "Times New Roman", "Trebuchet MS", Arial, Tahoma, Verdana; */
 font-weight: bold;
 color: #FFFF00;
}
form
{
 width: 81%;
 margin-left: 5%;
 border: 1px solid #FFFF00;

}
.button-primary,
.submit .button-primary,
#login form .submit input
{
 border-color: #FFFFFF !important;
 font-weight: bold;
 color: #FFFFFF !important;
 background: #EBE1CF url(images/button-grad-active_29.png) repeat-x scroll left top;
}
.button-primary:active,
#login form .submit input:active
{
 background: #EBE1CF url(images/button-grad_29.png) repeat-x scroll left top !important;
}
.login #nav a, .login #backtoblog a
{
 color: #FFFF00 !important;
}

.login #nav a:hover, .login #backtoblog a:hover
{
 color: #FFFFFF !important;
}
#login
{
 background:url( images/login-bkg-tile.jpg ) center top no-repeat;
 width: 380px;
}

#login form
{
 margin-top: 0px;
}

#login_error, .message
{
 margin: 0 0 16px 8px;
 border-width: 1px;
 border-style: solid;
 padding: 12px;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 color: #FFFFFF !important;
 background: #EBE1CF url(images/button-grad.png) repeat scroll left top;
}
.login #login_error,
.login .message
{
 background: #EBE1CF url(images/button-grad.png) repeat scroll left top;
 border-color: #e6db55;
 color: #FFFF00 !important;
}
/*  This makes the core background color for the login form transparent so
    your graphic will show through in all three form states.
*/
#loginform, #registerform, #lostpasswordform
{
 background-color: transparent;
}
/*  This hides the WordPress logo. The height parameter also adjust where the
    first input or message box begins.
*/
h1 a
{
 background: transparent;
 height: 122px;
 width: 380px;
}

/*  Even though this is the navigation div for the links at the bottom of the
    login form, it also controls the bottom image that gives the login form a
    nice curved corner feel.
*/
#nav
{
 background:url( images/login-bkg-bottom.gif ) center bottom no-repeat;
 width:380px;
 height:45px;
 text-indent: 26px;
 margin:0px; padding: 0px;
}

#login form .submit input
{
 margin-right: 11px;
}

/*  Attributes for the errors and messages box. These can be broken up if you
    want to display a differnet color scheme for messages and errors.
*/
#login p.message
{
 padding: 12px;
 margin: 10px 26px 0px 24px;
}

#login #login_error
{
 padding: 12px;
 margin: 15px 26px 0px 24px;
}

/*  Form input box attributes.
*/
#user_pass, #user_login, #user_email
{
 font-size: 20px;
 width: 94%;
 /* width:318px; this width is the same as 94% */
}