:root {
    --text-color: #333;
}

a           { color: var(--text-color); text-decoration: none; }
a:hover     { color: var(--text-color); text-decoration: underline; }
a:visited   { color: var(--text-color); }

body {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--text-color);
    text-align: center;
}

/* header */

header {
    margin: 0;
    padding: 0;
}

header .logo {
    display: block;
    width: 90px;
    height: 90px;
    background-image: url("/assets/images/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
}

/* article */

article {
    max-width: 800px;
    text-align: left;
    display: inline-block;
    margin-top: 0;
    padding-top: 0;
    padding-left: 30px;
}

h1 {
    margin-top: 0;
    padding-top: 0;
}

h2 {
    font-size: 20px;
    margin-top: 20px;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
thead th, thead td {
    font-weight: bold;
}
td, th {
    padding-left: 10px;
}

tr:target td,
h1:target,
h2:target,
h3:target,
h4:target,
h5:target,
h6:target {
    background-color: rgb(156, 255, 181);
}


/*
h2
    a.permalink
        ...
        span.permalink-icon
*/

a.permalink:hover {
    text-decoration: none !important;
}

.permalink-icon {
    color: #DDD !important;
    font-family: 'Courier New', Courier, monospace;
    padding-left: 10px;
}

tr:hover .permalink-icon,
h1:hover .permalink-icon,
h2:hover .permalink-icon,
h3:hover .permalink-icon,
h4:hover .permalink-icon,
h5:hover .permalink-icon,
h6:hover .permalink-icon {
    color: #000 !important;
}

tr:target .permalink-icon,
h1:target .permalink-icon,
h2:target .permalink-icon,
h3:target .permalink-icon,
h4:target .permalink-icon,
h5:target .permalink-icon,
h6:target .permalink-icon {
    display: none;
}

/* footer */

footer {
    margin-top: 30px;
    width: 100%;
    background-color: #FFF;
    text-align: center;
    padding-bottom: 7px;
}
footer .stuff {
    display: inline-block;
}
footer td {
    font-size: 11px;
    vertical-align: top;
}
footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
footer .left {
    text-align: right;
    padding-right: 10px;
}
footer .middle {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
}
footer .right {
    text-align: left;
    padding-left: 10px;
}

/* special cases */

.nodes-page td {
    font-size: 10px;
}