body {
    /*background: #458532; */
    color: black;
    font-family: sans-serif;
    font-size: 90%;
    margin: 0px;
}

/*
#frame {
    margin: auto;
    width: 90%; max-width: 75em;
    padding: 0px;
    border: 1px solid #051227;
}
*/

/* instead of limiting the width of the frame, */
/* limit the width of the contents of the *bg containers */
#navigation, .header, #content, #blognavig {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 90%;
    max-width: 1024px;
}

#navigationbg, .headerbg, #contentbg, #blognavigbg {
    padding: 0px;
}

img {
}

#content h2 ,
h2 {
    /*color: #323232;   */
    /*background-color: #E8E8DF;    */
    /*border-bottom: 2px solid #85325A; */
    text-align: left;
    padding: 0.2em;
    padding-left: 0.0px;
    margin: 0px;
    font-size: 1.3em;
    color: #335928;
}

h3 {
    color: #6C6C6C;
}

a {
    //color: #458532;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.literalblock {
    color: black;
    font-weight: bold;
}

#navigation {
    display: block;
    list-style: none;
    list-style-type: none;
    padding: 0px;
    padding-left: 0px;
}

#navigation > li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: auto;
    vertical-align: center;
    margin-top: 3px;
    margin-right: 4px;
}

#navigation > li > a {
    display: block;
    text-align: left;
    text-decoration: none;
    padding: 5px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin: 0px;
}

#navigation > li > a:hover {
    text-decoration: underline;
}

#header {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    position: relative;
    clear: both;
}

#header > .h1-type-heading {
    font-size: 1.5em;
    display: inline;
    color: white;
    font-style: italic;
    /* black stroke around white h1 header text */
    /*
    text-shadow: 1px -1px 0px #232323,
                -1px  1px 0px #232323,
                -1px -1px 0px #232323,
                 1px  1px 0px #232323;
    */
}

.header > h1 {
    margin: 0px;
    font-weight: normal;
}

#headericon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
}

.date_cell {
    display: inline-table;
}
.date_cell tr td {
    text-align: center;
}

.date_cell .day {
    font-size: 1.2em;
}
.date_cell .month {
    font-size: 0.6em;
}

.blogentrylist {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    list-style-type: none;
}

.blogentrylist > li > a > .title {
    font-size: 1.2em;
}

.blogentrylist > li > a {
    display: block;
}

.blogentrylist > li > a,
#blognavig > a {
    padding: 3px;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}
.blogentrylist > li > a:hover {
    text-decoration: none;
}

.blogentrylist .lang {
    margin-left: 1em;
}

.blogentrylist .lang > img {
    border: 1px solid black;
    margin: 0px;
}

#date {
    float: right;
    margin-top: 0.4em;
    font-style: italic;
}

#content , #blognavig, #navigation {
}

#content {
    margin-top: 8px;
}

.colorpreview {
    display: inline-block;
    width: 12em;
    border-width: 1px;
    border-style: solid;
    margin-right: 0.2em;
    line-height: 1.8em;
    padding: 0.1em;
    margin-bottom: 0.1em;
    margin-top: 0.1em;
    font-weight: bold;
    text-shadow: 1px  0px 1px #dedede,
                 0px  1px 1px #dedede,
                 0px -1px 1px #dedede,
                -1px  0px 1px #dedede;
    background-image: url(../img/Checker-16x16.png);
    background-repeat: repeat;
    border-radius: 4px;
}

.colorpreview:after {
    content: "unset";
}

#footer {
    text-align: center;
}

.photo img {
    border: 0px solid #565656;
    border-radius: 3px;
}
.photo {
    /* do not allow text right below the photo */
    margin-bottom: 2em;
    margin-left: 2em;
}

.photo > .content {
    /* if a border is wanted...*/
    /*
    border: 0px solid #565656;
    background-color: #565656;
    padding: 2px;
    border-radius: 3px;
    */
}

@media only screen and (max-width: 800px) {
    .photo img {
        max-width: 100px;
        max-height: 100px;
    }
}

@media (min-width: 580px) {
    #content {
        text-align: justify;
    }
}

/*
@media (max-width: 480px) {
    body {
        margin: 0px;
        padding: 0px;
    }
    #frame {
        margin: 0px;
        max-width: 100%;
        width: 100%;
        border-width: 0px !important;
        border-radius: 0px !important;
    }
}
*/

#blognavig * {
    display: inline-block;
}

pre {
    padding: 5px;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

em, .em, .emph {
    font-style: italic;
}

.warning {
    clear: both;
    padding: 0.8em;
    border-radius: 5px;
    font-weight: bold;
}

.warning:before{
    content: "WARNING:";
}

/* some hacks for publication list */
#publist table {
}

#publist table td {
    padding-left: 10px;
    padding-bottom: 10px;
    /* explicitly fix font color and size ... */
    font-size: 0.9em;
    color: #232323;
}

#publist blockquote {
    display: none;
}

#publist .buttonline .button,
#publist .buttonline .button:visited {
    color: #676767;
    background-color: #E4E4E4;
    border-radius: 2px;
    display: inline-block;
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

#publist .buttonline .button:hover {
    background-color: #36662E;
    color: white;
    text-decoration: none;
}

.dlist dt {
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 2px;
}
.dlist dd p {
    margin: 0px;
}
.dlist dd {
    margin-bottom: 10px;
}


#content .publicationlist .title a ,
#content .publicationlist .title a:visited {
    color: #1E5D27;
    font-weight: bold;
}

.talklist table tr {
    vertical-align: top;
}
.talklist table .date {
    color: #AE8E38;
}

.talklist table .location {
    font-style: italic;
}
.talklist table .venue {
    font-style: italic;
}
.talklist table td {
    padding-bottom: 0.5em;
    padding-right: 0.5em;
}
.talklist table .title {
    color: #335928;
}

.thumbnail > a ,
#content .posters a {
    padding: 0px;
    margin: 1px;
    border: 1px solid #323232;
    border-radius: 0px;
    display: inline-block;
    /* box-shadow: 0px 0px 2px 2px #989898; */
}

.thumbnail > a > img ,
#content .posters a > img {
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: #323232;
    border-radius: 0px;
    display: inline-block;
}

.thumbnail > a:hover ,
#content .posters a:hover {
    text-decoration: none;
}

.header .headertext {
    color: #BCBCBC;
    font-size: 3em;
    font-family: "Times New Roman", Times, serif;
}
.header .headerlatex {
    font-family: monospace;
    color: #FF6C83;
}
.header .headerlatex .main {
    color: #DCDCDC
}

.header {
    padding-top: 8px;
    padding-bottom: 8px;
}