body {
	margin: 0;
	padding: 0;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	line-height: 1.5em;
	color: #000;
	text-align: left;
	background: url(images-layout/bgtile.jpg);
	height:100%;
	}

/* general formatting -------------------------------------------------------- */

h1 { font-size: 115%; }
h2 {
	font-size: 135%;
	letter-spacing: -1px;
	line-height: normal;
	margin: 0 0 11px 0;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	}
h2 a:link, h2 a:visited {
	font-size: 100%;
	margin: 0 0 1em 0;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	}
h2 a:hover { color: #000; background-color: transparent; text-decoration: none; }
h3 {
	font-size: 100%;
	padding: 0 0 2px 0;
	margin: 1.2em 0 -.2em 0;
	background-color: none;
	}
h1, h3 { font-weight: bold; }
a:link, a:visited { color: #336633; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
p {
	margin: 1em 0 1em;
	padding: 0px;
	}
blockquote {
	margin: 20px 0 35px 10px;
	font-size: 88%;
	padding: 0 10px 0 10px;
	border-left: 1px solid #ccc;
	}
div.hr {
	height: 23px;
	background: transparent url(images-layout/hr.gif) no-repeat scroll left;
	}
div.hr hr {
	display: none;
	}
	
/* lists --------------------------------------------------------------------- */

#left ul {
	margin: 1em 0 1em 0;
	padding-left: 0;
	list-style: none;
	}
#left ul li {
	padding: 0 0 4px 17px;
	line-height: 1.3em;
	background: url(images-layout/dot.gif) no-repeat 0px 3px;
	}
	
/* header - nav ------------------------------------------------------------- */

#nav {
	width: 491px;
	height: 100px;
	background: url(images-layout/top.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	}
#menu a {
   position: absolute;
   height: 19px;
   width: 42px;
   top: 23px; 
   text-decoration: none;
   }

#menu a i { visibility: hidden; }

a#home { left: 0px; width: 186px; height: 90px; top: 0px;}
a#news { left: 240px; width: 42px; height: 18px; top: 24px;}
a#biog { left: 310px; width: 41px; height: 20px; }
a#releases { left: 366px; width: 68px; height: 20px; }
a#contact { left: 242px; width: 60px; height: 19px; top: 58px; }
a#band { left: 320px; width: 43px; height: 18px; top: 60px; }
a#gigs { left: 390px; width: 42px; height: 17px; top: 61px; }

a#news:hover { background-image: url(images-layout/hl_news.gif); }
a#biog:hover { background-image: url(images-layout/hl_biog.gif); }
a#releases:hover { background-image: url(images-layout/hl_releases.gif); }
a#contact:hover { background-image: url(images-layout/hl_contact.gif); }
a#band:hover { background-image: url(images-layout/hl_band.gif); }
a#gigs:hover { background-image: url(images-layout/hl_gigs.gif); }

a#news:hover, a#biog:hover, a#releases:hover, a#contact:hover, a#band:hover, a#gigs:hover { border: none; }

/* current section */
body#news a#news { background-image: url(images-layout/hl_news.gif); }
body#biog a#biog { background-image: url(images-layout/hl_biog.gif); }
body#releases a#releases { background-image: url(images-layout/hl_releases.gif); }
body#contact a#contact { background-image: url(images-layout/hl_contact.gif); }
body#band a#band { background-image: url(images-layout/hl_band.gif); }
body#gigs a#gigs { background-image: url(images-layout/hl_gigs.gif); }
		
/* main divs ------------------------------------------------------------- */

#character {
	background: url(images-layout/character.gif) no-repeat;
	position: absolute;
	top: 50px;
	right: 0px;
	height: 359px;
	width: 135px;
	}
#wrapper {
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 491px;
	background: url(images-layout/middle.jpg) repeat-y;
	
	}
#head {
	margin: 0px;
	padding: 0px;
	background: url(images-layout/subhead.jpg) no-repeat;
	width: 491px;
	}
#footer {
	padding: 0px;
	margin: 0px;
	height: 380px;
	width: 491px;
	background: url(images-layout/footer.jpg) no-repeat;
	}

/* main content -------------------------------------------------------------- */

#left {
	padding: 68px 0px 0px 36px;
	margin: 0px 30px 30px 0px;
	width: 400px;

	}
#left .entry { margin-bottom: -19px; }
#left img {
	padding: 5px;
	margin: 2px 0 6px 0;
	border: 1px dashed #669966;
	}
#left .excerpt img {
	float: right;
	margin: -5px 15px 10px 10px;
	padding: 5px;
	border: 1px dashed #669966;
	}
p.posted {
	color: #000;
	font-size: 100%;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	}
p.postdate {
	color: #000;
	font-size: 100%;
	margin: -6px 0 -5px 0;
	}
p.caption {
	color: #999;
	font-size: 88%;
	padding: 0 0 0 0;
	margin: -5px 0 15px 0;
	}
#computer {
	margin: 50px;
	padding: 0 0 0 40px;
	background: url(images-layout/computer.gif) no-repeat;
	height: 194px;
	}
		
/* form ----------------------------------------------------------------------- */

#contactform .button, #contactform .button:focus {
	background-color: transparent;
	border: none;
	width: 65px; /* button width to prevent button inheriting input width */
	}
#contactform input, #contactform textarea, #contactform select {
	border: 1px dashed #669966;
	background: transparent;
	padding: 2px;
	color: #000;
	font-family: "courier new", courier, helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	}
#contactform textarea { width: 300px; font-family: "courier new", courier, helvetica, sans-serif; font-size: 11px; line-height: 1.5em; }
#left .error {
	padding-left: 20px;
	background: url(images-layout/cross.gif) no-repeat 3px 2px;
	}
#left .confirm {
	padding-left: 20px;
	background: url(images-layout/tick.gif) no-repeat 3px 2px;
	}
#left .note {
	font-size: 88%;
	color: #000;
	margin:  0;
	padding: 0;
	}
	
/* headings ------------------------------------------------------------------- */

#treleases h4 {
	background: url(images-layout/t_releases.jpg) no-repeat;
	height: 31px;
	margin-left: -36px;
	}
#tnextgig h4 {
	background: url(images-layout/t_nextgig.jpg) no-repeat;
	height: 31px;
	margin-left: -36px;
	}
#tgigs h4 {
	background: url(images-layout/t_gigs.jpg) no-repeat;
	height: 31px;
	margin-left: -36px;
	}
#tupcominggigs h4 {
	background: url(images-layout/t_upcominggigs.jpg) no-repeat;
	height: 31px;
	margin-left: -36px;
	}
#tnews h4 {
	background: url(images-layout/t_news.jpg) no-repeat;
	height: 31px;
	margin-left: -36px;
	}
#tnewsarchives h4 {
	background: url(images-layout/t_newsarchives.jpg) no-repeat;
	height: 31px;
	margin-left: -36px;
	}
#tcontact h4 {
	background: url(images-layout/t_contact.jpg) no-repeat;
	height: 31px;
	margin-left: -36px;
	}
#tbiog h4 {
	background: url(images-layout/t_biography.jpg) no-repeat;
	height: 31px;
	margin-left: -36px;
	}
#tband h4 {
	background: url(images-layout/t_band.jpg) no-repeat;
	height: 31px;
	margin-left: -36px;
	}
#tlist h4 {
	background: url(images-layout/t_list.jpg) no-repeat;
	height: 31px;
	margin-left: -36px;
	}
h4 span{
	/* hides text titles set in html whilst */
	/* replaces 'display: none' and readable by screen readers */
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);/* 'height: 0' fails in IE5.5 */
	height: 0;/* clip fails in IE6 */
	/* end */
	color: #e04041;
	/*font-weight: normal;*/
	}
h4 {
	font-size: 1.2em;
	clear: left;
	font-weight: bold;
}