html { background: #f9f9f9; color: black; }

body { padding: 10px;
    font-size: 13pt; font-family: 'Open Sans', sans-serif; line-height: 1.5em; }

hr { height: 1px; color: #aaa; background-color: #aaa; border: 0; margin: .2em 0 .2em 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal;
                         font-family: 'Megrim', arial, serif; }
h1 { border-bottom: 3px dotted #999; }
h1 a:hover { text-decoration: none; }

ul { list-style-type: square; }
dt { font-weight: bold; margin-bottom: .1em; }

table, th, td { border: none ; }

blockquote { padding: 0 1.6em; color: #666; font-size: 13pt; }

main { max-width: 46em; }

dt { padding-top: 0.8em; }

#banner { margin-left: 1em; float : left; }
#banner h1, h2 { border : none; padding-top:1em; }
#banner h1 {margin: 0 0 0 0; font-size: 42pt; font-weight: bold; }
#banner h2 {margin: 0 0 0 0; font-size: 22pt; font-weight: bold; }


footer { padding: 1em; color: #888; text-align: center; font-size: 11pt; }

.navbar-header a { font-family: 'Megrim', arial, serif; font-weight: bold; font-size: 20pt; text-decoration: none; }
.navbar-default { background-color: transparent; border: none; }
nav { margin-top: 1em; }
nav ul { } /* margin-top: 0; margin-left: 1em; margin-right: 1em; margin-bottom: 0; } */
ul.nav li { list-style: none; padding-bottom: 0.2em;
                 font-family: 'Megrim', arial, sans-serif; font-weight: bold; font-size: 18pt; letter-spacing: 0px; }
ul.nav li a { text-decoration: none; }
nav ul.nav li.current a { text-decoration: underline; }

.navbar-default { background-color: transparent; border: none; }

/* Tree menus */
.nav-header:after {
content: "\00A0\25BE";
}
li > ul.tree {
  padding-left: 10px;
}


div.contact { padding: 10px; padding-left: 20px; }

img.cover { padding: 10px; }

.pics figure {
    float: none;
}

.pics figcaption {
    font-style: italic;
    margin-bottom: 1em;
    margin-top: 0.4em;
}

.pics img {
    padding: 10px;
    border:  1px solid #ccc;
    background-color: #eee;
    max-width:  700px;
    max-height: 500px;
    top:  0;
    left: 0
}

img#photo { width: 330px; padding: 0px; margin: 10px 10px 10px 20px; }

span#caption { font-family: 'Megrim', arial,sans-serif; font-size: 123%; }
span.date { font-size: 83%; color: #999; }

nav { margin-top: 1em; }

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}


/* Loosely based on pygment's default colors */
table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode, table.sourceCode pre 
   { margin: 0; padding: 0; border: 0; vertical-align: baseline; border: none; }
td.lineNumbers { border-right: 1px solid #AAAAAA; text-align: right; color: #AAAAAA; padding-right: 5px; padding-left: 5px; } 
td.sourceCode { padding-left: 5px; }
pre.sourceCode { }
pre.sourceCode span.kw { color: #007020; font-weight: bold; } 
pre.sourceCode span.dt { color: #902000; }
pre.sourceCode span.dv { color: #40a070; }
pre.sourceCode span.bn { color: #40a070; }
pre.sourceCode span.fl { color: #40a070; }
pre.sourceCode span.ch { color: #4070a0; }
pre.sourceCode span.st { color: #4070a0; }
pre.sourceCode span.co { color: #60a0b0; font-style: italic; }
pre.sourceCode span.ot { color: #007020; }
pre.sourceCode span.al { color: red; font-weight: bold; }
pre.sourceCode span.fu { color: #06287e; }
pre.sourceCode span.re { }
pre.sourceCode span.er { color: red; font-weight: bold; }