*{vertical-align:baseline;font-family:inherit;font-size:100%;border:0 none;outline:0;padding:0;margin:0;color:#111;text-decoration:none;}
body{ font: 16px/24px Georgia, "Times New Roman", Times, serif;}

h1, h2, h3, h4, h5, h6, th { color: #48403E; }
p,h2,h3,h4,ol,ul,dd,pre{ font-weight:normal; }
p { margin-top: 8px; margin-bottom: 24px; }
h2 {font-size:48px; line-height: 64px; margin-bottom: 24px; }
h3, th {font-size:20px; line-height: 24px; margin-top: 24px; margin-bottom: 0; }

ul, ol { list-style-position: outside; padding: 0px 20px 10px 48px; }
/* ul { list-style: none url(/images/bullet.png) outside; } */
ul li, ol li { margin: 0 0 2px 0px; padding: 0; }

object, img.center { width:460px; margin: 10px 0 0 0;}
object { margin-bottom: 20px;}
a { font-weight: normal; text-decoration: none; color: #336699; }
a em, a strong, .marginalia a em, .marginalia a strong, .footnote a em, .footnote a strong {color: #336699;}
a:hover, a em:hover, .marginalia a em:hover, .footnote a em:hover { color: #336699; text-decoration: underline; }

blockquote { padding: 0 0 0 20px; }
object.marginalia, div.marginalia, p.marginalia, img.marginalia, span.footnote, img.footnote, p.footnote, p.caption { 
	width: 220px; margin-top: 5px; font: normal 12px/24px "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	color: #666;
}
p.caption { width: 400px; margin: 0 0 15px 40px; text-align: center; }
div.marginalia, #article p.marginalia,img.marginalia,object.marginalia{float:left;clear:left;margin: 8px 0 0 -240px;padding-right:20px;text-align:right; }
img.pic-big, div.footnote, img.footnote, p.footnote, span.footnote{ float:right;clear:right;margin-right:-240px;text-align:left;padding-left:20px;}
img.pic-big { width: 700px; margin-bottom: 16px;}
.footnote em,.footnote strong, .footnote cite, .marginalia em,.marginalia strong, .marginalia cite {color:#666; }
code{ font:normal 16px/24px monospace; }
pre{ margin-bottom: 16px;}
.hide {display:none;}
sup.fn_ref { font-size: 11px; padding-top: 0; margin-top: 0; vertical-align: super;}
sup.fn_ref a { text-decoration: none; color: #666; border: none;}
/* Footnote return gadget?  ↩ */

/* there's only the one table at present, and most of this should be over there. */
table { width: 740px; margin: 0 0 10px -242px; float: none; clear: both; }
th { color: #48403E; background: #fff; text-align: left; font: inherit; font-weight: bold;}
th+th { text-align: center; }
td { width: 260px; text-align: left; padding-top: 4px; background: #f7f7f7; }
td+td { width: 180px; text-align: center; }

ul#nav {
	list-style: none;
	display: block;
	width: 960px; 
	height: 192px;
	margin: 0 auto 0 auto;
	padding: 0;
	border-bottom: #ccc 1px dotted;
	position: relative;
	background: url(/images/nav_bg.png) 0px 0px no-repeat;
}
ul#nav > li { margin: 0; padding: 0; display: block; float: left; position: relative; }
ul#nav > li > a {
	display: block;
	border: none;
	overflow: hidden;
	height: 50px;
	width: 140px;
	padding: 0;
	margin: 132px 0 0 0;
}
ul#nav a#home { background: url(/images/nav.png) 0px 0px no-repeat; width: 300px; }
ul#nav a#home:hover { background: url(/images/nav.png) 0px -49px no-repeat; }
ul#nav a#articles { background: url(/images/nav.png) -330px 0px no-repeat; margin-left: 30px; }
ul#nav a#articles:hover { background: url(/images/nav.png) -330px -49px no-repeat; }
ul#nav a#ephemera {	background: url(/images/nav.png) -470px 0px no-repeat; margin-left: 20px;}
ul#nav a#ephemera:hover { background: url(/images/nav.png) -470px -49px no-repeat; }
ul#nav a#topics { background: url(/images/nav.png) -610px 0px no-repeat;  margin-left: 20px;}
ul#nav a#topics:hover { background: url(/images/nav.png) -610px -49px no-repeat; }
ul#nav a#feed { background: url(/images/nav.png) -930px 0px no-repeat; margin-left: 140px; width: 20px;}
ul#nav a#feed:hover { background: url(/images/nav.png) -930px -49px no-repeat; }

#wrapper { 
	width: 960px; 
	margin: 1px auto 1px auto; 
	border-top: 1px #ccc dotted; 
	border-bottom: 1px #ccc dotted; 
	float: none; 
	clear: both;
/*	background: url(/images/960_12.gif) top left repeat;  */
}

#articles, #ephemera, #topics {	
	width: 960px; 
	display: block;
	margin: 16px 0 16px 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background: transparent;
}
.ephemeron, .teaser, .feature {
	display: block;
	margin: 16px 10px 16px 10px;
	overflow: hidden;
	position: relative;
	width: 218px;
	height: 398px;
	border: 1px #24201F solid;
	float: left;
}
.feature { width: 938px; }

.ephemeron { width: 444px; height: 132px; border: none; padding: 8px; background: rgb(249, 249, 249); position: relative;}
.ephemeron p { color: #24201F; margin: 24px 0 0 0; padding: 0; font-size: 14px;}
p.ephemera_date { font-style: italic; margin: 0; font-size: 12px; display: block; position: absolute; bottom: 8px; right: 8px; }

.teaser_link:hover { text-decoration: none; }
.tint {
	display: block;
	background: #24201F;
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 100;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.teaser:hover .tint {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.teaser_title {
	display: block;
	background: #24201F;
	bottom: 0px;
	left: 0px;
	opacity: 1;
	padding: 4px 0px;
	position: absolute;
	width: 100%;
	z-index: 101;
	min-height: 108px;
}
.teaser_sleeve {
	display: block;
	background: #24201F;
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 100%;
}
.teaser_title h3 { display: block; margin: 0; padding: 0 0 0 8px; color: #999900; font-weight: bold; font-size: 16px;}
.teaser_title .abstract { color: #fff; font-style: italic; font-size: 14px; margin-left: 10px; margin-bottom: 0;}
.feature .teaser_title { top: 16px; width: 298px;}
.feature .teaser_title h3 {	font-size: 24px; line-height: 32px; }
.feature .teaser_title p {	font-size: 16px; line-height: 24px; }

#article, #comments, #social { width:460px; margin: 0 auto 16px auto; padding: 24px 0 10px 0; position: relative; }
div#article > p:last-child:after { content: url(/images/tombstone.png); padding-left: 4px; margin-bottom: -4px; }
#comment_sleeve {border-top: #ccc 1px dotted; margin-top: 16px; width: 100%;}
#comments {  padding: 16px 0 0 0;}
#social { height: 16px; position: relative; padding: 0 0 16px 0; clear: both; float: none;}
#social a { width: 16px; float: left; display: block;}
#social a + a { margin-left: 47px; }

#footer { margin: 1px auto 24px auto; height: 128px; width: 960px; clear: both; float:none; position: relative; 
	border-top: #ccc 1px dotted;
	background: url(/images/footer.png);}
#footer div { width: 428px; margin: 0px 10px 24px 250px; float: left; padding: 16px 16px 0 16px; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}
#footer div p { font-size: 13px; margin-bottom: 8px;}

#topics dl { display: block; margin: 0 10px 0 10px; float: left; width: 460px; }
#topics dl dt { color: #48403E; font-weight: bold; margin-top: 16px;}

#missing { margin: 24px auto 24px 250px;}
#missing img { margin: 16px 0 0 0;}