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

Stylesheet: Login Stylesheet for REPSOL

This stylesheet is loaded is only on the login page. This way you can style
the login page. It won't affect any other page, admin or front-end.

Make sure functions/login.php is activated in your functions.php file.

This stylesheet is turned off by default.

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

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

body.login {
	background-color: #303030;
}

#login {
	width:500px;
	max-width: 90%;
	background-color: white;
	border-radius: 25px;
	padding: 10px 10px;
	margin-top: 8%;
}

#login p#backtoblog, #login p#nav {
	display:none;
}

/* Change the login logo */
.login h1 a {
	background: url(../images/logo_pacific_canbriam.png) no-repeat top center;
	width: 326px;
	height: 75px;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 15px;
	display: block;
    background-size: 208px 73px;
}

.login .message {
	border-left: 4px solid #6B4A8E;
}


input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: #6B4A8E;
    box-shadow: 0 0 2px #6B4A8E;
    outline: 2px solid transparent;
}

body form .input:focus {
    box-shadow: none;
    outline: 2px solid transparent;
	border-color: #6B4A8E;
}

body form .input {
	border-color: #E1E1E1;
	box-shadow: none;
	background-color: white;
	color:#5C4E44;
}

/* Login Button Style */
#wp-submit {
    width: 175px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
	background: #6B4A8E;
    border: none;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    border-radius: 5px;
    margin: auto 0px;


}

.login form {
     box-shadow:none;
}