@charset "utf-8";
/* ====================================== */
/*   pianotree.com mini-site stylesheet   */
/* ====================================== */


* {margin:0; padding:0;} /* resets browser defaults */
ul {list-style-type: none;}

body {font: 0.76em/1.6 Georgia, "Times New Roman", Times, serif; color: #322825; text-align: center; background-color: #a9b2b2;}
body#jp {font-family: Arial, Helvetica, sans-serif;}

h1 {font-size: 1.9em; font-weight: normal; text-transform: lowercase;}
h2 {font-size: 1.6em; font-weight: normal; margin: 15px 0 7px 0; color: #432618;}
body#jp h2 {font-weight: bold;}
p {font-size: 1em; margin-bottom: 7px;}

span.unbold {font-weight: normal;}


#main img {margin-bottom: 10px; border: none;}

a:link, a:visited, a:active {text-decoration: none; color: #322825; border-bottom: 1px solid #51633e;}
a:hover {text-decoration: none;	color: #51633e;	border: none;}

#wrapper {width: 960px; margin: 20px auto; padding-bottom: 15px; text-align: left; background-color: #a9b2b2;	border: #CCC dotted 5px;}

#header {position: relative;} /* #header needs pos relative for #langSwitch positioning */
#langSwitch  {display: block; font-size: 0.9em; text-align: right; position: absolute; top: 30px; right: 65px; z-index: 100; }
#skipLinks  {display: block; font-size: 0.9em; text-align: right; position: absolute; top: 30px; left: 65px; z-index: 110; }
#langSwitch a:link, #langSwitch a:visited, #langSwitch a:active {border: none;}
#skipLinks a:link, #skipLinks a:visited, #skipLinks a:active {border: none;}
body#en #langSwitch a {background: url(Images/flag_jp.gif) no-repeat left center; padding-left: 18px;}
body#jp #langSwitch a {background: url(Images/flag_en.gif) no-repeat left center; padding-left: 18px;}

/* banner img replacement */
#banner {height: 400px;	position: relative;}
#banner span {position: absolute; background: url(Images/banner_large.jpg) center center no-repeat; width: 100%; height: 100%;}
body#jp #banner span {background: url(Images/banner_large_jp.jpg) center no-repeat;}

#main {margin: 0 30px;}

.floatLeft {float: left; width: 300px; margin-right: 25px;}
.floatRight {float: right; width: 200px; margin-left: 25px;}
.floatLeft p, .floatRight p {font-size: 0.8em;}

#miniPlayer {margin-bottom: 10px;}

/* temp events styles */
dl.event {
	clear: both;
	margin: 15px 0 20px 0;

}

.event dt {
	float: left;
	width: 45px;
	margin-top: 3px;
	text-align: center;
	color: #6b5449;
	/*font-weight: bold;*/
	font-size: 1.5em;
	line-height: 1;
	/*font-variant: small-caps;
	text-transform: uppercase;*/
	
}

.event dt span {
	display: block;
	font-size: 1.2em;
	margin-top: -1px;
	letter-spacing: -2px;

}

.event dd {
	margin-left: 60px;
	padding-top: 3px;

}