/******************************************************************
Site Name: 
Author: 2am Media 

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

******************************************************************/


body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-link {
	color: #e07c30 !important;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	-webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
} 
body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-link:hover {
	font-weight: bold;
	color: #000000 !important;
}
body.login .privacy-policy-link {
	color: #000000 !important;
}
body.login .privacy-policy-link:hover {
	color: #e07c30 !important;
}

#login {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
    max-width: 320px;
    width: 100%;
} /* the form box */

.login #nav {
    margin: 40px 0 0;
}

/*
This is the Wordpress logo in the admin area.
You'll have to load your own images and mess
with the width and height.
*/
.login h1 a {
	background-image: url(../images/login-logo.png); /* make sure to replace this! */
	margin: 40px auto;
	background-size: 300px 42px;
	background-position: center top;
	background-repeat: no-repeat;
	outline: 0;
	width: 300px;
	height: 42px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	padding: 0;
	display: block;
	font-weight: 400;
	line-height: 1.3em;
}

.login form {
	margin: 0px;
	font-weight: normal;
	background: white;
	border-top: 4px solid #e07c30;
	-webkit-border-radius: 0px;
	 -khtml-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;
	-webkit-box-shadow: none;
	 -khtml-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

body form .input {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
	-webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
	padding: 12px !important;
	font-size: 16px !important;
	outline: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
body form .input:focus {
	outline: none;
	border: 1px solid #000000;
	box-shadow: none;
}

/*
You'll have to override some of the default styles
but since we're referencing the id, it should be easy.
*/
#wp-submit {
	background: #000000;
	-webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
	-webkit-border-radius: 0px;
	 -khtml-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;	
	border: none;
	text-shadow: none;
    outline: none;
    border: none;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    padding: 0px 25px;
} /* login button*/

#wp-submit:hover {
	background: #e07c30;
	-webkit-border-radius: 0px;
	 -khtml-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;
	border: none;
} /* login button*/