/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, /*em,*/ font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #7D2A22 url(images/bg.jpg) top left repeat-y;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

td { 
	vertical-align: top;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* --- Structure --- */

td.leftcolumn  {
	background: transparent url(images/leftbg.jpg) top left repeat-y;
	}
	
.contentheader {
	display: block;
	position: relative;
	width: 551px;
	height: 11px;
	background: transparent url(images/contenttop.jpg) top left no-repeat;
}

.content {
	width: 551px;
	margin: 0 auto 20px 32px;
	display: block;
	position: relative;
	background: transparent url(images/contentbg.jpg) top left repeat-y;
}

.contenttext {
	width: 525px;
	margin: 0 auto;
	padding: 10px;
	display: block;
	position: relative;
	line-height:110%;
}

.contenttext strong {
	font-weight: bold;
}

.contenttext blockquote {
	padding:15px 0 0 35px;
	line-height:150%;
	}
	
.contenttext a {
	color: #990000;

}	

.contentfooter {
	display: block;
	position: relative;
	width: 551px;
	height: 15px;
	background: transparent url(images/contentfooter.jpg) bottom left no-repeat;
}

.move_indent {
	padding-left: 40px;
	}

.move_indent img{
	padding-left: 20px;
	}

/*  music  */

#music {
	line-height: 100%;	
}

#music em {
	font-style: italic;
}		


#music img {
	display:inline;
	width: 32px;
	vertical-align: middle;
	}	
	
#music a:link , #music a:visited {
	text-decoration: none;	
	/*color: #474747;*/
	}


/* --- NEWSLETTER -- */

.newsletter {
	width: 204px;
	height: 64px;
	background: transparent url(images/newsletterbg.jpg) top left no-repeat;
	}

.newsletter form {
	width: 180px;
	position: absolute;
	margin: 30px 0 0 0 ;
	height: 16px;
	display: block;
	vertical-align: top;
}

.newsletter input.email {
	width: 150px;
	height: 16px;
	margin: 0 0 0 10px;
	border: 1px solid #84241A;
	background-color: #FCF0CA;

}

.newsletter input.submit {
	margin: 0 0 0 165px;
	position: relative;
	top: -16px;
	}



/* --- FOOTER -- */

.address {
	padding: 8px;
	margin-top: 20px;
	font-size: 70%;
}

.address p {
	font-family: arial, verdana, helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 9px;
	text-align: center;
	margin: 0 0 10px 0;
	}
	
.address a:link, .address a:hover, .address a:visited {
	color: #fff;
	text-decoration: underline;
}

/* --- HEADLINES -- */

.headlinewrap {
	width: 100%;
	text-align: center;
	margin: 0 auto 10px;
	}

h1 {
	text-indent: -9999px;
	height: 30px;
	width: 100%;
	display: block;
	position: relative;
	background-image: transparent;
	}
	
h1.home {
	background: transparent url(images/titles/welcome.jpg) top center no-repeat;
}

h1.bio {
	background: transparent url(images/titles/bio.jpg) top center no-repeat;
}

h1.music {
	background: transparent url(images/titles/music.jpg) top center no-repeat;
}

h1.calendar {
	background: transparent url(images/titles/calendar.jpg) top center no-repeat;
}

h1.cd {
	background: transparent url(images/titles/cd.jpg) top center no-repeat;
}

h1.reviews {
	background: transparent url(images/titles/reviews.jpg) top center no-repeat;
}

h1.photos {
	background: transparent url(images/titles/photos.jpg) top center no-repeat;
}

h1.contact {
	background: transparent url(images/titles/contact.jpg) top center no-repeat;
}

h1.sketchbook {
	background: transparent url(images/titles/sketchbook.jpg) top center no-repeat;
}


/* --- TYPOGRAPHY -- */

p {
	margin: .7em 0;
	line-height: 1.3em;
	}


/* --- NAVIGATION -- */

ul.nav {
	width: 204px;
}

ul.nav li {
	display: block;
	position: relative;
	}

ul.nav li, ul.nav li a, ul.nav li a:hover, ul.nav li a:visited {
	width: 204px;
	text-indent: -9999px;
	display: block;
	position: relative;
	background-image: none;
}

ul.nav li.home, ul.nav li.home a:link, ul.nav li.home a:visited {
	height: 39px;
	background: url(images/nav/home.jpg) top left no-repeat;
}

ul.nav li.home a:hover {
	height: 39px;
	background: url(images/nav/home_over.jpg) top left no-repeat;
}

ul.nav li.bio, ul.nav li.bio a:link, ul.nav li.bio a:visited {
	height: 30px;
	background: url(images/nav/bio.jpg) top left no-repeat;
}

ul.nav li.bio a:hover {
	height: 30px;
	background: url(images/nav/bio_over.jpg) top left no-repeat;
}

ul.nav li.sketchbook, ul.nav li.sketchbook a:link, ul.nav li.sketchbook a:visited {
	height: 44px;
	background: url(images/nav/sketchbook.jpg) top left no-repeat;
}

ul.nav li.sketchbook a:hover {
	height: 44px;
	background: url(images/nav/sketchbook_on.jpg) top left no-repeat;
}

ul.nav li.music, ul.nav li.music a:link, ul.nav li.music a:visited {
	height: 28px;
	background: url(images/nav/music.jpg) top left no-repeat;
}

ul.nav li.music a:hover {
	height: 28px;
	background: url(images/nav/music_over.jpg) top left no-repeat;
}

ul.nav li.calendar, ul.nav li.calendar a:link, ul.nav li.calendar a:visited {
	height: 29px;
	background: url(images/nav/calendar.jpg) top left no-repeat;
}

ul.nav li.calendar a:hover {
	height: 29px;
	background: url(images/nav/calendar_over.jpg) top left no-repeat;
}

ul.nav li.cd, ul.nav li.cd a:link, ul.nav li.cd a:visited {
	height: 29px;
	background: url(images/nav/cd.jpg) top left no-repeat;
}

ul.nav li.cd a:hover {
	height: 29px;
	background: url(images/nav/cd_over.jpg) top left no-repeat;
}

ul.nav li.reviews, ul.nav li.reviews a:link, ul.nav li.reviews a:visited {
	height: 29px;
	background: url(images/nav/reviews.jpg) top left no-repeat;
}

ul.nav li.reviews a:hover {
	height: 29px;
	background: url(images/nav/reviews_over.jpg) top left no-repeat;
}

ul.nav li.photos, ul.nav li.photos a:link, ul.nav li.photos a:visited {
	height: 30px;
	background: url(images/nav/photos.jpg) top left no-repeat;
}

ul.nav li.photos a:hover {
	height: 30px;
	background: url(images/nav/photos_over.jpg) top left no-repeat;
}

ul.nav li.contact, ul.nav li.contact a:link, ul.nav li.contact a:visited {
	height: 25px;
	background: url(images/nav/contact.jpg) top left no-repeat;
}

ul.nav li.contact a:hover {
	height: 25px;
	background: url(images/nav/contact_over.jpg) top left no-repeat;
}


/* Concert Calendar */

.event, .altevent {
	/*font-family: Verdana;
	font-size: 9pt;*/
	/*color: #666666;*/
	vertical-align: top;
	border-spacing:9px;
}

.event {
	/*background-color: #dddddd;
	font-size: 9pt;*/
	vertical-align: top;
}

.event th, .altevent th {
	/*font-size: 9pt;*/
	vertical-align: top;
	/*text-align: right;*/
}

.event th:after, .altevent th:after {
	font-size: 9pt;
}

.event h3, .altevent h3 {
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
}

.event .date, .altevent .date {
	/*font-size: 9pt;*/
	font-weight: bold;
	/*color: black;*/
}	

  /*  formailer */
  
  
.mailwrapper {
	text-align: center;
	height: 450px;
	
}

.fmset  {
	padding: 0 100px 200px 0;
	height: 100%;
}

.maildiv {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 370px;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background: #DABFBD;*/
	background: none
}
.maildiv form {
	text-align: left;

}
.maildiv label {
	/* used for right side captions */
	vertical-align: middle;
	padding: 0 0 50px 3px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 100%;
	text-align: left;
	padding: 0 1px 0 0;
	vertical-align: top;
	position: relative;
    display: block; 
    float: left; 
	clear: left;
}
.maildiv a {
	color: #005ABE;
}
.maildiv h2 {
	color: #005ABE;
	/*font-size: 120%;*/
}
.maildiv input {
	margin-bottom: 10px;
	
	width:280px;

}
.maildiv select {
	margin-bottom: 10px;

}
.maildiv textarea {
	/*margin: 0 20px 20px 20px;*/
	width:300px;
	
}
.maildiv .ver_img {
	padding: 0 ;
	margin: 0 0 11px 20px;
/*	vertical-align:bottom;*/
	border: 1px solid #005ABE;
	display: inline;
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
}
.maildiv .legendspacing {
	height: 20px;
}
.maildiv .fmcredits {
	float: left;
	font-size: 6px;
}
.maildiv .fmsubmit {
	float: left;
}
.maildiv .fmrequired {
	color: #005ABE;
	font-size: 150%; 
	float: left;
	margin-top: 10px;
	margin-left: 5px;
}
.maildiv .fmspacer {
	height: 5px;
}

.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-bottom: 15px;
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	color: #FF0000;
	font-size: 120%;
}