body {font: 90%/1.3 Helvetica, "Trebuchet MS", Arial, sans-serif; }
a.norm:link {color:white;}
a.norm:visited {color:whitesmoke;}
a.norm:hover {color:black; background:ivory;}
h1 {margin:0; padding:1em; font-size:1.5em; font-weight:bold;}
h1#font-family span{font-size:.667em;}
h2 {font-size:1.2em; font-weight:bold;}
h3 {margin:0; padding:1em 1.5em; font-size:1em; font-weight:bold;}
h4 {margin:0; padding:0.5em 0px 0px 0.6em; font-family:"ZurichCalligraphic", "Zapf Chancery", "Monotype Corsiva", "Times", serif; font-size:2.3em; font-weight:normal; font-style:normal; width:500px; }
.shadow {position:absolute; left:0px; top:0px; color:#f6da44; filter:DropShadow(Color=#1b0901, OffX=-3, OffY=4, Positive=1); text-shadow: #1b0901 2px 2px 2px;}
.shadow:before {display:block; margin:0 0 -1.4em 0; left:-3px; top:2px; color:#1b0901; content: 'Pianist Bruce Klorfine'; }
pre {margin:.5em 1.5em; padding:.3em; color:#000; background:#fff;}
pre,pre code,pre var{font:1em/1 Tahoma, Arial, sans-serif;}
pre var{font-style:oblique;}
pre code.markup.comment{font-style:oblique; color:black;}
pre code.markup.doctype{font-style:oblique; color:teal;}
pre code.markup.element-name{font-weight: bold; color:whitesmoke;}
pre code.markup.attribute-name{font-weight: bold; color:black;}
pre code.markup.attribute-value{font-weight:normal; color:white;}
p {margin:0; padding:.5em 1.5em;}
table {font:1em/1 Helvetica, "Trebuchet MS", Arial, sans-serif; color: white; font-style:italic;}
div#header {color:white;}
div#left-sidebar {background:#410c03; color:black;}
div#outer {width:100%;  height:99.5%; color:white; background:#260B01;  /* filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:1; */} 
div#cont {position:relative; color:white; background:url('images/bonita-1.jpg') transparent -42px -132px; height:100%; width:100%; overflow:auto; overflow-y:scroll; }
div.inner {}
div#footer {position:relative; right:18px; bottom:-4px; font:10px Helvetica, "Trebuchet MS", Arial, sans-serif; text-align:right; color:#f6da44; z-index:10; overflow:hidden;}
img.floatRight {float:right; margin:0px 2px 4px 10px; border:white double;}
img.floatLeft {float:left; margin:0px 10px 4px 2px; border:white double;}
body {margin:0; padding:74px 0 22px 184px; color:black; overflow:hidden; background-image: url('images/mahogany.gif'); background-repeat:repeat; scrollbar-face-color:#410c03; scrollbar-highlight-color:white; scrollbar-arrow-color:white;}
div#header {position:absolute; top:0px; left:0px; width:100%; height:74px; z-index:100;}
div#left-sidebar {position:absolute; top:75px; left:0px; width:184px; height:620px;}
@media screen {
body>div#header{position:fixed;}
body>div#left-sidebar{position:fixed;}
}
* html#font-family body{overflow:hidden;}
div#keyboard-top {background-image:url(images/keyboard_top.gif); position:absolute; left:0px; top:0px; width:184px; height:89px;}
div#keyboard-mid {background-image:url(images/keyboard_mid.gif); position:absolute; left:0px; top:89px; width:184px; height:205px;}
.keyb {text-align:center; text-indent:115px; font-size:1.25em; color:black; font-style:italic; font-family: "Monotype Corsiva", "Zapf Chancery", "ZurichCalligraphic", "Nyala", "Times", serif;}
.keyb span {display:block; width:184px; height:29px; cursor:pointer; padding:4px}
.keyb a {color:black; display:block; width:184px; height:29px; text-decoration:none; font-weight:none;}
.keyb a:hover {color:black; font-weight:none; background:#b39b90; opacity:.30; filter: alpha(opacity=30); -moz-opacity:0.30;}
.keyb a:hover span {position:relative; color:black; background:transparent; opacity:1; filter: alpha(opacity=100); -moz-opacity:1}
div#1stkey {position:absolute; top:0px; width:184px; height:29px;}
div#2ndkey {position:absolute; top:29px; width:184px; height:29px;}
div#3rdkey {position:absolute; top:58px; width:184px; height:29px;}
div#4thkey {position:absolute; top:87px; width:184px; height:29px;}
div#5thkey {position:absolute; top:116px; width:184px; height:29px;}
div#6thkey {position:absolute; top:145px; width:184px; height:29px;}
div#7thkey {position:absolute; top:174px; width:184px; height:29px;}
div#keyboard-bottom {background-image:url(images/keyboard_bottom.gif); position:absolute; left:0px; top:294px; width:184px; height:324px;}
div#photogal {position:relative; width:605px; height:390px; margin:0 auto;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:0px solid #000; float:right; clear:right; margin:6px; z-index:25;}
a.slidea {background:url(images/Bruce_Photo_2_tn.gif); width:100px; height:74px;}
a.slideb {background:url(images/Bruce_Jazz_Jam_tn.gif); width:100px; height:74px;}
a.slidec {background:url(images/Bruce_Photo_3_tn.gif); width:100px; height:74px;}
a.slided {background:url(images/Bruce_sunset_tn.gif); width:100px; height:74px;}
a.gallery span {display:block; position:absolute; width:1px; height:1px; top:5px; left:8px; overflow:hidden; background:#454545; z-index:50;}
.slidek {display:block; position:absolute; width:477px; height:354px; top:5px; left:8px; padding:0; border:0px solid #000;}
a.gallery:hover {white-space:normal; border:0px solid #fff;}
a.gallery:hover img {border:0px solid #000; position:relative; z-index:50;}
a.gallery:hover span {display:block; width:475px; height:352px; top:5px; left:8px; padding:0px; font-style:italic; color:#000; z-index:50;}
a.gallery:active {border:0px solid #eee;}
a.gallery:active#font-family img, a.gallery:focus img {border:0px solid #000; position:relative; z-index:25;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:475px; height:352px; top:5px; left:8px; padding:0px; font-style:italic; color:#000; z-index:25;}