/*Main Stylesheet
Liquid, multicolumn layout*/


/*Styles for general XHTML tags*/
body {
	margin: 0px;
	padding: 0px;
	background: #fff url(/images/bodyBg.jpg) repeat-y;
	font: 101% Verdana, Arial, Helvetica, sans-serif;
}
#breadcrumbs {
	font-size: 70%;
	width: 100%;
	border-bottom: 1px solid #E75C01;
	padding-bottom: 0.3em;
}

.address {
	font-size: 80%;
	color: #333;
	line-height: 1.3;
}



body#splash {
	background: #000;
}
#splash #pagewrapper {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	margin-top: 1em;
}


#zoom {
	float: left;
	clear: both;
}


p {
	font-size: 76%;
	line-height: 1.5em;
	color: #333;
	padding: 7px;
}
.bold {
	font-weight: bold;
}

#appearances .boldred {
	color: #990000;
	font-weight: bold;
}


#about #mainContent .mainContentBox .floatright1 img {
	margin-bottom: .3em;
}

#photo {
	clear: both;
	float: left;
}
#appearances .date {
	font-size: 85%;
}







/*Site header styles*/
#mastHead {
	position: absolute;
	width: 100%;
	height: 80px;
	border-top: 5px solid #545454;
	border-bottom: 5px solid #545454;
	left: 0px;
	background: #F2F2F2 url(/images/1900.jpg) no-repeat;
	text-indent: -9999px;
}
#mastHead p {
	position: absolute;
	top: 5px;
	left: 541px;
	margin: 0px;
	padding: 0px;
	font: Arial, Helvetica, sans-serif;
	font-size: 4em;
	font-weight: bold;
	color: #BFBFBF;
	text-indent: -9999px;
	height: 50px;
	width: 400px;
}


/*Navigation Menu container*/
#navBar {
	background-color: #fff;
	position: absolute;
	height: 25px;
	width: 100%;
	border-top: 5px solid #545454;
	border-bottom: 5px solid #545454;
	top: 80px;
	left: 0px;
}

/*Main Navigation Menu*/
#nav {
	position: absolute;
	left: 150px;
	height: 25px;
	width: 1022px;
	z-index: 1;
}
ul#nav {
	margin: 0px;
	padding: 0px;
}

/*Main Nav List*/
#nav li {
	float: left;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	font-weight: bold;
	color: #000;
	list-style: none;
	text-align: center;
	width: auto;
}

#nav li li {
	float: left;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #000;
	list-style: none;
	text-align: center;
	width: auto;
}

/*Main Nav link styles*/
#nav li a {
	display: block; /*This suggests a vertical list, but the float:left property under #nav li causes the menu to float inline*/
	width: 110px; /*Width of the nav button*/
	line-height: 25px; /*Height of the nav button*/
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border-left: 1px solid #545454;
	border-right: 1px solid #545454;
}

#nav li li a {
	display: block; /*This suggests a vertical list, but the float:left property under #nav li causes the menu to float inline*/
	width: 110px; /*Width of the nav button*/
	line-height: 25px; /*Height of the nav button*/
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border-left: 1px solid #545454;
	border-right: 1px solid #545454;
}

#nav a:link, #nav a:visited {
	font-weight: bold;
	color: #333;
}
#nav a:hover, #nav a:active {
	font-weight: bold;
	color: #fff;
	background: #000000;
}
#nav a#current {
	font-weight: bold;
	color: #fff;
	background: #CCCCCC;
}


/*Left sidebar. Can be used for news or any other supplementary content*/
#newsBar {
	background-color: #fff;
	position: absolute;
	width: 175px;
	top: 110px;
	left: 0px;
	border-top: 5px solid #545454;
	border-bottom-style: none;
	border-right: 5px solid #545454;
}
#newsBar h3 {
	margin-top: 5px;
	padding-top: 0px;
	padding-right: 7px;
	padding-left: 0.5em;
	color: #333;
	font: 110% Arial, Helvetica, sans-serif;
}


/*Styles for the Sub-content boxes found in the Main Content area*/
#subContent {
	background-color: #fff;
	position: absolute;
	width: 200px;
	padding: 5px;
	border-top: 5px solid #545454;
	top: 110px;
	right: 0px;
}
.contentBox {
	min-height: 100px;
	width: 183px;
	float: right;
	border: 1px solid #545454;
	margin-bottom: 5px;
	margin-left: 1em;
}
.contentBox p {
	padding: 3px;
}
.contentBox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 3px;
	color: #333;
}


/*Styles for the Main Content area*/
#mainContent {
	background-color: #fff;
	position: absolute;
	border-top: 5px solid #545454;
	top: 110px;
	left: 188px;
	right:200px;
}
#mainContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	margin-top: 5px;
	padding-left: 10px;
	color: #E75C01;
}

#mainContent h1 {
	margin-top: 1em;
	padding-left: 10px;
	font: 150% Arial, Helvetica, sans-serif;
	color: #E75C01;
}

#newsBar h2 {
	color: #E75C01;
	padding-left: 0.3em;
	margin-top: 1em;
	font: bold 150% "Courier New", Courier, monospace;
	text-decoration: underline;
}
/*#newsBar h2 {
	color: #333;
	padding-left: .3em;
}
*/
.mainContentBox {
	float: left;
	min-height: 145px;
	border-bottom: 1px dashed #545454;
	padding: 0px;
	margin: 5px 0px 5px 5px;
	background-color: #fff;
}
.#mainContent p {
	margin: 10px 0px 0px 0px;
	padding: 0px 25px 5px 20px;
}
.mainContentBox p {
	padding: 3px;
	text-align: justify
}

#sound #mainContent .mainContentBox2 {
	width: 500px;
}

.center {
	text-align: center;
}

#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.floatright
{
	float: right;
	width: 220px;
	margin: 0 0 10px 10px;
	background-color: #fff;
	padding: 15px 0px 15px 15px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	color: #333;
	font: 95% Verdana, Arial, Helvetica, sans-serif;
}

div.floatright img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

.floatright1 {
	float: right;
	width: 400px;
	margin: 0 1em 10px 10px;
	background-color: #fff;
	padding: 15px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	color: #E75C01;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
}

.sidebarlinks {
	color: #333;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 1em;
}

#subContent .contentBox h3 {
	font-size: 70%;
	color: #E75C01;
}

#subContent .contentBox a {
	color: #E75C01;
	text-decoration: none;
	font-weight: bold;
	height: 100px;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 70%;
}
.mainContentBox1 {

	float: left;
	min-height: 145px;
	border-bottom: 1px dashed #545454;
	padding: 0px;
	margin: 5px 1em;
	background-color: #fff;
}
#mainContent .maincontentbox2 {
	clear: both;
	float: left;
}

#mainContent #visitors {
	float: right;
}
#mainContent #adfree {
	display: none;
}
#subContent .contentBox  img {
	padding-top: 1em;
}
#about .floatright {
}
#footer {
	clear: both;
	height: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
	left: 17px;
	padding-left: 1em;
	font-size: .7em;
}

#sound .mainContentBox #paypal {
	float: left;
	margin-left: 2em;
	width: 50%;
}

.red {
	color: #990000;
}

#gallery #mainContent .mainContentBox #galleries {
	width: 500px;
	border: 1px solid #333;
	padding-left: 1em;
}

.italic {
	font-style: italic;
}
#sound .mainContentBox img {
	clear: both;
	float: left;
}
#mainContent .mainContentBox li {
	font: 110%/150% Verdana, Arial, Helvetica, sans-serif;
	list-style: disc url(/images/note.gif) outside;
}
.redbold {
	font-weight: bold;
	color: #990000;
	font-size: 100%;
}
.venue, .venue a {
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

.venue a:hover {
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}
.right {
	text-align: right;
}
.galleries a {
	font: bold 0.7em "Trebuchet MS", Verdana, sans-serif;
}

#home #mainContent .mainContentBox .floatright blockquote {
	font-style: italic;
	font-weight: bold;
	font-size: 1em;
}

* html #home #mainContent .mainContentBox .floatright blockquote {
	font-style: italic;
	font-weight: bold;
	width: 190px;
	text-align: left;
}

#home #mainContent .mainContentBox .floatright .quote {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #E75C01;
	line-height: 125%;
	padding-right: 15px;
	padding-left: 5px;
}

.normal {
	font-style: normal;
}

.quote {
	font-size: .8em;
	font-style: italic;
	font-weight: bold;
	color: #990000;
}



#gallery #mainContent .mainContentBox table {
	border: 1px solid #333;
	width: 500px;
	margin-top: 1em;
}

/*Thumbnail Table*/
	.thumbnail {
	float: left;
	min-height: 175px;
	width: 70px;
	border: 1px solid #999;
	margin: 0 15px 15px 0;
	padding: 5px;
}

.clearboth { clear: both; }
#paypal {
	clear: both;
	float: left;
}

#buy {
	float: left;
	margin-bottom: 1em;
	margin-top: -2em;
	font-size: 80%;
}
#cd #mainContent .mainContentBox .floatright img {
	margin-right: 1em;
	padding-right: 1em;
}
#cd #mainContent .mainContentBox .floatright {
	float: right;
	width: 270px;
	margin: 0 0 10px 10px;
	background-color: #fff;
	padding: 15px 0px 15px 15px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	color: #333;
	font: 95% Verdana, Arial, Helvetica, sans-serif;
}

#roto {
	clear: both;
	float: left;
	margin-top: 2em;
}
#mainflash {
	float: left;
}

/* ---- ( appearance table styles ---- */
table { 
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666666;
	border-top: none;	
}
table a {
	text-decoration: underline;
}
table a:visited {
	text-decoration: none;
}
tr.odd {
	background-color: #ebf3ff;
}
tr a {
	color: #000000;
}
tr:hover a {
	color: #ffffff;
}
.sidebarlinks {
	font-size: 80%;
}
.month img {
	margin-right: 2em;
	margin-left: 2em;
}


tr:hover, tr.odd:hover {
	background-color: #3d80df;
	color: #ffffff;
}
caption {
	height: 45px;
	line-height: 44px;
	color: #60634E;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border-left: 2px solid #616161;
	border-right: 2px solid #616161;
	font-size: 125%;
}
#appearances .month {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	background: #E6FFE6;
	border: 1px solid #333;
}

#appearances .artist {
	font-size: 125%;
	color: #990000;
	font-weight: bold;
}

thead th {
	font-size: 105%;
	color: #000;
	background: #ffffff url(/images/tbar.gif) repeat-x;
	height: 33px;
	border-bottom: 1px solid #333;
}
thead th:hover {
	background: #ffffff url(/images/tbov.gif) repeat-x;
	
}
tr {
	vertical-align: top;
}
tr,th,td {
	padding: .75em;
}
td {
	border-left: 1px solid #dadada;
}
tfoot tr {
	background: #fff url(/images/bbar.gif) repeat-x;
}
tfoot td, tfoot th{
	color: #000;
	border: 0px;
}
#appearances h1 {
	font-size: 150%;
	color: #E75C01;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

#appearances .month:hover {
	color: #FF0000;
	background: #0099CC;
    font-size: 250%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #333;}
#mainContent .mainContentBox #appearances iframe {
	height: 300px;
	width: 100%;
	clear: both;
}
#myspace1 {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
#subContent .contentBox .center h2 {
	font-size: 1em;
	color: #E75C01;
}