body {

	font: small "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;

	color: #343A40;

	background-color: #99CCFF;

	background-image: url(images/bird2.jpg);

	background-repeat: no-repeat;

	background-position: bottom right;

	background-attachment: fixed;

	line-height: 1.3;

	letter-spacing: .9px;

	outline:none;

	}



ul {

	list-style-type: none;

	}



ol {

	list-style-position: inside;

}



abbr {

	border:0

	}



h1{

	letter-spacing: 8px;

}



h2 {

   letter-spacing: 2px;

   font-size: medium;

   font-weight: 100; }



h3 {

   letter-spacing: 4px;

   font-size: medium;

   font-weight: 100; }



a {

	outline: none;

	text-decoration: none;

	border: none;

}



img {

	border: none;

	}



a:link {

	color: #663300;

	text-decoration: none;

		}



a:visited {

	color: #663300;

	text-decoration: none;

		}



a:hover {

	color: #FFFFFF;

	text-decoration: none;

		}



a:active {

	color: #663300;

	text-decoration: none;

		}



a:link.songheading {

	color: #336699;

	text-decoration: none

		}



a:visited.songheading {

	color: #336699;

	text-decoration: none

		}



a:hover.songheading {

	color: #333333;

	text-decoration: none

		}

a:active.songheading {

	color: #FF0000;

	text-decoration: none;

		}



img.fig{

	float: left;

	border: 1px solid #000000;	

	}



img.display_item {

	float: left;

	margin-right: 8px;

}



#banna {

	position: fixed;

	background-image: url(images/jpw.gif);

	background-repeat: no-repeat;

	background-position: bottom left;

	top: -20px;

	left: -20px;

	height: 125px;

	width: 150%;

	overflow: hidden;

	background-color: #CCE6FF;

	border-bottom: 1px solid #000000;

	z-index: 50;

	}



#bottom {

	position: relative;

	bottom: 0;

	clear: both;

	padding-top: 1%;

	margin-right: 20%;

	}



#bottom a:link {

	color: #4682B4;

	font-size: x-small;

	text-decoration: none

		}



#bottom a:visited {

	color: #4682B4;

	font-size: x-small;

	text-decoration: none

		}



#bottom a:hover {

	color: #E6E6FA;

    font-size: x-small;

	text-decoration: none

		}



#bottom a:active {

	color: #E6E6FA;

    font-size: x-small;

	text-decoration: none;

		}

        

#navigation {

    position: absolute;

    top: 110px;

    left: -6px; }

	

.credit {

	clear: both;
	padding-top: 8px;

	}



#targetArea, #blindArea {

 clear: both;

 padding: 0.5em 1.5em;

 margin-bottom: 2em;

 overflow: visible;

}



.substance{

	position: absolute;

	float: left;

	font-size: small;

    font-weight: 500;

	width: 75%;

	top: 150px;

	margin-right: 210px;

	z-index: 10;

	overflow: hidden;

	}



#song {

	position: fixed;

	top: 114px;

	left: 18px;

	margin-right: 210px;

	}



#loadzone {

	position: relative;

	overflow: hidden;

	z-index: 20;

    padding-bottom: 40px;

}



.sidebar{

	position: fixed;

	width: 20%;

	right: 1px;

	text-align: left;

	top: 106px;

	overflow: auto;

	}



.sidebar ul{

	list-style-image: url(images/leafyscreen.gif);

	list-style-position: outside;

	}



.sidebar a:link {

	color: #336699;

	font-size: small;

	padding: 1px;

	text-decoration: none

		}



.sidebar a:visited {

	color: #336699;

	font-size: small;

	padding: 1px;

	text-decoration: none

		}



.sidebar a:hover {

	color: #333333;

	font-size: small;

	padding: 1px;

	text-decoration: none;

		}



.sidebar a:active {

	color: #000000;

	font-size: small;

	padding: 1px;

	text-decoration: none;

}



.sotm {

 	list-style-position: outside; }



.catalog_item {

 	clear: both;

 	padding: 0.5em 0.75em;

 	margin-bottom: .25em;

 	overflow: visible;

	border-bottom: 1px solid black;

}



a.odd:link{

	color: #704205;

}



a.odd:visited{

	color: #704205;

}



a.odd:hover{

	color: #333333;

}



a.odd:active{

	color: #704205;

}



#songlist {

	position: relative;

	padding-top: 2px;

}



img.album {

	float: left;

	margin-right: 8px;

}



#tracklisting {

 margin-left: 268px; 

 	list-style-position: inside;

 }



#pre {

position: absolute;

left: -6500px;

}



/*

Images are wrapped in divs classed "flickr_badge_image" with ids

"flickr_badge_imageX" where "X" is an integer specifying ordinal position.

Below are some styles to get you started!

*/

#flickr_badge_uber_wrapper {width: 75%}

#flickr_badge_wrapper {display: inline;}

.flickr_badge { float: left; }

.flickr_badge img { width: auto; height: 100px; padding: 5px; margin: 0 10px 10px 0; border: 1px solid #000000; float: left; }