/* reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}

#menu {
text-align:center;
margin-left:auto;
margin-right:auto;
clear:both;
font-weight: 400;
font-family: 'Great Vibes', cursive;
font-size:2em;
padding-bottom:30px
}

#main {
width:80%;
margin-left:auto;
margin-right:auto;
clear:both;
}


#imgr {
float:right;
}

#imgl {
float:left;
}

#cont {
margin-top:20px;
margin-bottom:20px;
float:left;
border-style:none;
}

#songs {
float:left;
}

/*background color for web site*/
body {
color: #ffffff;
background-color:#374231;
background-image: url("images/background.jpg");
background-position: left top;
background-attachment: fixed;
font-weight: 500;
font-family: 'Kite One', sans-serif;
font-size:1.20em;
}

h1 {
text-align:center;
font-weight: 400;
font-family: 'Great Vibes', cursive;
font-size:4em;
color:#ffffff;
padding:30px
}

div {
clear:both;
}

img {
margin-right:20px;
margin-bottom:40px;
border-style: ridge;
border-width: 2px;
border-color:#202c18
}

p {
margin-top:20px;
margin-bottom:20px;
}


table, p {
margin-bottom:5px;
}

a:link, a:visited, a:active  {
color: #9ea49a;
text-decoration: none;
padding:1ch;
}

a:hover  {
color: #b1666b;
text-decoration: none;
}