/* 
 * BASELINE
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;
	border: 0; font-weight: inherit;
	font-style: inherit; font-size: 100%;
	line-height: 1; font-family: inherit;
	text-align: left; vertical-align: baseline; }
html, body { background:#fff; color: #333; font: normal 16px/1.563 Georgia, serif; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

a:link, a:visited, a:active { color:#333; text-decoration:none; border-bottom: solid #bf6f6f 1px; }
a:hover { color: #000; text-decoration:none; border-bottom:solid #eb0001 2px; }
a.header, a.header:hover, a.imagelink, a.imagelink:hover { border: none; }


strong { font-weight: bold; }
em { font-style: italic }

/* 
 * Basic Layout
 */
 
#primus {
	margin:20px auto;
	padding: 23px 0 0 0;
	width:773px;
	background:transparent url(/images/site/shadow-top.png) top center no-repeat;
}  

#secundus {
	margin:0 auto;
	width:773px;
	background:transparent url(/images/site/shadow-middle.png) center repeat-y;
	}
	
#tertius {
	margin:0 auto;
	width:773px;
	background:transparent;
	}
	
#quartus {
	padding:0 0 1.923em; 0;
	width:773px;
	background:transparent url(/images/site/shadow-bottom.png) bottom center no-repeat;
	}

#quintus {
	margin: 0 0 0 36px;
	padding: 0;
	width:680px;
	background:#fff;
	margin-bottom: 20px;
	}
	
/* Header
----------------------------------------------- */
h1#title {
    padding: 80px 0 0 0;
width: 100%;
    overflow: hidden;
    background: url("/images/73.jpg") center;
    background-repeat: no-repeat;
    margin: 0 auto; text-align: center;
    margin-bottom: 1.563em;
    height: 0px !important;
    height /**/:80px; /* for IE5.5's bad box model */
}

h1#smalltitle {
    padding: 64px 0 0 0;
    overflow: hidden;
	background: url("/images/74.jpg") top left no-repeat;
	margin-bottom: 1.563em;
	font-size: 1em;
    height: 0px !important;
    height /**/:64px; /* for IE5.5's bad box model */
	}

img#logo { display: none; }

/* Content -- General
----------------------------------------------- */

p {
	font-size: 1em;			/* BASE: 16px */
	line-height: 1.563em;	/* 25px */
	margin-top: 0;
	margin-bottom: 0;
	text-indent: 0;
	}

	p + p { text-indent: 2em; }

p + h3, p + h2, p + h1, p + img {
	margin-top: 1em !important;
}

p.noindent {text-indent: 0; }

dt p, dd p {
	margin: 0;
	}

dd, dt {
	font-size: 1em;
	line-height: 1.563em;
}

dd {
	margin-left: 2em;
	margin-bottom: 1.563em;
	}
	
p.timestamp { 
	text-align: center;
	font-size: 1em;		/* 16px */
	line-height: 1.563em;	/* 25px */
	font-style: italic;	
	text-indent: 0; 
	margin: 0 0 1.563em 0; /* 25px */
	color: #555;
	}

p.signoff {
	font-size: .75em;		/* 12px */
	line-height: 2.083em;	/* 25px */
	text-transform: uppercase;
	letter-spacing: .083em;	/* 12*.083 = 1px */
	margin: 0 0 2.083em 0; /* 25px */
	font-style: italic;
}

p.subtitle {
	text-align: center;
	font-size: .75em;		/* 12px */
	line-height: 2.083em;	/* 25px */
	font-style: italic;	
	text-transform: uppercase;
	letter-spacing: .083em;	/* 12*.083 = 1px */
	text-indent: 0; 
	margin: 0;
	color: #555;
	}

p.spotart { float: right; margin: 0; text-indent: 0; }
p.illustration + p, p.ornament + p, p.subtitle + p, p.link + p, p.verse + p, p.timestamp + p, p.spotart + p, .comment p { text-indent: 0; margin-top: 1em;}
p.timestamp + p { margin-top: 1.563em }

.blockcode {
	background: #ddd;
	margin: .5em;
	padding: .5em;
	border: solid #ccc 1px;
}

code {	font-size: .875em;
	line-height: 1.786em;
	font-family: consolas, courier new, monospace; }

pre {
	font-family: consolas, courier new, monospace;
}

p img { margin: 0 .5em }

p.comments-jumplink {
	text-indent: 0;
	text-align: center;
	margin-top: 1em;
}

p.permlink {
	height: 21px;
	width: 21px;
	font-size: 1em;	/* 13px; */
	text-indent: 0;
	margin: 1em auto 3em auto;
}

blockquote {
	font-style: italic;
	font-size: 1em; /* 0.875em;  14px
	line-height: 1.785em; 25px 
	margin: 1.143em 2em; */
	margin: 1em 3em;
}


/* Content -- Specialized
----------------------------------------------- */

.caps { 
	font-size: .875em; 
	letter-spacing: .071em; 
	text-transform: uppercase; 
	}

p.footnote, div.comment p, div.footnotes p { 
	font-size: 0.875em;		/* 14px */
	line-height: 1.786em; 	/* 25px */
	text-indent: 0;
	}

p.illustration {
	/* For paragraphs containing a single centered picture */
	text-align: center;
	text-indent: 0;
	/* for captions: */
	font-size: 0.875em;		/* 14px */
	line-height: 1.786em; 	/* 25px */
	font-style: italic;
}

sup, p sup {
	font-size: 0.75em;	/* 12px; */
	vertical-align: super;
	}

sup.footnote { margin: 0 0 0 .2em; }

div.footnotes { margin-top: 2em; }

p.quoteline {
	font-size: 0.75em;		/* 12px */
	line-height: 2.083em; 	/* 25px */
	text-align: right;
	margin: 1.042em 0 3.125em 0;
	font-style: italic;
	}

p.quote {
	font-size: 1.563em;		/* 20 px */
	line-height: 1em;		/* 20 px */
	font-weight: bold;
	margin-bottom: 1em;		/* 20 px */
	text-align: center;
	}

p.link {
	font-size: 1.25em;		/* 20 px */
	line-height: 1.25em;	/* 25 px */
	margin: 1.125em 0 .125em 0;	/* 22.5 px + 2.5px = 25px */
	font-weight: bold;
	text-align: center;
}

p.for-syndicate { display: none; }

.flippable { display: none; }

table.verse {
	margin: 0 auto;
}

table.verse td {
	/* font-style: italic; */
	line-height: 1.563em; /* 25px */
	padding: .782em 0;
}

/* Volume Titles */
.backtext {
	display: block;	
	font-size: 2.5em; /* 40px */
	color: #ddd;
	padding-top: -.782em;
}

.fronttext {
	display: block;	
	font-size: 1.688em; /* 27px */
	color: #333;
	margin: -1.1em 0 0 2em;
	font-weight: normal;
	font-style: italic;
}

dl.table-display {
	width: 30em;
	margin: 2em 0;
	padding: 0;
	}

.table-display dt {
	width: 10em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em 0;
	border-top: 1px solid #ddd;
	font-weight: bold;
	}

/* commented backslash hack for mac-ie5
.table-display dt { clear: both; }
end hack */

.table-display dd {
	float: left;
	width: 19em;
	margin: 0 0 0 0;
	padding: .5em 0;
	border-top: 1px solid #ddd;
	}

table.compare td {
	font-size: 0.875em; /* 14px */
	line-height: 1.785em; /* 25px */
	padding: .782em;
}

td.cite {
	font-style: italic;
}

p.ornament {
	background: url('/images/6.jpg') center center no-repeat;
	text-indent: -10000px;
	margin: 2px auto;
	height: 21px;
}

table.playlist { width: 80%; margin: 0 auto; }

table.playlist tr {
	margin: .782em 0;
}

table.playlist td {
	font-size: 1em;			/* BASE: 16px */
	line-height: 1.563em;	/* 25px */
}

/* Navigation
----------------------------------------------- */

#breadcrumb {
	text-transform: uppercase;
	letter-spacing: .09em;
	font-size: 0.688em;
	float: right;
	border: solid #bbb 1px; 
	background: #f8f8f8; 
	padding: .727em;
	color: #888;
	margin-top: 16px;
	}

#article_navlinks {
	text-align: center;
	border: solid #bbb 1px; 
	background: #f8f8f8; 
	font-size: 0.813em;
	padding: .615em;
	line-height: 1.923em;
	width: auto;
	margin: 0 auto;
}

/* Headings
----------------------------------------------- */

h2 {
	font-size: 1.5625em;		/* 25 px */
	line-height: 1em;		/* 25 px */
	margin-bottom: 1em;		/* 25 px */
	text-align: center;
	font-weight: bold;
	}

h3 {
	font-size: 1.25em;		/* 20 px */
	line-height: 1.25em;	/* 25 px */
	margin: 1.125em 0 .125em 0;	/* 22.5 px + 2.5px = 25px */
	font-weight: bold;
}

/* Links
----------------------------------------------- */

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active { border: 0; color: #888; }
#breadcrumb a:hover { border-bottom: #eb0001 solid 1px; color: black; }
#breadcrumb p { text-indent: 0 }

p.permlink a:link, p.permlink a:active, p.permlink a:visited {
	display: block;
	border: 0;
	text-indent: -10000px;
	height: 21px; width: 21px;
	background: white url(/images/69.png) 0px 0px no-repeat;
}

p.permlink a:hover {
	display: block;
	height: 21px; width: 21px;
	background: white url(/images/69.png) 0px -21px no-repeat;
	border: 0;
	text-indent: -10000px;
}

p.illustration a:link, p.illustration a:visited, p.illustration a:hover, p.illustration a:active { border: 0; }

p.spotart a:link, p.spotart a:visited, p.spotart a:hover, p.spotart a:active { border: 0; }

h2 a:link, h2 a:visited, h2 a:active { border: 0; }
h2 a:hover { border: 0; color: #eb0001; }

.commentinfo a:link, .commentinfo a:visited, .commentinfo a:active { color: gray; border-bottom: solid gray 1px; }
.commentinfo a:hover { border-bottom: solid black 1px; }

/* Lists
----------------------------------------------- */


ul { 
	list-style-type: disc; 
	margin-bottom: 1.563em;
}

ol {
	list-style-type: decimal;
	margin-bottom: 1.563em;
}

li {
	font-size: 1em;  /* 16px */
	line-height: 1.563em; /* 25px */
	margin-left: 3em;
}

/* Search
----------------------------------------------- */

/* Forms
----------------------------------------------- */

#mailform { margin-left: 2.5em; }
#mailform p, #mailform ul { border: #eee 2px solid; padding: 1em; text-transform: uppercase; letter-spacing: 1px; font-size: .8em; width: 30em; }
#mailform li { margin-left: 3em; }

label { text-transform: uppercase; letter-spacing: 1px; font-size: .9em }

input, textarea
{
	background-color: #eee;
	border-color: #999 #ddd #ddd #999;
	border-width: 1px;
	border-style: solid;
	font-family: georgia, times, serif;
	font-style: italic;
	font-weight: normal;
}

input.button { border-color: #ddd #999 #999 #ddd; }


/* Comments
----------------------------------------------- */

/* Left over from original	 */
div.comment { border-top: solid #ddd 1px; margin: 2em 0; 
	padding: 0;
	}

table#commentform { clear: both; margin-top: 3em; }

ul.comments_error li { color: red; font-weight: bold; }