@charset "utf-8";
/* CSS Document */

body {background-color:#ccc; background-image:url(../images/bkgPage.jpg);
		background-repeat: repeat-x; margin: 0px; padding: 0px; text-align: left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;
		color: #fff;}
h1, h2 {font-size: 18px; letter-spacing:5px; color: #ccc;}
h2 {font-size: 12px;}
ol {list-style-type: none;}
ol li {border-left: 1px solid #06c; padding-left: 10px; font-size: 11px;}
a:link, a:visited, a:active {text-decoration: none; color: #fff;}
a:hover {color: #69c;}
img {border: none}

/* navigation */
#menuPiano {background-image:url(../images/bkgMenuBass2.jpg); width: 359px; height: 600px; background-repeat: no-repeat;}
#menuBass {background-image:url(../images/bkgMenuBass2.jpg); width: 345px; height: 586px; text-align: right; line-height: 20px; letter-spacing: 3px;}
#topnav {position:relative; top: 155px; right: 20px;}
#bottomnav {position:relative; top: 190px; right: 20px;}
#footer {font-size: 10px;}
#footer a:hover {font-size: 10px; text-decoration: underline; color: #fff}

/* content */
#textcontainer {position: absolute; left: 370px; top:55px; width: 600px;
		background-image: url(../images/bkgContent.jpg); background-repeat: repeat-y;}
#text {background-image: url(../images/bkgText.jpg); background-repeat: repeat-x; width:551px; height: auto;position:relative;
		top: 0px; left: 28px; padding-top: 20px; padding-left: 20px;}
#left {position: absolute; top: 0px; left: 0px}
#right {position:absolute; top: 0px; left: 579px}
#footer {background-image: url(../images/bkgBottom.jpg); height: 50px; text-align: center; padding-top: 5px; clear: both}
#footer hr {width: 500px; clear:both;}
#media {position:absolute; left: 381px; top: 50px; width: 600px;}


/* home page */
#homepage {width:950px; height:500px; margin-left:auto; margin-right:auto; background-image:url(../images/homepagelayout.jpg);}
#homepageFR {width:950px; height:500px; margin-left:auto; margin-right:auto; background-image:url(../images/homepageFR.jpg);}
#homepageIT {width:950px; height:500px; margin-left:auto; margin-right:auto; background-image:url(../images/homepageIT.jpg);}
#homemenu {position:relative; top: 50px; right: 20px; text-align: right; letter-spacing: 5px; line-height: 20px;}
#homefooter {position:relative; top:58px; right: 20px; text-align:right; font-size: 10px;}

/*news*/
p.newsitem {width: 450px; margin-left: 20px; padding-left: 10px;}
h2.newshead {font-size: 16px;}
.date {font-size: 12px; color:#ccc; letter-spacing:normal;}
a.newslink {text-decoration: underline;}

/* contact */
fieldset {width: 450px; border: none;}
label {width: 60px; float: left; text-align: right; clear:both; margin: 5px 0px;}
input, textarea {background-color: #ccc; border: 1px solid black; width: 200px; float: left; margin: 5px 10px;}
textarea {width:350px}
#subbutton {float: right; width:auto; clear:both; margin-right: 30px; }
#response {color: #f00; margin: 10px 0px 10px 0px;}

/* about */
.biotext {border: 1px solid #ccc; width: 479px; /*height: 300px;*/ padding: 10px; clear:both; background-color:#000;}
.biotext p {width: 430px; margin-left: 20px;}
.leftcol {width:223px; height: 560px; margin: 10px 5px 10px 0px; float: left; text-align: center; border: 1px solid #ccc; padding: 10px;background-color:#000;}
.rightcol {width:223px; height: 560px; margin: 10px 0px 10px 5px; float:left; text-align: center; border: 1px solid #ccc;padding: 10px;background-color:#000;}
.leftcol p, .rightcol p, .rightcol ul{text-align: left;}
#design, #other, #theater, #music {display: none;}
a.reviewlink {float:right; text-decoration: underline}
.intro {width: 500px}

/* resume */
#resumeDisplay {overflow: auto; height:450px; width: 525px; padding-left: 0px;}
span.job {font-weight: bold}
span.title {font-style: italic}
li p {width: 400px;}
table.music {font-size: 11px; margin: 10px auto 10px auto;}
.music td {padding: 0px 5px 0px 20px; vertical-align: top;}
table.shows {font-size: 10px; margin: 10px auto 10px 0px;}
.shows td {padding: 0px 5px 0px 20px; vertical-align: top;}
ol.theater {font-size: 200%}

/* links */
#adobe {text-align: center; position: absolute; top: 535px; right: 130px;}