/*
hristoast - site.css
Copyright (C) 2019-2022  Hristos N. Triantafillou

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

body {
    margin: 0 auto;
    min-height: 350px;
    padding: 10px 10px;
    width: 76%;
}

audio, iframe, video {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

audio, video {
    width: 100%;
}

a:focus, a:hover {
    color: #1f1f1f;
}

a {
    color: #595959;
}

/* pre { */
/*     border: initial; */
/* } */

/* pre code  { */
/*     color: #00ff00; */
/*     background-color: black; */
/*     border-radius: 6px; */
/* } */

nav {
    border-bottom: 1px solid #1f1f1f;
    margin: 0 auto;
    margin-top: 20px;
}

nav ul {
    display: inline-block;
    list-style: none;
    margin-bottom: initial;
}

nav ul li {
    float: left;
    margin-right: 10px;
}

time {
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.caps {
    text-transform: uppercase;
}

.center {
    text-align: center;
}

footer {
    border-top: 1px solid #e5e5e5;
    color: #777;
    font-size: 0.9em;
    margin: 0 auto;
    padding-top: 10px;
}

div#content {
    margin-bottom: 20px;
}

div#content h1, div#content h2, div#content h3, div#content h4 {
    font-weight: bold;
}

div#dates {
    color: #777;
    margin-bottom: 20px;
}

div#footnotes {
    font-size: 0.8em;
}

div#source-link, div#source-link a {
    color: #999;
    font-size: 0.8em;
    text-align: center;
}

div#timestamp {
    color: #777;
    font-size: 0.7em;
}

div#toc {
    font-size: 1.3em;
    font-weight: bold;
}

iframe#dnt {
    border: 0;
    height: 200px;
    width: 100%;
}

iframe#stream {
    margin: 0 auto;
    margin-bottom: 100px;
    padding: 0;
    border: none;
    width: 100%;
    height: 50px;
}

div.entry {
    margin-bottom: 25px;
}

.here {
    text-decoration: none;
}

.red {
    color: red;
}

img.pic {
    margin: 15px 0 0 0;
    max-height: 500px;
}

figcaption {
    margin: 0 0 25px 0;
}

@media (min-width: 768px) and (max-width: 1024px),(min-width: 481px) and (max-width: 767px),(min-width: 320px) and (max-width: 480px) {
    body {
        width: 95%;
    }

    img.pic {
        width: 100%;
    }
}