/**** CSS Reset ****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}

::-webkit-input-placeholder {
    color: #b6b6b6;
}

:-moz-placeholder {  
    color: #b6b6b6;  
}

/**** Global ****/
body {
    font-family: 'Karla', sans-serif, Helvetica, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, "Lucida Grande";
    -webkit-font-smoothing: antialiased;
    background: #fff;
    color: #000;
    position: relative;
}
a {
    color: #6e6e6e;
    text-decoration: underline;
}
a:hover {
    color: #000000;
}
.clear {
    clear: both;
}

/**** Main ****/
.bio {
    width: 347px;
    position: fixed;
    background: url(../images/background.png) repeat-y;
    top: 0;
    bottom: 0px;
    padding: 30px 0 30px 0;
    z-index: 1000;
}
    .bio a.picture {
        width: 195px;
        height: 195px;
        display: block;
        background: url(../images/bio-pic.png) no-repeat;
        margin: 0 0 0 52px;
    }
    .bio .text {
        width: 225px;
        margin: 30px 0 0 35px;
        font-size: 18px;
        line-height: 24px;
    }

.content {
    margin: 0 0 0 300px;
    padding: 30px 0 0 0;
}
    .content .post {
        width: 700px;
        padding: 0 50px 0 40px;
        overflow: hidden;
    }
        .content .post h2 {
            font-size: 32px;
        }
        .content .post h3, .content .post h3 a {
            font-size: 15px;
            color: #bbb;
            text-decoration: none;
        }
        .content .post h3 a:hover {
            text-decoration: underline;
        }
        .content .post .context {
            margin: 15px 0 0 0;
            line-height: 22px;
            position: relative;
            font-size: 15px;
        }
            .content .post h4 {
                font-weight: bold;
                font-size: 17px;
                margin: 10px 0 10px 0;
            }
            .content .post .context p {
                margin: 0 0 15px 0;
            }
            .content .post .flow {
                height: 407px;
                position: relative;
                margin: 20px 0 50px 0;
            }
                .content .post .flow .right-bar {
                    left: 735px;
                    height: 440px;
                    width: 15px;
                    position: absolute;
                    background: url(../images/flow-right-bar.png) no-repeat;
                }
                .content .post .flow .nav {
                    position: absolute;
                    left: 0;
                    bottom: -30px;
                    width: 650px;
                    line-height: 25px;
                    font-style: italic;
                    color: #ADADAD;
                    padding: 0 5px 0 5px;
                }
                    .content .post .flow .nav a {
                        display: none;
                        float: right;
                        width: 25px;
                        height: 25px;
                        background-image: url(../images/flow-arrows.png);
                    } 
                    .content .post .flow .nav a.next {
                        background-position: top right;
                        margin: 0 0 0 5px;
                    }
                    .content .post .flow .nav a.next:hover {
                        background-position: bottom right;
                    }
                    .content .post .flow .nav a.prev {
                        background-position: top left;
                    }
                    .content .post .flow .nav a.prev:hover {
                        background-position: bottom left;
                    }  
            .content .post .slide {
                left: 0;
                position: absolute;
                overflow: hidden;
                white-space: nowrap;
            }
                .content .post .slide img {
                    margin: 0 20px 0 0;
                    float: left;
                    display: block;
                    padding: 5px;
                    background: #fff;
                    border: 1px solid #E7E7E7;
                }