/****** generic ******/
html {
    font-family: sans-serif;
    background-color: #660;
}

body, ul {
    padding: 0;
    margin: 0;
}

#entrylist h2 {
    margin: 0;
}

li {
    list-style: none;
}

img {
    border: 0;
}

/****** topbar ******/
#topbar {
  background-color: #ccc;
  border-bottom: 1px solid black;
  font-size: 10pt;
  padding-left: 20px;
}

#topbar a {
  text-decoration: none;
}

#topbar h1 {
    display: inline;
    font-size: larger;
    font-weight: bold;
    margin-right: 1em;
    color: #630;
}

#subscribe-link {
    cursor: pointer;
    color: blue;
}

/****** navbar ******/
#navbar {
    width: 200px;
    float: left;
    border-right: 1px solid black;
}

h2.month {
    font-size: 12pt;
    background-color: #ccc;
    color: #660;
    border-top: 1px solid white;
    border-bottom: 1px solid black;
    cursor: pointer;
    padding-left: 5px;
}

.monthlist {
    background-color: #999;
    padding-left: 7px;
    font-size: 10pt;
}

.monthlist a {
    text-decoration: none;
    padding-top: 2px;
    border-bottom: 1px dashed green;
    display: block;
}

.current {
    color: #900;
}

.monthlist .current {
    background: url(images/left-arrow.png) right no-repeat;
    padding-right: 16px;
}

/****** entry ******/
#entry {
    margin-left: 210px;
    text-align: center;
    margin-top: 10px;
}

h1#title {
    font-family: serif;
    font-size: 20pt;
    color: #000;
    display: inline;
}

h1#title:after {
    content: " ~ ";
}

h2#date {
    font-family: serif;
    font-size: 16pt;
    display: inline;
}

div#blog {
    margin: 10px auto;
    padding: 5px;
    border: 1px solid black;
    background-color: #ffc;
    text-align: justify;
    max-width: 700px;
}

div#blog div.title {
  text-align: center;
}

/****** media thumbnails ******/
#pictures ul li {
    vertical-align: top;
    display: inline-block;
}

* html #pictures ul li {
    display:inline; /* IE hack */
}

#pictures a {
    border: 1px solid #e8e8e8;
    margin: 0 5px 5px 0;
    text-decoration: none;
    color: #000;
    width: 200px;
    display: block;
    background-color: #e8e8e8;
}

#pictures img {
    width: 200px;
    height: 200px;
}

#pictures .caption {
    font-size: 10px;
}

/****** overlay ******/
.overlay {
    display: none;

    border: 1px solid #666;
    background-color: #fff;
    padding: 10px;
}

.overlay .close {
    position: absolute;
    top: -15px;
    right: -15px;
    background: url(tools/img/overlay/close.png);
    width: 35px;
    height: 35px;
    cursor: pointer;
}

/****** media overlay ******/
.overlay h1 {
    text-align: center;
    font-size: 16pt;
    font-family: serif;
    margin: 0;
}

.prev, .next {
  width: 100px;
  height: 500px;
  cursor: pointer;
  display: block;
  background-repeat: no-repeat;
  background-position: 0 200px;
}

.prev {
  background-image: url(images/prev.png);
}

.next {
  background-image: url(images/next.png);
}

#comments-wrapper {
    padding: 5px;
    margin: 15px;
    background-color: #fff;
    clear: both;
}

.caption {
    margin: 0;
}