/* font definitions */

@font-face {
	font-family: 'Ubuntu';
	src: url('fonts/Ubuntu-R.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('fonts/Ubuntu-RI.ttf');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('fonts/Ubuntu-B.ttf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu Mono';
	src: url('fonts/UbuntuMono-R.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu Mono';
	src: url('fonts/UbuntuMono-RI.ttf');
	font-weight: normal;
	font-style: italic;
}

/* general */

h1 {
	font-family: "Ubuntu Mono", Verdana, sans-serif;
	font-weight: normal;
	font-size: 20pt;
	margin: 0.667em 0 0.667em 0;
}

h2 {
	font-family: "Ubuntu Mono", Verdana, sans-serif;
	font-weight: normal;
	font-size: 16pt;
	margin: 0.667em 0 0.667em 0;
}

p {
	margin: 0.667em 0 0.667em 0;
}

body {
	background-color: #f8f8f8;
	color: #202020;
	font-family: "Ubuntu", Verdana, sans-serif;
	font-size: 11pt;
}

a, a:active, a:visited {
	color: #222222;
	border-bottom: 1px solid #222222;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dashed #222222;
}

blockquote {
	margin-left: 30pt;
}

#title {
	font-family: "Ubuntu Mono", Verdana, sans-serif;
	font-size: 40pt;
	text-align: center;
}

/* special fonts */

tt, blockquote, table td {
	font-family: "Ubuntu Mono", Verdana, sans-serif;
	font-size: 13pt;
	font-style: normal;
}

em { /* em will be given a special color on each page */
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
}

.ft {
	font-size: 12pt;
	font-variant: small-caps;
}

/* content div */
/* top edge should be 30pt below bottom of navigation stripe, */
/* but it looks more like 45pt, which is what i want */

#content {
	top: 72pt;
	margin: 0 90pt 0 90pt;
}

/* stripe color */

#masthead {
	color: #222222;
}

#navstripe {
	background-color: #222222;
}

ul#navstripe .here {
	color: #222222;
}

ul#navstripe a, a:active, a:visited {
	border-bottom: none;
}

ul#navstripe a:hover {
	color: #222222;
}

/* navigation link background matching */

ul#navstripe li:hover {
	background-color: #f8f8f8;
}

ul#navstripe .here {
	background-color: #f8f8f8;
}

ul#navstripe a {
	color: #f8f8f8;
}

/* table formatting */

table {
	text-align: left;
	margin-left: 30;
	padding: 0;
}

table th {
	padding: 0 20pt 4pt 0;
	font-weight: normal;
}

table td {
	padding: 0 20pt 4pt 0;
}