@font-face {
	font-family: 'BitstreamVeraSansRoman';
	src: url('Vera.eot');
	src: local('Bitstream Vera Sans Roman'), local('BitstreamVeraSans-Roman'), url('Vera.woff') format('woff'), url('Vera.ttf') format('truetype'), url('Vera.svg#BitstreamVeraSans-Roman') format('svg');
}

@font-face {
	font-family: 'BitstreamVeraSansOblique';
	src: url('Vera-Italic.eot');
	src: local('Bitstream Vera Sans Oblique'), local('BitstreamVeraSans-Oblique'), url('Vera-Italic.woff') format('woff'), url('Vera-Italic.ttf') format('truetype'), url('Vera-Italic.svg#BitstreamVeraSans-Oblique') format('svg');
}

@font-face {
	font-family: 'BitstreamVeraSansBold';
	src: url('Vera-Bold.eot');
	src: local('Bitstream Vera Sans Bold'), local('BitstreamVeraSans-Bold'), url('Vera-Bold.woff') format('woff'), url('Vera-Bold.ttf') format('truetype'), url('Vera-Bold.svg#BitstreamVeraSans-Bold') format('svg');
}

@font-face {
	font-family: 'BitstreamVeraSansBoldOblique';
	src: url('Vera-Bold-Italic.eot');
	src: local('Bitstream Vera Sans Bold Oblique'), local('BitstreamVeraSans-BoldOblique'), url('Vera-Bold-Italic.woff') format('woff'), url('Vera-Bold-Italic.ttf') format('truetype'), url('Vera-Bold-Italic.svg#BitstreamVeraSans-BoldOblique') format('svg');
}

html {
	background:url(images/header.png) repeat-x #fff;
}

body {
	font: 62.5% Helvetica, Arial, sans-serif;
	color: #222;
}

.skipnav {
	position: absolute;
	left: -9999px;
	margin: 0;
}

.skipnav:focus,
.skipnav:active {
	position: static;
	float: left;
	font-size: 1.4em;
	background-color: #900000;
	margin-top: 0.1em;
	color: #fff;
}

#container {
	width: 94em;
	margin: 0 auto;
}

#nav {
	margin: 1.1em 0 3em 0;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	font-variant: small-caps;
	text-align: right;
	background-color: #900000;
}

#nav li {
	display: inline;
	border-right: 1px solid #fff;
	padding-left: 0.4em;
	padding-right: 0.7em;
}

#nav li:last-child {
	border: none;
	padding-right: 0;
}

#nav a:link,
#nav a:visited {
	color: #fff;
	background-color: #900000;
	text-decoration: none;
}

#nav form,
#nav form p {
	display: inline;
}

#nav form label {
	position: absolute;
	left: -9999px;
	margin: 0;
}

#search {
	border: 1px solid #900000;
	padding: 0 0.3em;
	font-weight: normal;
}

.meta {
	clear: both;
	width: 22em;
	margin-right: 2em;
	float: left;
	color: #8F8F8F;
}

.meta p {
	font-size: 1.5em;
	margin-bottom: 1em;
}

.post-date {
	padding-top: 0.8em;
}

.post {
	width: 70em;
	float: left;
	margin-bottom: 4em;
}

.post>ul,
.post>ol {
	font-size: 1.5em;
	line-height: 1.4em;
	margin-bottom: 1.2em;
	font-family: "BitstreamVeraSansRoman", Helvetica, Arial, sans-serif;
}

.post h2 {
	font-size: 2.4em;
	font-weight: bold;
	color: #333;
	letter-spacing: 0.1px;
	margin-bottom: 0.5em;
}

.post h2 a:link,
.post h2 a:visited {
	color: #333;
	text-decoration: none;
}

.post h2 a:hover {
	color: #222;
}

.post h3 {
	font-size: 2em;
	font-weight: bold;
	color: #444;
	letter-spacing: 0.1px;
	margin-top: 1em;
}

.post h4 {
	font-size: 1.8em;
	font-weight: bold;
	color: #444;
	letter-spacing: 0.1px;
}

.post p {
	font-size: 1.5em;
	line-height: 1.4em;
	color: #222;
	margin-bottom: 1.2em;
	font-family: "BitstreamVeraSansRoman", Helvetica, Arial, sans-serif;
}

.post a:link,
.post a:visited {
	color: #9D0000;
}

.post a:hover {
	color: #760000;
}

.post blockquote {
	margin-left: 6em;
}

.post abbr {
	cursor: help;
	border-bottom: 1px dashed #222;
}

.post ul>ul,
.post ol ul {
	margin-left: 2em;
}

.post li {
	list-style: square outside;
}

.post ol>li {
	list-style: decimal outside;
	margin-bottom: 0.7em;
}

.post ol li blockquote {
	margin-top: 0.7em;
	font-size: 0.7em;
}

.post-meta {
	border-top: 1px dotted #8F8F8F;
	margin-top: 2.5em;
	padding-top: 0.7em;
	color: #8F8F8F;
}

.post-meta dl {
	display: inline;
	font-size: 1.5em;
	padding-right: 1em;
}

.post-meta dt, .post-meta dd {
	display: inline;
}

.post-meta dd:after {
	content: ", ";
}

.post-meta dd:last-child:after {
	content: "";
}

.post-meta dd a:link,
.post-meta dd a:visited {
	color: #8F8F8F;
}

.post-meta dd a:hover {
	color: #707070;
}

.figure-a {
	float: left;
	margin-right: 1em;
}

.figure-b {
	float: right;
	margin-left: 1em;
}

.figure-c {
	display: block;
	margin: auto;
}

.gist {
	margin-bottom: 1.4em;
}

#page-nav {
	float: right;
	width: 70em;
	text-align: right;
	color: #8F8F8F;
	border-top: 1px dotted #8F8F8F;
	padding: 0.5em 0;
	margin-bottom: 4em;
}

#page-nav p {
	font-size: 1.7em;
	font-variant: small-caps;
}

#page-nav p:first-child {
	float: left;
}

#page-nav a:link,
#page-nav a:visited {
	color: #8F8F8F;
}

#page-nav a:hover {
	color: #707070;
}

#comments {
	width: 70em;
	float: left;
}

#comments li {
	margin-bottom: 4em;
}

#comments li img {
	float: left;
	width: 6em;
	margin-right: 2em;
	padding-top: 3px;
}

.comment-meta {
	float: left;
	width: 44em;
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}

.comment {
	float: left;
	width: 62em;
}

.comment p {
	font-size: 1.4em;
	line-height: 1.4em;
	font-family: "BitstreamVeraSansRoman", Helvetica, Arial, sans-serif;
}

.comment a:link,
.comment a:visited {
	color: #9D0000;
}

.comment a:hover {
	color: #760000;
}


.comment-meta a:link,
.comment-meta a:visited {
	color: #9D0000;
}

.comment-meta a:hover {
	color: #760000;
}

#comment-form {
	float: left;
	width: 62em;
	margin-bottom: 4em;
}

#comment-form dl {
	margin-bottom: 1.5em;
}

#comment-form dt {
	margin-bottom: 0.3em;
}

#comment-form dt label,
#comment-form p input {
	font-size: 1.5em;
}

#comment-form dd input,
#comment-form dd textarea {
	font-size: 1.5em;
	font-family: "BitstreamVeraSansRoman", Helvetica, Arial, sans-serif;
}

#ancillary {
	clear: both;
	width: 94em;
	margin-bottom: 4em;
	border-top: 1px dotted #9D0000;
	padding-top: 1em;
}

#ancillary ul li {
	font-size: 1.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #8F8F8F;
	padding-bottom: 0.3em;
}

#ancillary ul {
	float: left;
	width: 30em;
	margin-right: 2em;
}

#ancillary ul:last-of-type {
	margin-right: 0;
}

#ancillary a:link,
#ancillary a:visited {
	color: #222;
	background-color: #fff;
	text-decoration: none;
}

#ancillary a:hover {
	color: #111;
	background-color: #fff;
}

#footer {
	clear: both;
	text-align: right;
	color: #222;
	background-color: #fff;
	padding-top: 1em;
	margin-bottom: 4em;
	border-top: 1px solid #9D0000;
}

#footer p {
	font-size: 1.2em;
	line-height: 1.7em;
}

#footer a:link,
#footer a:visited {
	color: #222;
	background-color: #fff;
}

#footer a:hover {
	color: #111;
	background-color: #fff;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}