html {
    background:#efefef;
}
body, html {
    padding:0px;
    margin:0px;
    font-family:sans-serif;
    color:#000;
    font-size:12px;
    text-align:center;
}

img#background {
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
}

p,
h2 {
    color:#565656;
    font-size:12px;
    margin:0px;
}

h2 {
    font-size:14px;
}

#container {
    text-align:left;
    margin:0 auto;
    margin-top:5%;
    width:410px;
    padding-left:60%;
    height:600px;
}

ul#menu {
    margin:0px;
    float:left;    
    padding:0px;
    list-style:none;
    width:42px;
    height:200px;
    padding-top:36px;
    position:relative;
    left:-2px;
}

ul#menu li {
    display:block;
    width:40px;
    margin-top:2px;
    height:120px;
    border:2px solid #000;
    border-left:0px;
    overflow:hidden;
}

ul#menu li a {
    display:block;
    height:120px;
    width:40px;
    background-image:url(/images/menu.gif);
    background-repeat:no-repeat;
}

ul#menu li a#home {background-position:0px 0px;}
ul#menu li a#portfolio {background-position:0px -120px;}
ul#menu li a#biography {background-position:0px -240px;}
ul#menu li a#contact {background-position:0px -360px;}

ul#menu li a#home.selected,
ul#menu li a#home:hover, 
ul#menu li a#home:active {background-position:-40px 0px;}
ul#menu li a#portfolio.selected,
ul#menu li a#portfolio:hover,
ul#menu li a#portfolio:active {background-position:-40px -120px;}
ul#menu li a#biography.selected,
ul#menu li a#biography:hover,
ul#menu li a#biography:active {background-position:-40px -240px;}
ul#menu li a#contact.selected,
ul#menu li a#contact:hover,
ul#menu li a#contact:active {background-position:-40px -360px;}

#content {
    float:left;
    background:#f0f0f0;
    border:2px solid #000;
    padding:15px;
    width:330px;
    height:620px;
}

h1 {
    color:#414141;
    font-size:26px;
    font-weight:100;
    margin:0px;
    padding:0px;
    line-height:24px;
    border-bottom:1px dotted #8d8d8d;
}

h1 span.note {
    float:right;
    font-size:14px;
    line-height:23px;
    font-weight:bold;
    color:#8d8d8d;
    padding-top:4px;
    padding-right:30px;
}

h2 {
    margin-top:18px;
    font-weight:0px;
}

div#blog {
}

.scrollcontent {
    overflow-y:scroll;
    padding-right:15px;
}

a.add {
    display:block;
    float:right;
}

a.scroll {
    display:block;
    width:24px;
    height:24px;
    background:url(/images/controls.gif);
}
a.up { margin-bottom:20px; }
a.up { background-position:0px 0px; }
a.up:hover { background-position:0px 24px; }
a.down { background-position:24px 0px; }
a.down:hover { background-position:24px 24px; }

div#biography p {
    margin-top:5px;
}

div#portfolio p {
    margin-top:5px;
}