body{
	background-color:#edc;
	background-image:url(bgTan.gif);
	background-attachment:fixed;
	margin-left:10%;		/*was 80px*/
	margin-right:10%;
	text-align:center;
	}
img {
	border:none
	}
a {
	color:#b04; 	/*red*/
	}
a:link{
	color:#00f;	/*blue*/
	text-decoration:underline;
	}
a:visited{
	color:#808;	/*purple, color also used for h1 & h2 & .author*/
	text-decoration:underline;
	}
a:hover{
	color:#f00;	/*bright red*/
	/*text-decoration:underline;*/
	}
a:active{
	color:#0b0;	/*green*/
	text-decoration:none;
	}
p {						/*narrative text*/
	background-color:#e2d6c0;
	text-align:justify;
	margin:0 5% 0 5%;		/*was 20px*/
	padding:0 3% 10px 3%;	/*was 10px*/
	font-style:normal;
	font-size:medium;
	/*font-weight:bold;*/
	font-family:"Times New Roman",Georgia,Times,serif;
	text-indent:3em;
	}
p.author{				/*bio & note title*/
	color:#808;
	text-align:center;
	margin-left:33%;
	font-size:large;
	font-weight:bold;
	font-family:arial,verdana,helvetica,sans-serif;
	text-indent:0;
	}
p.note{					/*footnotes and headnotes*/
	background-color:#e2d6c0;
	color:#000000;				/*often within id anchors, */
	text-decoration:none;		/*but I don't want them to have anchor coloring*/
	text-align:right;
	margin-left:50%;
	font-size:small;
	font-weight:normal;
	font-family:arial,verdana,helvetica,sans-serif;
	text-indent:0;
	}
p.byline,p.Byline{						/*bylines, case-sensitive*/
	text-align:right;
	padding-left:33%;
	font-weight:normal;
	font-family:arial,verdana,helvetica,sans-serif;
	text-indent:0;
	}
p.byline{
	font-size:small;
	}
p.Byline{
	font-size:large;
	}
p.bio{
	text-align:right;
	/*margin:auto 20px auto 33%;*/
	margin-left:33%;
	font-size:medium;
	font-weight:normal;
	font-family:"Times New Roman",Georgia,Times,serif;
	text-indent:2em;
	}
h1 {						/*poem main title*/
	color:#808;
	text-align:center;
	margin:0 5% 0 5%;		/*was 20px*/
	font-size:xx-large;
	font-weight:bold;
	font-family:arial,verdana,helvetica,sans-serif;
	text-indent:0;
	}
h2 {						/*subtitle*/
	color:#808;
	text-align:center;
	margin:0 5% 0 5%;		/*was 20px*/
	font-size:x-large;
	font-weight:bold;
	font-family:arial,verdana,helvetica,sans-serif;
	text-indent:0;
	}
h3 {						/*sub-sub-title*/
	text-align:center;
	margin:0 5% 0 5%;		/*was 20px*/
	font-size:large;
	font-weight:normal;
	font-family:arial,verdana,helvetica,sans-serif;
	text-indent:0;
	}
h5 {							/*page numbers and headers*/
	text-align:center;
	font-size:small;
	font-weight:normal;
	margin:0;
	}
.page,.tpage,.chorus,.Chorus{		/*normally only used with <div>*/
	position:absolute;			/*use for notations or page numbering in left margin*/
	left:5%;					/*originally these each had different styles*/
	right:85%;
	margin-top:1.3em;
	font-size:small;
	text-align:left;
	font-weight:normal;
	font-family:arial,verdana,helvetica,sans-serif;
	text-indent:0;
	color:#000000;
	text-decoration:none;
	}
.Chorus{			/*.chorus outside the margin, .Chorus inside, use only with class=c tags */
	left:15%;
	right:76%;
	text-align:right;
	}
.line{						/*use for line numbering in right margin*/
	margin:-1.5em 0 9px 0;		/*place within <dl> after line being numbered*/
	text-align:right;			/*place before <dt> or <dd>*/
	font-size:small;			/*use either in place of or after a <br>*/
	font-weight:normal;
	font-family:arial,verdana,helvetica,sans-serif;
	text-indent:0;
	/*position:absolute;
	right:20%;*/
	}
var{							/*use for author citations in right margin*/
	font-style:normal;
	font-size:small;
	font-weight:normal;
	font-family:arial,verdana,helvetica,sans-serif;
	position:absolute;
	right:20%;
	}
var.l{
	right:;
	left:15%;
	}
sup{
	color:#0a0;					/*superscripts in green. For black, use <sup id=b>*/
	vertical-align:text-top;
	}
sub{
	vertical-align:text-bottom;		/*don't let sub- or super-scripts change line height*/
	}
ol,ul,li{
	text-align:justify;
	/*width:95%;*/
	margin-right:5%;		/*was 20px*/
	/*margin:0 20px 0px auto;
	padding:0 10px 10px 10px;*/
	background-color:#e2d6c0;
	font-size:medium;
	font-family:"Times New Roman",Georgia,Times,serif;
	}
/*Rules for formatting a poem:
If it has a very simple rhyme scheme (aabb or abab), use the <dl> tag for the first line, and <br> tags for the rest, including a single <br> tag for the blank dividers between verses.

If it has a more complex rhyme scheme, but the rhyming pairs of lines are of markedly different lengths (for example, long-medium-long-medium-short-short to go with ababcc), you might still be able to use the <br> tags as above.

If it has a complex rhyme scheme, and line lengths are ragged, use <dt> and <dd> tags. The <dl> tag does not get a line of its own then. Unless the first line is very short, start out with <dt> for the first line and any line that rhymes with it, then <dd> for the next line and anything that rhymes with it, and <dd class=dbl> if there's a third rhyme, and so on. With the <d*> tags, blank lines between verses need to use <br><br> (</d*> tags behave differently in different browsers, so beware of them). 
<br> doesn't have a closing tag, and <dt> and <dd> tags are automatically closed by any following <d*> tag, but a <dl> tag must be closed by a </dl> tag at the end of a poem.
*/	
	
dl{								/*lines of a poem, centered unless dt/dl are used*/
	background-color:#e2d6c0;
	font-size:medium;
	font-weight:500;
	font-family:Georgia,"Times New Roman",Times,serif;
	margin:0 5% 0 5%;		/*was 20px*/
	padding:10px 30px 30px 30px;
	text-align:center;
	}
dt{								/*flush-left lines of a poem*/
	text-indent:0;
	margin:0 0px 0 0px;
/*	background-color:#e2d6c0;*/
	text-align:left;
	}
dd{								/*indented lines of a poem*/
	text-indent:30px;
	margin:0 0px 0 0px;
/*	background-color:#e2d6c0;*/
	text-align:left;
	}
.dbl {
	text-indent:60px;
	}
.in3 {
	text-indent:90px;
	}
.in4 {
	text-indent:120px;
	}
.in5 {
	text-indent:150px;
	}
table{	
	margin:0 auto 0 auto;
	font-size: medium;
	border-width: 2px;
	border-style: outset; 
	padding:0;
	}
td {	
	background-color:#e2d6c0;
	text-align:left;
	width:auto;
	padding:0 10px 0 0;
	}
hr{
	text-align:center;
	}
hr.navBar{
	height:12px;
	background-color:tan;
	color:tan;
	}
.tag {				/* for '1884', 'prose' tags in index */
	display:inline;
	color:black;
	background-color:white;
	border:solid 1px black;
	font-size:x-small;
	}
.c{					/*center*/
	padding-left:-5%;
	padding-right:-5%;
	text-indent:0;
	text-align:center;
	}
.h{					/*half-line, starting in the center*/
	margin-left:50%;
	text-indent:0;
	}
.r{					/*right-justified*/
	text-indent:0;
	text-align:right;
	}
.l{					/*left-justified without indenting*/
	text-indent:0;
	text-align:left;
	}
.xs, kbd{				/*x-small print*/
	font-size:x-small;
	}
.s{					/*small print*/
	font-size:small;
	}
.up{					/*eliminate blank line between blocks*/
	margin-top:0;
	border:0;
	}
.upup{				/*eliminate blank line between blocks*/
	margin-top:-1.25em;
	border:0;
	}
#b{					/*ensure an element prints black. Use this as id=b instead of class=b*/
	color:#000
	}

/*When setting this master stylesheet, I had two levels of goals. My modest goal for a poetry site was a set of CSS/HTML commands that could set lines as centered or with graduated levels of indentations, at the reader's preference. That was obtained with the <d*> commands. 
 The <dl> command is the wrapper for all poems. Within that, <br> is the start of a normal line, centered or left-justified as the user requests, <dt> is the start of a line that is always left-justified, <dd> is a line that is always indented from the left-justification, <dd class=dbl> is a double-indented line, classes in3, in4, and in5 are each indented further (though those are hardly ever used), <dd class=c> are always centered, and <dd class=r> is an always right-justified line. (These class attributes would also work with <dt>, but not <br>. As a convention, I only use them with <dd> though.)
 Blank lines are set with <br><br>, as other </..> commands did not always behave consistently across browsers. 
 JavaScript was used only to initially set or reset the customization, and to create uniform footer and navigation bars on the pages. As much as possible, the layout depends on HTML/CSS.
 My holy grail was a CSS or HTML command which would dynamically cause a line to break in the middle if the window width became too narrow, with the first half left-justified, and the second half right-justified. I deemed a JavaScript solution too cumbersome for pages that could potentially contain several thousand lines of poetry. So far I haven't found a solution to this.
	Owen Lorion, 2007
*/