/* START OF CSS FROM HANNAH HOWES WEBSITE 2008*/
/*css*/
*{padding: 0; margin: 0;}
html{
margin:0;
padding:0;
height:100%;
}
body{
margin:0;
padding:0;
height:100%;
background-image:url('../images/bg-pattern.png');
background-color:#efe6e6;
font-family: 'Helvetica','Arial','MS Trebuche','Sans-serif','georgia','Times New Roman';
/* overflow-y: hidden; */
}
p{
padding:5px;
}
a{
outline:none;
}
a img{
border:none;
outline:none;
}
ol{
padding-top:.5em;
padding-left:35px;
}
a:link, a:visited{
text-decoration:none;
color:#000;
}
a:hover{
text-decoration:none;
color:#ac2828;
}
label{
width:150px;
float:left;

}
#contentwrapper{
width:1000px;
}
#albumMiddleColumn{
width:60%;
float:left;
}
.logo{

margin:0;
background-image:url('../images/logotype.png');
background-repeat:no-repeat;
height:150px;
width:465px;
text-indent:-999px;
margin-left:185px;
}
.newsandupdates{
margin:0;
background-image:url('../images/headers/newsandupdates.gif');
background-repeat:no-repeat;
height:36px;
width:359px;
text-indent:-9999px;

}
.biography{
margin:0;

margin-bottom:.6em;
background-image:url('../images/headers/biography.gif');
background-repeat:no-repeat;
height:38px;
width:234px;
text-indent:-9999px;

}
.shows{
margin:0;
background-image:url('../images/headers/shows.gif');
background-repeat:no-repeat;
height:29px;
width:124px;
text-indent:-9999px;
margin-bottom:2em !important;
/* /padding-bottom:.5em; */
}
.showsdetails{
margin:.5em 0;
background-image:url('../images/headers/showsdetails.gif');
background-repeat:no-repeat;
height:16px;
width:194px;
text-indent:-9999px;

}
.discography{
margin:0.6em 0;

background-image:url('../images/headers/discography.gif');
background-repeat:no-repeat;
height:40px;
width:287px;
text-indent:-9999px;

}
.selectanalbum{
margin:1em 0 0 0;
background-image:url('../images/headers/selectanalbum.gif');
background-repeat:no-repeat;
height:19px;
width:331px;
text-indent:-9999px;

}
.gallery{
margin:0;
background-image:url('../images/headers/gallery.gif');
background-repeat:no-repeat;
height:39px;
width:177px;
text-indent:-9999px;

}
.lyricsheader{
margin:0;
background-image:url('../images/headers/lyrics.gif');
background-repeat:no-repeat;
height:25px;
width:90px;
text-indent:-9999px;

}
.photoalbums{
background-image:url('../images/headers/photoalbums.gif');
background-repeat:no-repeat;
height:17px;
width:180px;
text-indent:-9999px;
margin-bottom:10px;

}
.linksofinterest{
margin:0;
background-image:url('../images/headers/linksofinterest.gif');
background-repeat:no-repeat;
height:33px;
width:439px;
text-indent:-9999px;

}
.contacthannah{
margin:0;
background-image:url('../images/headers/contacthannah.gif');
background-repeat:no-repeat;
height:32px;
width:365px;
text-indent:-9999px;

}

#sideBarAndShadow{
width:167px;
background-image:url('../images/dropShadowSideBar.png');
height:1000px;
/*
float:left;
clear:both;
*/
left:0;
position:fixed;
top:0;

padding: 0;

}
#sideBar{
background-image:url('../images/bg-sideBar.jpg');
width:162px;
height:100%;

float:left;
}
#nav{
position:absolute;
left:20px;
top:150px;	
 
}

#nav li{
	list-style:none;
	margin-bottom: 15px; 
}
#nav li a{
	background-image:url('../images/navSprites.gif');
	background-repeat:no-repeat;

	display:block;
text-indent: -9999px;
/*	padding-left:-49px; */
	height:21px;
	width:140px;
	outline:0;
	
}
#nav li a.item1{
	background-position:0px 0px;}
#nav li a:hover.item1{
	background-position:0px -21px;}
#nav li a.item2{
	background-position:0px -42px;}
#nav li a:hover.item2{
	background-position:0px -63px;}

#nav li a.item3{
	background-position:0px -86px;}
#nav li a:hover.item3{
	background-position:0px -103px;}

#nav li a.item4{
	background-position:0px -128px;}
#nav li a:hover.item4{
	background-position:0px -149px;}

#nav li a.item5{
	background-position:0px -169px;}
#nav li a:hover.item5{
	background-position:0px -189px;}

#nav li a.item6{
	background-position:0px -210px;}
#nav li a:hover.item6{
	background-position:0px -231px;}

#nav li a.item7{
	background-position:0px -252px;}
#nav li a:hover.item7{
	background-position:0px -273px;}
#content{
margin-left:200px;
margin-right:10px;
width:790px;
margin-bottom:4em;
z-index:2;
}
#middleColumn{
float:left;
	width:790px;
	padding-right:1.5em;
	padding-bottom:4em;
	margin-top:-80px;
	z-index:9;
}
#bioMiddleColumn{

	float:left;
	width:78%;
	text-align: justify; 
}

#middleColumn h1{
margin-top:0;
margin-bottom:2em;
}
#rightColumn{
width:200px;
/*
position:absolute;
top:200px;
right:50px;
*/
float:right;

}
#photogallery{
width:400px;
padding-top:2.5em;
float:left;
}
#rightColumn2{
width:200px;
/*
position:absolute;
top:200px;
right:50px;
*/
float:right;

}
#musicPlayer{
z-index:999;
width:150px;
height:220px;
float:right;
	outline:0;
	margin:20px 0 0;
}
#footer{
	position:absolute;
	bottom:20px;
	right:20px;
}
#left {
	width:170px;
	position:fixed;
	bottom:20px;
	left:10px;

}
#albumName{
	font-size:18px;
	font-weight:bold;
	padding:0.6em 0;
	padding-left:10px;
	padding-top: 2.5em;

}
.tab{
width:136px;
height:41px;

position:relative;

top:0;
left:10px;
margin:0;

}
#newsPhoto{
/*
	position:absolute;
	top:60px;
	right:0;
*/
float:right;
height:240px;
width:270px;
}
#detailsBox p{
padding:0;
}
.clear{
clear:both;
}
.album{
margin:.5em;
border:5px solid #000;
outline:none;
}
.newsItem:hover{
/* background-color:#EFEaEa; */
}
.selectedAlbum{
margin:.5em;
border:5px solid #A81B1B;
outline:none;
}
.stencil{
margin-top:10px;
margin-right:-20px;
}
.albumThumb{
margin:.5em;
border:5px solid #fff;
outline:none;
}
.photoThumb{
margin:.5em;
outline:none;

border:5px solid #000;
}
.errormessage{
color:#f00;
font-size:.7em;
}
.floatright{
width:114px;
height:52px;
float:right;
}
.buyalbum {
text-indent:5px;
font-weight:bold;
font-size:.9em;
padding:0.4em 0;
padding-left:5px;
}
.MsgClickTrack{
text-indent:5px;
font-weight:bold;
font-size:.9em;
padding:0.4em 0;
padding-left:5px;
}
.scrollUp{
margin-top:-100px;
}
#mailForm{
width:134px;
margin-left:16px;
background-color:#cec79a;
}
#mailinglist a{
background-image:url('../images/mailinglist.gif');
background-repeat:no-repeat;
width:136px;
height:41px;
display:block;
text-indent:-999px;
margin-left:15px;
background-position: 0 0;
outline:none;
}
#mailinglist a:hover{
background-position:0 -43px;
outline:none;
}

#myspaceBtn a{
background-image:url('../images/myspaceBtn.gif');
background-repeat:no-repeat;
width:140px;
float:right;
height:57px;
display:block;
text-indent:-9999px;
/* margin-right:12em; */

background-position: 0 0;
}

#myspaceBtn a:hover{
background-position:0px -58px;
}
#sitemap li{
	list-style:none;
	font-size:1.6em;
	line-height:1.4em;
	
}