/*  general rules */

html { 
	min-width: 580px;
	 }
	 
body {margin: 0; 
padding: 0; 
text-align: center;
color: black; 
background: white;
}

div#version{
	z-index:100;
	position:absolute;
	top:260px;
	left:1em;
	background-color:#ddd;
	border:1px solid #999;
	/*background-image: url(images/ver_bgd.jpg)background:url(images/ver_bgd.jpg)left top repeat;	*/;
}

div#version img{margin:0.1em 0.4em;
vertical-align:middle;
}

img {border-width:0;}

p, div, td, th,  dl, dt, dd{
color:#333;
font: normal 12px/160% Trebuchet MS, arial, helvetica, verdana, san-serif;
text-align:left;
}

div#frontMain{width:auto;
margin-left:18em;
}

.space{letter-spacing: 0.01px;}


p, dl{
padding: 0.5em 0.2em; 
width: 75%;}

sup {color: #B31D0D}


div#newevents {float:left;
width: 180px;
margin:1em 3em 1em 0;
color:#996;
border-right: 1px dotted #ccc;
}

div#newevents b {
color:#996;
font: bold 10px/24px Verdana, arial, helvetica, verdana, san-serif;
}

div#newevents p{margin:4px;
margin-left:0;
color:#996;
font: normal 11px/14px Verdana, arial, helvetica, verdana, san-serif;}

dt {color:#469;
} 

dd{
padding-top: 1em; 
}



#footer
{margin-top:20px;
padding: 0;
color: #999;
text-align:right;
font: normal 11px Trebuchet MS, arial, helvetica, verdana, san serif;
}

em {
padding-left: 0.5em;
color: #999;
font: normal 11px Trebuchet MS, arial, helvetica, verdana, san serif;
}


#website{
padding-left: 0.5em;
color: #663;
font: normal 11px Trebuchet MS, arial, helvetica, verdana, san serif;
}




table {
width: 100%; 
margin:0;
padding:0;
border-width: 0;
background:transparent;
}

table td {
margin: 0; 
padding: 0; 
border-width: 0;
vertical-align: top; 
}

/*  td id title */


td.title{
height: 228px;
color: #ffc;
vertical-align: bottom;
}

td.title h1{
margin-bottom:0;
padding: 0 0 0 0.4em;
font: normal 200% Papyrus, Palatino, Georgia, Times, "Times New Roman", serif;
}

td#titlehome{
background: black url(images/k_front.jpg) bottom right no-repeat;
}

td#titlebio{
background: black url(images/k_4.jpg) bottom right no-repeat;
}

td#titlerev{
background: black url(images/k_2b.jpg) bottom right no-repeat;
}

td#titlerep{
background: black url(images/k_5.jpg) bottom right no-repeat;
}

td#titlediscs{
background: black url(images/k_6.jpg) bottom right no-repeat;
}

td#titlecontact{
background: black url(images/k_8.jpg) bottom right no-repeat;
}

td#titlephotos{
background: black url(images/k_7.jpg) bottom right no-repeat;
}

td#titleaudio{
background: black url(images/kr_audio4.jpg) bottom right no-repeat;
}


/*  td w.menu */

#menu ul, #menu li{ 
display: inline;
margin: 0;
padding:0;
color: #dbe4f3;
text-transform: uppercase;
}

#menu ul{
padding-left: 1em;
width: 800px;
height: 14px;
}


#menu li a{
text-decoration: none; 
color: #ffffee;
font: normal 10px/12px "gill sans", arial, helvetica, verdana, san-serif;
letter-spacing:.1em;
}

#menu li a:hover, #menu li a:active {text-decoration: none; 
color: #dbe4f3;
}

td#home{
height: 18px;
padding-bottom:0;
background: transparent url(images/bar_gold.jpg) top left repeat-x;
}

td#bio{
height: 18px;
padding-bottom:0;
background: transparent url(images/bar_gr.jpg) top left repeat-x;
}

td#rep{
height: 18px;
padding-bottom:0;
background: transparent url(images/bar_red.jpg) top left repeat-x;
}

td#discs{
height: 18px;
padding-bottom:0;
background: transparent url(images/bar_rose.jpg) top left repeat-x;
}

td#rev{
height: 18px;
padding-bottom:0;
background: transparent url(images/bar_blue.jpg) top left repeat-x;
}

td#contact{
height: 18px;
padding-bottom:0;
background: transparent url(images/bar_blue1.jpg) top left repeat-x;
}

td#photos{
height: 18px;
padding-bottom:0;
background: transparent url(images/bar_yell.jpg) top left repeat-x;
}

td#audio{
height: 18px;
padding-bottom:0;
background: transparent url(images/bar_audio.jpg) top left repeat-x;
}

/*  td id content*/


td#content {
padding: 4em 10em 4em 6em;
background: transparent url(images/p_right.jpg) top right no-repeat;
}

td#content h1 {
	margin:0;
	padding: 0;
	color: #000;
    font: normal 150% Papyrus, Palatino, Georgia,Times, "Times New Roman", serif;
}



h2 {
	margin-bottom:0;
	padding:0;
   	color: #996;
 	letter-spacing: 0.2em;
	font: normal 10px  arial, helvetica, verdana, san-serif;
    text-align:left;
}

h3 {
	margin-bottom:0;
	padding:2em 0 0 0;
   	background: transparent url(images/rose.jpg) bottom no-repeat;
   	color: #966;
 	letter-spacing: 0.2em;
	font: normal 10px  arial, helvetica, verdana, san-serif;
    text-align:left;
}

h3.red {
     margin-bottom:0;
   	padding-bottom:0;
  	 background: transparent url(images/red.jpg) bottom no-repeat;
  	 color: #930;
 	 letter-spacing: 0.2em;
	 
}



h4 {
	margin-bottom:0;
 	padding-bottom:1px;
    color: #966;
  	letter-spacing: 0.1em;
 	font: bold 12px   arial, helvetica, verdana, san-serif;
	text-align:left;
}


/*  links */

 a:link, a:visited{
text-decoration:none;
color:  #c93;
}

a:hover, a:active {
color:  #996;
}


p a:link, p a:visited{
text-decoration:none;
color:  #c93;
border-bottom: 1px  solid  #eee;
text-transform: uppercase;
font: normal 10px  "gill sans", arial, helvetica, verdana, san-serif;
}

p a:hover, p a:active {
color:  #996;
border-bottom: 1px solid #c93;
}


p.img a:link{
text-decoration: none;
border-bottom: 0;
background: transparent;
text-transform: uppercase;
font: normal 10px "gill sans", arial, helvetica, verdana, san-serif;
}


div.email{
margin: 0; 
background: transparent url(images/mail2.gif) center left no-repeat;
font: normal 12px/24px "gill sans", arial, helvetica, verdana, san-serif;}

.email a:link, .email a:visited{ padding-left: 23px;
text-decoration: none; 
border-bottom: 0;
color: #c93;
}

.email a:hover{padding-left: 23px;
text-decoration: none; 
border-bottom: 0;
color: #c93;
}


div.pdf{
padding-left: 3em;
background: transparent url(images/pdf_icon.gif) top left no-repeat;
font: normal 12px/50px "gill sans", arial, helvetica, verdana, san-serif;}

div.pdf a:link, div.pdf a:visited{
text-decoration: none; 
border-bottom: 0;
color: #c93;
}

div.pdf a:hover{
text-decoration: none; 
border-bottom: 0;
color: #666;
}


/*  discography table*/

table#disco, table#repertoire, table#picts {
width:90%;
margin:1em;}

table#disco td, table#repertoire, table#picts{
padding: 0.4em;
}


table#disco img {margin:2px 6px 6px 6px;}

table#picts {
padding: 12px;
} 

table#picts img {
margin: 0 12px 18px 0;}

/*  repertoire table*/

table#repertoire td.rep_kind{
padding-top: 0;
padding-bottom:16px;
}

table#repertoire td{
margin-top: 24px;
padding-top:16px;
vertical-align:top;}


table#repertoire td ul{
padding-left:20px;}

table#repertoire td li{
list-style: circle;}

table#repertoire td li{
list-style: none;}

table#repertoire div#composer{
width:150px;
padding-right:20px;
border-bottom:1px dotted #ccc;
}

table#disco img {margin:2px 6px 6px 6px;}

ul#audio li{line-height:15px;
margin-bottom:12px;
padding-left:8px;
list-style-image:url(images/audio.gif);
}

div.cd {margin: 0 0 0 0.5em;
padding-left: 1.5em;
background: transparent url(images/cd.gif) top left no-repeat;
font: normal 12px/14px "gill sans", arial, helvetica, verdana, san-serif;}

div.cd a:link, div.cd a:visited{
text-decoration: none; 
border-bottom: 0;
color: #c93;
}

div.cd a:hover{
text-decoration: none; 
border-bottom: 0;
color: #666;
}

div.photo {margin-top: 2em 0 0 0.5em;
padding-left: 1.5em;
background: transparent url (images/photo.gif) top left no-repeat;
font: normal 12px/14px "gill sans", arial, helvetica, verdana, san-serif;}

div.photo a:link, div.photo a:visited {
text-decoration: none; 
border-bottom: 0;
color: #c93;
font: normal 12px  "gill sans", arial, helvetica, verdana, san-serif;
}

div.photo a:hover{
border-bottom: 0;
color: #666;
}

