body {
  margin: 0;
}

img {
  border: none;
}

.leftimg {
  text-align: left;
}

.pre {
  display: block;
    font-family: monospace;
    background-color: #eee;
    padding: 2px;
    padding-left: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

a {
  color: #1133aa;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
//  color: #442222;
//  background-color: #ffbb00;
}

#bodyheader {
//  background-color: rgb(250,240,100);
//  background-color: #ffee55;
//  background-color: #fdff4f;
  background-color: #f0f0f0;
  border-bottom: 1px solid black;
  margin: 0;
}

#bodyheader h2, #bodyheader h4 {
  margin: 0;
  margin-left: 60%;
}

#bodyheader h4 {
  color: #333355;
  font-style: italic;
}

#bodycontent {
//  border-left: thin solid;
// border-right: thin solid;
  margin-left: 10%;
  width: 70%;
//  margin: auto;
}

#menu {
  background-color: #f3f3f3;
//  background-color: #ffee55;
  border: thin solid;
  border-top: none;
  padding: .5em;
  margin: 0;
}

#menu ul {
  padding: 0;
  margin: 0;
}

#menu li {
  display: inline;
  padding-right: .5em;
}

#stories {
  padding: 2em;
}

.group {
  padding-bottom: 1em;
}

.group h2 {
  margin: 0;
  margin-left: 5em;
}

.project, .story {
  margin-top: 3em;
  margin-bottom: 4em;
}

.project h3 {
  text-align: right;
}

.project h3, .story .header {
//  margin: 0;
  margin-left: 2em;
//  margin-right: 1em;
//  padding: 0.5em;
//  border: thin solid;
//  background-color: #f3f3e0;
}

.project p, .story .content {
}

.project img, .story img {
  margin: .5em;
}

.project p {
  margin-left: 250px; /* related to images width */
}

.header span.category {
  float: right;
  margin: 0;
}
.header span.date:before {
  content: " / "
}
.header span.category a, .header span.date {
  color: grey;
}
.header span.category a, .bookmark .header span.title a {
  text-decoration: underline;
}
.header a:hover {
  color: blue;
  text-decoration: underline;
}

.story .header span.title {
  font-size: large;
  font-weight: bold;
}

.bookmark .header {
  margin-bottom: .2em;
}

.bookmark {
  margin-bottom: .8em;
}

.bookmark p {
  margin: 0;
  margin-left: .5em;
}

.spacer {
  height: 0;
  clear: both;
}

#bodyfooter {
  background-color: rgb(250,240,100);
  border-top: thin solid;
  margin: 0;
  padding-top: 2em;
  padding-bottom: .1em;
  text-align: right;
}

#bodyfooter #author {
  margin: 7px 0 7px 0;
}

#bodyfooter #tools {
  margin: 0;
  float: left;
}

.video {
  text-align: center;
}

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