/*Login Background*/
        body.login{
		background-color:#000;
		background-image: url('../images/site-login-bg.jpg');
		background-repeat: no-repeat;
		background-position:right top; 	
		padding-top:80px;
	}

	/*Login Logo*/
	body.login div#login h1 a {
            background-image: url('../images/site-login-logo.png');
            padding-bottom: 30px;
            	background-size: auto !important;
		height: 63px!important;
		width: 274px !important;
        }

	/*Login Box*/	
	#login{
		margin-left: 40px;
		margin-top: 0px;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 40px;
		padding-top: 40px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		background-color:rgba(0,0,0,0.9);
}
	/*Login Form Area*/
	form#loginform{
		margin-left: 0px !important;
		background-color:rgba(256,256,256,0);
		border-radius:15px;
	}
	/*Login Labels*/
	#loginform label{
		color:#FFF;
	}
	
	/*Login Fields*/
	#user_login,#user_pass{
		border-radius:15px;
		border-color:#000;
		background-color:rgb(50,50,50);
		color:#FFF;
		transition: all 1s ease;
	}
	#user_login:focus,
	#user_pass:focus{
		background-color:#FFF;
		color:#000;
	}
	
	/*Login Button*/
	#wp-submit{
		padding: 10px 35px 10px 35px;
		line-height:15px;
		}
	
	
	/*Lost Password Link*/
	.login #login #nav > a{color:#FFF;}
	.login #login #nav > a:hover{color:#0083ba;}
	
	/*Back to Home Link*/
	.login #login #backtoblog > a{color:#FFF;}
	.login #login #backtoblog > a:hover{color:#0083ba;}
	
	/*Fade-in CSS3 Transitions for login box... why not? haha */
		/* make keyframes that tell the start state and the end state of our object */
		@-webkit-keyframes fadeIn{
		 0% 	{opacity:0; -webkit-transform:translateX(-35px); 	transform:translateX(-35px)	; } 
		 100% 	{opacity:1; -webkit-transform:translateX(0px); 		transform:translateX(0px)	;} 
		 }
		@-moz-keyframes fadeIn { 0% { opacity:0; transform:translateX(-35px); } 100% { opacity:1; transform:translateX(0px);} }
		@keyframes fadeIn { 0% { opacity:0; transform:translateX(-35px); }  100% { opacity:1; transform:translateX(0px); } }
	
		#login{
			opacity:0; -webkit-transform:translateX(-35px); transform:translateX(-35px); /* make things invisible upon start */
			-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
			-moz-animation:fadeIn ease-in 1;
			animation:fadeIn ease-in 1;

			-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
			-moz-animation-fill-mode:forwards;
			animation-fill-mode:forwards;
 
			-webkit-animation-duration:1s;
			-moz-animation-duration:1s;
			animation-duration:1s;