#content {
	background: #fff;
	padding-bottom: 0;
	width: 45em;
}
dl {
	position: relative;
	top: -3.3em;
}
dt {
	font-size: 1.4em;
	font-weight: bold;
	margin: 1.5em 0 .3em 0;
}
dl dd {
	line-height: 2em;
	margin-left: 2em;
}
li { margin-top: .1em; }

ol ol li { list-style-type: lower-alpha; }
dd ol { margin-top: 0; }
address {
	display: inline;
	font-style: normal;
}
.overline { text-decoration:overline; }
.allcaps { font-size: .8em; }
sub.stress {
	font-size: 1.2em;
	margin-right: -.3em;
	position: relative;
	top: .4em;
}
strong.primary-stress {
	font-size: 1.2em;
	margin-left: -.3em;
	margin-right: -.3em;
}
#coffee-cup {
	display: block;
	position: absolute;
	left: 48em;
	top: 39em;
	width: 32em;
}
#coffee-cup img {
	width: 32em;
}
#index-card img {
	height: 29.1em;			/* this and margin-bottom depend on the height of */
	margin-bottom: -29.1em;	/* the actual image. See note below */
	margin-left: -2em;
	position: relative;
	top: 1em;				/* can be changed without affecting text position */
	width: 49em;			/* equals width + padding of #content */
}


/*
About the faux index card:

Rather kludgy, but does get the entire card to scale. Means that when the text content is updated I may need to change the image, and then change various property values on this sheet.

#index-card img height and margin-bottom should be equal, and the value depends on which image is being used. For 6.png it is 25em. For 64.png it is 29.1em.

#content padding-bottom may need to be adjusted too.
*/