body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Helvetica, Sans-Serif;
	font-size: 12px; /* This will be overwritten dynamically */
	margin: 0;
	overflow: scroll; /* Needed to stop site resizing on content reload.  That in turn is caused by #content allowing overflow, which is necessary to show the last row of project thumbnail descriptions. */
	overflow-x: hidden; /* Non-standard */
	padding: 0;
}

#wrapper {
	background-color: inherit; /* For archive/home transitions */
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

a {
	color: #000000;
	text-decoration: underline;
}

#content {
	background-color: inherit; /* For archive/home transitions */
	/* overflow: hidden; No scrollbars in general, for #project_image only. */
	position: relative; /* For the + and - signs */
	z-index: 1; /* The plus and minus signs should be in front of the image. */
}

h1 {
	font-family: "Berthold Akzidenz Grotesk BE", Sans-Serif;
	font-size: 7.9%;
	font-weight: 750;
	margin-bottom: -0.3%; /* Cufon doesn't seem to recognise line-height.  This looks about right. */
	margin-left: -0.1%; /* Align with other text */
}

/* Compensate for canvas elements' internal padding */
h1 canvas,
h1 cufoncanvas {
	left: -3px !important;
	top: -3px !important;
}

h2 {
	font-family: "Berthold Akzidenz Grotesk BE", Sans-Serif;
	font-size: 1.9%;
	font-weight: 750;
}

p, p a {
	color: #CCCCCC;
}

p {
	font-family: "Berthold Akzidenz Grotesk BE", Sans-Serif;
	font-size: 1.9%;
	font-weight: 750;
	width: 40%;
}

p#ok {
	font-size: 7.9%;
	margin-top: 1.5%;
	margin-left: -0.1%; /* Align with other text */
}

a {
	text-decoration: none;
}