html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}input,textarea,select{margin:0}body{color:black;background:white}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}hr{display:none}

body
{
    background: #0f6 url( "/images/background.png" ) repeat-x fixed;
    margin: 25px 25px 25px 50px;
}

.hidden
{
    display: none;
}

dl em
{
    color: #888;
    font-size: 16px;
    display: block;
    margin-top: 5px;
}

#container
{
    width: 250px;
}

#header h1
{
    font: 30px futura, helvetica, arial, sans-serif;
    color: #fff;
    margin-bottom: 15px;
}

#page h2
{
    font: 16px futura, helvetica, arial, sans-serif;
    color: #000;
    margin: 10px 0 5px 0;
    opacity: 0.5;
}

#contact,
#personalia,
#education,
#work
{
    width: 280px;
    background: url( "/images/bottom.png" ) repeat-x bottom center;
    padding-bottom: 7px;
    margin-bottom: 5px;
}

#contact dl,
#personalia dl,
#education dl,
#work dl
{
    font: 16px/1.5em futura, helvetica, arial, sans-serif;
    color: #333;
    width: 250px;
    padding: 10px 20px 20px 20px;
    background: url( "/images/block.png" ) no-repeat;
}

#contact.papercut dl,
#personalia.papercut dl,
#education.papercut dl,
#work.papercut dl
{
    background-image: url( "/images/top.png" );
}

#contact dt,
#personalia dt,
#education dt,
#work dt
{
    color: #d00;
    text-transform: lowercase;
    margin: 5px 0;
}

#contact a:link,
#personalia a:link,
#education a:link,
#work a:link
{
    color: #06c;
}

#contact a:visited,
#personalia a:visited,
#education a:visited,
#work a:visited
{
    color: #909;
}

#sites,
#identities,
#portfolio
{
    width: 280px;
    margin-bottom: 5px;
}

#sites li:first-child,
#identities li:first-child,
#portfolio li:first-child
{
    background: url( "/images/top.png" ) repeat-x top;
    padding-top: 4px;
}

#sites li:last-child,
#identities li:last-child,
#portfolio li:last-child
{
    background: url( "/images/bottom.png" ) repeat-x bottom;
    padding-bottom: 4px;
}

#sites li a,
#identities li a,
#portfolio li a
{
    font: 13px/35px futura, helvetica, arial, sans-serif;
    color: #06c;
    width: 260px;
    background: #fff;
    text-decoration: none;
    display: block;
    height: 35px;
    padding: 0 10px;
    margin-bottom: 3px;
}

#sites li a br,
#identities li a br,
#portfolio li a br
{
    display: none;
}

#sites li a:hover,
#identities li a:hover,
#portfolio li a:hover
{
    color: #c00;
}

#sites li a:visited,
#identities li a:visited,
#portfolio li a:visited
{
    opacity: 0.5;
    filter: alpha( opacity = 50 );
}

#sites li a em,
#identities li a em,
#portfolio li a em
{
    float: right;
    font-size: 11px;
    color: #888;
}