/* ALL BROWSER RESET */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus { outline: 0; }

body {
  line-height: 1;
  color: black;
  background: white;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }


/* BODY, WRAPPINGS, ANCHORS, anything sitewide */
body {
  padding     : 60px 60px 60px 80px;
  background  : #fff;
  color       : #919191;
  font-family : Georgia, "Times New Roman", Times, serif;
  font-size   : 11px;
  line-height : 1.8em;
}

a       { text-decoration: none; }
a:hover { text-decoration: underline; }
a, a *  { color: #134; }

/* HEADER */

#header              { margin: 0 0 6em 0; }
#header h1 a         { color: #000; font: normal 2em Georgia, "Times New Roman", Times, serif; }
#description         { color: #919191; margin: 0; }


/* CONTENT */
.post {
  color  : #777c7c;
  width  : 500px;
  margin : 0 0 5em 60px; }

.post h2, h3, h4 {
  color  : #333;
  font   : normal 16px Georgia, "Times New Roman", Times, serif;
  margin : 0 0 1.2em -30px; }

.post h3 { margin: 16px 0px 0.5em -10px; font-size: 14px; }
.post h4 { margin: 16px 0px 0.5em   0px; font-size: 14px; }

.post h2 a { font-weight: normal; }

.post>.text>ul, .post>.text>ol {
  margin-right: 1.5em;
}

#content blockquote {
  padding-left: 15px;
  border-left: 1px dotted #d0d0d0; }

#content blockquote p {
  line-height: 25px; }

.postmeta {
  margin-top: 10px;
  font: italic 11px Helvetica, Arial, sans-serif; }

.postmeta a, .postmeta a:link, .postmeta a:visited {
  color: #999;
  font-weight: normal;
  border-bottom: 1px dotted #ddd; }

.postmeta a:hover {
  text-decoration: none;
  border-bottom: 1px dotted #333 }

.postmeta ul.tags,
.postmeta ul.tags li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}

.postmeta ul.tags li:before             { content: ", "; }
.postmeta ul.tags li:first-child:before { content: "";   }

p.comments {
  font-size: 10px;
  margin-top: 0.4em;
  color: #bbbfbf;
}

/* QUOTE */

.quote p, .photo p, .video p, .audio p, #content .conversation, .text blockquote, #footer {
  color: #333;  }

/* PHOTO */

.photo img, .photo a img, .video object {}

/* CONVERSATION */

#content .conversation {
  line-height: 2em; }

.member1 {
  color         : #5d838b;
  background    : #f9f9f9; }

.label {
  font-weight   : bold;
  font-style    : italic;
  color         : #999;
  padding-right : 10px; }

.member1 .label { color: #5d838b; }


/* TEXT */
.text p, .audio p {
  margin: 0 0 1.5em 0; }

.text blockquote {
  margin      : 0 0 1.5em 1.5em;
  padding     : 0 0 0 1.5em;
  border-left : 1px solid #304156;  }

ul, ol { margin: 0 0 1.5em 1.5em; }

ul { list-style: disc; }

strong { color: #666; font-weight: bold; }
em     { color: #666; font-style: italic; }
code   { color: #444; }

.post a { font-weight: bold; }

kbd {
  font-family   : Lucida Grande, monospace;
  padding       : 1px 3px;
  border        : 1px solid #ddd;
  -webkit-box-shadow: inset 0px 0px 2px #fff;
  border-color  : #eee #ccc #ccc #eee;
  border-radius : 4px;
  color         : #444;
  background    : #fafbfb -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.35, #eceded),
      color-stop(0.50, #fcfdfd)
  );
}

pre, code {
  font-family: consolas, menlo, monospace;
  line-height: 1.25;
}

.post pre {
  background-color : #eee;
  color            : #222;
  margin           : 1.5em 0;
  padding          : 4px 8px;
  width            : 484px;
  overflow         : visible;
}

.post a * { color: inherit; }

hr {
  height     : 0;
  margin     : 1em auto 1em 0;
  border     : none;
  border-top : 1px dotted #aaa;
}


/* AUDIO */

span.playcount { font: italic 11px Georgia, "Times New Roman", Times, serif; }


/* NAVIGATION */

#navigation { margin-bottom: 30px; }
#navigation span.page_number { color: #d0d0d0; }

/* FOOTER */

#footer { margin: 0 0 7em 0; }

#searchform input {
  background : #eee;
  color      : #888;
  width      : 15em;
  border     : none;
  padding    : 3px;
}

.attribution       { opacity: .4; padding-left: 8px; }
.attribution:hover { opacity: .9;                    }