/* $Id: blog.css,v 1.2 2020-09-15 porokh Exp $ */

/*
 * https://www.w3schools.com/cssref/css_websafe_fonts.asp
font-family: Georgia, serif | "Palatino Linotype", "Book Antiqua", Palatino, serif | "Times New Roman", Times, serif
 | Arial, Helvetica, sans-serif | "Arial Black", Gadget, sans-serif | "Comic Sans MS", cursive, sans-serif
 | Impact, Charcoal, sans-serif | "Lucida Sans Unicode", "Lucida Grande", sans-serif | Tahoma, Geneva, sans-serif
 | "Trebuchet MS", Helvetica, sans-serif | Verdana, Geneva, sans-serif | "Lucida Console", Courier, monospace;
 *
 */

.header { width: 800px;
 text-align: center;
 /* background-color: #ddddc0; color: #20ad20;
 font: smaller sans-serif; */
 padding: 0px; padding-top: 5px; padding-bottom: 10px;
 margin: auto;
}
.header span.left { width: 170px;
 border: thin solid #f0f0f0; border-bottom: thin solid #000000;
 border-right: thin solid #000000;
 padding: 0px;
 float: left; text-align: center;
}
.header span.center {
 /* float: center; */
 text-align: left; padding-top: 0px;
}
.header span.right {
 width: 48px; float: right;
 text-align: right; padding-top: 0px;
}

div.main {
    width: 800px;
    margin: auto;
    padding: 8px 8px 8px 8px;
    border: 2px solid #bababa;
}

h1 {
    text-align: center;
    font-family: Impact, Charcoal, sans-serif;
    font-size: 48px;
}
h3 {
    text-align: right;
    background: #dadada;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    padding: 6px 6px 6px 6px;
    border: #101010 solid 1px;
    border-style: none solid solid none;
}
h4 {
    text-align: left;
    margin-top: 30px; margin-left: 54px; margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
}
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

hr {
    text-align: center;
    margin: 80px 50px 20px 50px;
}