nav {
    position:fixed;
    text-align:center;
    margin-top: 0px;
    margin-left:100px;
    margin-right:250px;
}

nav, bar {
    width:calc({select:post size} + 250px + 250px + 50px);
    background:{color:posts};
}

.hi {
    display:inline-block;
    margin:30px auto 15px auto;
}

.hi img {
    display:block;
    height:65px;
    width:65px;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    border-radius:100%;
}
/*bar a affects lines between links,*/
bar {
    line-height:1em;
    position:absolute;
    top:100%;
    left:0;
    padding:20px 0;
    z-index:5;
    overflow-x:hidden;
}

.stick bar {
    position:fixed;
    left:50%;
    top:0;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}

bar a {
    display:inline-block;
    padding:0 20px;
    border-right:1px solid {color:borders};
}

bar a:last-of-type {border:0;}

bar a:hover {border-color:{color:borders}!important;}
 /*i is small image*/
.i {
    position:absolute;
    left:calc(-1em - 16px);
    display:block;
    border:0;
    padding:0;
}

.i img {
    display:block;
    margin-top:-8px;
    height:calc(1em + 16px);
    width:calc(1em + 16px);
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    border-radius:100%;

}

/*header*/

{block:ifHeaderImage}
header, header img {
    width:calc({select:post size} + 250px + 250px + 50px);
    background:transparent url({image:header}) no-repeat center center;
    background-size:100% 100%;
    display:block;
}

header img {height:400px;}

header {
    max-height:60vh;
    overflow:hidden;
}