/* typography == fonts and text */

/* ---------------------- global block */
body {
	text-align			: center;
	font				: 80%/100% Arial, Helvetica, sans-serif;
	}
a, a:link {
	text-decoration		: none;
	font-weight			: bold;
	}
a:hover {
	text-decoration		: underline;
	}
#container {
	text-align			: left;
	}
	
/* ---------------------- footnotes block */
/* ---------------------- these shouldn't all be here, but it's late. */
sup a,
a.sup {
	text-decoration		: none;
	padding				: .1em;
	background-color	: #999;
	color				: #fff;
	margin-left			: 2px;
	}
p.fn {
	border-top			: 1px solid #b3b3b3;
	font-style			: italic;
	padding-left		: 20px;
	padding-top			: 10px;
	}
p.fn a {
	float				: left;
	font-weight			: normal;
	padding				: 0 .1em;
	margin-left: -20px;
	}

/* ---------------------- header block */
#branding form input {
	font-size			: 11px;
	}

/* ---------------------- main content block */
#content-main h1 {
	font				: bold 22px Myriad, Arial, sans-serif;
	letter-spacing		: .1em;
	}
#content-main h3 {
	font				: 110%;
	}
#content-main h4,
#content-main h5,
#content-main h6 {
	font				: 100%;
	}
/* ---------------------- left column block */

/* ---------------------- right column block */

/* ---------------------- footer block */
#footer {
	text-align			: center;
	}
#footer a, 
#footer a:link {
	text-decoration		: none;
	font-weight			: normal;
	}