/*http://colorschemedesigner.com/#3D31Tw0w0w0w0*/
@font-face {
    font-family:'Hit the Road';
    src:url('/resources/hit_the_road_font/hitroad.ttf') format('truetype');
    }

body {margin:0;
    padding:0;
    font-family:Georgia, serif;
    background:#f5f5f5;
}
h1,h2,h3,h4 { font-family:'Hit the Road','Trebuchet MS',Verdana, Arial,sans-serif;
}

h1 {font-size:150%;
}

#container {max-width:800px;
    /*max-width:calc(100%-20px);*/
    margin:0 auto;
}


/*Header*/
header {padding:0;
  margin: 0 auto;
  text-align:center;
}
header img {max-width: 299px;
    height:auto;
}

/*Navigation*/
nav {text-align:center;
    font-family:'Trebuchet MS',Verdana, Arial,sans-serif;
    font-size:100%;
}

nav a, a:visited {color:red;
    text-decoration:none;
    font-variant:small-caps;
}
nav a:hover { text-decoration:underline;
}
nav a.selected, a.selected:visited {text-decoration:double underline;
    font-weight:bold;
    color:#F44;
}


#content {margin:2ex 1ex;
    padding:1ex 2ex 0 0G;
    color:#333;
    line-height:1.2;
}
#content h1 {font-variant: small-caps;
    letter-spacing:2px;
    font-weight:200;
    margin-top:0;
    
}
#content h2,h3 {font-variant:small-caps;
}
#content p {margin-left:1em;
}

#content ul {margin-left:1em;
padding-left:1em;
}
#content blockquote {line-height:1.1;
font-size:95%;
margin:1em 3em;
}
#content a {color:red;
text-decoration:none;}
#content a:hover {text-decoration:underline;
}
#content iframe{margin:0 auto;
    display:block;
}
/*
#content .postmetadata {width:60%;border-top:solid 1px #ccc;padding-top:1ex;font-size:80%;}
#content .comments {}
*/
#content img { max-width: 100%;
              height: auto;
            margin:0 0 2ex 2em;
            float:right;
            padding:1ex;
            border: solid 1px #AAA;
            border-radius: 8px;
}

#content div.row {display:flex;
    justify-content:space-between;
    margin:3ex 0 1ex 0;
    padding:0;
}


div.prev {justify:left;
}
div.next {justify:right;
}
div.prev p {margin:0;
    padding:0;
}
div.next p {margin:0;
    padding:0;
}

h6 {margin 2ex 1ex 1ex 1ex;
    font-size:85%;
    font-weight:normal;
    font-style:italic;
    }


footer {margin:0 4ex;
    border-top: solid 1px #333;
    padding:1ex 0 2ex 0;
    text-align:center;
}
footer a, a:visited {text-decoration:none;
}
footer a:hover {text-decoration:underline;
    color:red;
}
div.updated{text-align:center;
    margin-bottom:1ex;
    font-variant: italic;
    font-size:85%;
}

div#social {
    font-family:'Trebuchet MS',Verdana, Arial,sans-serif;
    font-variant:small-caps;
}

div.gallery{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:baseline;
}
div.gallery figure {
    width:275px;
    }