.wrap {
	position: relative;
    max-width: 640px;
    margin: 30px auto;
    padding: 0 1rem;
}

.login-instructions {
	margin-top: 4rem;
	color: #eee;
}

.login-instructions p {
    margin: 1rem 0;
}

.instructions--title, .instructions--content {
    margin: 1rem 0;
}

.login #backtoblog a, .login #nav a,
.login #backtoblog a:focus, .login #nav a:focus {
    text-decoration: none;
    color: #eee;
}

.login-page {
    background-color: #1d4554;
}

#login h1 a, .login h1 a {
	width: 308px;
	padding: 5px;
    background-image: url(http://nachc.org/wp-content/uploads/2015/06/nachc-logo.gif);
    background-size: contain;
}

.login #backtoblog a, .login #nav a {
	text-decoration: none;
	color: #eee;
}


/* @todo: implementation: add to theme css */

.header-utlity {
    margin: .5rem 0;
}

.header-utlity input {
    margin: 0;
}

.header-utlity input[type="text"] { /* search box */
    line-height: 1.65rem;
}

.header-welcome {
    color: #fff;
    font-size: 0.8rem;
    margin: 0 0 .5rem;
}

.header-welcome a,
.header-welcome a:visited,
.header-welcome a:hover,
.header-welcome a:active {
    color: #fff;
}

.header-welcome a:hover {
    text-decoration: underline;
}