/** >Last Modified on Sun, 27 May 2018< **/

/** ***************************************************************
 ** font
 ** ************************************************************ **/

p, div, li, a, td, th, h1, h2, h3, h4, h5{
  font-family : "Open Sans", Helvetica, Meiryo, sans-serif;
  color: #eeeeee;
  font-weight: normal;
}

p, div, li{
    text-align: justify;
}

/** ***************************************************************
 ** -- Menu Column -- 
 ** ************************************************************ **/

div.sidebar{
    background-color: #222222;
}

div.header{
    margin-top: 2em;
}

div.brand-title{
    text-align: center;
    text-transform: none;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: 150%;
}

/** obsolete **/
.brand-title{
    text-align: center;
    text-transform: none;
    margin-bottom: 1em;
    font-weight: bold;
}

img.stdiff {
    border-radius: 50px;
    display: block;
    margin: 0em auto 1em auto;
}

/** ============== main menu ============== **/

.nav-list{
    text-align: left;
}

.nav-item{
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}


.nav-item a{
    display: block;
    text-transform: none;
    margin-top: 0px;
    border-width: 0px;
    color: AliceBlue;
}

.nav-item a:hover{
    border-width: 0px;
    background-color: #555;
}

/** ============== sub menu ============== **/

.pure-menu{
    text-align: center;
}

.pure-menu-heading{
    color: #aaa;
    text-transform: none;
}

ul.nav-list{
    margin-top:0px;
}


.pure-menu-horizontal ul{
    padding-left: 0px;
}


.sidebar-footer{
    margin-top: 2em;
    border-style: solid;
    border-color: #666666;
    border-width: 1px 0px 0px 0px;

}

A.pure-menu-link {
    color: #ccc;
}

A.pure-menu-link:hover {
    background-color: #444;
}

/** ul{ border: 1px solid #fff;} **/

/** ***************************************************************
 ** -- Main Column -- 
 ** ************************************************************ **/

body{
    background-color: #333333;    
}

h3 {
    text-decoration: underline;
}

strong {
    color: #aea;
}

div.logo img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.content{
    background-color: #333333;
}

div.content-subhead{
    color: LightBlue;
    border-color: LightBlue;
    font-weight: bold;
    font-size: medium;
    text-align: right;
    text-transform: none;
}

img.portrait{
    float: right;
    padding-left: 2em;
}

A.entryRow {
    display: block;
    padding: 1em 0.5em 1em 0.5em;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #555;
    text-decoration: none;
}

A.entryRow:hover {
    text-decoration: none;
    background-color: #555;
}

div.listTitle {
    font-weight: bold;
}

/** =============== Eintrag ================= **/

div.posts{
    margin-top: 1em;
}

p.post-meta {
    color: #bbbbbb;
}

h1.post-title{
    font-size: large;
    font-weight: bold;
    color: LightBlue;
}

div.post-description h2{
    font-size: large;
    font-weight: bold;
    border-width: 0px 0px 1px 0px;
    border-color: #555;
    border-style: solid;
}

div.post-description h3{
    margin-top: 1.2em;
    font-size: medium;
    font-weight: bold;
}

div.post-description h4{
    font-size: medium;
    font-weight: none;
    text-decoration: underline;
}

div.post-description a{
    color: PowderBlue;
    text-decoration: underline;
}

div.post-description a:hover{
    color: SlateBlue;
    text-decoration: underline;
}

h2 a.sec{
    /** this must be placed below the style of the A-tag **/
    font-size: large;
    font-weight: bold;
    color: inherit;
    text-decoration: none;
}

div.post-description ul{
    padding-left: 1.5em;
}

pre {
    background-color: #222;
}

div.post-description blockquote{
    border-style: solid;
    border-width: 1px 1px 1px 8px;
    border-color: #444;
    background-color: #292929;
    margin-left: 1em;
    margin-right: 0px;
    padding: 0em 1em 0em 1em;
}

div.post-description ul, div.post-description ol{
    padding-left: 1.6em;
}

div.post-description img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table.pure-table {
    margin-left: auto;
    margin-right: auto;
}

table.pure-table thead td{
    color: #333;
    font-weight: bold;
}

iframe {
    border-color: #222;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}

table.book{
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #666;
}


table.book td{
    padding: 0em 0.8em 0em 0.8em;
}


div.postShare {
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 1em;
}

div.postShare img{
    height: 1.6em;
    width: 1.6em;
    vertical-align: middle;
}

div.postCats {
    padding-top: 1em;
    text-align: right;
}

/** --  -- **/

/** =============== Footer ================= **/

div.footer{
    margin-top: 2em;
    border-style: solid;
    border-color: #666666;
    border-width: 1px 0px 0px 0px;
}


/** =============== TEST ================== **/
div.test {
    border: solid 1px red;
}