body {
	background-color:  #DFF; padding: 0; margin: 0;
	}


#theblog {
	position: absolute;
	top: 100px; left: 24%; width: 52%;
	border-left: 1px #288 solid;
	}

#bloghead {
	position: fixed; height: auto;
	top: 0px; right: 0px; width: 100%;
	border: 5px #CFF solid; z-index: 10;
	background-color: #BFF;
	margin: 0px 0px 10px 00px; vertical-align: bottom;
}

#bloghead h1 {
	font: 30px Lucida Sans Unicode, Lucida Sans, Arial, Helvetica, sans-serif; line-height: 1em; padding:0; margin: 0;
	text-align: right; padding: 0.1em 0.33em 0.1em 0;
	color: #54C; z-index: 11;
	position: relative; top: 5px; bottom: 5px;

}	

#sidebart {
	position: absolute; top: 100px; left: 0%; width: 19%; text-align: center;
	padding: 0 1px 0 0; margin-right: 1%; margin-left: 2%;
}

#buffer {
	position: absolute; top: 100px; right: 0%; width: 19%;
	padding: 0 0 0 1px; margin-right: 2%; margin-left: 1%;
	}

#epigraph {
	font: 12px Lucida Sans Unicode, Lucida Sans, Arial, Helvetica, sans-serif;
	margin-top: 50%; border: 5px solid #CFF;
	color: #59F; background-color: #EBFAFC; padding: 5px;
	}
	
#epigraphsource {
	font-family: Verdana;
	text-align: right; width: 100%;
	}
	

	
#theblog a {
	color: #58B;
	}
	
#theblog a:hover {
	border-bottom: 1px solid #58B; background-color: #FF0;
	}


div.blogitemhead h2 {
	display: block; width: 100%;
	border: 5px #CFF solid;
	border-left: 0px;
	background-color: #BFF;
	color: #54C;
	padding: 5px; border-bottom: 1px solid #288; margin: 0;
	font: 18pt Lucida Sans Unicode, Lucida Sans, Arial, Helvetica, sans-serif;
	}

div.blogitemdates {
	font: 10pt Verdana; color: #54C; float: right; text-align: right; width: 100%;
	margin: 0px 3px 10px 0px; 
	}
	
div.blogitemdates a {
	text-decoration: underline;
	}
	
div.blogitemdates a:hover {
	border-bottom: 1px solid #58B; background-color: #FF0;
	}
	
div.blogbody {
	font: 12pt Garamond, Times Roman; line-height: 1.20em; 
	padding-left: 10px;
	margin-bottom: 0.5em; margin-top: 0;
	text-indent: 2em; 
	}

div.blogbody blockquote {
	font-size: 90%;
	margin-right: 2em; margin-left: 2em;
	margin-bottom: 0.5em; margin-top: 0;
	text-indent: 0;
	}

div.blogbody p.contd {
	text-indent: 0em;
	}
	
div.blogbody div.addlitem {
	margin-bottom: 0; text-indent: 0.3em; margin-top: 1em;
	}

div.blogbody div.addlitem a {
	text-decoration: none;
	}

span.footnote {
	font-size: 90%; color: #59F; background-color: #DAFAFC; float:right; width: 30%; padding: 0.75em; margin-left: 0.4em; text-indent: -0.3em;
	}
	
span.fnnum {
	font-size: 65%; vertical-align: top;
	}

.sidebarhead {
	display: block; width: 100%;
	background-color: #CFF;
	color: #54C;
	padding: 0; margin: 0;
	font: 14pt Verdana; text-align: center; line-height: 1em;
	}

#listedstuff, #blogroll, #archivelist {
	margin-top: 0; font-family: Verdana; padding-top: 0; margin-bottom: 1em;
	}

	
#blogroll h4, #listedstuff h4, #archivelist h4  {
	color: #54C; border-bottom: 1px solid #54C; text-align: center; font-size: 100%; width: 100%;
	padding: 0; font-weight: bold; margin-bottom: 0.3em; line-height: 1em; margin-top: 0.5em;
	}
	
#fullistedstuff {
	position: absolute;
	top: 100px; left: 24%; width: 52%;
	border-left: 1px #288 solid;
	font-family: Verdana;
	}
	
#fullistedstuff th {
	border: 5px #CFF solid;
	border-left: 0px;
	background-color: #BFF;
	color: #54C; text-align: left;
	padding: 5px; border-bottom: 1px solid #288; margin: 0;
	font: 18pt Lucida Sans Unicode, Lucida Sans, Arial, Helvetica, sans-serif;	}
	
#fullistedstuff td.worktitle {
	font-style: italic;
	padding-right: 35px;
	vertical-align: top;
}

#fullistedstuff td.sourcename {
	vertical-align: top;

}

#fullistedstuff table {
	border: 0;
	font-size: 80%;
	padding: 0;
	margin: 0;
}

.bloglist a {
	border: 1px solid #DFF; font-size: 75%; display: block; padding: 0.3em; text-align: center; text-decoration: none;
	}

.bloglist a:hover {
	border: 1px solid #58B; background-color: #FF0;

	}

#listedstuff ul {
	font-size: 80%; display: block; padding: 0; margin: 0;
	}

#listedstuff li {
	list-style: none; display: block; color: #54C; padding-bottom: 1em;
	}
	
#listedstuff div.sourcename {
	display: block; text-align: right;
	}
	
#listedstuff div.morelink {
	display: inline; width: 100%;text-align: right;
}

#listedstuff div.morelink a {
	font-size: 70%; text-decoration: none;
	}
	
#listedstuff div.morelink a:hover {
	border-bottom: 1px solid #58B; background-color: #FF0;
	
}
	
.buttons {
	background-color: #DFF; text-align: center; margin-top: 15%;
	}
	
em em {
	display: block; text-align: center; text-indent: 0; font-weight: bold; font-color: #c00; border: 1px solid #58B; 
	background-color: #FF0;
	
}