body {
    font-family: sans-serif;
    background-color:#fff;
    width:44em; 
    margin: 0.2em auto;
    background-color:#ffffff;
    padding:1em;
    border: 2px groove black;
    border-top-color: #999;
    border-left-color: #999;
  }

  h1, h2, h3 {color:#365D95}
  header {
    text-align:center;
  }

  header h1, h2 {line-height:0.5em;}
  header h2 {font-style:italic}
  header p {font-weight:bold; color: #365D95}

aside header h1 {
  font-size: 1.2em;
  text-align:left;
}

a:visited.mail, a:link.mail {
  text-decoration:underline;
  color: #365D95;
}

  a:hover.mail, a:active.mail {
  text-decoration:underline;
  color: #000000;
}

table {border-collapse:collapse}
td {padding:0.5em}
td.field {
  border-top:1px solid black;
  border-bottom:1px solid black;
  border-left:1px solid black;
}
td.value {
  border-top:1px solid black;
  border-bottom:1px solid black;
  border-right:1px solid black;
}
td.ed {padding: 0.2em; border: 1px solid black}

/* Diary page */

article header {text-align:left}
article header h1 {font-size:1.3em}
article header p {margin-left:0}
article header time {display:block; width:7em; float:left; font-weight:bold; font-style:italic}
article h2 {font-size:1.1em}
article h3 {font-size:1em}
article p {margin-left:7em}
article ul, ol {margin-left:4.5em}
article img {float:right; margin-left:0.2em}
article, #intro {padding-bottom:2em; display:block; }


img {border-width:0}
img.bio {float:right; margin-left:0.2em; border-width:0}
img.imgLeft {float:left; margin-right:0.2em; clear:right}


#w3c {border-right: 1px solid black; width: 48%; padding-right: 0.5em; padding-top:0.1em}
#w3c p, #w3c ul li {font-size:smaller}
#w3c ul li {list-style-type:none; height: 2em}
#w3c ul li span {padding-left: 1em}
#w3c ul li a {text-decoration:none; color: #365D95}

footer {clear:both}
.topper {text-align:right; font-style:italic; font-size:smaller}

aside#socMedia {
  width: 7em;
  float:right;
  margin-left:0.3em;
  margin-bottom: 0.5em;
  border-radius: 0.5em;
  border: solid 2px black;
  box-shadow: rgba(0,0,0,0.2) 0.5em 0.5em 0.3em;
  text-align:left;
  padding: 0.3em;
  display:block;
}

blockquote {
  font-style:italic;
}

blockquote em {
  font-style: normal;
}

figure {
  display:block;
}

figure img {
  float:none;
  margin: 0 auto;
  display: block;
}

figure.right {
  float:right;
  margin-left:0.2em;
  text-align:center;
}

figure.left {
  float:left;
  margin-right:0.2em;
}

figure figcaption {
  display:block;
  font-size: 0.8em;
  font-style: italic;
  text-align:center;
}

pre {overflow:auto}

.update {
  border:solid black 1px; 
  background-color:#eee; 
  padding: 0.2em;
  margin-bottom: 1em;
}

section header p.noh {
  text-align:left;
}