/*
=================================================================================================

 Main Layout - main.css

=================================================================================================
*/




/* Body ----------------------------------------------------------------------------------------- */

body.login {

	background-image: url("Melamine-wood-green-001.png");
	background-attachment: fixed;
}


body.login:before {

	/* 'Display: block' and 'content: ""' are needed, with 'position: fixed' only the vignette will not be visible */
	display: block;
	position: fixed;

	content: "";

	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	
	/* Negative z-index to create the vignette behind the form elements and not as an global overlay */
	z-index: -10;
    overflow: hidden;
	
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 73%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(73%,rgba(0,0,0,0.35)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 73%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 73%,rgba(0,0,0,0.65) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 73%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 73%,rgba(0,0,0,0.65) 100%); /* W3C */
}


/* Login form ----------------------------------------------------------------------------------- */

/* Logo */
.login h1 a {
	
	background-image: url("login-logo.png");
	background-size: 350px;
	width: 350px;
	height: 150px;
	margin-left: -14px;
}

/* Logout message box */
.login p.message {
	
	border-left-color: #8b040c;
	box-shadow: 1px 1px 5px #000000;
}

/* Form elements */
#loginform {
	
	box-shadow: 1px 1px 5px #000000;
}

.login label {
	
	font-size: 14px;
	color: #555555;
}

.login input[type="text"],
.login input[type="password"]{
	
	background-color: #ffffff;
	border-color:#dddddd;
	-webkit-border-radius: 4px;
}

.wp-core-ui.login .button,
.wp-core-ui.login .button-primary {
	
	width: 120px;
	
	float:right;
	
	background-color:#8b040c;
	background: -webkit-gradient(linear, left top, left bottom, from(#8b040c), to(#8b040c));
	background: -webkit-linear-gradient(top, #8b040c, #8b040c);
	background: -moz-linear-gradient(top, #8b040c, #8b040c);
	background: -ms-linear-gradient(top, #8b040c, #8b040c);
	background: -o-linear-gradient(top, #8b040c, #8b040c);
	background-image: -ms-linear-gradient(top, #8b040c 0%, #8b040c 100%);
	
	-webkit-border-radius: 4px;
	border: 1px solid #580000;
	border-color: #580000;

	box-shadow: 0 1px 0 #380000;

	color: #ffffff;
	text-shadow: 0 -1px 1px #580000, 1px 0 1px #580000, 0 1px 1px #580000, -1px 0 1px #580000;
}

.wp-core-ui.login .button:hover,
.wp-core-ui.login .button-primary:hover {
	
	background-color:#8b040c;
	background: -webkit-gradient(linear, left top, left bottom, from(#8b040c), to(#be373f ));
	background: -webkit-linear-gradient(top, #8b040c, #be373f );
	background: -moz-linear-gradient(top, #8b040c, #be373f );
	background: -ms-linear-gradient(top, #8b040c, #be373f );
	background: -o-linear-gradient(top, #8b040c, #be373f );
	background-image: -ms-linear-gradient(top, #8b040c 0%, #be373f 100%);

	-webkit-border-radius: 4px;
	border: 1px solid #be373f;
	border-color: #be373f;
	
	color: #ffffff;
}

.wp-core-ui.login .button:active,
.wp-core-ui.login .button-primary:active {
	
	background-color:#8b040c;
	background: -webkit-gradient(linear, left top, left bottom, from(#be373f), to(#8b040c));
	background: -webkit-linear-gradient(top, #be373f, #8b040c);
	background: -moz-linear-gradient(top, #be373f, #8b040c);
	background: -ms-linear-gradient(top, #be373f, #8b040c);
	background: -o-linear-gradient(top, #be373f, #8b040c);
	background-image: -ms-linear-gradient(top, #be373f 0%, #8b040c 100%);

	-webkit-border-radius: 4px;
	border: 1px solid #be373f;
	border-color: #be373f;
		
	color: #ffffff;
}

p#nav {
	
	display: none;
}

p#backtoblog {
	
	display: none;
}