/* fonts, colors, and text alignment */

html {
  min-height:       100%;
   }
body { 
  font-family:      'Lucida Grand', Arial, Geneva,  sans-serif;
  font-size:        medium;
  min-height:       100%;
  }


#main {
  font-size:        100%;
  line-height:      1em;
  }
 
#fullcontent, #gallery, #buycontent, #donatecontent {
  font-size:        100%;
  }

#sidebar {
  font-size:        83%;
  }

#lyrics {
  font-size:        100%;
  font-family:      'Comic Sans MS','Lucida Grand', Arial, Geneva,  sans-serif;  
  }
  
#footer {
  padding:          0px;
  margin:           10px;
  clear:            both;
  text-align:       center;  
  }  


#footer #copyright{
  font-size:        80%;
  font-weight:      normal;
  font-family:      'Lucida Grand', Arial, Geneva,  sans-serif;  
  font-style:       italic;   
  }
  
#footer h1 {
  font-size:        80%;
  font-weight:      normal;
  font-family:      'Lucida Grand', Arial, Geneva,  sans-serif; 
  font-style:       italic; 
  }
  
h1 {
  font-size:        180%;
  text-align:       center;
  font-family:      'Script MT Bold', script;
  }

h2 { font-size: 150%;
  font-family:      'Script MT Bold', script;
  }
  
#quicklinks {
  font-family:      'Script MT Bold', script;	
}

.email {
	text-align: center;
}

  


h3 { font-size: 110%;
  text-align:       center;
  }
#contactmain h3 {
	font-weight: normal;
}


h4 { font-size: 120%;
  padding:   0px;
  margin:    0px; 
  font-family:      'Script MT Bold', script;
  }

h5 { font-size: 100%;
  }
  
h6 { font-size: 90%;
   text-align:	center;
  }
  
#songlist p {
	font-size: 100%;
	font-weight: bold;
	font-family:   'Lucida Grand', Arial, Geneva,  sans-serif;
}


  
#linkscontent p {
  font-size: 90%;
  }   

.songlist {
   font-family:     'Lucida Grand', Arial, Geneva,  sans-serif;
   font-size: 100%
   } 


.author, .donation {
  font-style:       italic;
  text-align:       center;
  }
  
.quote {
	font-weight: 700;
}
.inspiration {
  font-style:       italic;
  text-align:       center;
  padding:          0px 20px;
  }

.mailaddress {
  text-align:       left;
  }

.chorus,.bridge {
  font-weight:      bold;
  }

p.subtitle {
  text-align:       center;
  }


.imageheader {
  text-align:       center;
  }


th {
   text-align:      right;
   }

#slideshow button {
   text-align:      center;
   font-weight:     bold;
   }


/* link styles and colors */

a:link {
  color:            #000000; /* black */ 
  text-decoration:  none;
  border-bottom:    thin solid #000000; /* black */
}

a:visited {
  color:            #000000; /* black */
  text-decoration:  none;
  border-bottom:    thin solid #000000; /* black */
}

a:hover{
  color:            #2d6026; /* green */
  text-decoration:  none;
  border-bottom:    thin solid #2d6026; /* green*/
}

a.created:link {
  color:            #000000; /* black */ 
  text-decoration:  none;
  border-bottom:    none; 
}

a.created:visited {
  color:            #000000; /* black */
  text-decoration:  none;
  border-bottom:    none;
}

a.created:hover{
  color:            #2d6026; /* green */
  text-decoration:  none;
  border-bottom:    thin solid #2d6026; /* green*/
}

input, button {
	background-color: #bfd6a0;	
}
input:visited {
	background-color: #bfd6a0;
  }

input:link {
	background-color: #bfd6a0;
  }

input:hover, button:hover {
	background-color: #cfe6b0;
  }

input:active {
	background-color: #cfe6b0;
  }


a.button:visited img{
  text-decoration:  none;
  border:           none;
  }

a.button:link img {
  text-decoration:  none;
  border:           none;
  }

a.button:hover img {
  text-decoration:  none;
  border:           none;
  }

a.button img{
  padding:          0px;
  margin:           0px;
  }

a.button {
  border-bottom:    0px;
  }

a.menubutton {
  padding:          0px;
  margin:           0px 10px;
  border-bottom:    0px; 
  font-weight: bold;
  font-size:        1.2em;

  }

#quicklinks a:hover {
   color:       #EEB;
}

a.imagelink {
  text-decoration:  none;
  border-bottom:    none;
  padding:          0px;
  margin:           0px;
  }

a.imagelink img {
  padding:          0px;
  margin:           10px;
  text-decoration:  none;
  border-bottom:    none;
}

a.imagelink:link img{
  border:           none;
  text-decoration:  none;
}

a.imagelink:visited img{
  border:           none;
  text-decoration:  none;
}

a.imagelink:active img{
  border:           2px solid #efe5d0; /* tan */
  padding:          5px;
  text-decoration:  none;
}

a.imagelink:hover img{
  border:           2px solid #355323; /* dark sage green */
  padding:          5px;
  text-decoration:  none;
}
a.picturelink:link {
	text-decoration: none;
	border: none;	
}

a.picturelink:visited {
	text-decoration: none;
	border: none;	
}
a.picturelink:hover {
	text-decoration: none;
	border: none;	
}

a.picturelink:active {
	text-decoration: none;
	border: none;	
}

#facebook a.picturelink:link {
	text-decoration: none;
	border: none;	
}

#facebook a.picturelink:visited {
	text-decoration: none;
	border: none;	
}
#facebook a.picturelink:hover {
	text-decoration: none;
	border: none;	
}

#facebook a.picturelink:active {
	text-decoration: none;
	border: none;	
}

#facebook a:link img, #facebook a:visited img, #facebook a:hover img, #facebook a:active img {
	border: none;
}

#facebook {
	text-align: center;	
	padding: 15px 0px 0px 0px;
}

.imageheader a:link img{
	border: none;
}

.imageheader a:visited img{
	border: none;
}
.imageheader a:hover img{
	border: none;
}

.imageheader a:active img{
	border: none;
}

a.paypallogo img{
  border:           none;
  text-decoration:  none;  }

/* backgrounds */
body { 
  background: #bfd6a0 url('images/edited/greenwithflowerwideandtall.jpg') no-repeat bottom left;  /* background with flowers */
  }
img.paypallogo {
	height: 80px;
	width: 210px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}


#header {
  background: url('images/edited/flowercdbackground_100.jpg') repeat-y top center; /* background from cd cover */
  }

#quicklinks {
   background-color: #64794e;  /* green color from flowers background */
  }

#main {
  background-color: #ffffff;  /* white */
  border:           1px solid black; /* black */
  }

#fullcontent, #lyrics, #buytable, #donateouter {
  background: url('images/edited/flowercdbackground.jpg') repeat-y top center; /* background from cd cover */
  border:           1px solid black; /* black */
  }

#gallery {
  background: url('images/edited/flowercdgradient.jpg') repeat-y top center; /* background from cd cover with gradient */
  border:           1px solid black; /* black */
  }

#buycontent, #donatecontent {
  background-color: #a4a98e; /* light green color from background flowers */
  border:           1px solid black; /* black */
  }

#sidebar {
  background: url('images/edited/flowercdbackground.jpg') repeat-y top center; /* background from cd cover */
  border:           1px solid black; /* black */
  }
#sidebar p {
	padding: 0px 12px;
}
#borderdiv {
   border:          1px solid black;
 /*   border:          1px solid #675c47; darker taupe */
   }


#container {
  background: url('images/edited/brownbackground.jpg') repeat top center;  /* taupe brown speckled background */  
  }


/* block element positioning */
body {
	margin:           0px;
	padding:          0px 0px 100px 0px;
  }

#header {
	margin:           35px 0px 0px 0px;
	padding:          0px;
	height:           45px;
  }

#headermain {
  position:         relative;
  top:              -30px;
  left:             0px;
  padding:          0px;
  margin:           0px;
  border:           none;
  height:           60px;
  }

#main {
	width:           165px;
	float:            left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
  }

#floatleftgallery {
	padding:          10px;
	width:            310px;
	float:            left;
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
  }

#gallerymain {
	padding:          20px; /* add left margin to account for floatleftgallery div */
	height:           430px;
	margin-top: 60px;
	margin-right: 100px;
	margin-bottom: 0px;
	margin-left: 410px;
  }

#floatleftcd {
	padding:          10px;
	width:            200px;
	float:            left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 80px;
  }

#songlist {
	border:          none;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 390px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
   }

#floatleftlinks {
	float:            left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 10px;
	width: 330px;
  }

#linkscontent {
	padding:         20px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
   }

#borderdiv {
	margin:          5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
   }

#cddescr {
   margin-top:      0px;
   margin-bottom:   0px;
   margin-left:     auto;
   margin-right:    auto;
   border:          none;
   padding:         5px 80px;
   clear:           both;
   }

#alignclear {
   clear:           both;
   }
   
.clear {
   clear:           both;
   }
   
#paypaldiv {
	clear:           none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	width: 400px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
   }

#fullcontent {
  padding:          10px;
  margin:           30px; 
  }

#floatleftbio {
	width:            0px;
	float:            left;
	margin: 0px;
	padding: 0px;
  }

#biomain {
	border:          none;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
   }

#floatleftbuy, #floatleftdonate {
	padding:          10px 0px 0px 0px;
	width:            250px;
	float:            left;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
  }
#floatleftbuy img,#floatleftdonate img  {
	text-align: center;
}


#buymain {
	padding:         0px;
	margin-top: 60px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 250px;
	text-align: center;
   }
#paypalright {
	float: left;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 40px;
	padding: 0px;
}


#floatleftcontact {
	padding:          10px;
	margin:           10px 10px 10px 30px;
	width:            240px;
	float:            left;
  }

#contactmain {
	border:          none;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 290px;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 10px;
   }


#gallery {
  padding:          10px;
  margin:           20px; 
  }


#buytable, #donateouter {
	padding:          0px;
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 10px;
	margin-left: 60px;
  }

#buycontent, #donatecontent{
  padding:          10px;
  margin:           20px 50px; 
  }



#sidebar {
	padding:          5px;/* add left margin to account for main div */
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	float:right;
	width: 72%;
  }

#container {
	margin: 0px;
	padding: 5px 50px;
}

#lyrics {
  padding:          20px 90px;
  margin:           20px;
  }

#quicklinks {
  padding:          0px 0px 0px 15px;
  margin:           10px 0px 0px 235px;
  }



#container {
	width:            800px; /* frozen width */
	padding:          5px 0px 10px 0px;
	margin-top:       0px;
	margin-bottom:    5px;
	margin-left:      auto;   /* adjust margins to fit screen size, jello */
	margin-right:     auto;   /* same as left margin to center content */
	line-height:      1.3;
  }


.button a:link {
  border:           none;
  width:            170px;
  height:           34px;
  }

table.home {
	margin-top:      0px;
	margin-bottom:   0px;
	margin-left:     auto;
	margin-right:    auto;
	border:          1px solid black;
	padding:         5px;
	text-align:      center;
   } 
 

.store {
   text-align:      center;
   }
#paypalleft {
	float: left;
	width: 210px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}



th {
	padding:         10px;
   } 

td {
   padding:         10px;
   text-align:      left;
   } 

ol.songlist {
   padding:         0px 20px;
   text-align:      left;   
   } 

p.address
   {
   text-align:      left;
   font-weight:     bold;
   }

.imgheader {
   text-align:      center;
   }

.subheading {
   text-align:      center;
   font-style:      italic;
   }


.linkimg {
   text-align:      center;
   }

.gallerybutton, .galleryimg{
   text-align:      center;
   margin-left:     auto;
   margin-right:    auto;

   }

.gallerylarge {
   border:          10px solid #64794e;  /* green color from flowers background */
   }
#thiscd, #donateinner {
	text-align: center;
	border: 1px solid #000000;
	margin: 10px;
	padding-left: 20px;
}
#buymain input {
	text-align: center;
}
#donation {
	clear: both;
}
.clear {
	clear: both;
	height: 0px;
}
.clearleft {
	clear: left;
}
.paypalpixel {
	height: 1px;
	width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img.cd {
	border: medium solid #938E7A;
}
.construction {
	font-family: Georgia, Times, serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	color: #FF6633;
	text-align: center;
}
#bioborderdiv {
	margin: 5px;
	padding-top: 20px;
	padding-left: 20px;
}
#cdborderdiv {
	margin: 5px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#linksborderdiv {
	margin: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#main {
	display: inline;
}

.gallerythumbimg {
	margin: 0px;
	padding: 5px;
}
.pageheader {
	width: 100%;
	background-color: #bfd6a0;
}

#downloadila {
	width: 280px;
	float: left;

}
#downloadila .button1{
	text-align: left;
}
#donatetext {
	margin: 0px 0px 0px 30px;
}
#donateila {
	width: 250px;
	float: right;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 5px 25px 5px 0px;
	background-color: #bfd6a0;	
	border: 1px solid #938E7A;	
}
#donateila input:hover, #donateila input:active, #donatediv input:hover, #donatediv input:active {
	background-color: #bfd6a0;		
}
#donatediv {
	width: 200px;
	float: right;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 5px 25px 0px 0px;
	background-color: #bfd6a0;	
	border: 1px solid #938E7A;		
}
#songdetails {
	clear: both;
	margin: 20px 0px 0px 0px;
}
.button1 {
	text-align: center;
}
.button1 a:link, .button1 a:visited {
	text-decoration: none;
	background-color: #bfd6a0;
	border-bottom: 2px solid #938E7A;
	border-right: 2px solid #938E7A;
	border-top: 2px solid #EEEEEE;
	border-left: 2px solid #EEEEEE;			
	padding: 3px 10px;	
}
.button1 a:hover, .button1 a:active {
	text-decoration: none;
	background-color: #CFE7B0;
	border-bottom: 2px solid #938E7A;
	border-right: 2px solid #938E7A;
	border-top: 2px solid #EEEEEE;
	border-left: 2px solid #EEEEEE;		
	padding: 3px 10px;	
	color: #000000;
}
.quote {
	font-style: italic;
}
.reference {
	font-weight: bold; 
	font-style: normal;
}
.more {
   text-align:      center;
   font-weight:     bold;	
}
.more a:link, .more a:visited {
	text-decoration: none;
    border: none;
}
.more a:hover, .more a:active {
	text-decoration: none;
	border: none;
}
.imgleft {
	float: left;
	margin-right: 30px;
	border: double thick #938E7A;
}
.imgright {
	float: right;
	margin-right: 0px;
	border: double thick #938E7A;
}
#sound  {
	margin: 32px 0px 32px 0px;
	padding: 0px 5px;
	border: double thick #938E7A;	
	background-color: #FFFFFF;
	position: relative;

}
#facebookpage {
	display: inline-block;

}
#facebookpage a:link, #facebookpage a:hover, #facebookpage a:active, #facebookpage a:visited {
	border: none;	
	text-decoration: none;	
}
#facebookpage a:link img, #facebookpage a:hover img, #facebookpage a:active img, #facebookpage a:visited img{
	border: none;	
	text-decoration: none;	
}
#addthissocial {
	display: inline-block;
}
.right {
	float: right;
    width: 170px;
}
.artright {
	float: right;
    width: 250px;
	text-align: center;
	font-size: 0.8em;
	font-style:italic;
}
#fullcontent h2 {
	font-style: normal;
    font-family: 'Lucida Grand', Arial, Geneva,  sans-serif; 
	padding-left: 20px;
	font-size: 1.3em;
}
.singleslist {
	padding-left: 30px;
}
ul.songlist {
	list-style:none;
	margin-bottom: 30px;
	margin-left: 30px;
}
.singleslist .songlist li a img {
	text-decoration: none;
	vertical-align: middle;

}
.singleslist .songlist li a{
	margin: 10px;
}
.singleslist .songlist li {
	margin: 10px 0px;
}
.rightlist {
	width: 49%;
	float: right;
	display: inline-block;	
}
span.songtitle {
	width: 220px; 
	display: inline-block;
}
.buyalbumbutton {
	font-weight: normal;
}
.bottomlinks {
	margin: 0 auto;
	font-weight: normal;
	font-size: 0.8em;	
}
.bottomlinks a:hover {
   color:       #EEB;
}
.bottomlinks a.menubutton{
   font-weight: 600;
}
#buymain #donatetext input {
	background-color: transparent;
}
