body { margin: 0 2em; background: #bfbfbf; font: 14px Helvetica, Arial, sans-serif; }
    #body { width: 944px; margin: 0 auto; apadding: 0 0 1em; background: #fff; overflow: hidden; }
        #header { margin: 0 0 3em; padding: .9em 1.3em; background: #000; list-style: none; }
            #header li, #header a { font-size: 13px; display: block; }
            #header li { padding-right: 1.2em; float: left; }
            #header #header-back { padding: 0; float: right; }
                #header a { text-decoration: none; color: #777; }
                #header a:hover { color: #999; }
                #header .current a { color: #fff; }

        .piece { margin: 0 40px 2.5em; padding-bottom: 2.5em; border-bottom: solid 1px #ccc; }
        .horiz { padding-bottom: 1.5em; }
        .last { margin-bottom: 0; padding-bottom: 2.8em; border: none; }
            .piece img { margin: 0 1.8em 0 0; display: block; float: left; }
            .piece .right { margin: 0 0 0 1.8em; float: right; }
            .horiz img { margin-bottom: 1.5em; }
            h2 { margin: 0 0 .5em; padding-top: .4em; font-size: 28px; }
            p { margin: 0 0 .7em; line-height: 1.5; }
                p a { font-weight: bold; color: #000; text-decoration: none; }
                p a:hover { color: #0285c5; }
                .action a { margin: .8em 0 0; padding: .4em .7em .2em; background: #000; border: solid 1px #000; font-weight: normal; font-size: 12px; color: #fff; display: block; float: left; }
                .action a:hover { background: #0285c5; border-color: #00557f; color: #fff; }
            a img { border: none; }

    #footer { width: 784px; margin: 0 auto; padding: 2.5em 0 3.5em; position: relative; }
        #footer address { font-style: normal; line-height: 1.5; }
            #footer address strong { font-size: 18px; }
        #footer p { margin: 0; }
            #footer p a { padding: .3em .45em .1em .5em; border: solid 1px #bfbfbf; font-size: 18px; display: block; }
            #footer p a:hover { background: #a0a0a0; border-color: #888; color: #000; }
        #footer #otherportfolio, #footer #resume { margin-top: -1.5em; position: absolute; top: 50%; }
        #footer #otherportfolio { margin-left: -9em; left: 50%; }
        #footer #resume { right: 0; }

    .clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #body .action a { padding: .4em .7em .3em; }
        #footer p a { padding: .3em .45em .3em .5em; }
    }