html {
	height: 100%;
	margin: 0 auto;
	background-color: #eee;
	background-image: url(../images/home_retro.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

body.login {
	width: 540px;
	height: 100%;
	margin: 0 auto;
}

#login {
	width: 100%;
	margin: 0 auto;
	padding: 7em 0 1em 0;
	background-color: transparent;
	background-image: url(../images/login/logo-login-header.jpg);
	background-position: center 0.5em;
	background-repeat: no-repeat;
}

#login h1 {
}

#login h1 a {
	background-image: none !important;
}

#login form {
	width: 320px;
	margin: 0 auto;
	background: transparent;
}

#login
#login input,
#login form p label,
.login ul li a {
	color: #333;
}

#login input {
	padding: 4px;
}

#login #login_error,
.message {
	margin : 0 auto;
	border: 0;
	background: #333 !important;
	color: #eee;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

.message {
	margin: 8px;
	padding: 5px;
}

.login ul,
#protected #login .bottom {
	width: 320px;
	padding: 1em;
	border: 2px dashed #ddd;
}

.login #backtoblog a {
	color: #666666 !important;
}