@charset "UTF-8";
body {font-family: Arial, Helvetica, Verdana, Sans-serif;}
html, body {margin: 0; padding: 0; background-image: url(../images/background.gif); background-repeat:repeat;}

.newsbox-left-pad{padding: 0 0 0 20px; overflow: auto;}
.newsbox-right-pad{padding: 0 20px 0 0; overflow: auto;}
.pad-seven{padding: 7px;}
.pad-ten{padding: 10px;}
.reviewbox-pad{padding: 0 10px 0 10px;}
#columncontainer{width: 780px; overflow: auto;}
#content{background-color: #FFFFFF; overflow: auto; padding: 10px;}
#diary-left{width: 200px;padding-bottom: 10px;}
#diary-right{width: 570px;float: right;padding-bottom: 10px;}
#flags{width: 163px;line-height: 0.2em;float: right;text-align: right; }
#footer{background-color: #dadbdb;border-top: 1px solid #bebfc0;border-bottom: 1px solid #929292;clear: both;}
#gallery-left{width: 300px;}
#gallery-right{width: 470px;float: right;}
#header{background-image:url(../images/header.jpg); background-repeat: no-repeat;	height: 120px;	position: relative;	}
#leftcolumn{width: 385px;margin: 0;}
#mediaplayer{padding: 0; margin: 0;}
#newsbox-bottom{height: 20px;background-image:url(../images/newsbox-bottom.gif);background-repeat: no-repeat; background-color: #FFFFFF;clear: both;}
#newsbox-left{width: 385px;}
#newsbox-left{width: 385px;}
#newsbox-right{float: right;width: 385px;}
#newsbox-top{height: 10px;background-image:url(../images/newsbox-top.gif);background-repeat: no-repeat;margin-top: 0; margin-bottom: 0; padding: 0;}
#newscontainer.newsonly #newsbox-top{background-image:url(../images/newsbox-top-leftonly.gif); margin: 0; padding: 0;}
#newscontainer.newsonly #newsbox {background-image:url(../images/newsbox-back-leftonly.gif); margin: 0; padding: 0;}
#newscontainer.newsonly #newsbox-bottom {background-image:url(../images/newsbox-bottom-leftonly.gif); margin: 0; padding: 0;}
#newscontainer.newsonly #newsbox-right {display: none}
#newsbox{background-image: url(../images/newsbox-back.gif);background-repeat: repeat-y;overflow: auto;width: 800px;}
#page-container {width: 800px; margin: auto;}
#quote{width: 400px;float: right;clear: both;text-align: right;position: absolute;right: 10px;bottom: 10px;}
div.reviewbox-bottom{height: 10px;background-image:url(../images/reviewbox-bottom.gif);background-repeat: no-repeat;margin: 0;padding: 0 0 10px 0;background-color: #FFFFFF;clear: both;}
div.reviewbox-top{height: 10px;background-image:url(../images/reviewbox-top.gif);background-repeat: no-repeat;margin-top: 0;padding: 0;}
div.reviewbox{background-image: url(../images/reviewbox-back.gif);background-repeat: repeat-y;overflow: auto;width: 780px;}
#rightcolumn{width: 385px;float: right;margin: 0;padding: 0;}

.row p{font-size: 1em;}


/*------*/

#main-nav { height: 20px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #757679; background-image: url(../images/menu-back.gif); background-repeat:repeat-x; vertical-align: middle;}
#main-nav dl { margin: 0; padding: 0; vertical-align: middle; }
/* IE5 Mac Hack \*/ 
/*/ 
#main-nav {overflow: hidden; } 
/* End Hack */
#main-nav dt { float: left; vertical-align: middle; }
#main-nav dt a, #main-nav dt span {
	display: block;
	height: 20px !important;
	padding: 0px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 2em;
}
#main-nav dt span {cursor: default;}
#main-nav dt a:hover {	background-position: 0 -40px;}
#main-nav dt#home,#main-nav dt#home a { width: 88px; background-image: url(../images/menuitem-back.gif); }
#main-nav dt#samples,#main-nav dt#samples a { width: 89px; background-image: url(../images/menuitem-back.gif); }
#main-nav dt#biography,#main-nav dt#biography a { width: 89px; background-image: url(../images/menuitem-back.gif); }
#main-nav dt#reviews,#main-nav dt#reviews a { width: 89px; background-image: url(../images/menuitem-back.gif); }
#main-nav dt#gallery,#main-nav dt#gallery a { width: 89px; background-image: url(../images/menuitem-back.gif); }
#main-nav dt#recordings,#main-nav dt#recordings a { width: 89px; background-image: url(../images/menuitem-back.gif); }
#main-nav dt#diary,#main-nav dt#diary a { width: 89px; background-image: url(../images/menuitem-back.gif); }
#main-nav dt#weddings,#main-nav dt#weddings a { width: 89px; background-image: url(../images/menuitem-back.gif); }
#main-nav dt#contact,#main-nav dt#contact a { width: 89px; background-image: url(../images/menuitem-back.gif); }
body.home dt#home,body.home dt#home a,body.samples dt#samples,body.samples dt#samples a,body.biography dt#biography,body.biography dt#biography a,body.reviews dt#reviews,body.reviews dt#reviews a,body.gallery dt#gallery,body.gallery dt#gallery a,body.recordings dt#recordings,body.recordings dt#recordings a,body.diary dt#diary,body.diary dt#diary a,body.weddings dt#weddings,body.weddings dt#weddings a,body.contact dt#contact,body.contact dt#contact a {	background-position: 0 -40px; }


/*------*/

.biognote{margin: 0; font-weight: bold;}
.diary-date{margin-top: 1em; font-weight: bold; text-indent: 0; margin-bottom: 0;}
.diary-details{margin: 0; text-indent: 0;}
.diary-location{margin: 0; text-indent: 0;}
.diary-piece{margin: 0; text-indent: 0;}
.flagtable{line-height: 0.1px;}
.flagtable img{border: 0;}
.gallerythumb{padding: 2px;}
.pad-ten p{font-size: 0.8em;}
.recording-title{font-weight: bold; clear: left; margin-top: 2em; margin-bottom: 0;}
.recording-date{font-style: italic; margin: 0;}
.recording-details{margin: 0;}
.reviewsource{margin-bottom: 0;}
.recording-image{float: left; padding: 0 10px 10px 0;}
#content .first{margin-top: 0; text-indent: 0;}
#content .sample{text-indent: 0;}
#content p{ line-height: 1.4em; font-size: 0.8em}
#content label{line-height: 1.4em;}
#content label{ padding-right: 1em}
#diary-left p.diary-month-on, #diary-left p.diary-month{font-size: 0.7em; margin: 0px; color: #768193;}
#diary-left p.diary-month-on{font-size: 0.7em; font-weight: bold;}
#diary-left p.diary-year-first{font-size: 0.7em; font-weight: bold; margin: 0; color: #768193;}
#diary-left p.diary-year{font-size: 0.7em; font-weight: bold; margin: 1em 0 0 0; color: #768193;}
#diary-right p{font-size: 0.8em;}
#flagnav img{border: 0;}
#footer{font-family: Arial, Helvetica, sans-serif;font-size: 0.6em;color:#666666;}
#mediaplayer .currentlyplaying{margin: 0; text-indent: 0;}
#newsbox-right h2, #newsbox-left h2{margin: 0;font-size: 1em;font-weight: bold;color: #768193;}
#newsbox-right p, #newsbox-left p{font-size: 0.8em;margin: 0.6em 0 0 0;}
#quote .lineone img, #quote .linetwo img{position: relative;top: -6px;}
#quote .lineone{margin: 0;}
#quote .linetwo{margin: 4px 0 0 0;}
#quote{font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;color: #EEEEEE;font-size: 1.2em;}
body.weddings .lineone, body.weddings .linetwo{display: none;}
body.weddings #header{	background-image:url(../images/weddings-header.jpg); background-repeat: no-repeat;	height: 120px;	position: relative;	}
h1{font-size: 1.4em;font-weight: bold;color: #768193;margin: 0 0 10px 0;}
h2{font-size: 1.2em;font-weight: bold;color: #768193;margin: 0 0 10px 0;}
	
	
/*  ---- */

.diary-blank{width: 25px; height: 20px; color: #000000; background-color: #FFFFFF; font-size: 0.7em; text-align: center; font-weight: bold; }
.diary-concert{ width: 25px; height: 20px; color: #000000; background-color: #d1e0e0; font-size: 0.7em; text-align: center;}
.diary-month-dayname{width: 25px; height: 20px; color: #768193; background-color: #d1e0e0; font-size: 0.7em; font-weight: bold; text-align: center;}
.diary-month-monthname{width: 125px; height: 20px; color: #768193; background-color: #d1e0e0; font-size: 0.7em; font-weight: bold; text-align: center;}
.diary-month-monthnav{width: 25px; height: 20px; color: #768193; background-color: #d1e0e0; font-size: 0.7em; font-weight: bold; text-align: center;}
.diary-normal{ width: 25px; height: 20px; color: #777777; background-color: #FFFFFF; font-size: 0.7em; text-align: center;}
.diary-reserved{ width: 25px; height: 20px; background-color: #FFFFFF; font-size: 0.7em; text-align: center; font-weight: bold; color: #000000;}
.diary-table{margin: 1em 0 1em 0;}


/*----*/

#flagnav a {	display: block;	/*width: 143px;*/}
#flagnav li { /* all list items */	float: right;	width: 16px; /* width needed or else Opera goes nuts */	}
#flagnav li ul { /* second-level lists */	position: relative;	width: 143px;	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#flagnav li:hover ul li, #flagnav li li:hover ul li, #flagnav li.sfhover ul li, #flagnav li li.sfhover ul li { /* lists nested under hovered list items */	margin-top: -2px;}
#flagnav li:hover ul, #flagnav li li:hover ul, #flagnav li.sfhover ul, #flagnav li li.sfhover ul { /* lists nested under hovered list items */	left: -254px;}
#flagnav, #flagnav ul { /* all lists */	padding: 0;	margin: 0;	list-style: none;	line-height: 1;}


/*----*/

image{border: 0;}

/*----*/

dl.contacts dt {font-size: 0.8em; font-weight: bold; text-align: right; float: left; width: 10em; margin: 0 0 1em 0; /* margin: match the dd */}
dl.contacts dd {font-size: 0.8em; clear: right; margin: 0 0 1em 11em; /* margin: match the dt except for the left margin */}

/*----*/
.hide {display: none;}

/*----*/
li{ line-height: 1.4em; font-size: 0.8em; margin: 0;}
ul{margin-top: 0;}

a:link, a:link:visited, a:visited{color: #768193; text-decoration: none;}
a:hover, a:active{color: #768193; text-decoration: underline;}

span.bad
{
  font-size: .7em;
  color: red;
  font-weight: bold;
  display: none;
}

textarea {font-family: Arial, Helvetica, Verdana, Sans-serif;}

div.loginrow {clear: both; padding-top: 1px;}

div.row {clear: both; padding-top: 10px;}

div.row span.label {float: left; text-align: right; width: 80px;}
div.loginrow span.label {float: left; text-align: right; width: 80px;}
div.row span.formw {width: 302px; float: right; text-align: left;}  
div.loginrow span.formw {width: 302px; float: left; text-align: left;}  
div.row .formtext, .formfieldtext{width: 270px; border: 1px solid #000000; padding: 2px;} 
div.loginrow .formfieldtext{width: 100px; border: 1px solid black; padding: 1px;}
div.row .formtextsmall, .formfieldtextsmall, div.row .color, .color{width: 150px; border: 1px solid #000000; padding: 2px;} 
div.row .formtextarea, .formfieldtextarea{width: 270px; height: 100px; border: 1px solid #000000; padding: 2px;}
div.row .select{width: 300px; border: 1px solid #000000;}
div.formdiv{width: 385px; padding-bottom: 1em;}
