body {
	margin-top: 3em;
	margin-bottom: 3em;
}

.float_left {
	float: left;
	width: 12em;
	margin: 2em;
	border: 1px dashed silver;
	padding: 0.2em;
	margin-right: 2em;
	background: #f0f0f0;
}

#menu {
	margin: 1em;
	margin-left: 0em;
}

#menu >* {
	font-family: Arial;
}

#menu >* li {
//	margin: 0.4em;
//	background: #d0d0d0;
//	padding: 0.5em;
//	padding-left: 1.0em;
//	padding-right: 1.0em;
//	padding-top: 0.5em;
//	padding-bottom: 0.4em;
	white-space: pre;
}

#menu >* li:hover {
	background: #e0e0e0;
}

#credits {
	font-size: small;
}

body > #content {
	margin-left: 20em;
	max-width: 40em;
#	margin-right: 15em;
#	text-align: center;
}














div.poem {
border:	solid ;
padding: 0.5em;
margin: 2em;
background: #f0f0f0;
#overflow: scroll;
display: block;
}
div.poem #text p { 
text-align: left;
white-space: pre;
}
div.poem #title { 
font-size:  larger;
text-align: center;
display:    block;
}
div.poem #author { 
font-size: smaller;
text-align:right;
display: block;
}



div.lyric {
border:	solid;
padding: 0.5em;
margin: 2em;
background: #f0f0f0;
}
div.lyric #text p { 
text-align:left;
}
div.lyric #title { 
font-size:  larger;
text-align: center;
display:    block;
}
div.lyric #author { 
font-size:  smaller;
text-align: right;
display:    block;
}




div.contact {
background: #ff793b;
border: dashed;
margin-left: 1em;
padding: 0.5em;
}












div.blog-entry {
background: #f0f080;
border: 1px dashed #404040;
margin-top: 1em;
padding: 0.3em;
}

div.blog-entry #date {
margin-left:1em;
margin-right: 1em;
color: #10a010;
}

div.blog-entry #location {
margin-right: 1em;
color: #a01050;
}

div.blog-entry #topic {
margin-right: 1em;
color: #1010a0;
}

div.blog-entry #content {
margin-top: 1em;
text-indent:0.5em;
}

div.blog-entry #content p {
margin-bottom: 1em;
}