/* Variables */

:root {
    --accent-color: darkgrey;
    --permalink-color: lightgrey;
}

/* Images */

.image-left {
    float: left;
    padding-right: 12px;
}

.image-right {
    float: right;
    padding-left: 12px;
}

img[src*="#small"] {
    height: 20px;
}

.image-frame {
    border-radius: 8px;
    display: inline-block;
    background: transparent;
    padding: 8px;
    border: 1px solid #999999;
}

/* Content */

h1 {
    color: var(--accent-color);
}

a.heading-permalink {
    vertical-align: super;
    position: relative;
    font-size: small;
    color: var(--permalink-color);
}

blockquote {
    font-style: italic;
}

.content-aside {
    background-color: lightgoldenrodyellow;
    padding-left: 10px;
    padding-right: 10px;
}

/* Page furniture */

.menu__list, .btn {
    background: var(--accent-color);
}

.footer {
    color: white;
}

/* Widget table */

table.widget__list {
    border: none;
}

tr.widget__item {
    display: table-row;
}

.widget__item td,
.widget__item th {
    text-align: left;
    border: none;
}