// FULL NAV MENU

$nav-height: 6em;

nav
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: $nav-height;
}

@mixin header-basics()
{
    position: absolute;
    z-index: 20;
    top: 1em;
    height: $nav-height;
    /*background: gold;*/
}

div#page-menu
{
    @include header-basics();
    left: 0;
    width: 12em;   
}

div#trip-menu
{
    @include header-basics(); 
    $width: 12em;
    left: 50%;
    margin-left: -$width/2;
    width: $width;
}

div#author-mini
{
    @include header-basics();   
    right: 1em;
    width: 18%;
    min-width: 13em;
    $height: 80%;
    height: $height;
    line-height: $height;
    span.author-name
    {
        padding-right: 0.5em;
        text-align: right;
        width: 60%;
        display: inline-block;
    }
    img.author-photo
    {
        width: auto;
        height: 100%;
        vertical-align: middle;
        border-radius: 50%;
    }
    @media(max-width: 500px)
    {
        display: none;
    }
}
