/* ********************************************************************** */
/* COLORS */

#title-top {
    background:#f7f7f7;
    border-color:#e3e3e3;
}

#title-main  {
    background:#fafafa;
    border-color:#eaeaea;
}

#title-meta {
    color:#999;
}

#title-meta a,
#title-meta a:visited {
    color:#999;
}



/* ********************************************************************** */
/* FONTS */



/* ********************************************************************** */
/* OTHER CONFIG */

#title-top {
    /**
     * When crumbs are in a right aligned sidebar,
     * set display:none to show #title-top only when sidebar is hidden
     * (on narrow screens).
     */
    display:block;
}

@media all and (max-width:848.68px){
    #title-top {
        display:block;
    }
}

#title-top .wrap {
    padding:0.4em 0.8em 0.1em 1.5em;
    font-size:80%;
}

#title-main .wrap {
    padding:1.2em 2.5em 1em 2.5em;
}

#title-main.has-top .wrap {
    padding-top:0.5em;
}

#title-main.has-meta .wrap {
    padding-bottom:0.5em;
}

#title-main h1 {
    font-size:200%;
    line-height:1.2;
    margin:0.5em 0 0.2em 0;
}

#title-meta {
    padding:0.5em 0;
}

#title-meta p {
    font-size:80%;
    margin:0.3em 0;
}



/* ********************************************************************** */
/* CONSTANTS */

#title-block,
#title-top,
#title-main,
#title-meta
{
    display:block;
    clear:both;
    width:100%;
    font-size:100%;
}



/* ********************************************************************** */
/* END */