body,html {
background-color: #000;
color: #81969B;
font: 11px Trebuchet MS, Verdana, Helvetica, Arial, san-serif;
}

#echo {
background-color: #000;
background-position: top center;
height: 768px;
left: 0px;
overflow: auto;
position: fixed;
top: 0px;
width: 1024px;
}

#verse {
background-color: #fff;
background-image: url('birdhair.jpg');
background-repeat: no-repeat;
background-position: top center;
bottom: auto;
height: 256px;
left: 256px;
overflow: auto;
position: absolute;
right: 256px;
top: 12px;
width: 512px;
}

#type {
background: #81969B;
color: #fff;
border-top: 1px solid #000;
height: 256px;
left: 256px;
overflow: auto;
position: absolute;
right: 256px;
top: 268px;
width: 512px;
}

h1 {
color: #000;
font: 16px bold Trebuchet MS, Verdana, Helvetica, Arial, san-serif;
text-align: center;
}

h2{
color: #000;
font: 12px bold Trebuchet MS, Verdana, Helvetica, Arial, san-serif;
text-align: center;
}


p {
margin: 5px;
padding: 0px;
text-align: justify;
}

ul {
margin-right: 35px;
list-style-type: circle;
list-style-position: inside;
text-align: justify;
}

li {
margin-bottom: 4px;
}

a {
text-decoration:none;
color: #000;
font-variant: small-caps;
}

a:hover {
text-decoration: none;
color: #81969B;
background-color: #000;
}

input,textarea,submit {
margin: 5px;
background: #000;
color: #81969B;
font: 10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #fff;
}

.ending {
text-align: center;
}