/* Basic web page characteristics */

body
{
	color: black;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	font-family: georgia,"times new roman", times, serif
}
body.content
{
	background-color: #FAEBD7 /* AntiqueWhite */
}

/* Link appearance */
a:link
{
	color: saddlebrown;
	text-decoration: none
}
a:visited
{
	color: maroon;
	text-decoration: none
}
a:hover    { text-decoration: underline }
a:active   { color: red }

/* Default list item text */
ul
{
	list-style-type: square;
	list-style-position: outside
}
li
{
	margin-bottom: .75em;
}


/* Setups for header sections */
h1
{
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 150%;
	color: saddlebrown;
	text-align: right
}
h2
{
	font-family: verdana,arial, helvetica, sans-serif;
	font-size: 125%;
	color: #4682B4; /* SteelBlue */
	font-weight: bold
}
h3
{
	font-family: verdana,arial, helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold
}
h4
{
	font-family: verdana,arial, helvetica, sans-serif;
	font-size: 101%;
	font-weight: bold
}


/* Setups for tables */
table
{
	table-layout: automatic
}
tr
{
}
th
{
	vertical-align: middle;
	color: #000080;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 101%;
	font-weight: bold
}
td
{
	vertical-align: top;
	/* background-color: #EEEEEE; */
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px
}

table#links, table#products
{
	border-style: ridge;
	border-width: 2px;
	width: 100%
}
td.url
{
	width: 25%;
	border-style: groove;
	border-width: 1px
}
td.comment
{
	width: 75%;
	border-style: groove;
	border-width: 1px
}
.prodname, .leadsheet
{
	width: 40%;
	border-style: groove;
	border-width: 1px
}
.stores,.artist, .format
{
	width: 20%;
	border-style: groove;
	border-width: 1px
}



address
{
	color: black;
	font-style: italic;
	font-weight: normal;
	text-align: center
}


/*****   MENU BAR   ******************************************/


/* Section to define menu bar look */

body.menu
{
	text-align: center;
	background-image: url("images/denim.jpg");
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #6495ED; /* Cornflowerblue */
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px
}

hr.menu
{
	border-style: hidden;
	margin-left: 2px;
	margin-right: 2px
}

a.menu
{
	display: block;
	width: 150px;
	text-align: center;
	font-size: 65%;
	font-family: "verdana", sans-serif;
	font-weight: bold;
	border-bottom: 3px solid cornflowerblue
}

a.menu:link, a.menu:visited
{
	color: white;
	background-color: #0000d0;
	border-style: outset;
	text-decoration: none
}
a.menu:hover
{
	background-color: #6495ED;
	color: white
}
a.menu:active   {
	background-color: #0000c0;
	border-style: inset;
	color: silver
}

address.menu
{
	color: gold;
	font-size: 70%;
	margin-right: 10px;
	margin-left: 10px
}

/*****   HEADER BAR   ******************************************/

/* Section to define header bar look */

body.header
{
text-align: right;
background-color: saddlebrown; /* #6495ED; */ /* Cornflowerblue */
margin-top: 5px;
margin-bottom: 5px;
margin-left: 175px;
margin-right: 25px
}

/* Lyric sheet formatting */
div.songtitle
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 150%;
	/* font-weight: bold; */
	font-variant: small-caps;
	text-align: left
}
div.credits
{
	font-style: italic
}
p.verse
{
	text-align: left
}
p.chorus
{
	text-align: left;
	font-weight: bold
}
p.bridge
{
	text-align: left;
	font-style: italic;
	padding-left: 2em
}

/* Form formatting */
p.label
{
	font-family: verdana,arial,helvetica, sans-serif;
	font-size: 75%
}
address.lyrics
{
	text-align: left
}
div.mediaopts
{
	font-size: 70%;
	font-family: verdana, arial,helvetica, sans-serif;
}
span.hook
{
	font-weight: bold
}
span.album
{
	font-style: italic
}