body {
  color:            #444444;
  font-family:      "Helvetica", "Arial", sans-serif;
  font-size:        16px;
  line-height:      1.4;
  margin:           0;
}

a {
  color:            #3b5998;
  font-weight:      bold;
  text-decoration:  none;
}

a:hover {
  text-decoration:  underline;
}

img {
  border:           none;
}


.title, .content {
  margin-left:      auto;
  margin-right:     auto;
  width:            500px;
}

.title h1 {
  color:            #aaaaaa;
  font-size:        300%;
  margin-bottom:    0;
}

.article h2 {
  font-size:        250%;
  margin-bottom:    0;
}

.article .date {
  color:            #aaaaaa;
  font-size:        13px;
}

.archives h2 {
  font-size:        250%;
  margin-bottom:    0;
}

.archives ul {
  color:            #aaaaaa;
  list-style-type:  square;
  padding-left:     15px;
}

.archives li {
  padding-bottom: 20px;
}

.archives .date {
  color:            #aaaaaa;
  font-size:        13px;
}

.footer {
  background-color: #eceff5;
  font-size:        13px;
  padding:          20px;
}

.footer-content {
  margin-left:      auto;
  margin-right:     auto;
  position:         relative;
  width:            500px;
}

.bio{
  width:            270px;
}

.me{
  position:         absolute;
  right:            0;
  top:              0;
}

.comments {
  background-color: #f5f5f5;
  margin:           20px -20px 20px -20px;
  padding:          10px;
}

.comments ul {
  list-style-type:  none;
  margin:           0;
  padding-left:     0;
}

.comments li {
  padding:          10px;
  display: block;
}

.comments li .author {
  color:            #3b5998;
  font-weight:      bold;
}

.comments li .date {
  display: block;
  color:            #aaaaaa;
  font-size:        13px;
  font-weight:      normal;
}


form {
  background-color: #f5f5f5;
  margin:           20px -20px 20px -20px;
  padding:          20px;
}

.area {
  font-size:        13px;
}

.area span {
  color:            #aaaaaa;
  font-size:        13px;
}

.area textarea {
  font-family:      "Helvetica", "Arial", sans-serif;
  font-size:        16px;
  height:           168px;
  padding:          5px;
  width:            484px;
}

.area .grippie {
  cursor:           s-resize;
  height:           10px;
  margin-bottom:    -9px;
}

.field, .submit {
  margin-left:      90px;
  margin-top:       10px;
  position:         relative;
}

.field label {
  font-size:        13px;
  left:             -95px;
  padding:          11px 5px;
  position:         absolute;
}

.field input {
  font-family:      "Helvetica", "Arial", sans-serif;
  font-size:        16px;
  padding:          5px;
  width:            394px;
}

.submit input {
  font-family:      "Helvetica", "Arial", sans-serif;
  font-size:        16px;
  font-weight:      bold;
}