html, body, div, span, 
h1, h2, h3, p, pre,
table, tr, td,
a, img, b, i, ol, ul, li {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
}
img {
    vertical-align: bottom;
}
body {
        line-height: 1;
        background-color: black; 
        color: #bbb;
        font-family: helvetica, arial, verdana, sans-serif;
 }
ol, ul {
        list-style: none;
}

a {
    text-decoration: none;
    color: #bbb;
}

:focus {
    outline: 0;
}

a:hover {
    background:#555; 
}

#nav_wrap {
    background-color: #222;
}

#navigation {
    list-style-type: none; 
    margin: 0 auto;  
    /* 720 + 5  + 5 */
    width: 730px;
    font-size: .75em;
}

#navigation .left { 
    float: left; 
}

#navigation .right { 
    float: right; 
}

#navigation li a {
    text-transform: uppercase;
    display: block;
    padding: 9px 5px 7px 5px;
    text-decoration: none;
    color: #bbb;
}

#navigation li a:hover {
    background: #555; 
}

#photo {
    text-align: center;
    margin-bottom: 3ex;
    margin-top: 3ex;
}

.pwrap:hover {
    background-color: transparent;
}

#content {
    margin: 0 auto;
    width: 720px;
    margin-bottom: 1ex;
    margin-top: 3ex;
}

#footer {
    margin: 0 auto;  
    width: 720px;
    margin-bottom: 1ex;
    font-size: 0.75em;
}

