@import url("reset.css");

body {
	color: #352a2a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	padding:40px 0 0 0;
	margin:0;
	background: url(../img/wallpaper.gif) top center #beb3a4;
	}
	
* html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
	
a:link, a:visited, a:active  {color:#4c0606; text-decoration:underline;}
a:hover {color:#7b3636; text-decoration:underline;}

img, object {display:block;}
	
div#wrapper {
	font-size:1.0em;
	position:relative;
	width:756px;
	margin:0 auto;
	padding:7px 7px 0 7px; 
	background: #fff;
	}	
	
	div#wrapper:after {
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
		content:".";
	}
	

	
#header {
	float:left;
	background: #fff;
	margin-bottom:7px;
	}
	
* html #header {margin-bottom:0px;}
	
#header img {float:left;}
	
.logo {float:left; width:160px; height:289px; cursor:pointer; background: url(../img/logo.gif);}
h1.logo span {position:absolute; left: -1000em;}
h1.logo a {width:160px; height:289px; display:block}

div.quoteWrapper {float:left; position:relative; height:254px; width:210px; vertical-align:bottom; background:url(../img/quoteBack.jpg)}
div.quoteWrapper blockquote {position:absolute; bottom:20px; left:20px}
div.quoteWrapper blockquote.quote1 {width:177px; height:59px; background:url(../img/quote/1.gif)}
div.quoteWrapper blockquote.quote2 {width:177px; height:59px; background:url(../img/quote/2.gif)}
div.quoteWrapper blockquote.quote3 {width:177px; height:59px; background:url(../img/quote/3.gif)}
div.quoteWrapper span {position:absolute; left: -1000em;}


div#content {
	float:left; 
	width: 736px;
	background:#f5f3ef;
	padding: 30px 0 20px 20px;
	}
	
div#content p {
	line-height: 1.4em;
	padding: 5px 0 10px 0;
	}

div.leftContent {float:left; width:534px;}

div.amp {
	position:absolute;
	top:350px;
	right:7px;
	width:145px;
	height:128px;
	padding: 60px 0 0 40px;
	background:url(../img/amp.gif)
	}	
	
div.amp div, div.amp div a {display:block; width:66px;}
div.amp div a {margin-bottom:11px;}
div.amp div a:hover {background-position: 0 100%}
div.amp div span {position:absolute; left: -1000em;}

div.myspace a {height: 13px; background:url(../img/links/myspace.gif) no-repeat}
div.facebook a {height: 10px; background:url(../img/links/facebook.gif)}
div.blog a {height: 11px; background:url(../img/links/blog.gif)}
div.flickr a {height: 13px; background:url(../img/links/flickr.gif)}

ul.contentList {float:left; margin-top: 10px;}
ul.contentList li {float:left; margin: 2px 0;}
body.setlistPage ul.contentList li {clear:both}
ul.contentList div {float:left; width:250px}
ul.contentList div.gigLocation {width:220px}

cite {float:left; font-weight:bold; font-size:0.9em; padding-bottom:20px}
cite b {font-weight:normal}
div#content p.testimonials {clear:both;}

/* FOOTER ELEMENTS */

ul.footerList {
	float:left;
	padding: 13px 168px;
	width:420px;
	background-color:#fff;
	border-top: #dedcd9 solid 1px;
	}
	
ul.footerList li {float:left; height:9px;}
ul.footerList li.functions {width:58px; background:url(../img/bullets/functions.gif)}
ul.footerList li.weddings {width:66px; background:url(../img/bullets/weddings.gif)}
ul.footerList li.birthdays {width:67px; background:url(../img/bullets/birthdays.gif)}
ul.footerList li.corporate {width:108px; background:url(../img/bullets/corporate.gif)}
ul.footerList li.parties {width:54px; background:url(../img/bullets/parties.gif)}
ul.footerList li.festivals {width:59px; background:url(../img/bullets/festivals.gif)}

ul.footerList li span {position:absolute; left: -1000em;}

p.copyright {
	font-size:0.9em;
	color:#fff;
	padding-top:5px;
	width:770px;
	font-weight:bold;
	margin: 0 auto;
	margin-bottom:20px;
	}	
	
ul.bottomNav {float:right; width:500px;}	
ul.bottomNav li {float:right; padding-left:5px;}
	
.hidden {position:absolute; left: -1000em; width:20em;}

ul.bulletList {padding: 10px 0 20px 0}
ul.bulletList li {font-size: 1.1em; line-height: 1.2em; padding: 5px 0 5px 20px; background:url(../img/bullet.gif) no-repeat 7px 5px;}
ul.bulletList li ul li {font-size: 1.0em;}

div.answer {clear:both; float:left; padding: 0 0 10px 0}

/* HEADERS */

h2 span {position:absolute; left: -1000em;}

h2 {height: 15px; padding-bottom: 3px; margin-bottom: 8px; width:400px}

h3 {clear:both; font-weight:bold; margin-top:5px}


/* h2 backgrounds */
h2.bluessoul {background:url(../img/titles/bluessoul.gif) no-repeat}
h2.about {background:url(../img/titles/about.gif) no-repeat}
h2.bookings {background:url(../img/titles/bookings.gif) no-repeat}
h2.setlist {background:url(../img/titles/setlist.gif) no-repeat}
h2.hear {background:url(../img/titles/hear.gif) no-repeat}
h2.touch {background:url(../img/titles/touch.gif) no-repeat}
h2.testimonials {background:url(../img/titles/testimonials.gif) no-repeat}
h2.faqs {background:url(../img/titles/faqs.gif) no-repeat}