/*-----------------------------------------------------------------------------  
    This plugin is based on the bm-custom-login plugin. I have added all the 
    css needed to make it work in WordPress 2.5. All graphics created for use 
    with bm-custom-login will work with this css. Enjoy...
-----------------------------------------------------------------------------*/

/*  This identifies the top portion of the login graphic. If you need to use a
    different graphic type or wish to change the name: do that here. This css 
    also widens the login form to accept a graphic consistent with WP 2.3.3 
    and older.
*/
#login {
	background:url( images/login-bkg-tile.jpg ) center top no-repeat;
	width: 380px; 
}

#login form {
	mar gin-top: 0px;

}

/*  This makes the core background color for the login form transparent so 
    your graphic will show through in all three form states. 
*/
#loginform {
	background-color: transparent;
	margin-top:35px;
}
#registerform, #lostpasswordform {
	background-color: transparent;
	margin-top:8px;

}

/*  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. Change the form and label color independently if 
    desired.
*/
form {
	color:#fff;
	border:transparent;
}

label {
	color:#fff;
}
/*  This hides the WordPress logo. The height parameter also adjust where the 
    first input or message box begins. 
*/
h1 a {
	background: transparent;
	height: 86px;
	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/footer.png ) center bottom no-repeat;
	height:65px;width:100%;
	text-indent: 28px;
	margin:0px; padding: 0px;
}

/*  This will be needed by some to keep border changes to input boxes from 
    affecting the checkbox. It will keep the border halo from showing if you 
    change input borders elsewhere.
*/
#rememberme {
	background-color: transparent;
	border: transparent;
}

/*  This will allow a background image for the submit button. By removing the 
    login form entries you will get the default login form button css which I 
    believe is light-blue with gray text. 
*/
#login form .submit input, .submit input:hover {
	background: url( images/fade-button.png );	
	color:#fff;
	border:1px solid #999;
	margin-right: 11px;
}

/*  Hover attributes for submit button. 
*/
#login form .submit input:hover {
	color:#ddd;
	border:1px solid #777;
}

/*  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 {
	border: 1px solid #666;
	padding: 12px;
	background-color: #ccc;
	margin: 72px 26px 0px 24px;
}

#login #login_error {
	color: #fff;
	border: 1px solid #fff;
	padding: 12px;
	background-color: #c00;
	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% */
}


/*  This will change the 'Register', 'Lost your password?', 'Log in' etc.. links 
	at the bottpm of the form to the colors you specify below. 
	!important is IMPORTANT. DO NOT REMOVE. Another style sheet in the admin 
	section will override these if the !important designation is removed.
*/

.login #nav a {
	color:#fff !important;
}

.login #nav a:link {
	color:#fff !important;
}

.login #nav a:visited {
	color:#fff !important;
}

.login #nav a:active {
	color:#fff !important;
}

.login #nav a:hover {
	color:#ccc !important;
}