#notes {
    position:fixed;
    top:-390px;
    left:0;
    z-index:2000;
    width:300px;
    height:400px;
    overflow:auto;
    opacity:.25;
    margin:0;
    padding:0;
    border:1px solid #333;
    list-style:none;
    color:#000;
    background:#fff;
}
#notes li {
    margin:0;
    padding:0;
}
#notes blockquote {
    margin:.5em;
    padding:.5em;
    background:#fff;
    border:1px solid #666;
}
#notes blockquote:before {
    content:" "attr(cite)" said: ";
    display:block;
    font-weight:bold;
}
#notes p {margin:1em}
#notes p.date {
    font-size:0.94em;
    color:#666;
    text-transform:uppercase;
}
#notes blockquote:hover {background:#fffff0}
#notes blockquote.designer {border-color:#8A8E27}
#notes:hover,
#notes:focus,
#notes.visible {
    top:0;
    opacity:1;
}