body, p, h2, h3, h4, h5, td, th {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
	margin: 20px;
	padding: 1em;
}

h3, h4, h5, h6 {
	margin-bottom: 0;
}

h3+p, h4+p, h5+p, h6+p {
	margin-top: 0;
}

.intro > h2 {
	margin-bottom: 0;
}

.intro > h2+p {
	margin-top: 0;
}

a {
	color: #6b2d00;
	text-decoration: none;
}

#branding {
    position: fixed;
    font-size: small;
    width: 20ex;
}

#colophon {
	position: relative;
	top: 20ex;
}

#content {
    position: relative;
    margin-left: 20ex;
	padding-right: 4ex;
	padding-left: 4ex;
}

div.intro {
	padding-top: 3ex;
	padding-bottom: 2ex;
}

#logo {
    position: absolute;
    background-color: black;
    height: 20ex;
    width: 20ex;
    display: table-cell;
    vertical-align: middle;
	margin: 0;
	overflow: hidden;
}

#z {
    color: white;
    padding: 0;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	width: 100%;
	margin: 0;
	font: 16.1em Times, serif;
	top: -0.5ex;
}

#logo:hover {
    background-color: #6b2d00;
}

/* browser-specific hacks */

/* Firefox */
@-moz-document url-prefix() {
#z {
	top: -0.2ex;
}
}