/* general html */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;		
	background: url(sitebg.jpg) repeat-x #4e3e22;
}

#logo h1 {
	background: url(logo.gif) no-repeat right;
/*	width: 230px; */
	height: 138px; /* exact height */
	margin: 0;
	padding: 0;
/*	border: 1px solid black; */
}

#logo h1 a {
	height: 143px;
	margin-left: -9000px;
}

#main-nav {
	float: left;
	width: 228px; /* increase ? */
	background: url(mainnav-bg.gif) 6px repeat-y; /* replace color */
/*	border: 1px solid black; */
}

#main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 80px 0 ;
	background: url(mainnav-downdome.gif) no-repeat right bottom;
}

#main-nav ul li ul {
	background: none; /* cancel out above */
}

#main-nav ul .main { /* li.main */
	position: relative;
	font-size: 18px;
	color: #eee0bf;
	background: url(mainnav-tabs2.png) no-repeat right -54px; /* Why -1? */
	height: 34px; /* IE6 issue */
	padding: 10px 10px 10px 50px;
}

#main-nav ul li.main:hover { background: url(mainnav-tabs2.png) no-repeat right -108px; }
#main-nav ul #current {	background: url(mainnav-tabs2.png) no-repeat right 0px; }
#home #main-nav ul #current {	background: url(mainnav-tabs2.png) no-repeat right -162px; }
#main-nav ul #redhome {	background: url(mainnav-tabs2.png) no-repeat right -216px; }

#main-nav ul #current a {
	color: #b45014;
}

#main-nav ul #current ul a {
	color: #54472c;
}


#main-nav ul li ul li {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #54472c;
	margin: 0 0 0 0;
	padding: 0;
}

#main-nav ul li ul {
	padding-bottom: 0px; /* cancel effects of 200px padding */
}

#main-nav a {/* expand clickable area to the whole button */
	display: block;
	margin: 0;
	padding: 0;
	color: #eee0bf;	
	text-decoration: none;
}


#main-nav .main ul li a {
	color: #54472c;
}

/* begin page */
blockquote {
	margin: 0;
	padding: 20px 0 0 0;	
	color: #a02215;
	font-size: 30px;
	font-weight: normal;
}

/* content */
#container2 {
	margin: 0 auto;
	width: 868px;
}

#container {
	float: right;
/*	background: url(mainnav-bg.gif) 6px repeat-y;  replace color */
	background: url(container-bg.gif) repeat-y top right;
}

#content {
	position: relative;
  font-size: 14px; 
	float: right;
	color: #4a3c1b;
/*	border: 1px solid green; */
	background: url(content-bg.gif) repeat-y top right #f7ecd2;
	width: 600px;
	padding: 20px;
}

#content-head {
/*	border: 1px solid red;  neccessary evil for everything staying in place
	margin: -120px -20px 0 -20px;*/
	background: url(content-header.jpg) no-repeat top right; 

	margin: -20px -20px 0 -20px; 
}

#content-head h2 {
/*	border: 1px solid red; 
	margin-top: 98px;
	margin-right: 5px;*/
	
	margin: 0;	

	padding: 92px 0 0 20px;

	font-weight: normal;
	font-size: 44px;
	color: #5c3016;
 /* possible for IE6 or hack? */
/*	background: url(content-h2-header.jpg) no-repeat bottom right;	  */
}

#content-head h2#authenticity {background: url(authenticity_fade.png) transparent no-repeat bottom right;}
#content-head h2#experience {background: url(experience_fade.png) transparent no-repeat bottom right;}
#content-head h2#dedication {background: url(dedication_fade.png) transparent no-repeat bottom right;}
#content-head h2#inspiration {background: url(inspiration_fade.png) transparent no-repeat bottom right;}

#content p {
	line-height: 20px;
}

#byline {
	margin-top: 0;
	font-size: 13px;
	font-family: Lucida Sans, sans-serif;
}

#content a {
	color: #714a34; /* think of overline */
}

#content a:hover {
	padding: 2px 0;
	background-color: #714a34;
	color: #f7ecd2;
}

#content em { font-weight:   } /* USE SIFR! */

#content h3 { 
	border: none;
	clear: left;
	font-size: 25px;
	font-weight: normal;
	color: #744529;
	margin: 0px -15px 0 -20px;
	padding-left: 20px;
	padding-top: 20px;
	background: url(content-inheading.gif) repeat-x 0 bottom; 
/*  border-top: 1px solid #e3d0a1;
    border-bottom: 1px solid #e3d0a1;	 */
	line-height: 50px;
/*	border: 1px solid red;  */
}

#content h3#topalign {
	margin-top: -15px;
}

#content img {
	padding: 4px;
	background: white;

}

#content ul {
	padding: 0;
	margin: 10px 0 10px 12px;
}

#content li {
	margin-left: 0;
	margin-bottom: 3px;
	margin-top: 3px;
}

#content .rightalign {
	margin: 10px 0 15px 15px;
	float: right;
	background-color: white;
	color: #ce5116;
	border: 1px solid #c5bba3;
	font-size: 16px;

}

#content .rightalign p {
	text-align: center;
}


#content #audio {
	padding: 0;
	margin: 15px 0 0 0;
	list-style-type: none;
}

#content #audio li {
	margin-bottom: 10px;
/* 	border: 1px solid red; */
/* 	min-height: 32px; */ /* will not work in IE */
	background: url(audio.png) no-repeat 0 0px; 
	padding: 3px 0 4px 30px;

} 

#content #audio img {
	border: none;
	background: none;
	float: left;
	margin-right: 5px;
}



/* begin footer */
#footer {
	float: right; 
	clear: both; 
	margin-left: 6px;
	padding: 25px 10px 20px 10px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(footer-topbg.gif) top left #6b5630 no-repeat; 
	width: 842px;  

/*	border: 1px solid red; */
}


#footer-copy {
	float: left;
/*	border: 1px solid red; */
	padding: 10px 10px 0px 60px;
		
	color: #c5b48d;
	font-size: 12px;
	background: url(footer-swan.gif) top left no-repeat;
}

#footer-copy p {
	margin: 0px 0 5px 0;
}

#footer-copy p a {
	color: inherit; /* IE7 does not support inherit, why? */
	color: #c5b48d; 	
}

#footer-tagline {
	font-size: 11px;
	color: #e6d6b2;
}


#footer #footer-nav {
	font-size: 11px;
	display: block;
	float: right;
/*	border: 1px solid azure; */
	
	margin: 20px 0 0 0;
	padding: 0;
}

#footer ul li {
	display: block;
	float: left;
	padding: 0 10px;	
	background: url(footer-nav-bg.gif) no-repeat right 2px;
	
}

#footer #nobg {
	background: none; /* a cheat for background */
}


#footer ul li a {
	color: #f0c23e;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}


/* Home ========-------- */
#home h3 {
	color: #9d3d06;
	font-size: 17px;

	background: none;
	margin: 0 0 -20px 0;
	padding: 0;
}

#home img {
	float: left;
	border: 1px solid #c5bba3;
	padding: 4px;
	background: white;
}


/* Calendar ---- */
#calendar {
	margin: 0 0px 0 18px; /* adjust? */
	float: right;
	width: 180px;
	border-top: #dbc288 1px solid;
}	

#calendar h3 {	
/*	border-bottom: #dbc288 1px solid;	 */

	padding: 0 0 0 10px;
	margin: 0 0 -5px 0;
	background: url(calendar-tambura.gif) 130px bottom no-repeat #f4d58d;
	font-size: 18px;
}

#calendar h4 {
	padding: 0 0 0 20px;
	margin: 0;
	color: #c7520f;
	font-size: 12px;
	font-weight: bold;
	background: url(calendar-item.gif) no-repeat 0 -1px;
}

#calendar h4.urgent {
	background: #BE4B09 url(calendar-item2.gif) no-repeat scroll 0 9px;
	color: white;
	padding: 10px 0 10px 20px;

}

#calendar ul {
/*	border: 1px solid red; */
	padding: 0;
	margin: 0;
	
	border: #dbc288 1px solid;
}

#calendar li {
	padding: 10px;
	margin: 0;
	list-style-type: none;
	background: #f5dda4;
	
	border-bottom: #dbc288 1px solid;	
}

#calendar li p {
	margin: 5px 0 0 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;	
}



/* Home: actions */
ul#actions {
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;


/*	border: 1px solid black;  */
	list-style: none;
}	

#actions h4 {
	border-top: 1px solid #bda876;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	background: #f0ddaf;	
	
	margin: 0 0 5px 0;
	padding: 10px;
}

#actions h4 a {
	color: #b6581d;
	text-decoration: none;
}


#actions li {
	float: left;
	clear: left;
	width: 195px;
/*	border: 1px solid black; */
	margin: 0;
	padding: 0;
	list-style: none;	
	
}

#actions li p {
	font-size: 12px;
	margin: 3px 0 15px 0;
}


#actions .action-right {
	float: right;
	clear: right;
}

#actions img {
	border: 1px solid #c5bba3;
	padding: 4px;
	background: white;
	margin: 0 0 5px 0;
}


/* Performances gallery */
#photos {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}	

#photos h4 {
	border-top: 1px solid #bda876;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	color: #b6581d;
	background: #f0ddaf;	
	
	margin: 0 0 5px 0;
	padding: 10px;
}

#photos li {
	float: left;
	width: 196px;
/*	border: 1px solid black;  */
	margin: 0;
	padding: 0;
	list-style: none;	
	
}

#photos li p {
	font-size: 12px;
	margin: 3px 0 15px 0;
}


#photos img {
	border: 1px solid #c5bba3;
	padding: 4px;
	background: white;
}