div.wrap {
	width: 900px; 
	margin: 0 auto; 
}

#header-stripe {
	background-color: black;
	width: 100%;
	height: 220px;
}
#header {
	background-image: url('/images/picture.jpg'); 
	background-position: right top; 
	background-repeat: no-repeat; 
	background-color: black; 
	height: 220px; 
	color: #d8dad5; 
}
h1 {
	font-weight: normal;
	font-size: 48px;
	padding-top: 55px;
	padding-bottom: 0px;
	margin: 0px;
}
#tagline {
	line-height: 35px;
}

#menu-stripe {
	background-color: black;
	width: 100%;
	height: 30px;
	position: absolute;
	top: 190px;
}
#menubutton {
	display: none;
}
#menu {
	background-image: url('/images/picture.jpg'); 
	background-position: right bottom; 
	background-repeat: no-repeat; 
	background-color: black; 
	color: #d8dad5; 
	line-height: 30px;
	display: block !important; /* So closing the menu in mobile won't make it disappear when returning to full screen. */
}

a.nav {
	color: #d8dad5;
	text-decoration: none;
	cursor: pointer;
}
a.nav + a.nav:before {
	display: inline-block;
	content: " \002022 \0000A0";
}
a.nav:hover {
	text-decoration: underline;
}

#picture {
	display: none;
}