/* general, preparatory */

* { font-family: Trebuchet MS; font-size: 14px; color: #230c00; }

h2, h3, h4, h5 { color: #46312a; margin: 0; font-weight: normal; margin: 0; }
h2 { font-size: 28px; }
h3 { font-size: 23px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; color: #532c20; }

.afterHeader { font-size: inherit; color: #b48779; }

a:hover { text-decoration: none; }

p { text-align: justify; }

fieldset { border: none; }

input[type=text], select, textarea { border: solid 1px #a47769; }
input[type=text] { height: 23px; padding: 0 6px; width: 200px; }
input[type=submit] { background: #412720; color: #fff; border: none; height: 23px; cursor: hand; }
input[type=submit]:hover { background: #fff; color: #222; }
textarea { width: 99%; position: relative; top: -10px; }

.between { height: 1px; border-top: solid 1px #a29d7f; margin: 25px 0; }

.clear { clear: both; }
.clear_withBumper { clear: both; height: 15px; }

.fr { float: right; margin: 10px 0 0 25px; }
.fl { float: left; margin: 10px 25px 0 0; }

ul { padding: 0; margin-left: 0; }
li { list-style: none; margin: 5px 0; }

a.more {
	float: right;
	background: #fff;
	padding: 1px 4px;
	position: relative;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	position: relative;
	left: 0;
	top: 0;
	margin-right: 10px;
	_margin-right: 5px;
	_padding: 2px 6px;
	margin-top: -48px;
}
a.more:after { content: " \2192"; }

p.attribution { color: #555; } /* attribution text */
p.attribution:before { content: "("; }
p.attribution:after { content: ")"; }



/* specific */




body { background: #dddddd; margin: 0px; }

	#mainWrapper { background: #fff; width: 980px; height: 101%; padding: 12px; margin: auto; }

		/* top area */

		#top { height: 250px; background: #fff url(../imgs/montage5.jpg) no-repeat; z-index: 2; position: relative; }

		#navBar { height: 60px; background: #744739 url(../imgs/navBack.gif) right no-repeat; }

			#navBar ul { position: relative; left: 25px; }

				#navBar ul li { float: left; display: block; list-style: none; text-transform: uppercase; color: #fff; margin: 10px 12px 0 0; line-height: 30px; padding: 4px; }

					#navBar ul li a { font-weight: bold; font-size: 13px; color: #fff; text-decoration: none; padding: 6px; }

					#navBar ul li a:hover { background-color: #fff; color: #744739; }

				#navBar ul li.on { background: #46312a; }

		/* content area */

		#contentArea { margin-top: 12px; }

			#left { width: 590px; float: left; }
				#left .panel h4 { margin: 20px 0 4px 0; }
					#left .panel#main h2 { background: none; color: #46312a; }
					#homepage #contentArea #left .panel h3 {
						background: #744739 url(../imgs/titleBack.gif) no-repeat right;
						color: #fff;
						padding: 6px;
						margin-bottom: 20px;
					}

			#right { width: 360px; float: right; margin: 10px 20px 0 0; }
				#right .panel { border: solid 1px #ddd; margin-bottom: 20px; background: #f8f8f8; }
					#right .panel h3 { margin-bottom: 10px; }
					#right .panel a.more { background-color: #46312a; margin-top: -45px; color: #fff; }

				.panel { padding: 20px;  }
					.panel p { line-height: 20px; }

					/* blog */

					.blogEntryTitleUnder { color: #744739; font-size: 12px; }
					.blogHomepagePic { float: left; width: 100px; margin: 12px 20px 0 0; border: solid 1px #444; }

					/* gig gates */

						#gigDates li h5 { background: url(../imgs/date.gif) no-repeat left; padding-left: 25px; margin-top: 20px; }
						#gigDates li p { margin-bottm: 25px; }

		/* footer */

		#footer { margin-top: 12px; height: 60px; background: #744739 url(../imgs/footerBack.gif) left no-repeat; padding: 0 15px; }

			#footer * { color: #fff; line-height: 60px; margin: 0; }
			
			#footer img { float: right; position: relative; left: 0; top: 4px; border: 0; }