@import url(/lib.css);

body { background: white; color: black; }
a:link { color: #000099; }
a:visited { color: #003366; }

b.r1 { background: black; }

#banner b.top b, #banner .content { background: white; border-color: white; }
#banner { color: #cc0000; }
#banner h1 { font-size: 400%; text-transform: uppercase; }

#nav { margin-left: 5px; }

#nav h2, #banner h1 { font-family: arial narrow, arial, helvetica, sans-serif; }
#nav h2 { font-size: large; }

#nav a:link { color: #cc0000; }
#nav a:visited { color: #772020; }
#nav b.top b, #nav h2 { color: white; background: #cc0000; border-color: black; }
#nav b.top b.r1 { background: black; }
#nav .content, #nav b.bot b { background: white; }
#nav b.bot b.r1 { background: black; }

#content b.top * { background: white; border: none; }
#content  { margin-right: 5px; }

#content h2 { color: black; background: #ccc; border-top: solid black 1px; }
#content h2 span { display: none; }
#content .entry { margin-bottom: 1em; }
h2 a:link { color: black; text-decoration: none; }

h3 { border: 1px black; border-style: solid none; background: #ffe; margin-bottom: 1em; }

.intro { margin-bottom: 1em; }

.listen {
	font-size: 85%;
	background: #ccc;
	line-height: 1.2;
	padding: 0px 5px 5px 1em;
	margin: 0px -5px 1ex;
	border-bottom: dotted black 1px; 
}
.listen a:before { font-weight: bold; }
.listen a {
    margin-right: 1em;
    text-decoration: none;
    white-space: nowrap;
}

.lyrics {
    margin: 1ex; padding: 1ex;
    font-family: monaco, lucida console, monospace; font-size: small;
}

.lyrics div { margin-bottom: 1em; }
.verse { color: #003; }
.chorus { margin-left: 1em; color: #300; }
.bridge { color: #030; }

#desc { padding-right: 16em; }
#ring { position: absolute; top: 0px; right: 0px; text-align: center; float: right; font-size: x-small; }
#ring a { background: yellow; display: block; float: right; padding: 1px; text-decoration: none; }
#ring a:hover { background-color: cyan; }
#ring .top a { width: 15em;  font-style: italic; font-weight: bold; }
#ring .links { clear: right; }
#ring .links a { width: 5em; }