/*FOR HOME SECTION*/


body 		{ 	background-color: #fdfdf5;
			margin-left: 5%;
			margin-right: 5%;
			margin-top: 8px;
			margin-bottom: 10px;
			font-family: Verdana, Arial; 
	 		color: #000000; 
			font-size: 0.8em;
			line-height: 26px;
		} 


bodytext 	 {	margin-top: 8px;
			margin-bottom: 10px;
			margin-left:	5%;
			margin-right: 5%;	
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 26px;  
		} 


/*body.header 	{	border: 0px;
			margin: 0px;
			padding: 0px;   /* but what does this one DO?? */
		} */


/* TEXT */

p		{	margin-top: 2px; /* Spence is 4px.  Why the difference? */
			margin-bottom: 2px;
			margin-left:	2%;
			margin-right: 2%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 16px; /* This is quite small.  It doesn't work for the transcriptions, 
				but looks OK for the ordinary discussion?  */
		}

	
p.block		{	margin-top: 6px;
			margin-bottom: 6px;
			margin-left:	10%;
			margin-right: 2%;
			font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #000000;
			line-height: 16px; /* AH!  but isn't in the 'Quakers' range of files*/
		}


p.caption	{	margin-top: 8px;  /*want a bit of space between the image and the caption; could be larger */  
			margin-bottom: 0px;
			margin-left:	0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.7em;
			color: #000000;
			line-height: 14px;
		}

p.captionb	{	margin-top: 8px;  /*want a bit of space between the image and the caption; could be larger */  
			margin-bottom: 6px;
			margin-left:	0%;
			margin-right: 0%;
			text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000000;
			line-height: 16px;  /* slightly larger overall */
		}


p.comment 	 {	 font-family: Verdana;
			 font-size: 0.7em;
			 font-style: italic;  /* Obviously, for italic comments! */
		}



p.commentb	{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	2%;
			margin-right: 2%;
			font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #840202;		/* for comments in-text */
			line-height: 26px;
		}


p.index		{	margin-top: 4px;
			margin-bottom: 4px;
			margin-left:	3%;
			margin-right: 3%;
			font-family: Verdana, Arial; 
			font-size: 0.8em;			
			color: #000000;
			line-height: 18px;  /* USE THIS INSIDE TD */
		}


p.smallnote	{ 	margin-top: 2px;
			margin-bottom: 2px;
			font-family: Verdana, Arial;
			font-size: 0.7em;  /* 0.7em was too small, then it got better ... BUT it seems to be smaller 
					than the 0.6em in the p.caption?????  */
			color: #000000;
			text-decoration: none;  
			line-height: 15px;    /* I don't really believe in this one.  Doesn't seem to work as a p, 
					except in td  */
		}


H1		{	text-align: center;
			font-family: Verdana, Arial; 
			font-size: 0.9em;
			font-weight: bold;
			margin-bottom: 3px;	/* NO LINE SPACING? */
		}


img		{	border: none; /*how to get rid of the a-attribute dotted line under link pix?  Doesn't actually happen in these two files */
		}



li		{	font-family: Verdana, Arial; 
			font-size: 0.8em; 
			color: #000000;
			line-height: 16px;  /* Same as p */
			margin-top: 4px;
			margin-bottom: 4px;
			margin-left: 20px;
			margin-right: 40px;
		}

sup		{	font-family: Verdana, Arial; 
			font-size: 0.8em;
			color: #000099; 
			vertical-align: +2;
			/*padding-bottom: 2px;*/
			line-height: 18px;
		}


/* THESE ARE ALL LINKS.  Different from in-text links */
		

a:link 		{
	 		color: #840202; /* #aa0000; because no actual transcription in front end */		
			text-decoration: none;  
		}


a:visited 	{ 	color: #840202; /* #aa0000; had #494903 (olive green); but do I really need to see where I've been? */	
			text-decoration: none;  
		} 


a:hover		{ 	color: #aa0000; 
			background: #def0fa; 
			text-decoration: none;
		}

a:active 	{ 	color: #aa0000; 
			background: #def0fa; 
			text-decoration: none; /* same as hover. Why bovver? */
		}


/* THESE ARE ALL SIZES AND LAYOUTS to be put inside the p class. They behave oddly for sizing */

span.note    	{	font-family: Verdana, Arial; 
			font-size: 0.8em;   /* but is this any different from the main text? */
			color: #000000;
			text-decoration: none;  
			line-height: 16px;	
		}


span.smallnote	{ 	font-family: Verdana, Arial;
			font-size: 0.7em;  /* 0.7em was too small, then it got better ... BUT it seems to be smaller 
				than the 0.6em in the p.caption?????  */
			color: #000000;
			text-decoration: none;  
			line-height: 15px;    /* I don't really believe in this one */
		}
	

span.edcom  	{	color: #aa0000; /* dark red, unfortunately suggests link. Can I find another colour which doesn't suggest something else? */
			font-size: 0.8em;
		}

span.comment 	{	 font-family: Verdana;
			 font-size: 0.7em;
			 font-style: italic;  /* obviously useful for italic comments! same as in p */
		}

span.large   	{	font-family: Verdana, Arial; 
			font-size: 1em;
			color: #000000;    /* would I ever use this? Yes, I do once, transcribing a huge X! */
		}


/* don't really use these in this batch, but might come in useful */


span.condense	{	word-spacing: -0.1em;
		}

span.condense2	{	word-spacing: -0.05em;		
		}


span.condlett 	{	letter-spacing: -0.03em; /* Changed from -0.05em, which was quite fierce. */
		}



/* THESE ARE ALL TEXT MARKUP, AND ONLY APPEAR HERE BECAUSE OF THE KEY */
	

	
span.adda 	{	color: #113096; /* dark blue *  Call this lowadd*/  
			font-weight: bold;  /*quite hard to see if not bold; too close to black text */
	  	}

span.addb 	{	color: #5e175e; /* purple. This should be a reasonable name, being the second stage of 
					additions/deletions  Should it be addb? */
			/* font-weight=500; same as normal */
	  	}


span.addc	{	color: #dc6413; /*orange*/
		 	font-weight: bold; /* needs to be bold or you can't see it. Name changed from add3 */
		}

span.addd	{	color: #7a92a4; /*greyblue*: for modern pencil annotations */
		 	font-weight: bold; /* needs to be bold or you can't see it. */
		}


strike 		{ 	color: #1d2b84; 
			background: #d5d9f0;  /* This is deprecated and I'm trying to eliminate it. Tom used it, 
		it's here just in case I miss any of his stuff. Same as span.dela, */ 
		}



span.dela  	{	color: #1d2b84; /* dark blue */
			background: #def0fa;
			text-decoration: line-through;  /* should this be lowdel for consistency? */
		}


span.delb 	{ 	color: #5d2080; /* dark purple */
			background: #e9deef;
			text-decoration: line-through;
	  	}


/* FOR TABLES AND CELLS; BAcKGROUND COLOURS */


table.index	{	border: 0;
			cell-padding: 0;
			background-color: #cccccc; /*darker grey  have I actually used this? */
		}

table.three	{	border: 2px;			
			background-color: #bbbbbb;  /* dark grey  have I actually used this? */
			text-align: center;
		}				

td.greydk	{	border: 0;
			cell-padding: 0;
			background-color: #cccccc; /*darker grey*/
			
		}

td.greymd	{	border: 0;
			cell-padding: 0;
			background-color: #dddddd; /*medium grey*/			
		}

td.greylt	{	border: 0;
			cell-padding: 0;
			background-color: #eeeeee; /*lighter grey*/
		}

td.greyltb	{	border: 0;
			background-color: #eeeeee; /*lighter grey*/
			margin-top: 15px;
			margin-bottom: 15px;
			margin-left:	15%;
			margin-right: 15%;
			text-align: center;
			font-size: 1em;
			font-color: #aa0000;
		}

td.olive	{	border: 0;
			cell-padding: 0;
			background-color: #e1e1c0; /*palish olive green*/
		}		
		
td.vpgreen	{	border: 0;
			cell-padding: 0;
			background-color: #f8f8dd; /*very pale green* not the same as in Spence: why not? */
		}

td.greenlt	{	border: 0;
			cell-padding: 0;
			background-color: #f2f2dc; /*very pale green*/
		}