/* General CSS code */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.replace{
      position:relative;
      margin:0px; padding:0px;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}
.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1; /*for Opera 5 and 6*/
}



/* Site-specific code */

body
{
	background-color: #FEFDEB;
	font-family: "Comic Sans MS", cursive;
	font-size: 100%;
	color: #000;
	margin: 32px 0;
}

img { border: 0; }

a:link
{
	color: #36C;
	text-decoration: underline;
}

a:visited
{
	color: #06C;
	text-decoration: underline;
}
a:hover
{
	color: #390;
	text-decoration: underline;
}

h1
{
	font-size: 1.3em;
	margin: 0 0 0.5em 0;
}
p
{
	font-size: 1em;
	line-height: 1.4;
	margin: 0 0 0.5em 0;
}

ul { list-style: disc outside; }
li
{
	line-height: 1.2;
	margin: 5px 0;
}

hr { margin: 25px 0 15px; 0; }

div#shell
{
	display: block;
	position: relative;
	width: 932px;
	margin: 0 auto 0 auto;
}

div#header
{
	width: 932px;
	height: 262px;
	background-image: url("images/header.jpg");
	background-repeat: no-repeat;
}

div#left_col
{
	float: left;
	width: 520px;
}

div#right_col
{
	float: left;
	width: 410px;
}

div#name_tom
{
	width: 372px;
	height: 102px;
	padding-left: 60px;
}
div#name_tom a
{
	width: 372px;
	height: 102px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#name_tom a:link span { background-position: 0px 0px; }
div#name_tom a:hover span { background-position: 0px -102px; }
#name_tom_img, #name_tom_img span
{
	width: 372px;
	height: 102px;
	background-image: url("images/name_tom.gif");
}

div#name_sue
{
	width: 372px;
	height: 67px;
	padding-left: 60px;
}
div#name_sue a
{
	width: 372px;
	height: 67px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#name_sue a:link span { background-position: 0px 0px; }
div#name_sue a:hover span { background-position: 0px -67px; }
#name_sue_img, #name_sue_img span
{
	width: 372px;
	height: 67px;
	background-image: url("images/name_sue.gif");
}

div#name_peter
{
	width: 372px;
	height: 87px;
	padding-left: 60px;
}
div#name_peter a
{
	width: 372px;
	height: 87px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#name_peter a:link span { background-position: 0px 0px; }
div#name_peter a:hover span { background-position: 0px -87px; }
#name_peter_img, #name_peter_img span
{
	width: 372px;
	height: 87px;
	background-image: url("images/name_peter.gif");
}

div.purchase { padding-left: 65px; }
div.purchase div { float: left; }

div#cd_baby
{
	width: 150px;
	height: 47px;
}
div#cd_baby a
{
	width: 150px;
	height: 47px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#cd_baby a:link span { background-position: 0px 0px; }
div#cd_baby a:hover span { background-position: 0px -47px; }
#cd_baby_img, #cd_baby_img span
{
	width: 150px;
	height: 47px;
	background-image: url("images/cd_baby.gif");
}

div#itunes
{
	float: left;
	width: 133px;
	height: 47px;
}
div#itunes a
{
	width: 133px;
	height: 47px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#itunes a:link span { background-position: 0px 0px; }
div#itunes a:hover span { background-position: 0px -47px; }
#itunes_img, #itunes_img span
{
	width: 133px;
	height: 47px;
	background-image: url("images/itunes.gif");
}

div#cd_baby2
{
	float: left;
	width: 150px;
	height: 47px;
}
div#cd_baby2 a
{
	width: 150px;
	height: 47px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#cd_baby2 a:link span { background-position: 0px 0px; }
div#cd_baby2 a:hover span { background-position: 0px -47px; }
#cd_baby_img2, #cd_baby_img2 span
{
	width: 150px;
	height: 47px;
	background-image: url("images/cd_baby.gif");
}

div#itunes2
{
	float: left;
	width: 133px;
	height: 47px;
}
div#itunes2 a
{
	width: 133px;
	height: 47px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#itunes2 a:link span { background-position: 0px 0px; }
div#itunes2 a:hover span { background-position: 0px -47px; }
#itunes_img2, #itunes_img2 span
{
	width: 133px;
	height: 47px;
	background-image: url("images/itunes.gif");
}


div#youtube { margin: 78px 0 0 30px; }

.audio { margin: 5px 0 0 30px; }
.audio tr { font-size: 16px; }
.audio td
{
	vertical-align: middle;
	padding: 4px 20px 4px 8px;
	width: 130px;
}
td.player
{
	padding: 4px 0;
	width: 28px;
}
td.longname
{
	width: 300px;
}

img.right_pic
{
	float: right;
	margin: 0 0 20px 30px;
}