html{
    background-color:#e4e4d6;
}

a{
    color:#3E7989;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

.post{
    margin-bottom:80px;
    position:relative;
    border-left:2px solid #bba;
}

#posts{
    margin:60px 0 0 94px;
    max-width:525px;
}


#posts .photo{
    position:relative;
    text-align:center;
    padding-left:12px;
    margin-bottom:20px;
}

#posts .photo .img-box{
/*    background-color:#fff;*/
    width:500px;
/*    padding:0 10px;*/
    margin:15px 0;
}
.post div .txt-box{
    width:490px;
    padding: 0 0 0 14px;
    margin:20px 0;
}
#posts .txt-box p{
    font: 14px "Gill Sans", GillSans, Verdana;
    color:#665;
}
#posts .txt-box blockquote{
    font: 14px "Gill Sans", GillSans, Verdana;
    color:#887;
}

.post div .caption{
    width:290px;
    position:absolute;
    left:530px;
}

#posts.single .post div .caption{
    position:relative;
    left:auto;
}
#posts.single .post div .caption p{
    width:500px;
}

.post div .caption p{
    font:13px/17px "Gill Sans", GillSans, Verdana;
    color:#665;
}

.post div .caption h1{
    font: 20px/21px "Brioni Text Light 2";
    padding: 0 0 0px 0;
    width:320px;
    text-align:left;
    margin:0;
}
.post div .caption h1 a{
    letter-spacing:.05em;
    color:#554;
}
.post div .caption h1 a:hover{
    color:#3E7989;
    text-decoration:none;
}
.post div p{
    margin:2px 0 10px 0;
    text-align:left;
}

#hider{
    width:100%;
    height:40px;
    background-color:#161600;
    position:fixed;
    top:0;
    left:0;
    z-index:1;
    border-bottom:20px solid #e4e4d6;
    overflow:hidden;
    background-image: url(/static/nav.png);
    background-repeat: no-repeat;
    background-position: 15px 0;
}
#hider .title{
    margin:13px 0 0 120px;
    font: 17px/20px "Brioni Text Light 2";
    letter-spacing:.1em;
    color:#ddd;
}
#hider .title em{
    font-style:normal;
    margin-left:2px;
    color:#888;
    font: 15px "Brioni Text Light 2";
    letter-spacing:.1em;
}
#hider > a{
    position:absolute;
    top:0;
    display:block;
    text-indent:-99999px;
    height:40px;
    width:100px;
}

#hider #pager{
    float:right;
    color:white;
    margin:16px 30px 0 0;
    font: italic 13px  Georgia;
}
#hider #pager a{
    background-image:url(/static/arrows.png);
    background-position:-9px 2px;
    background-repeat:no-repeat;
    display:inline-block;
    text-indent:-99999px;
    width:9px;
    height:15px;
    margin-left:2px;
}
#hider #pager a.prev{
    background-position:0 2px;
    margin:0 2px 0 0;
}
#nav{
    position:fixed;
    top:0;
    left:0;
    width:80px;
    background:#e4e4d6;
    padding:60px 8px 0 10px;
    height:100%;
}

#nav a{
 float:right;
 clear:both;
 font: 13px/17px "Brioni Text Light 2";
 letter-spacing:0.05em;
 color:#888879;
}

#nav a:hover{
    color:#4E8193;
    text-decoration:none;
}
#nav a.active{
    color:#333;   
}

.dateline{
    position:absolute;
    font: 13px/17px "Brioni Text Light 2";
    letter-spacing:0.05em;
    color:#888;
    margin:0 0 0 15px;
}

.dateline a{
    color:#887;
    text-decoration:none;
}
.dateline a:hover{
    color:#3E7989;
}

#links{
    margin:60px 0 0 105px;
}

.link{
    border-left:7px solid #bba;
    padding-left:6px;
    margin-bottom:26px;
}

.link p{
    margin:0;
    font: 14px "Gill Sans", GillSans, Verdana;
    color:#776;
    width:500px;
}

.link a{
    font: 13px/17px "Brioni Text Light 2";
    letter-spacing:0.1em;
    /*    color:#888879;*/
    color:#443;
}
.link a:hover{
    color:#3E7989;
}