body {background-color:#000000; margin:0px; padding:0px;}
body, div, span, td {font-family:verdana, arial, sans-serif; font-size: 10px; line-height:14px;}

#header{position:absolute; left:35px; top:11px; border-top: 1px solid #333333; width: 683px; height:26px; z-index:1;}
#essay_title { position:absolute; left:338px; top:5px; width: 277px;  font-size: 12px; color:#FFFFFF; line-height:17px; padding:0px;}
#footer{  position:absolute; left:0px; bottom:-106px;   height:100px; padding: 0px 0px 0px 162px; margin: 0px;}

#debug{position:absolute; top:0px; left:740px; z-index:1; color:#444444; background-color:#eeeeee;  width: 400px;}
#debug0{position:absolute; top:0px; left:10px; z-index:1; color:#444444; background-color:#dddddd;  width: 100px;}


p { padding: 0px 0px 12px 0px; margin:0px;}
h2 { font-size: 11px;}

/* base0.width needs to be specified on basis of actual content width, 
otherwise scrolling to the right is problem, cuz 100% only covers visible window 

#base1 { width:648px; margin: 0px; padding:14px 0px 0px 0px; }*/
#base0 { position:absolute; left:0px; top:172px; padding: 0px; margin: 0px 0px 123px 0px; width:1432px; background-color:#323322; }
#base1 {   width:648px; padding: 0px; margin:0px;  }
#baseThreads { position:absolute; left:651px; top:16px; padding: 0px; background-color:#ffffff; }

#minheight {  height:300px; width:1px; padding:0px; margin:0px; float:left  }

#essay {   width:426px; padding: 24px 50px 200px 10px; margin:0px 0px 0px 162px;  z-index:100; }
#main {   padding: 0px 0px 0px 0px; margin:0px;}
#activity{position:absolute; left:162px; top:-70px; width: 182px;  }

/* ---- right marginalia --- */
#xtends { position:absolute; top:0px; left:648px; width:300px; height:200px; padding: 0px; margin:0px;   }
#author_div { position:absolute; top:0px; left:0px; padding: 12px 0px 0px 0px; margin:0px; width: 155px; height:100%;  background-color: #6b6b54;display:none;  }
#related_div { position:absolute; top:0px; left:0px;  padding: 0px; margin:0px; display:none; font-size:9px; }
#riposte_div { position:absolute; top:0px; left:0px; padding: 0px; margin:0px; display:none; font-size:9px; }


#blurb { position:absolute; left:180px; top:20px; width:450px; background-color:#eeeeee; display:none;}
#books_reviewed {position:absolute; top:50px; left:620px; z-index:1; color:#444444; background-color:#eeeeee;  width: 200px;}

#notes { position:absolute; left:10px; top:0px; width:160px;}
.note {color:#ffffff; cursor:pointer; font-weight:bold; text-decoration:underline; }

#glosses { position:absolute; left:12px; top:0px; width:140px; z-index:100;}
.gloss {color:#000000; display:none;}/* background-color:#ccddcc;*/
.gloss_inline  {color:#555555;}
.gloss_inline a {color:#ffffff; text-decoration:none;}
.glosschain { cursor:pointer;}/*color:#222222; border-bottom: 1px solid #888888; */
.addgloss { font-size: 8px; color:#333333; background-color:#cccfcc;}


.boldWhite {font-size:10px; color: #ffffff; font-weight: bold;}
.boldBlack {font-size:10px; color: #000000; font-weight: bold;}

.weavename {color:rgb(104,104,80); font-style: italic; padding: 3px 1px 1px 2px; font-size: 9px; line-height: 12px;}
/*--- prexisting divs for rollovers on ripostes & related essays ---*/
#description {
	position:absolute; left:34px; top:0px; 
	height: 112px; width: 425px; 
	background-color:#686850; color: #ffffff; 
	display:none; z-index:100;
	}
	#desc_date {position:absolute; left:0px; top:6px; color:#dedec0; font-size: 9px; width:64px;}
	#desc_text {position:absolute; left:67px; top:5px; width: 340px; font-size:10px;}
	#desc_riposte {position:absolute; left:67px; top:80px; color:#dedec0; font-size: 9px; width: 340px;}
	
	
	.desc_title {font-size: 12px; font-weight:bold;}
	.desc_riposte_text {font-size: 10px; font-weight:bold; color:#cccc99;}




/* EBR Styles */
.booktitle, .journaltitle, .filmtitle, .albumtitle, .gametitle {font-weight:800; color: #000000; font-style:italic;}

.emphasis {font-weight:800;  }
.foreignWord, .lightEmphasis,.foreignword, .lightemphasis { font-style:italic; }
.longQuotation { padding-left: 10px; line-height:13px;}
.poem {padding-left:20px; text-indent: -10px; margin-left: 10px; margin-bottom:10px; }

#essay a {color:#494938; font-weight:bold; text-decoration:underline;}
#essay a:hover {color:#ffffff; text-decoration:underline;}

#author_div a {color:#e1e1b8; font-weight:bold; text-decoration:underline;}
#author_div a:hover {color:#ffffdd; text-decoration:underline;}
