/* ----------------------------------------------------------- */
/* CUSTOM WORDPRESS LOGIN PAGE CSS */
/* ----------------------------------------------------------- */

/**/
/* Page background colour and image. Can't use the body tag for this! */
/**/
body.login {
	background: #fff url('logo-bkg-login.png') top center no-repeat;
}

/**/
/* Top of page margin/distance for login screen logo and content */
/**/
#login { margin:180px auto 0;}

/**/
/* Change the login page H1 tag to be a graphical PixelPress link */
/* functions.php is used to add a link to this element */
/**/
#login h1 {
	width:320px;
	background: transparent url('pixelpress-link.png') no-repeat center top !important;
}
#login h1 a { width:320px; height:25px; }

/**/
/* Login box button background and link colours including hover state */
/**/
.wp-core-ui .button-primary{
	background-color:#167ab3; /* background-color */
	border-color:#0c5c89; /* all-borders-color */
	border-bottom-color:#0c5c89; /* bottom-borders-color */
	color:#fff; /* text-color */
}
.wp-core-ui .button-primary:hover {
	background-color:#0c5c89; /* background-color */
	border-color:#0b496d; /* all-borders-color */
	color:#fff; /* text-color */
}

/**/
/* Lost Password & Back to website link and hover colours [located below the login box] */
/**/
.login #nav a, .login #backtoblog a { color: #167ab3 !important; }
.login #nav a:hover, .login #backtoblog a:hover { color: #0c5c89 !important; }



/**/
/* YOU CAN MOST LIKELY JUST LEAVE THESE STYLES THE SAME */
/**/
#login { padding:0 !important;}

body.login, #loginform, #nav, #backtoblog, #login h1, #login h1 a, #loginform, #nav, #backtoblog { border:solid 1px transparent; }
#backtoblog { height:0px !important; border:0px !important; }

#login h1 { display: block; position: relative; margin:0 0 0 0; border:1px; }
#login h1 a { display:block; background: transparent !important; }

#loginform p label #user_login, #loginform p label #user_pass {
	font-weight: normal;
	padding: 8px 9px;
	font-size: 14px;
	font-style: normal;
	border-right-color: #dadada;
	border-bottom-color: #dadada;
	color: #999 !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	text-shadow: 0px 1px 0px #fff;
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottombottom, from(#f9f9f9), to(#ffffff)) !important;
	background: -webkit-linear-gradient(top, #f9f9f9, #ffffff) !important;
	background: -moz-linear-gradient(top,  #f9f9f9,  #ffffff) !important;
	background: -ms-linear-gradient(top, #f9f9f9, #ffffff) !important;
	background: -o-linear-gradient(top, #f9f9f9, #ffffff);
}

/* Make all text in the login box a simple grey colour */
#loginform p label #user_login:focus, #loginform p label #user_pass:focus, #loginform p label #user_login:hover, #loginform p label #user_pass:hover { color: #777 !important; }
/* Make login input fields in the login box have a simple white background */
#loginform p label #user_login:-webkit-autofill, #loginform p label #user_pass:-webkit-autofill { background: #fff !important; }
/* USed the remove default WordPress core css rules for the button/s in the login box */
.wp-core-ui .button-primary, .wp-core-ui .button-primary:hover { background-image:none; }