/* Duo Cavatina XHTML and CSS by Kenneth Feldman, http://www.kpfdigital.com/ */
/* All associated graphics copyright 2004, Duo Cavatina */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer and or Duo Cavatina. */
/* What you may use - .css files. */
/* What you may not use - .jpg, .gif, and .png files. */

/* Design and CSS created by Kenneth Feldman */
/* www.kpfdigital.com */






	
/* Main Structural Elements 
-------------------------------------------- */

body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #000;
	background: #fff url("img/staff_bgnd_fade.jpg")  bottom center no-repeat fixed;
	font:  76% "trebuchet ms", Verdana, Geneva, Helvetica, Arial, Sans-serif;
	}

#container {
	text-align: left;
	width: 752px;
	border: 0px solid gray;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 14px;
	}

#pageheader {
	padding: 0px;
	margin-bottom: 0px;
	background: url("img/notes.gif") top right no-repeat;
	border: 0px;
	}

#content {
	padding: 0 20px 0;
	margin: 33px 12px 0px 125px;
	border: 0px solid black;
	}

#sidebar {
	float: left;
	width: 125px;
	margin: 42px 0 0 0;
	margin-right: 0px;
	padding: 0;
	}
	
#footer {
	padding: 5px;
	margin: 0px -20px 0px;
	border-top: 8px solid #8B8B3D;
	border-bottom: 1px solid #8B8B3D;
	text-align: center;
	}
	
	
#bottom_clearance {
	clear: both;
	height: 75px;
	padding: 0px;
	margin: 0;
	}






	
/* Main Navigation Structure
-------------------------------------------- */
	
#navcontainer { 
	width: 110px; 
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	}

#navigation_list {
	padding: 0px;
	margin: 0px;
	color: #660;
	}

#navcontainer li {
	border-bottom: 1px solid #CCCC99;
	}

#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font: 18px/29px 'century gothic', Arial, Helvetica, sans-serif;
	}






	
/* Definition List Styles
-------------------------------------------- */


#music dl { 
	margin: 0 0 30px 15px;
	 }

#music dt { 
	margin: 5px 0 0 0;
	 }

#music dd { 
	margin: 1px 0 0 10px;
	color: #444;
	font-size: 95%;
	 }






	
/* Links 
-------------------------------------------- */


#navcontainer a { display: block; padding: 0px;	width: 110px; }

#navcontainer a:link, #navigation_list a:visited { color: #660; text-decoration: none; }

#navcontainer a:hover {	font-weight: bold; color: #660;	}

#navcontainer a:hover:after, #navcontainer a:focus:after { content: " [" attr(accesskey) "]"; font-size: small; color: #930; font-style: normal; line-height: 6px;}  /* This section uses pseudo-elements and classes to create the appearance of the accesskeys after hovering or focusing */

#navcontainer a:first-letter { text-decoration: underline; }
 
.ie_fix a { text-decoration: none; } /* IE (of course) bug fix */


 

#content a	{ text-decoration: none; border-bottom: 1px dotted; font-weight: bold; }

#content a:link, #content a:visited { color: #660; border-bottom-color: #660; }
			
#content a:hover { color: #930; border-bottom-color: #930;}



a.access	{ text-decoration: none; }

a.access:link, a.access:visited { color: #660; text-decoration: none; }
			
a.access:hover { color: #930; text-decoration: underline;}




#footer a	{ text-decoration: none; border-bottom: 1px dotted; font-weight: bold; }

#footer a:link, #footer a:visited { color: #666; border-bottom-color: #666; }
			
#footer a:hover { color: #660; border-bottom-color: #660;}






	
/* Typography 
-------------------------------------------- */

/* Featuring the Leahy/Langridge Method of Image Replacement in header elements and blockquotes */
/* This method contains the Box Model Hack for IE5 and 5.5 PC */
/* http://www.kryogenix.org/code/browser/lir/ */


#home h1 {
	background: url("img/logo.gif") top left no-repeat;
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 96px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:96px; /* for pre 6.0 IE Win */
	}
	
h1 {
	background: url("img/logo_sm_pic.gif") top left no-repeat;
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 96px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:96px; /* for pre 6.0 IE Win */
	}
	
h2 {
	background: #8B8B3D;
	margin: 0 12px 0 0;
	border: 0;
	padding: 0;
	padding-top: 6px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:6px; /* for pre 6.0 IE Win */
	}

#home h3 {
	background: url("img/awrd_winning.gif") top right no-repeat;
	margin: 0 4px 20px 0px;
	padding-left: 0;
	border: 0px solid red;
	padding-top: 68px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:68px; /* for pre 6.0 IE Win */
	}

h3 {
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #930;
	}

h4 {
	font-size: 1.2em;
	margin: 0px 0 15px 0px;
	font-weight: bold;
	}
	
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
p	{
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 0;
	margin: 0px 0px 20px 0px;
	background-color: none;
	}

.event_listing {
	margin: 0 0 30px 20px;
	line-height: 1.3em;
		}
		
#calendar .event_listing strong {
	margin-left: -20px;
	font-weight: bold;
	color:  #000;
	}
	
.event_name {
	font-weight: bold;
	color: #660;
	}

#footer p {
	display: inline;
	font: .9em "trebuchet ms", Verdana, Geneva, Helvetica, Arial, Sans-serif;
	margin:  .5em 2em .5em 0em;
	color: #666;
	}
	
#sidebar p {
	font: .9em "trebuchet ms", Verdana, Geneva, Helvetica, Arial, Sans-serif;
	margin:  2em 0em .5em 0em;
	color: #930;
	}
	
#home blockquote {
	background:  url("img/quote1.gif") top center no-repeat;
	margin: 0px 0px 20px 0px;
	border: 0;
	padding: 0;
	padding-top: 50px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:50px; /* for pre 6.0 IE Win */
	}	

#about blockquote {
	background:  url("img/quote2.gif") top center no-repeat;
	margin: 0px 0px 20px 0px;
	border: 0;
	padding: 0;
	padding-top: 50px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:50px; /* for pre 6.0 IE Win */
	}	

#booking blockquote {
	background:  url("img/quote3.gif") top left no-repeat;
	margin: 0px 0px 40px 0px;
	border: 0;
	padding: 0;
	padding-top: 78px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:78px; /* for pre 6.0 IE Win */
	}	





	
/* Images 
-------------------------------------------- */
		
img {
	border: 1px solid gray;
	}	
	
img.formal {
	float: left;
	height: 240px;
	width: 180px;
	margin: 0 20px 20px 0px;
	}
		
img.headshot {
	float: left;
	height: 180px;
	width: 140px;
	margin: 5px 20px 10px 0px;
	}

img.cd_cover {
	float: left;
	height: 180px;
	width: 180px;
	margin: 5px 20px 10px 0px;
	}




	
/* Miscellaneous 
-------------------------------------------- */
	
.clear {
	clear: both;
	}
	
strong, b {
	font-weight: bold;
	}	
	
pre	{
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 0;
	margin: 20px 20px 30px 20px;
	background-color: transparent;
	}	
	
.last { margin-bottom: 40px;}	
	
#current {
	font-weight: bold;
	}