@import url('base.css');

/* Style for index page */

#alphabeticlist {
	margin: 0px 0px 0px 3em;
	padding: 0;
	}
#alphabeticlist dt {
	font-size: 1.8em;
	font-style: bold;
	margin: .5em  0 .4em 0;
	}
#alphabeticlist dd {
	margin: auto auto .5em 3em;
	}

#shantyindex  {
	clear: right;
	float: right;
	width:200px;
}

#message {
	width:90%;
}


/* style for shanty / lyrics page */


/* XML STYLE */

lyrics verse {display:block;margin-top:1.5em}
lyrics verse.nochorus {margin:.5em 0 0 .5em}
lyrics chorus {display:block;margin-left:2em;font-weight:bold;margin-top:1.5em}

lyrics line {display:block}
lyrics solo {font-style:italic}
lyrics unison {font-weight:bold}

lyrics shouted:before {content:"("}
lyrics shouted:after {content:")"}
lyrics shouted {font-weight:bold;text-transform:uppercase}

lyrics note:before {content:"["}
lyrics note:after {content:"]"}
lyrics note {font-style:italic;font-weight:normal}


/* HTML STYLE */

div.verse { margin-top:1.5em}
div.nochorus { margin: .5em 0 0 .5em}
div.chorus { margin: 1.5em 0 0 2em; font-weight:bold;}
p.line { margin:0}
span.solo {font-style:italic}
span.unison {font-weight:bold}
span.shouted:before {content:"("}
span.shouted:after {content: ")"}
span.shouted {font-weight:bold;text-transform:uppercase}
span.note:before {content:"["}
span.note:after {content:"]"}
span.note {font-style:italic;font-weight:normal}

/* Other */

div.shantyindex, div#recordings, div#ads {
	clear: right;
	float:right;
	width:200px;
	margin: 1em 1em 1em 0;
}
#lyrics {
	width:85%;
	margin: 50px auto 0 auto;
	}

#recordings dt {
	margin: .4em 0 0 0;
	font-style:bold;
	}
#recordings dd {
	margin-left:1em;
	}

.tiny {
	font-size:75%
	}