


/* Poetry */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	}
h1, h2, h3, h4 {
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	}
h1 {
	font-size: 250%;
	margin: 1.25em 0 .5em 2em;
	}
p {
	line-height: 130%;
	}

	/* Primary divs and related */
body.poems {
	background-image: url(d-sig_background.gif);
	background-repeat: no-repeat;
	background-position: 650px 0;
	}
body.main {
	background-image: url(d-sig_main.gif);
	background-repeat: no-repeat;
	background-position: 650px 0;
	}
body.main div.wrapper {
	background-image: url(poetry-main.gif);
	background-repeat: no-repeat;
	background-position: 28px 0;	
	height: 285px;
	width: 1090px;
	margin: 45px 60px 5em 60px;
	}
div.contentMain {
		/* Note that this is below the height of the title GIF, which is 285 px tall */
	padding: 0 0 3em 5px;
	}
div.footer {
	
	}
div.footer p {
	color: #b1b1b1;
	padding: 2em 0 3em 400px;
	}
p.mainWords {
	padding: 200px 0 0 0;
	margin-left: 42px;
	font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: bold;
	font-style: italic;
	border-bottom: black solid thin;
	}
p.date {
		/* When putting a date at the bottom of a poem... */
	margin: 4em 0 0 5em;
	color: #7b68ee;
	}
ul.first {
	padding: 1em 0 0 0 !important;
	text-decoration: none;
	list-style: none;
	font-family: "Garamond", "New York", serif;
	}
ul.first li {
	margin: 0 0 0 .5em;
	font-size: 160%;
	width: 60%;
	}
ul.first li:hover {
	/* background-color: #faf7d7; */
	color: #8b0000; /* dark red */
	}
ul.second {
	padding: .25em 0 1em 1em !important;
	list-style: none;
	}
ul.second li {
	margin: .15em 0 0 .5em;
	font-size: 70%;
	line-height: 1.1;
	}
ul.second li a {
	color: black;
	text-decoration: none;
	}
ul.second li a:hover {
	color: #a0522d; /* sienna */
	text-decoration: underline;
	}
div.col2nd {
	position: absolute; 
	left: 380px;
	width: 45%;
	top: auto;
	}
li sup {
	font-size: 75%;
	vertical-align: text-top;
	}
	

	/* black line under Poetry header on main page */
div.blackLine {
	position: absolute;
	float: left;
	background-image: url(black-dot.gif);
	background-repeat: repeat;
	background-position: 0 0;
	top: 250px;
	left: 335px;
	height: 16px;
	width: 500px;
	}
	/* short poem on main page */
p.mainPoem {
	position: absolute;
	float: left;
	top: 85px;
	left: 950px;
	font-variant: normal;
	font-style: italic;
	}
p.mainPoem span {
	font-style: normal;
	}


	/* For certain poems... */
p.dropFirst:first-letter {
	font-size : 300%;
	font-weight : bold;
	float : left;
	width : .9em;
	color: #4c4c4c;
	padding: .1em 0 .1em 0;
	}
p.normLineHeight {
	line-height: 110%;
	}
div.halfBetween p {
	margin-bottom: .5em;
	}
div.fullBetween p {
	margin-bottom: 1.1em;
	}


	/* Main DIV types */
div.wrapper {
	width: 90%;
	margin: auto;
	padding-bottom: 3em;
	}
div.content {
	width: 90%;
	margin: auto;
	}
div.note {
	width: 75%;
	margin: auto;
	padding: 1em 0 2em 0;
	}


	/* Fonts and font variants for P, SPAN, DIV */
.times {
	font-family: "Times New Roman", Times, serif;
	font-size: 110%;
	}
.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	}
.courier {
	font-family: "Courier New", Courier, monospace;
	}
.bookant {
	font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	}
	/* */
.larger {
	font-size: 130%;
	}
.cap {
	font-size: 150%;
	}
.smaller {
	font-size: 80%;
	}
	/* */
.ital {
	font-style: italic;
	}
.dim {
	color: #6b381f;
	}
.lightGray {
	color: silver;
	}



	/* For indenting */
span.tab1, div.tab1, p.tab1 {
	padding-left: 3em;
	}
span.tab2, div.tab2, p.tab2 {
	padding-left: 6em;
	}
span.tab3, div.tab3, p.tab3 {
	padding-left: 9em;
	}
p.hang {
	text-indent: -2em;
	padding-left: 2em;
	}


	/* images */
img.imgBehind, img.imgBehindNoPrint {
		/* See print.css:<imgBehindNoPrint> will not show on printing... */
	position: absolute; 
	z-index: -1; 
	}
.shadow {
	box-shadow:         7px 7px 8px #818181;
	-webkit-box-shadow: 7px 7px 8px #818181;
	-moz-box-shadow:    7px 7px 8px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
	/*
	box-shadow: 5px 5px #818181;
	-webkit-box-shadow: 5px 5px #818181;
	-moz-box-shadow: 5px 5px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
	*/
	}
img#janWeddingDay {
	top: 120px;
	left:440px;
	}
img#pappis {
	left:400px;
	}
img#yellowbird {
	left: 405px;
	top: 120px;
	}
img#RedRose {
	left: 440px;
	top:   10px;
	}
img#woodblockLily {
	left: 290px;
	}
img#woodblockTree {
	left:  120px;
	}
	

	/* Numbered text DL layout, invented by DWH */
dl.NumberedText {
	float: none;
	width: 100%;
	text-align: justify;
	}
dl.NumberedText dt {
	width: 7%;
	float: left;
	margin-top: 0;
	text-align: right;
	line-height: 160%;
	}
dl.NumberedText dt.muchlarger {
	font-size: 300%;
	line-height: 67%;
	}
dl.NumberedText dd {
	float: none;
	width: 90%;
	margin: .5em 0 .75em 9%;
	line-height: 125%;
	}
dl.NumberedText dd p {
	text-align: left;
	}
dl.NumberedText dd span.cap {
	line-height: 100%;
	}
div.endMuchLarger {
	font-size: 400%;
	float: right;
	line-height: 200%;
	}




