* { margin: 0; padding: 0; font-size: 100%;}

body {
	padding: 1em;
	font: 87.5%/1.5 trebuchet, 'trebuchet ms', lucida sans, tahoma, verdana, sans-serif;
}

#content { width: 520px; margin-right: 3em; float: left;}
#sidebar { width: 200px; float: left;}
#footer {clear: both; }
h1, h2, h3, h4 { font-family: palatino, 'palatino linotype', georgia, serif; }
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 {margin: .75em 0;}
#content h3 {text-align: center;}
p { margin: 1.5em 0; }


/* text-bits and pieces
----------------------------------------------------------*/

del {
	text-decoration: line-through;
}
ins { text-decoration: underline; }

span[lang]{ font-style: italic; }
em em, em i, i em { font-style: normal; }

sup, sub { line-height: 0; }
abbr {
	cursor: help;
	font-family: monospace;
	font-size: 1.2em;
}

.clear {
	clear: both;
	margin: 1em auto;
	width: 100%;
	height: 25px;
	border-style: none;
	background: url(floralheart.png) no-repeat 50% 50%;
}

/* quotes and citations
----------------------------------------------------------*/
blockquote { margin: 1.5em; }
blockquote cite { display: block; margin-left: 1.5em;}
blockquote cite::before {
	content: "\2014";
	line-height: 1.2;
}

cite { font-style: italic; }
cite em { font-style: normal; }
q {
	quotes:"\201C" "\201D" "\2018" "\2019";
	font-style: italic; }
q q { quotes:"\2018" "\2019"; }
q::before {
	content:open-quote;
	font: bold 1.2em/0 serif;
}
q::after {
	content:close-quote;
	font: bold 1.2em/0 serif;
}
html > body q { font-style: normal; }

/* =lists
----------------------------------------------------------*/
.item li { margin-left: 1.5em; }
.item ul, .item ol, .item dl {
	margin: 1em 0;
}
.item ul ul, .item ul ol,
.item ol ol, .item ol ul {
	margin: 0;
}
.item li p { margin: 0 }
.item dt { font-weight: bold; }
.item dd {
	margin-left: 1.5em;
}
.alpha { list-style: lower-alpha }


.comments { border-left: 2em solid #cdcdcd; padding: .25em 1em;}
.comments .byline { font-style: italic; }