* {
        background      : white;
        border          : 0px;
        margin          : 0px;
        padding         : 0px;
        color           : #162950;
        font-family     : sans-serif;
        text-decoration : none;
}

.errorlist {
        display    : inline;
        list-style : none;
}

.errorlist li {
        display : inline;
        color   : red;
}

.msg {
        padding-left : 20px;
        color        : blue;
        font-weight  : normal;
        font-size    : 15px;
}

#home {
        padding : 60px;
}

#home h1 {
        padding-bottom : 10px;
        color          : #bb2f0c;
        font-size      : 30px;
        font-weight    : bold;
}

#home h2 {
        font-size : 12px;
}

#home h3 {
        color     : grey;
        font-size : 12px;
}

#home pre {
        padding     : 20px;
        font-family : monospace;
        font-size   : 17px;
}

#home #quote {
        padding-bottom : 60px;
        font-size      : 20px;
        text-align     : center;
}

#home .entry {
        border        : 2px solid #162950;
        margin-bottom : 60px;
        padding       : 10px;
        overflow-x    : auto;
}

#home .entry_text {
        padding-top : 10px;
        font-size   : 20px;
}

#home .entry_text p {
        padding-top : 10px;
}

#home .entry_text a {
        text-decoration : underline;
}

#home .entry_text li {
        padding-left : 80px;
        list-style : none;
}

#home .entry_text img {
        display      : block;
        width        : 70%;
        margin-left  : auto;
        margin-right : auto;
}

#about {
        padding : 60px;
}

#about img {
        width : 300px;
}

#about h1 {
        padding-bottom : 20px;
}

#about p {
        padding-top    : 10px;
        padding-bottom : 10px;
}

#about p a {
        text-decoration : underline;
}

#contact {
        padding : 60px;
}

#contact h1 {
        padding-bottom : 20px;
}

#admin {
        padding : 60px;
}

#admin h1 {
        padding-bottom : 20px;
}

#admin p {
        padding-bottom : 20px;
}

#admin form {
        padding-top : 30px;
}

#admin form p {
        padding-bottom : 20px;
}

#admin input {
        background : lightgrey;
        border     : 2px solid black;
        width      : 90%;
        height     : 25px;
        padding    : 5px;
}

#admin textarea {
        background : lightgrey;
        border     : 2px solid black;
        width      : 90%;
        height     : 300px;
        padding    : 5px;
}

#admin input[type=submit] {
        width       : 160px;
        height      : 40px;
        font-size   : 25px;
        font-weight : bold;
}

#admin_edit {
        padding : 60px;
}

#admin_edit h1 {
        padding-bottom : 20px;
}

#admin_edit form {
        padding-top : 30px;
}

#admin_edit form p {
        padding-bottom : 20px;
}

#admin_edit input {
        background : lightgrey;
        border     : 2px solid black;
        width      : 90%;
        height     : 25px;
        padding    : 5px;
}

#admin_edit textarea {
        background : lightgrey;
        border     : 2px solid black;
        width      : 90%;
        height     : 300px;
        padding    : 5px;
}

#admin_edit input[type=submit] {
        width       : 160px;
        height      : 40px;
        font-size   : 25px;
        font-weight : bold;
}

#sign_in {
        padding : 60px;
}

#sign_in h1 {
        padding-bottom : 20px;
}

#sign_in p {
        padding-bottom : 20px;
}

#sign_in form {
        padding-top : 30px;
}

#sign_in form p {
        padding-bottom : 20px;
}

#sign_in input {
        background : lightgrey;
        border     : 2px solid black;
        width      : 90%;
        height     : 25px;
        padding    : 5px;
}

#sign_in input[type=submit] {
        width       : 160px;
        height      : 40px;
        font-size   : 25px;
        font-weight : bold;
}

#header #announcement {
        display         : flex;
        align-items     : center;
        justify-content : center;
        background      : #162950;
        padding         : 5px;
        color           : white;
        font-size       : 20px;
        text-align      : center;
}

#header #rest {
        display         : flex;
        flex-wrap       : wrap;
        justify-content : center;
        padding         : 10px;
}

#header #rest #logo {
        width  : 200px;
        height : 200px;
}

#header #rest > div {
        display        : flex;
        flex-direction : column;
        padding-left   : 10px;
        color          : #bb2f0c;
        font-size      : 20px;
}

#header #rest div #title {
        margin-bottom  : auto;
        color          : #162950;
        font-size      : 40px;
        font-weight    : bold;
}

#header #rest div #title span {
        color      : #bb2f0c;
        font-style : italic;
}

#header #rest div #myself {
        color       : #bb2f0c;
        font-size   : 30px;
        font-weight : bold;
}

#header #rest div #topics {
        color       : #162950;
        font-size   : 20px;
        font-weight : bold;
}

#header #menu_bar {
        display         : flex;
        align-items     : center;
        justify-content : center;
        background      : #162950;
        padding         : 5px;
        font-size       : 20px;
}

#header #menu_bar a {
        background    : #162950;
        padding-left  : 59px;
        padding-right : 59px;
        color         : white;
}

#footer {
        display         : flex;
        justify-content : space-between;
        background      : #162950;
        padding         : 60px;
}

#footer #quick_links {
        display        : flex;
        flex-direction : column;
        background     : #162950;
        color          : white;
}

#footer #quick_links h1 {
        background     : #162950;
        padding-bottom : 30px;
        color          : white;
        font-size      : 20px;
}

#footer #quick_links a {
        background     : #162950;
        padding-bottom : 15px;
        color          : white;
        font-size      : 20px;
}

#footer #subscribe  {
        background : #162950;
        color      : white;
        font-size  : 20px;
}

#footer #subscribe form {
        background : #162950;
}

#footer #subscribe input {
        border     : 2px solid lightgrey;
        width      : 95%;
        height     : 25px;
        margin-top : 15px;
        padding    : 5px;
}

#footer #subscribe input[type=submit] {
        display    : inline;
        background : #bb2f0c;
        width      : 200px;
        height     : 40px;
        color      : white;
        font-size  : 25px;
}

#footer #contact_email {
        display        : flex;
        flex-direction : column;
        background     : #162950;
        color          : white;
}

#footer #contact_email h1 {
        background     : #162950;
        padding-bottom : 30px;
        color          : white;
        font-size      : 20px;
}

#footer #contact_email p {
        padding-bottom : 10px;
        font-size      : 20px;
}

#footer #contact_email a {
        background     : #162950;
        padding-bottom : 10px;
        color          : white;
        font-size      : 20px;
}

#_404 {
        height  : 200px;
        padding : 60px;
}

#_404 h1 {
        padding-bottom : 20px;
}

@media only screen and (max-width : 600px) {
        #home {
                padding : 10px;
        }

        #home #quote {
                padding-top    : 10px;
                padding-bottom : 20px;
        }

        #home .entry {
                margin-bottom : 10px;
        }

        #header #rest div div {
                font-size : 12px;
        }

        #header #menu_bar {
                padding : 5px;
        }

        #header #menu_bar a {
                padding : 35px;
                padding-top : 1px;
                padding-bottom : 1px;
        }
}
