body {
	font-size: 12px;
	line-height: 1.5em;
	font-family: 'Lucida Grande', sans-serif;
	text-align: center;
}

a:link,
a:visited {
	color: #00f;
	text-decoration: underline;
}

a:active,
a:hover {
	color: #fff;
	background-color: #00f;
	text-decoration: none;
}

small a:link, small a:visited {
	color: #888;
}

h1 {
	font-size: 36px;
	margin: 30px 0 20px 0;
}

h2 {
	font-size: 14px;
}

ol, ul {
	padding-left: 2em;
}

#wrap {
	width: 500px;
	text-align: left;
	margin: 18px auto;
}

.header-with-image h2 {
  display: inline;
}

.header-with-image p.image {
  padding: 0;
  margin: 0 0 .8em .8em;
  float: right;
}

p.highlight {
  padding: .8em;
  background-color: #ffc;
}

.invisible {
  display: none;
}

.photo-box {
  margin-bottom: 0;
  padding-bottom: 0;
}

.photo-box .credit {
  margin-top: 0;
  padding-top: 0;
	color: #999;
	font-size: 10px;
}