/* @override http://www.taiko.org/_files/styles/main.css */

body {
	background: url("/") #1D1220;
	margin: 0px; 
	padding: 0px;
	color: #676767;	
	font: 12px/22px Georgia, Times, Times New Roman, serif;
	}

/*____________________________________________________________________________________________Links_*/

a:link {
	color: #000;
	text-decoration: none;
	}
a:visited {
	color: #000;
	text-decoration: none;
	}
a:hover {
	color: #000;
	text-decoration: underline;
	}
a:active {
	color: #000;
	text-decoration: underline;
	}
	
/*____________________________________________________________________________________________Helpers_*/

.clearer { clear: both; line-height: 0px; font-size: 0px; width: 0px; height: 0px; margin: 0px; padding: 0px; }

.hoverer { cursor: pointer; }

.blocked { display: block; }

.no-border { border: 0px; }

.calendar-pic { float: right; margin: 0px 0px 0px 15px; border: 2px solid #a27db3; }

.wtf { border: 1px solid red; }


/*____________________________________________________________________________________________Fixed Presets_*/

p { margin: 0px 0px 0px 0px; padding: 7px 0px 7px 0px; }

h1 { font-family: 'OFL Sorts Mill Goudy TT' , arial, serif; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; color: #bf1e65; font-size: 16px; }
h2 { font-family: 'OFL Sorts Mill Goudy TT', arial, serif; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; color: #bf1e65; font-size: 22px; }
h3 { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; color: #bf1e65; font-size: 14px; }
h4 { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; }
h5 { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; }

ul a:link { color: #fff; text-decoration: none; }
ul a:visited { color: #fff; text-decoration: none; }
ul a:hover { color: #fff; text-decoration: underline; }
ul a:active { color: #fff; text-decoration: none; }

ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: bold; font-size: 12px; }
ul li { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; line-height: 20px; color: #fff; }
ul .on-page { background: url(/_ima/ul-bg.jpg); padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; line-height: 20px; color: #000; }

#content ul { padding-top: 10px; padding-bottom: 10px; }
#content ul li { background: none; color: #4a4a4a; }
#content ul li a:link, #content ul li a:visited { color: #892e57; }
#content ul li a:hover { color: #000; }

#content a:link { color: #892e57; text-decoration: none; font-style: italic; }
#content a:visited { color: #892e57; text-decoration: none; }
#content a:hover { color: #000; text-decoration: none; }
#content a:active { color: #892e57; text-decoration: none; }

.on-page  a:link { color: #000; text-decoration: none; }
.on-page  a:visited { color: #000; text-decoration: none; }
.on-page  a:hover { color: #000; text-decoration: none; }
.on-page  a:active { color: #000; text-decoration: none; }

	
/*____________________________________________________________________________________________Main Layout_*/

.middler {
	width: 852px;
	margin: 0px auto;
	}

#top-bar {
	background: url("/_ima/top-bg.jpg") repeat-x;
	width: 100%;
	height: 100px;
	}
	.blue-fade {
		position: absolute;
		width: 848px;
		height: 8px;
		}
	.logo {
		float: left;
		border: 0px;
		margin: 5px 0px 0px 15px;
		position: absolute;
		}

	.nav-holder {
		width: 750px;
		height: 20px;
		float: right;
		margin: 78px 0px 0px 0px;
		}
	a.nav-info {
		height: 18px;
		float: left;
		padding: 0px 7px 0px 7px;
		}
		a.nav-info:hover {
			background-position: 0px -20px;
			}

		a.nav-home {
			background: url("/_ima/nav-home.gif") no-repeat;
			width: 61px;
			}
		a.nav-about {
			background: url("/_ima/nav-about.gif") no-repeat;
			width: 87px;
			}
		a.nav-calendar {
			background: url("/_ima/nav-calendar.gif") no-repeat;
			width: 81px;
			}
		a.nav-performances {
			background: url("/_ima/nav-performances.gif") no-repeat;
			width: 111px;
			}
		a.nav-education {
			background: url("/_ima/nav-education.gif") no-repeat;
			width: 87px;
			}
		a.nav-support {
			background: url("/_ima/nav-support-2.gif") no-repeat;
			width: 76px;
			}
		a.nav-contact {
			background: url("/_ima/nav-contact-2.gif") no-repeat;
			width: 74px;
			}
		a.nav-shop {
			background: url("/_ima/nav-shop-2.gif") no-repeat;
			width: 59px;
			}
		a.nav-info-current {
			height: 18px;
			float: left;
			padding: 0px 7px 0px 7px;
			background-position: 0px -20px;
			}

#soundcloud {
	width: 100%;
	height: 100%;
	}

#mid-bar {
	background: url("/_ima/mid-bg.jpg") repeat-x;
	width: 100%;
	border-top: 3px solid #a27db3;
	border-bottom: 3px solid #a27db3;
	padding: 7px 0px 7px 0px;
	}
	#banner {
		background: url("/_ima/banner-mid.gif") repeat-y;
		height: 100%;
		width: 100%;
		}
		.banner-center {
			padding: 0px 0px 0px 15px;
			margin: 0;
			}
		.banner-pic {
			padding: 0px 0px 0px 0px;
			margin: 0;
			display: block;
			height: 310px;
			}
		#inside-nav {
			font-family: Arial, Helvetica, sans-serif;
			background: url("/_ima/nav-fade.jpg") repeat-x;
			margin: 0px 0px 0px 0px;
			width: 233px;
			height: 246px;
			float: left;
			}
		.inside-pic {
			float: left;
			}
	
#main-bg {
	background: url("/_ima/main-bg.jpg") repeat-x #1D1220;
	width: 100%;
	height: 100%;
	padding: 0px 0px 40px 0px;
	}
	
#content{
	color: #4a4a4a;
	background: #fffef3;
	width: 846px;
	padding: 15px 0px 0px 0px;
	margin: 0px auto;
	border-right: 3px solid #a27db3;
	border-bottom: 3px solid #a27db3;
	border-left: 3px solid #a27db3;
	}

#footer {
	background-color: #e5e5e5;
	width: 820px;
	height: 33px;
	margin: 0px auto;
	clear: both;
	padding: 0px 10px 0px 10px;
	}
	.left-foot {
		width: 600px;
		float: left;
		}
	.right-foot {
		width: 200px;
		float: right;
		text-align: right;
		}

/*____________________________________________________________________________________________Index Layout_*/

#left-side {
	width: 585px;
	height: 100%;
	float: left;
	padding: 0px 0px 0px 15px;
	}
	.upcoming {
		background: url("/_ima/yellow-bottom.jpg") no-repeat bottom left;
		width: 100%;
		height: 100%;
		padding: 0px 0px 10px 0px;
		line-height: 16px;
		}
		.upcoming-left {
			width: 240px;
			float: left;
			}
		.input-one {
			background: #fff;
			width: 200px;
			height: 15px;
			border: 1px solid #666;
			padding: 3px 0px 3px 5px;
			}
		.input-two {
			float: right;
			margin: 5px 34px 0px 0px;
			}
		.input-three {
			float: right;
			margin: 5px 4px 0px 0px;
			}
		.upcoming-left-pic {
			float: left;
			border: 2px solid #a27db3;
			}
		a.our-calendar-of-events {
			background: url("/_ima/our-calendar-of-events.jpg") no-repeat;
			width: 244px;
			height: 35px;
			float: left;
			margin: 10px 0px 0px 0px;
			}
			a.our-calendar-of-events:hover {
				background-position: 0px -33px;
				}
		.upcoming-right {
			width: 310px;
			float: left;
			padding: 0px 0px 0px 20px;
			}
		 .upcoming-details {
			font-family: Arial, Helvetica, serif;
		 	color: #f37121;
		 	font-size: 14px;
		 	}
		 .upcoming-details a {
		 	color: #f37121;
		 	font-size: 14px;
		 	}
		 .upcoming-date {
			font-family: Arial, Helvetica, serif;
		 	font-size: 12px;
		 	}
		 	.upcoming-details span {
			 	font-style: italic;
			 	}
			.what-is {
				width: 190px;
				font-size: 14px;
				line-height: 18px;
				}
			.no-background {
				font-size: 13px;
				line-height: 23px;
				background: none;
				width: 95%;
				}

			.no-background2 {
				background: none;
				width: 100%;
				}

.inside-nav-push {
	padding: 0px 0px 0px 15px;
	}

#right-side {
	width: 225px;
	height: 100%;
	float: right;
	padding: 0px 15px 0px 0px;
	}
.content-padding {
	padding: 0px 5px 0px 10px;
	}
.content-padding img {
	border: 0px;
	}
	
/*____________________________________________________________________________________________Gallery Layout_*/

.gallery-box {
	width: 180px;
	height: 160px;
	padding: 0px 6px 0px 6px;
	float: left;
	}
	.gallery-box p {
		padding: 0px;
		text-align: center;
		}
	
/*____________________________________________________________________________________________Contact Layout_*/

.contact-left {
	width: 540px;
	float: left;
	}
	#form-section {
		float: left;
		}
	.input-name {
		width: 160px;
		height: 20px;
		padding: 0px 0px 0px 0px;
		padding: 3px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
		float: left;
		font-size: 12px;
		}
	.inputs {
		width: 200px;
		height: 20px;
		padding: 3px 0px 0px 5px;
		float: left;
		font-size: 16px;
		border: 1px solid #F37E2E;
		}
	.selects {
		width: 209px;
		height: 25px;
		padding: 2px 0px 2px 0px;
		float: left;
		font-size: 16px;
		border: 1px solid #F37E2E;
		}
	.textareas {
		width: 369px;
		height: 65px;
		padding: 2px 0px 2px 5px;
		float: left;
		font-size: 16px;
		font-family: verdana;
		border: 1px solid #F37E2E;
		}
	#submit-btn input {
		color: #000;
		margin: 10px 0px 0px 320px;
		padding: 0px 0px 0px 0px;
		border: 0px;
		}
		
.contact-right {
	width: 200px;
	float: right;
	}

.right-biophoto {
	font-size: 0px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 10px;	
}
.right-biophoto img {	background-color: #919191; font-size: 0px; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; border: 3px double #414141;	 }

	
/
*____________________________________________________________________________________________Form Validation_*/
	
.inputs:focus {
		border: 1px solid red;
		}
	select:focus {
		border: 1px solid red;
		}
	textarea:focus {
		border: 1px solid red;
		}
	label.error {
		float: none;
		clear: both;
		color: red;
		margin: 5px;
		 }
	.error {
		color: red;
		}