@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
	
	.clearfix:after {
   		content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}

	.clearfix {
	    display: inline-block;
	}
	
	html[xmlns] .clearfix {
	    display: block;
	}
	
	* html .clearfix {
	    height: 1%;
	}
	
	embed { margin:0 0 12px 0; }

	body {
		background-repeat:repeat-y;
		background-position:top right;
		font-family:"Courier New", Courier, monospace;
		font-size:62.5%;
		color:#000;
		text-align:right;
	}
	body.news {
		background-color:#01b0c1;
		background-image:url(imgs/src/sidebar-news.gif);
	}
	body.news div#main a:hover { color:#01b0c1; }
	body.news ul#nav li a:hover { color:#01b0c1; }
	body.news ul#nav li a.active { color:#01b0c1; }
	body.news h2 span { color:#01b0c1; }
	
	.newsPost { margin:0 0 24px 0; }
	
	body.gigs {
		background-color:#fb685d;
		background-image:url(imgs/src/sidebar-gigs.gif);
	}
	body.gigs div#main a:hover { color:#fb685d; }
	body.gigs ul#nav li a:hover { color:#fb685d; }
	body.gigs ul#nav li a.active { color:#fb685d; }
	body.gigs h2 span { color:#fb685d; }
	
	body.lyrics {
		background-color:#5BF3AC;
		background-image:url(imgs/src/sidebar-lyrics.gif);
	}
	body.lyrics div#main a:hover { color:#5BF3AC; }
	body.lyrics ul#nav li a:hover { color:#5BF3AC; }
	body.lyrics ul#nav li a.active { color:#5BF3AC; }
	body.lyrics h2 span { color:#5BF3AC; }
	
	body.videos {
		background-color:#ffd40a;
		background-image:url(imgs/src/sidebar-videos.gif);
	}
	body.videos div#main a:hover { color:#ffd40a; }
	body.videos ul#nav li a:hover { color:#ffd40a; }
	body.videos ul#nav li a.active { color:#ffd40a; }
	body.videos h2 span { color:#ffd40a; }
	
	h1#logo {
		position:absolute;
		top:0;
		right:0;
		width:427px;
		height:214px;
		background:url(imgs/src/logo-main.gif) no-repeat 0 0;
	}
	
	div#navBar {
		float:left; display:inline;
		width:213px; /* 173px after gutter */
		height:auto;
		text-align:left;
	}
	
	div.gutter {
		padding:0 20px;
	}
	
	div#alignRight {
		position:absolute;
		right:0;
	}
	
	div#container {
		width:660px;
		height:auto;
		margin:234px 0 80px 0;
		font-size:1.2em;
	}
	
	object {
		display:block;
		margin:0 0 12px 0;
	}
	
	div#main {
		float:left; display:inline;
		width:447px; /* 407px after gutter */
		height:auto;
	}
	
	div#main h1 {
		font-weight:bold;
		margin:0 0 12px 0;
		text-transform:uppercase;
	}
	
	div#main p {
		line-height:1.2em;
		margin:0 0 12px 0;
	}
	
	div#main a {
		color:#000;
		text-decoration:underline;
	}
	div#main a:hover {
		background:#000;
		text-decoration:none;
	}
	
	ul#nav li a {
		text-decoration:none;
		text-transform:uppercase;
		font-weight:bold;
		color:#000;
		padding:4px;
	}
	ul#nav li a:hover {
		background:#000;
	}
	ul#nav li a.active {
		font-size:1.6em;
		background:#000;
	}
	ul#nav li {
		margin:0 0 12px 0;
	}
	ul#nav li ul a {
		margin:0 0 0 12px; 
	}
	ul#nav li ul li {
		padding:12px 0 0 0;
		margin:0;
	}
	
	#joinform {
		margin:0 0 0 4px;
	}
	#joinform label {
		display:block;
		margin:0 0 4px 0;
	}
	h2 {
		font-weight:bold;
		margin:0 0 12px 0;
	}
	h2 span {
		background:#000;
		padding:2px;
		text-transform:uppercase;
	}
	
	#gigslist dt, #gigslist dd {
		clear:both;
	}
	#gigslist dt {
		float:right;
		color:#FB685D;
		background:#000;
		padding:2px;
		margin:0 0 6px 0;
	}
	#gigslist dd {
		margin:0 0 18px 0;
	}
	#gigslist dd span {
		display:block;
	}
	
	#TrackList {
		text-transform:uppercase;
		font-size:1.5em;
	}
	#TrackList li {
		margin:0 0 6px 0;
	}
	
	/* Frame */
	
	#navFrame {
		position:fixed;
		width:100%;
		bottom:0;
		left:0;
		background:#9B7378;
		border-top:3px ridge #eee;
		text-align:left;
		font-family:"Times New Roman", Times, serif;
	}
	#navFrame div.pad {
		padding:6px 30px 6px 30px;
	}
	div#timeframe h2 {
		font-weight:normal;
		display:inline;
		padding:0 30px 0 0;
		color:#66FFFF;
		font-size:1.5em;
	}
	div#timeframe span.year {
		color:#66FFFF;
		font-size:1.5em;
		text-decoration:none;
		padding:0 12px 0 0;
	}
	div#timeframe a.month {
		padding:0 12px 0 0;
		font-size:1.5em;
		color:#FFFF99;
	}
	div#clickThrough {
		text-align:right;
		font-size:1.5em;
	}
	div#clickThrough a {
		color:#66FFFF;
	}
	div#timeframe a.active {
		text-decoration:none;
		color:#FFFFCC;
	}