.login {
	background: #81b5d6;
}

.login #login {
	position: relative;
}

.login #login h1 {
	position: absolute;
	top: 20%;
	left: 44%
}

.login #login h1 a {
	
}
.login #loginform {
	width: 300px;
	background: transparent;
	margin: 60px auto 30px;
	padding: 24% 2.5em;
	font-family: 'Raleway', 'Lato', Arial, sans-serif;
	color: white;
	text-shadow: 0 2px 1px rgba(0,0,0,0.3);
	border: 6px solid rgba(221, 218, 215, 0.23);
}

.login #loginform input[type=text], .login #loginform input[type=password] {
	color: #FFF;
	background: linear-gradient(45deg, #68add8 0%,#8cbede 100%);
	width: 100%;
	height: 40px;
	margin: 0 auto 10px auto;
	font-size: 14px;
	padding-left: 15px;
	border: none;
	box-shadow: -3px 3px #679acb;
	-webkit-appearance: none;
	border-radius: 0;
	border-top: 1px solid #92c5e2;
	border-right: 1px solid #92c5e2;
}

.login #loginform input[type=checkbox] {
	background: linear-gradient(45deg, #68add8 0%,#8cbede 100%);
	border: none;
}


.login label {
	color: #FBFBEF;
}

.login .button {
	width: 100%;
	padding: 8px 5px;
	background-color: #489cdf;
	border-radius: 5px;
	box-shadow: inset 0 1px rgba(255,255,255,0.4), 0 2px 1px rgba(0,0,0,0.1);
	cursor: pointer;
	transition: all 0.3s ease-out;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	font-weight: bold;
	font-family: 'Raleway', 'Lato', Arial, sans-serif;
	height: 40px !important;
	line-height: 30px !important;
	margin-top: 15px;
	border: 0px solid #424242;
}



.login .button:hover {
	background-color: #489cdf; 
	outline: none;
	box-shadow: none;
	border: 1px solid #81b5d6;

}

.login #backtoblog a, .login #nav a{
	color: #FBFBEF;
}

.login #backtoblog a:hover, .login #nav a:hover{
	color: #489cdf;

}

.login .message {
	background: transparent;
	border: 6px solid rgba(221, 218, 215, 0.23);
	color: #FBFBEF;
	margin-top: -52px;
	position: absolute;
	width: 100%;
	text-align: center;
}