body {
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  background: #eee;
}

a {
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
}

.preposition {
  color: #666;
  font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
  font-style: italic;
  font-weight: normal;
}

/* pagination... */
.pagination {
  text-align: center;
  margin-bottom: 3em;
}

.pagination span,
.pagination em,
.pagination a {
  padding: .25em;
  border: 0;
}

.pagination .disabled {
  color: #999;
}

.pagination em {
  color: white;
  font-weight: bold;
  background: #666;
  border: 1px solid #666;
}

.pagination .gap {
  color: #666;
}

.pagination a {
  color: #666;
  background: white;
  border: 1px solid #666;
}

.pagination a.prev_page,
.pagination a.next_page {
  font-weight: bold;
}

.pagination a:hover {
  color: white;
  background: #666;
  border: 1px solid #666;
}
/* ...pagination */

/* header... */
header.site {
  text-align: center;
  width: 100%;
  padding: 1em 0 1.5em 0;
  margin-bottom: 3em;
  background: #ccc;

  background-image: -moz-linear-gradient(center top,
                                   rgb(220, 224, 225),
                                   rgb(203, 208, 210),
                                   rgb(187, 192, 195)
                                   );

  background: -webkit-gradient(linear,
                               left top,
                               left bottom,
                               from(rgb(220, 224, 225)),
                               to(rgb(187, 192, 195)),
                               color-stop(0.5, rgb(203, 208, 210))
                               );

  border-top: 1px solid rgb(242, 244, 244);
  border-bottom: 1px solid rgb(140, 143, 145);
}

header.site h1 {
  font-weight: normal;
  font-size: 500%;
  letter-spacing: -.05em;
  text-align: center;
  margin: 0;
  color: white;
  text-shadow: 0px 1px 3px #999;
}

header.site h1 a {
  color: white;
  border-bottom: none;
}
/* ...header */

/* footer... */
footer.site {
  width: 80%;
  max-width: 700px;
  margin: 0 auto;
  background: white url(/images/avatar_horizontal.png) no-repeat center bottom;
  -webkit-box-shadow: 0px -2px 5px #ccc;
  -moz-box-shadow:    0px -2px 5px #ccc;
  box-shadow:         0px -2px 5px #ccc;
  padding: 3em 3em 225px 3em;
}

footer.site h1 {
  font-size: 200%;
}

footer.site h2,
footer.site p,
footer.site ul,
footer.site li {
  display: inline;
  line-height: 150%;
}

footer.site li:after {
  content: ", ";
}

footer li:last-child:after {
  content: ".";
}

footer.site p#contact {
  display: block;
  margin: 1em 0;
}
/* ...footer */

/* feed */
ol.hfeed {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}

/* entry header... */
article.hentry {
  width: 80%;
  max-width: 700px;
  -webkit-box-shadow: 2px 2px 4px #ccc;
  -moz-box-shadow:    2px 2px 4px #ccc;
  box-shadow:         2px 2px 4px #ccc;
  padding: 3em;
  margin: 0 auto 3em auto;
  background: white;
}

article.hentry header {
  /* for long urls in toots */
  overflow: auto;
}

article.hentry header h1 {
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  line-height: 100%;
  font-size:   400%;
  margin-bottom: .5em;
}

article.hentry header h1 a {
  border-bottom: none;
  color: black;
}

article.hentry header h1 a: hover {
  color: #333;
}
/* ...entry header */

/* entry content... */
article.hentry.note .entry-content {
  /* for wide content in notes */
  overflow: auto;
}

.entry-content {
  font-family: georgia, times, serif;
  font-size: 150%;
  line-height: 150%;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  margin-bottom: .5em;
  line-height: 100%;
  color: #333;
}

.entry-content h1 { font-size: 275% }
.entry-content h2 { font-size: 250% }
.entry-content h3 { font-size: 225% }
.entry-content h4 { font-size: 200% }
.entry-content h5 { font-size: 175% }
.entry-content h6 { font-size: 150% }

.entry-content ul,
.entry-content ol {
  margin: 1em 0;
}

.entry-content ol li {
  margin-bottom: .5em;
}

.entry-content dt {
  font-weight: bold;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
}

.entry-content p  {
  margin-bottom: 1em;
}

.entry-content p.images img  {
  display: inline;
}

.entry-content p.images  {
  text-align: center;
}

.entry-content img {
  display: block;
  max-width: 100%;
  margin: 1em 0;
}

.entry-content blockquote {
  padding: 2em;
  margin: 1em 0;
  background: #eee;
}

.entry-content blockquote p:last-child {
  margin-bottom: 0;
}

.entry-content cite:before {
  content: "- ";
}

.entry-content table {
  width: 100%;
  border-left:   1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.entry-content tr:first-child th {
  border: 1px solid #666;
  background: #666;
  color: white;
}

.entry-content th,
.entry-content td {
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  padding: .25em;
  text-align: left;
  border-right: 1px solid #ccc;
}

.entry-content tr:nth-child(even) {
  width: 100%;
  background: #eee;
}
/* ...entry content */

/* entry footer... */
article.hentry footer {
  border-top: 1px solid #ccc;
  margin-top: 1em;
  padding-top: 1em;
}

article.hentry footer h1 {
  font-weight: normal;
  font-size: 125%;
  text-align: center;
}

article.hentry footer h2.tags {
  font-weight: normal;
  text-align: center;
}

article.hentry footer label {
  display: block;
}

article.hentry footer table.urls {
  margin-top: 1em;
  width: 100%;
}

article.hentry footer table.urls input {
  width: 95%;
}

article.hentry footer table.urls label {
  color: #999;
  font-weight: normal;
  font-size: 80%;
}
article.hentry footer table.urls label.long_url  { text-align: right; }
article.hentry footer table.urls label.short_url { text-align: left; }

article.hentry footer table.urls input {
  color: #999;
  border: 1px solid #eee;
}

article.hentry footer table.urls input.long_url  { float: right; }
article.hentry footer table.urls input.short_url { float: left; }

article.hentry footer h3 {
  font-weight: normal;
  font-size: 75%;
  margin-top: 1em;
  color: #ccc;
  text-align: center;
  line-height: 150%;
}

article.hentry footer h3 a {
  color: #ccc;
  border-bottom: 1px solid #ccc;
}
/* ...entry footer */

/* comments... */
#comments {
  margin-top: 2em;
}

#comments h1 {
  font-size: 2em;
  margin-bottom: .25em;
}

#comments li {
  list-style-type: none;
  margin-bottom: 1em;
}

#comments p {
  font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
  font-weight: normal;
  line-height: 150%;
}

#comments h2 {
  font-size: 2em;
}

#comments .email {
  font-weight: normal;
  font-size: .5em;
}
/* ...comments */

/* activitity speciific... */
article.status.hentry header h1 {
  font-size: 300%;
}

article.status.hentry header h1 a {
  border-bottom: 2px solid black;
}
/* ...activitity speciific */