body{font-family: sans-serif;letter-spacing:.01em;line-height:1.5em;height:100%;}

b{}

.frame {
width:85%;
margin: 15px auto;
line-height: 1.5em;
position:center;
border-style: solid;
border-width:1px;
font-size:95%;
background-color:#feede3;
padding:18px;
padding-left:34px;
text-align: left;
}


H1 { font-family: 'Wendy One', sans-serif; text-align: center;}
H2 {font-family: 'Wendy One', sans-serif; text-align: center; font-size:140%;padding:0px;margin:0px;}


#page {
	padding:10px;
}

#cds img {background-image:url('pics/b-music.png');
	width:100px;height:37px;}
#cds img:hover {background-image:url('pics/sprite.png');
	background-position: -100px 37px;}
#song img {	background-image:url('pics/b-song.png');
	width:100px;height:37px;}
#song img:hover {background-image:url('pics/sprite.png');
	background-position: 0px 37px;}
#books img {background-image:url('pics/b-books.png');
	width:100px;height:37px;}
#books img:hover {background-image:url('pics/sprite.png');
	background-position: -200px 37px;}
#about img {background-image:url('pics/b-about.png');
	width:100px;height:37px;}
#about img:hover {background-image:url('pics/sprite.png');
	background-position: -300px 37px;}



.stick {background: url(pics/divider.png) no-repeat;background-size:80% 21px;
         background-position: center;  padding-top:16px; padding-bottom:4px;   }


.pic {width:120px;}


.right .right2 {}

/* The Marching Boxes Code  */
 
ul.showcaseList {padding: 0px; margin: 0px; list-style-type : none; font-size:.9em; }
 
/* Turning each list item into a box and stacking them sideways 
don't know why bottom margin has to be so big to keep boxes separated*/
 
ul.showcaseList li {width: 150px; height: 245px;
background: white; margin: 0 9px 60px 3px; 
float : left; display : inline; }

ul.pic {margin: 0; padding: 0;}
a:hover {background: #E7E2DE; }