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

#content-block {
    background:#fff;
}

.content h2,
.content h3,
.content h4 {
    color:#261;
}

.content img.border {
    border-color:#ccc;
}

.content .quote {
    border-color:#eee;
    color:#555;
}



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

.content {
    font-family:Sabon,Georgia,"Times New Roman",Times,serif;
}

.content h2,
.content h3,
.content h4 {
    font-family:Helvetica,Arial,sans-serif;
}

@media all and (max-width:498.68px){
    .content {font-family:Helvetica,Arial,sans-serif}
}



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

#content-block {
    width:100%;
    min-height:40em;
}

#content-block .wrap {
    padding:0.5em 2.5em 2.5em 2.5em;
    max-width:80em;
}

.content {
    font-size:90%;
}

.content h2 {
    font-size:150%;
    margin-top:1em;
    margin-bottom:0.2em;
}

.content h3 {
    font-size:120%;
    margin-top:1em;
    margin-bottom:0.2em;
}

.content h4 {
    font-size:110%;
    margin-top:1em;
    margin-bottom:0.2em;
}

.content p,
.content ul,
.content ol {
    max-width:42em;
}

.content img {
    max-width:50em;
    display:block;
    clear:both;
    /**
     * Top and bottom margin should be consistent
     * with other content block elements like pre
     */
    margin:1.4em 0;
}

.content img.border {
    border-style:solid;
    border-width:1px;
}

.content .quote {
    max-width:42em;
    padding:0.3em 1.5em;
    margin:1.5em 0;
    font-size:90%;
    border-style:solid;
    border-width:1px;
}




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

#content-block
{
    display:block;
    clear:both;
    width:100%;
    font-size:100%;
}

.content .quote {
    display:block;
    clear:both;
}



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