section.base-layout
{
    padding    : 2em;
    background : var(--ArticleColor);
}


#posts ul li
{
    display          : grid;
    padding          : 1em;
    margin           : 0.5em;
    color            : var(--content-text-color);
    background-color : var(--content-background-color);
    border-bottom    : 2px solid var(--content-shade-color);
}

img.icon
{
    width : 60px;
}

li p
{
    margin : 1em;
}

figure
{
    text-align : center;
    padding    : 0.5em;
}

figure a
{
    display         : inline-block;
    text-decoration : none;
    color           : var(--content-text-color);
}

figure img
{
    max-width  : 300px;
    max-height : 200px;
}

figure figcaption
{
    color      : var(--content-text-color);
    padding    : 0em;
    text-align : left;
    max-width  : 300px;
}


section.figure-layout a
{
    text-decoration-line : none;
}

.with-border-top
{
    border-top : 1px solid silver;
}

.with-margin-top
{
    margin-top : 2em;
}

.with-margin-bottom
{
    margin-bottom : 2em;
}

/* POST ----------------- */

#posts
{
    max-width : 40em;
}

#posts ul
{
    margin  : 0em;
    padding : 0em;
}

#passed_post
{
    margin-top : 3em;
    padding    : 1em;
}

.id
{
}

.name
{
    font-size : large;
    margin    : 0em 0em 0em 0.5em;
}

.date
{
    text-align : right;
}
.date a
{
    text-decoration : none;
    color           : var(--content-text-color);
}

.msg
{
}