* {padding: 0; margin: 0;}
html, body {width: 100%; height: 100%; text-align: center; /* to centre IE */ background: url(../images/bg.jpg) #000000 center repeat-y; background-color:#000000;}
#wrap{width: 100%; height: 100%; text-align: center;}
body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px; width: 820px; display: block; margin-left: auto; margin-right: auto}  /* must be same height as the footer */
#shows {position: absolute; z-index:1; float: left; width: 176px; padding-left:12px; padding-right:12px; padding-top:65px; background:url(../images/shows.gif) no-repeat;text-align:left; }
#mailinglist {position:relative; left:-14px;}
#lyr1 {width:176px !important;}
#scrollLinks {position:relative; top:-13px;left:129px;}
.line {background:url(../images/body_line.gif) repeat-y; position:absolute; left:30%; height:auto; width:3%; }
#maincontent {background:url(../images/body_line.gif) repeat-y; position: relative; left: 29%; width: 71%; height: auto; padding-left:25px; margin-left:-30px; text-align:left;}

#footer {background:url(../images/footer.png) repeat-x; position: relative; margin-top:-60px; height:60px; clear:both; color:#ffffff; padding-top:40px; font-family:verdana; font-size:0.8em; }
#footer a:link {color:#ffffff}
#footer a:visited {color:#ffffff}
#footer a:hover {color:#ffffff}
#footer a:active {color:#ffffff}

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