body, body * { margin: 0; padding: 0; }
body {
	background: #0F161D url(graphics/bg.gif);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
}
a img { border: none; }

div#headwrap {
	
	background: #0F161D url(graphics/headerbg.jpg) bottom center repeat-x;
	height: 130px;
	border-bottom: 2px solid #000;

}

div#header {
	width: 900px;
	height: 130px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(graphics/bandphoto.png) bottom right no-repeat;
	text-align: left;
}

	

	div#header img {
		border: none;
		margin: 0 0 0 -18px;
		padding: 0;
	}
	
	div#header span {
		position: absolute;
		top: 105px;
		font-size: 10pt;
		font-weight: bold;
		color: #fff;

		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,.7)));
		text-shadow: 1px 1px 6px #000;

	}
	
	div#joinwyjo, div#booktheband {
		width: 200px;

		border: 2px solid #FEEEA8;

		padding: 20px 20px 5px 20px;

		position: absolute;
		top: 35px;
		margin: 0 0 0 123px;
	
		box-shadow: 0px 0px 25px #000;
				-webkit-box-shadow: 0px 0px 25px #000;
				-moz-box-shadow: 0px 0px 25px #000;
		
		background: #F7D442;
		background: -moz-linear-gradient(
			top, #FDC509, #FDC509);
			background: -webkit-gradient(
			linear,
       		left top,
       		left bottom,
       		from(#FEDA37), to(#E7B708));
       	
       	-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;

		-webkit-transition: all .3s ease-out;
		display: none;

	}
	
		div#joinwyjo:target {
			display: block;
		}
		
		div#booktheband:target {
			display: block;
		}
	
		div#booktheband {
			margin: 0 0 0 270px;
		}
	
		div#joinwyjo p, div#booktheband p {
			line-height:  13pt !important;
			font-size: 10pt;
			margin: 0 0 10px 0;
		}
		
		div#joinwyjo p label, div#booktheband p label {
			font-weight: bold;
			color: rgba(0, 0, 0, .3);
		}
		
		div#joinwyjo p input, div#booktheband p input, div#booktheband p textarea {
			width: 188px;
			padding: 4px;
			margin: 0 0 10px 0;
		}
		
		div#joinwyjo form h1, div#booktheband form h1 {
			font-size: 19pt;
			margin: 0 0 5px 0;
		}
		
		div#joinwyjo span, div#booktheband span {
			margin: 0;
			display: block;
			text-align: center;
		}
		
		div#joinwyjo span input#submitjoinform, div#booktheband span input#submitjoinform {
			width: inherit;
			margin: 5px 0 0 0;
		}
	
	.closebutton a {
		width: 30px;
		height: 30px;
		display: block;
		background: transparent url(graphics/closebutton.png);
		margin: -35px 0 0 -35px;
	}
	
		div#tracks {
		
			background: rgba(255, 255, 255, .5);
			border: 1px solid #fff;
			border: 1px solid rgba(255, 255, 255, 1);
			padding: 10px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			clear: both;
			height: 200px;

			margin: 20px 10px 0 10px;
			font-size: 8pt;
			font-weight: normal;
			line-height: 14pt;


		}
		
			div#cd {
				width: 215px;
				height: 198px;
				background: transparent url(graphics/cd.jpg) top left no-repeat;
				float: left;
				margin: 0 10px 0 0;
			}
		
			div#tracks ul {
				list-style: none;
				margin: 12px 0 20px 0;
			}
	
			div#tracks a {
				color: #1B2441;
				text-decoration: none;
				font-weight: bold;
				display: block;
				margin: 12px 0 12px 0;
				line-height: 10pt;
			}
		
			div#tracks a:after {
				content: "\25b6";
				color: #ddd;
				margin: 0 0px 0 7px;
				font-size: 8pt;
			}
			
			div#tracks a:hover:after {
				color: #1B2441;
			}
			
			div#tracks span {
				color: #999;
			}
							
				div#tracks a.tracklink {
					margin: 0;
				}
				
								
				div#tracks a.tracklink:after {
					content: "";
					margin: 0 0px 0 0px;
					opacity: 0;
				}
				
							
				div#tracks a.tracklink:after {
					content: "";
					margin: 0 0px 0 0px;
					opacity: 0;
				}

div.section {
	display: block;
	margin: 0 0 0px 0;
	padding: 25px 0 10px 0;
	background: #fff;
	clear: both;
}

	div.section h1 {
		font-size: 14pt;
		font-weight: bold;
		margin: 0 0 15px 0;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
	}
	
	div.section p {
		margin: 0 0 10px 0;
		font-size: 11pt;
		line-height: 18pt;
	}

	div.section .article {
		width: 900px;
		display: block;
		margin: 0 auto;
	}
	
		div.section .article br {
			clear: both;
		}

	div#section1 {
		background: #fff url(graphics/paperbg.jpg);
		padding-bottom: 0;
	}
	
		div#section1 .article {
			background: url(graphics/section1bg.gif) center bottom no-repeat;
			padding-bottom: 10px;
		}

		div#section1 .article div.asideleft {
			width: 510px;
			float: left;
			padding: 5px 0 10px 0;
		}
		
			div#section1 .article div.asideleft p {
				margin: 0 0 15px 0;
				line-height: 22pt;
			}
			
			div#section1 .article div.asideright p.headline {
				background: #fff;
				background: rgba(255, 255, 255, .5);
				border: 1px solid #fff;
				border: 1px solid rgba(255, 255, 255, 1);
				padding: 10px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				font-weight: bold;
				margin: 24px 0 10px 9px;
				width: 320px;
				font-size: 10pt;
				line-height: 14pt;
			}
			
			div#section1 .article div.asideright p.headline img {
				float: left;
				margin: 0 10px 0 0;
			}
	
		div#section1 .article div.asideleft p a {
			color: #263353;
			text-decoration: none;
			border-bottom: 1px solid #e7e7e7;
			border-bottom: 1px solid rgba(0, 0, 0, .1);
			font-weight: bold;
		}
		
		div#section1 .article div.asideleft p a:hover {
			color: #000;
			border-bottom: 1px solid #999;
			border-bottom: 1px solid rgba(38, 51, 83 .3);
		}
	
		div#section1 .article div.asideleft div#moreinformation {
			width: 815px;

			border: 2px solid #FEEEA8;
			padding: 20px;
			position: absolute;
			top: 180px;
			margin: 0 0 0 15px;

			box-shadow: 0px 0px 25px #000;
					-webkit-box-shadow: 0px 0px 25px #000;
					-moz-box-shadow: 0px 0px 25px #000;
			
			background: #F7D442;
			background: -moz-linear-gradient(
				top, #FDC509, #FDC509);
				background: -webkit-gradient(
				linear,
	       		left top,
	       		left bottom,
	       		from(#FEDA37), to(#E7B708));
	       	
	       	-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
	
			-webkit-transition: all .3s ease-out;
			display: none;
			height: inherit;

		}
		
			div#section1 .article div.asideleft div#moreinformation p {
				line-height:  18pt;
			}
		
		div#section1 .article div.asideright {
			width: 360px;
			float: right;
			
			margin: -25px 0 -10px 0;
			padding: 0;
		
		}
		
			div#section1 .article div.asideright div#nextrehearsal a {
				color: #fff;
			}
		
		
		
			div#section1 .article div.asideright div#nextrehearsal {
				background: transparent url(graphics/nextrehearsalbg.png) top center;
				padding: 25px 25px 1px 25px;
				-webkit-font-smoothing: antialiased;
			}
			
			div#section1 .article div.asideright div#nextrehearsal h1 {
				color: #fff;
				margin: 0 0 10px 0;
			}
			
			div#section1 .article div.asideright div#nextrehearsal h1 span {
				float: right;
				margin: 8px 0 0 0;
				font-size: 8pt;
				color: #CC969D;
				text-transform: uppercase;
			}
			
			div#section1 .article div.asideright p {
				font-size: 8pt;
				line-height: 12pt;
				margin: 5px 25px 0 25px;
				color: #000;
			}
			
				div#section1 .article div.asideright p a {
					color: #980009;
				}
		
			div#section1 .article div.asideright div#nextrehearsal p {
				font-size: 10pt;
				line-height: 12pt;
				margin: 5px 0 5px 0;
				color: #D9BBBC;
			}
			
			div#section1 .article div.asideright div#nextrehearsalfoot {
				height: 6px;
				width: 340px;
				margin: 0 0 0 10px;
				background: url(graphics/nextrehearsalfoot.png);
			}

			
		
		div#section1 .article div.asideleft img,
		div#section1 .article div.asideirght img {
			float: left;
			clear: none;
			margin: 0 10px 0 0;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
		}

			div#section1 .article div.asideleft img#introimg {
				float: right;
				clear: left;
				margin: -8px 0 0 10px;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
			}

	div#section2 {
		background: transparent url(graphics/section2bg.gif) top center no-repeat;
		color: #ccc;
	}

		div#section2 .article div.asideleft {
			width: 250px;
			float: left;
	
		}
		
			div#section2 .article div.asideleft h1 {
				color: #F7D442;
			}
		
			div#section2 .article div.asideleft li {
				list-style: none;
				font-weight: bold;
				margin: 0 0 15px 0;
				-webkit-font-smoothing: antialiased;
			}
			
			div#section2 .article div.asideleft li span {
				display: block;
				font-weight: normal;
				margin: 0 0 0px 0;
				color: #696F7D;
			}
	
		div#section2 .article div.asideright {
			width: 600px;
			float: right;
			margin: -10px 10px 5px 0;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			padding: 8px;
			
			box-shadow: 0px 0px 25px rgba(255, 255, 255, .2);
			-webkit-box-shadow: 0px 0px 25px rgba(255, 255, 255, .2);
			-moz-box-shadow: 0px 0px 25px rgba(255, 255, 255, .2);
			
			background: #585F64;
			background: -moz-linear-gradient(
				top, rgba(255, 255, 255, .4), rgba(255, 255, 255, .1));
				background: -webkit-gradient(
				linear,
	       		left top,
	       		left bottom,
	       		from(rgba(255, 255, 255, .4)), to(rgba(255, 255, 255, .1)));
	
		}
		
			div#section2 .article div.asideright h1 {
				color: #F7D442;
			}
		
		div#section2 .article div.asideright #video {
			background: transparent;
			float: left;
			
		}
		
		div#section2 .article div.asideright #videothumbs {
			background: transparent;
			width: 120px;
			height: 261px;
			overflow-y: scroll;
			overflow-x: hidden;
			margin: 0 0px 0 0;
			float: right;			
		}
			
			div#section2 .article div.asideright #videothumbs ul {
				list-style: none;
				width: 95px;
			}
			
			div#section2 .article div.asideright #videothumbs a {
				text-decoration: none;
				font-size: 9pt;
				font-weight: bold;
				color: #fff;
				line-height: 11pt;
				margin: 0 0 10px 0;
				display: block;
				-webkit-font-smoothing: antialiased;
			}
			
					
			div#section2 .article div.asideright #videothumbs a:after {
				content: " \25b6";
				color: #5D6F80;
				color: rgba(255, 255, 255, .3);
				margin: 0;
				font-size: 8pt;
			}
			
				div#section2 .article div.asideright #videothumbs a:hover:after {
					color: #fff;
				}

			div#section2 .article div.asideright #videothumbs a img {
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
	
	div#section3 {
		background: #fff url(graphics/paperbg.png);
	}
	
		div#section3 h1 {
			color: #B8000B;
		}
		
		div#section3 .article {
			margin-top: -10px;

		}

		div#section3 .article div.asideleft {
			width: 680px;
			float: left;

		}
		
			div#section3 .article div.asideleft #reviewsouter {
				height: 250px;
				width: 646px;
				margin-bottom: 5px;
				
				
				box-shadow: 0px 0px 25px rgba(255, 255, 255, 1);
				-webkit-box-shadow: 0px 0px 25px rgba(255, 255, 255, 1);
				-moz-box-shadow: 0px 0px 25px rgba(255, 255, 255, 1);
			
				background: #262E35;
				background: -moz-linear-gradient(
					top, rgba(20, 30, 40, .14), rgba(20, 30, 40, .02));
					background: -webkit-gradient(
					linear,
		       		left top,
		       		left bottom,
		       		from(rgba(20, 30, 40, .14)), to(rgba(20, 30, 40, .02)));
	       		
	       		-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
				padding: 12px;

			}
		
			div#section3 .article div.asideleft #reviewsouter #reviews {
				overflow-y: scroll;
				height: 250px;
			}
		
			div#section3 .article div.asideleft p.review {
				background: #fff;
				background: rgba(255, 255, 255, .8);
				color: #444;
				width: 590px;
				clear: left;
				
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				
				font-size: 9pt;
				padding: 10px 10px 5px 10px;
				line-height: 15pt;
				margin: 0 0 20px 0;
				
				box-shadow: 1px 1px 3px #bbb;
				-webkit-box-shadow: 1px 1px 3px #bbb;
				-moz-box-shadow: 1px 1px 3px #bbb;
			}
			
			div#section3 .article div.asideleft p.review span {
				display: block;
				color: #000;
				font-weight: bold;
				margin: -10px -10px 5px -10px;
				padding: 3px 10px 3px 10px;
				-webkit-border-top-left-radius: 10px;
				-webkit-border-top-right-radius: 10px;
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-topright: 10px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				
				background: #F7D442;
				background: -moz-linear-gradient(
					top, #FDC509, #FDC509);
   				background: -webkit-gradient(
    				linear,
               		left top,
               		left bottom,
               		from(#FEDA37), to(#E7B708));
				    
				text-shadow: 1px 1px 1px rgba(255, 255, 255, .6);
			}
	
		div#section3 .article div.asideright {
			width: 200px;
			float: right;
			margin: 0 10px 0 0;
		}
		
			div#section3 .article div.asideright p {
				font-size: 10pt;
				line-height: 13pt;
			}
		
			div#section3 .article div.asideright h1 {
				margin-left: 0px;
			}
			
			div#section3 .article div.asideright img {
				float: left;
				margin: 0 5px 2px 0;
			}
			
			div#section3 .article div.asideright a {
				color: #1B2441;
				text-decoration: none;
				border-bottom: 1px solid #1B2441;
				border-bottom: 1px solid rgba(27, 36, 65, .2);
				font-weight: bold;
			}
			
				div#section3 .article div.asideright a:hover {
					border-bottom: 1px solid #000;
					border-bottom: 1px solid rgba(27, 36, 65, .5);
				}
			
			div#section3 .article div.asideright iframe {
				-webkit-border-radius: 7px;
				-moz-border-radius: 7px;
				border-radius: 7px;

			}

		div#section3 .article div.asideright ul {
			list-style: none;
			margin: 0 0 0px 0;
			padding: 0 0 0px 0;
			font-size: 11pt;
		}

		div#section3 .article div.asideright ul li {
			float: right;
			clear: right;
			width: 200px;
			margin: 0 0 10px 0;
		}
	
		div#section3 .article div.asideright h3 {
			width: 80px;
			float: left;
			clear: both;
			text-align: right;
			font-size: 11pt;
			margin: 0px 0 5px 0;
		}
		
		
		
		
		
		.editsection div {
			width: 880px;
			margin: 10px auto;
			border: 3px dashed #a60007;
			color: #a60004;
			font-weight: bold;
			padding: 10px;
			font-size: 11pt;
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			border-radius: 12px;
			-webkit-transition: height 2s linear;
		}
		
		div#section2 .editsection div {
			border-color: #fff;
			color: #fff;
		}
		
			.editsection div h1 {
				margin: 0;
				padding: 0;
				font-size: 12pt;
			}
		
			.editsection div h1 a {
				border-bottom-color: #930006;
				text-decoration: none;
				border-bottom: 1px solid;
				color: #930004;
				cursor: pointer;
			}
			
			div#section2 .editsection div h1 {
				color: #fff;
			}
			
			div#section2 .editsection div h1 a {
				color: #fff;
			}
			
			.editsection div form {
				display: none;
				margin: 20px 0 0 0;
				
			}
			
				.editsection div form p label {
					float: left;
					clear: both;
					width: 148px;
					text-align: right;
					font-size: 10pt;
					line-height: 12pt;
					margin: 5px 0 0 0;
					
				}
				
				.editsection div form p input, .editsection div form p textarea {
					float: left;
					clear: none;
					width: 700px;
					margin: 0 0 10px 10px;
					padding: 5px;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
					border: 1px solid #ccc;
					font-size: 10pt;
					line-height: 12pt;
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
					
				}
				
					#giglist {
						height: 200px;
					}
				
					#bandmembers {
						height: 250px;
					}

					#moreinformationtext {
						height: 300px;
					}
				
				.editsection div form p textarea {
					height: 70px;
				}
				
				.editsection div form p input.submit {
					width: inherit;
					margin: 0 0 0 160px;
					background: #930006;
					color: #fff;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					border: none;
					padding: 7px 10px;
				}
		
				.editsection div form p br {
					clear: both;
				}

	#photo {
		float: right;
		margin: 0;
	}
	
	#photo img {
		float: left;
		margin: 0 10px 10px 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	a.galleryphoto {
		margin: 0 10px 10px 0;
		display: block;
		float: left;
		height: 75px;
		width: 75px;
		padding: 0;
	}
	
		.galleryphoto:nth-child(8n) {
			
		}
	
	img.galleryphoto {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	div.infolinks {

		font-size: 11pt;
		padding: 5px 0;
		color: #000;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}
	
	a.mainlink {
		text-decoration: none;
		border-bottom: 1px solid #fff;
		border-bottom: 1px solid rgba(39, 167, 11, .2);
		color: #27A70B;
		font-weight: bold;
		margin: 0 10px 0 0;
		font-size: 10pt;
		-webkit-transition: all .2s linear;
		text-transform: uppercase;
		text-shadow: 1px 1px 2px #fff;
		-webkit-font-smoothing: subpixel-antialiased;
	}
	
		a.mainlink:hover {
			color: #146102;
			border-bottom: 1px solid rgba(20, 97, 2, .4);
		}

#footer {
	display: block;
	width: 900px;
	margin: 10px auto;
	padding: 0 0 55px 0;
	color: #ccc;
	font-size: 10pt;
	-webkit-font-smoothing: antialiased;
}

	#footer .asideleft {
		float: left;
		width: 500px;
		padding: 4px 0 0 0;
	}
	
	#footer .asideright {
		float: right;
		width: 390px;
		text-align: right;
	}

	#footer a {
		color: #ccc;
	}
	
	#footer h1 {
		font-size: 16pt;
		color: #fff;
	}
	
	#footer form {

	}
	
	#footer form input {
		margin: 0 0 0 10px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid rgba(255, 255, 255, .6);
		padding: 4px;
		background: #fff;
		background: rgba(255, 255, 255, .4);
	}