/* colors
#996633
#663333
#333333
black
white
*/

/* layout */

	/* sections */
	#header{ width: 800px; margin: auto; }
	#banner{ width: 800px; height: 199px; margin: auto; }
	#navigation{ margin: auto; margin-top: 10px; width: 100%; }
	#main{ width: 800px; margin: 10px auto; padding: 5px; }
	.mainContent{ width: 600px; margin: 5px auto; padding: 5px; }
	.narrow{ width: 550px; float: left; } /* ?for mainContent box on two column pages */
	.text{ width: 400px; padding-left: 100px; padding-right: 100px; }
	.narrow.text{ width: 500px; padding-left: 50px; padding-right: 50px; }
	#mainSidebar{ width: 170px; float: right; margin: 5px; padding: 5px; } /* for two column pages */
	#footer{ clear: both; /* for sidebar */ margin: 5px; padding: 5px; text-align: center; }
	/* pages */
	#pictures{ }
		#galleryBox{ width: 100%; padding: 10px; }
		#galleryBox div{ width: 180px; height: 180px; float: left; margin: 5px; text-align: center; }
		#galleryBox div img{ margin: auto; }
		#imageBox{ display: none; width: 100%; min-height: 480px; text-align: center; }
		#imageBox img{ max-width: 600px; margin: auto; }
		#pictures #mainSidebar{ width: 150px; max-height: 480px; height: 480px; overflow: scroll; }
		#pictures #mainSidebar ul{ padding: 0; margin: 0; }
		#pictures #mainSidebar li{ text-align: center; }
		#pictures #mainSidebar img{ max-width: 120px; }
		.imageList{ list-style-type: none; }
		#pictures .previous{ float: left; }
		#pictures .next{ float: right; }
	.shows{ margin: auto; }
		.shows .date{ width: 150px; }
		.shows .location{ width: 200px; }
		.shows .about{ width: 300px; vertical-align: top; }
	#video .mainContent{ width: 790px; padding: 0px; }
	.videos{ width: 100%; /*padding: 10px;*/ }
		.videos h1{ padding-left: 15px; }
		.video{ width: 380px; height: 305px; float: left; margin: 5px; text-align: center; }
		.videos object{ margin: auto; }
	#lyrics .mainContent { width: 450px; }
		/* hiding and showing of target */
		.songs .song:not(:target) { display: none; }
		.songs .song:target { display: block; }
		#lyrics #mainSidebar{ width: 300px; }
		#lyrics #mainSidebar ul{ list-style-type: none; padding-left: 0; }
		#lyrics #mainSidebar li{ margin-bottom: .5em;}
		.songs img{ margin-bottom: .5em; }

	/* special */
	.floatRight{ float: right; }
	.floatLeft{ float: left; }
	img.floatRight, img.floatLeft{ margin: 5px; }
	.clear{ clear: both; }
	.centerBlock{ margin: auto; }
	.centerImage{ display: block; margin: auto; }
	/* standard tags */
	form{  }
	label, input, textarea{ display: block; margin-bottom: 1em; }
	input .textInput, textarea{ font: 1em monospace; }

/* styles */
	body{ background: beige url("../images/backgroundClouds.jpg");
		 font-family: sans-serif; }
	/* sections */
	#main, .mainContent, #mainSidebar, #footer{  background: url("../images/transparentBackground.png"); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/transparentBackground.png');}
	#wrapper, #main, .mainContent, #mainSidebar, #footer{ border: #996633 thin solid; }
	#header{  }
	#banner{ background: url("../images/banner.jpg") center center no-repeat; } /* may be just image tag */
	#navigation{ }
	#main{ }
	.narrow{ } /* ?for mainContent box on two column pages */
	#mainSidebar{  } /* for two column pages */
	#footer{  }
	/* pages */
	#galleryBox a{ color: black; text-decoration: none; font-weight: bold; }
	#lyrics #mainSidebar a{ text-decoration: none; font-weight: bold; font-size: small; }
	/* special */
	.loading{ background: url("../images/loadingAnimation.gif") center center no-repeat; }
	/* standard tags */
	h1, h2, h3{ color: #663333 }
	h2 { font-size: large; }
	a{ color: #663333; }
	a:visited{ color: #333333; }
	a:hover, a:active{ color: white; }
	img{ border: none; }