WP Custom Login

hmmm you can write following into your wp-custom-login.css:

#login {
margin: 0 auto;
}
#login #nav,
#login #backtoblog {
margin-left: -299px;
}

I think the main problem is the #nav and #backtoblog. But because your site has got a fixed width, you can solve it with this code.

I have the same issue. I need to move the login off the left edge. I put a wp-custom-login.css file in the themes directory but it had no effect.
site is https://www.titleeandobyrobin.com

this is not a wordpress site ??

sorry it’s here:
https://titleeandobyrobin.com/eandoblog/wp-login.php

I have used following css file for a childtheme of the twentyeleven theme:

#main {
	padding: 0 !important;
}
#headerbox form {
	background: none;
	padding: 0;
	border: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#login {
	margin: 0 auto;
	width: 1000px !important;
	padding: 30px 0 !important;
}
#login h1 {
	display: none;
}
#login .message {
	margin: 0 !important;
}
#login_error,
.login .message {
	margin: 0 !important;
	padding: 6px !important;
}
#login h1 a {
    padding: 0;
	color: inherit;
	text-align: left;
}
#login p {
	margin: 0;
}
#login form {
	padding: 6px 0;
}
#loginform label, #registerform label, #lostpasswordform label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    padding: 7px 0 4px;
}
#login form input {
    font-size: 16px;
    line-height: 23px;
    padding: 5px;
    width: 260px;
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #999999 !important;
    color: #333333;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: 0 !important;
	-moz-box-shadow: 0 !important;
	-webkit-box-shadow: 0 !important;
}
#login form input:hover {
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
}
#login form #user_email {
	width: 248px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
}
#login form #user_email:hover {
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1) inset;
}
#login form #wp-submit {
	width: 248px;
    text-shadow: none;
}
#login form #wp-submit:hover {
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
#login form .forgetmenot label {
    font-size: 13px;
    line-height: 18px;
}
#login form .forgetmenot input {
	width: auto;
}

You can modify it like your needs…