:root{
    --panel-bg: lightblue;
    --header-panel-bg: #fdf5e6;
    --panel-bg: #edc9af;
    --panel-border: var(--header-title-bg);
    --link-bg: #b94e48;
    --body-bg: #4b3621; /* Café Noir */
    /*--header-title-bg: lightblue;*/
    --header-title-bg: #cb6d51;
}

body {
    margin: 0;
    /* margin-top: 1em; */

    background-color: var(--body-bg);
    /*font-family: Montserrat, Arial, Helvetica, sans-serif;*/
    font-family: Ubuntu, Calibri, sans-serif;
    letter-spacing: 0.7px;
    text-indent: 2em;
    line-height: 2;
}


#bigBox {
    width: auto;
    max-width: 70em;
    margin: auto;
}

#header {
    margin-top: 0.3em;
    border-top: 0;
    background-color: var(--header-panel-bg);
    text-indent: 0;
    padding: 0;

}

#header h1 {
    /*
    margin: auto;
    */
    width: max-content;
    margin-bottom: 0.2em;
    margin-top: 0;
    margin-right: 0;
    background-color: var(--header-title-bg);
    color: white;
    padding-left: 0.25em;
    padding-right: 0.25em;
    /*border-radius: 3px;*/
}

#header-row {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}
#header-row h1 {
}

#header-row p {
    align-self: flex-end;
    margin-left: 0.7em;
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 0.7em;
}

#header > nav {
    /*
    margin: auto;
    width: max-content;
    */

}

nav > a {
    background-color: var(--link-bg);
    color: white;
    text-decoration: none;
    padding: 0.15em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    font-size: 1.25em;
    display: inline-block;
    border-right: 1px dashed white;
}
nav > a:hover {
    color: yellow;
    font-style: italic;
}
nav > a:last-child {
    border-right: none;
}


.panel {
    margin-top: 0.25em;
    border-radius: 3px;
    border: 2px solid var(--panel-border);
    padding: 1em;
    background-color: var(--panel-bg);
}

.blogPreview {
    border: 2px solid var(--panel-border);
    border-radius: 0.2em;
    padding: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    max-height: 15em;
    overflow: hidden;
    margin-bottom: 1em;
}

.contentBox {
    border: 2px solid var(--panel-border);
    border-radius: 0.2em;
    padding: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    max-height: 15em;
    overflow: hidden;
    margin-bottom: 1em;
}

.referenceBox {
    display: inline-flex;
    border: 2px solid var(--panel-border);
    border-radius: 0.2em;
    margin-bottom: 1em;
    padding: 0;
    width: 40%;
    float: right;
}

.inner-reference-box{
    width: 100%;
    margin: 0.7em;
    background-color: blanchedalmond;
    border-radius: 0.2em;
    padding: 1em;
    text-indent: 0;
}

.tags-field {
    font-size: 0.8em;
}
.tags-field a {
    white-space: nowrap;
}

h1, h2, h3, h4, h5, h6 {
    text-indent: 0;
}

blockquote {
    border-left: 2px solid var(--link-bg);
    padding-left: 10px;
    text-indent: 0;
    font-style: italic;
}

img.dither {
    image-rendering: pixelated;
	width: 40em;
}
img.ditherTall {
    image-rendering: pixelated;
	height: 40em;
}
ul {
	text-indent: 0;
	margin-left: 2em;
}