body {
	width: 526px;
	margin: 20px 10px 10px 10px;
	font: 11px/18px 'Minion Pro', 'Palatino', 'Palladio', Serif;
	color: black;
	background-color: rgb(253, 240, 205);
	
	quotes: '\2018' '\2019' '\201C' '\201D';
	border-style: solid;
	border-color: rgb(200, 200, 200);
	border-width: 1em;
	padding: 10px;
}

abbr { font: inherit;
}
pre { font: inherit; 
}

q { quotes: '\2018' '\2019'; }
q q { quotes: '\201C' '\201D'; }
q.one { quotes: '\2018' '2019'; }
q.loose {
	quotes: '' '' '' '';
	font-style: italic;
}

q.loose:before, q.loose:after { content: ''; }

a, a:hover, a:active, a:visited {
	text-decoration: underline;
	color: rgb(90, 100, 140);
	border-bottom: 1px dotted rgb(100, 120, 140);
}

p {
	margin: 0 0 18px 0;
}

p.verse {
        white-space: pre;
        font: inherit;
}


p.play {
	margin: 0px;
	text-indent: -18px;
}

.light {
	color: rgb(70, 80, 90);
}

.addendum {
	font-style: italic;
}

ul, ol {
	padding: 0px;
	margin: 0px 0px 18px 0px;
}

ul ul {
	margin-bottom: 0px;
}

ul { list-style-type: none; }

li {
	padding: 0em;
	text-indent: -0.5em;
	margin: 0 0 0 18px;
}

li > a, a:visited {
	border: none;
	text-decoration: none;
}

blockquote {
	margin: 0px 0px 18px 18px;
}

h1 {
	font-size: 20px;
	margin: 0 0 18px 0;
	font-weight: normal;
}
h2 {
	font-size: 16px;
	font-weight: normal;
}
cite {
	text-decoration: none;
	font-style: italic;
}

em cite {
	font-style: normal;
	/* Some kind of toggle function would ruck. XSL, anyone? */
}

.heavy {
	font-weight: bold;
	letter-spacing: 1px;
}

.spiff {
	width: 512px;
        background-color: rgb(255, 250, 215);
        border: 1px solid rgb(60, 60, 60);
        padding: 1px 16px 2px 16px;
        margin: 0px 0px 0px -10px;
}
