* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  color: #333;
  font-family: verdana, lucida grande, lucida sans, trebuchet ms, trebuchet, arial, helvetica, sans-serif;
  font-size: 69%;
  line-height: 1.82;
}

/* Block-Level Elements */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

p, pre, ul, ol {
  margin-bottom: 1em;
}

pre, code {
  font-family: consolas, lucida console, monaco, courier new, courier, monospace;
  font-size: 118%;
  line-height: 1.53;
}

pre code {
  font-size: 100%;
}

pre {
  background-color: #eee;
  padding: 0.5em 1em;
}

ul, ol {
  color: #999;
  font-family: georgia, times new roman, times, serif;
  font-size: 145%;
  font-style: italic;
  font-weight: bold;
  line-height: 1.25;
  padding-left: 2em;
}

ul {
  list-style-type: square;
}

ul ul, ul ol, ol ul, ol ol {
  font-size: 100%;
  margin-bottom: 0;
}

ul ul {
  list-style-type: disc;
}

ul ul ul {
  list-style-type: circle;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: lower-roman;
}

ul span, ul p, ol span, ol p {
  color: #333;
  font-family: verdana, lucida grande, lucida sans, trebuchet ms, trebuchet, arial, helvetica, sans-serif;
  font-size: 69%;
  font-style: normal;
  font-weight: normal;
  line-height: 1.82;
  margin-bottom: 0;
}

blockquote, q, cite.quote {
  font-family: trebuchet ms, trebuchet, lucida grande, lucida sans, arial, helvetica, verdana, sans-serif;
  font-size: 109%;
  font-style: italic;
  line-height: 1.65;
}

blockquote {
  background: transparent url(close-quote.jpg) no-repeat scroll bottom right;
  padding-right: 2em;
}

blockquote p {
  background: transparent url(open-quote.jpg) no-repeat scroll top left;
  padding-left: 2em;
}

blockquote blockquote {
  font-size: 100%;
}

blockquote.quoted {
  background-image: none;
}

blockquote.quoted p {
  background-image: none;
}

cite.quote {
  display: block;
  margin: -1em 0 1em;
  padding-right: 2em;
  text-align: right;
}

.example {
  border: dashed 1px #999;
  margin: 0 2em 1em;
  padding: 1em 1em 0;
}

/* Inline Elements */
a:link, a:visited {
  color: #369;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: none;
}

input, select, textarea {
  border: 1px dashed #ccc;
  color: #333;
  font-family: verdana, lucida grande, lucida sans, trebuchet ms, trebuchet, arial, helvetica, sans-serif;
  font-size: 100%;
}

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

/* Classes */
.access {
  position: absolute;
  left: -9999px;
}

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

.table div {
  clear: left;
}

.table div div {
  clear: none;
  float: left;
}

/* Sections */
#banner {
  background-color: #006;
  color: #fff;
  font-family: trebuchet ms, trebuchet, lucida grande, lucida sans, arial, helvetica, verdana, sans-serif;
  height: 5.24em;
  overflow: hidden;
}

#banner h1 {
  float: left;
  font-size: 291%;
  font-weight: bold;
  margin-left: 0.4em;
}

#banner h1 a:link, #banner h1 a:visited, #banner h1 a:hover {
  color: #fff;
  text-decoration: none;
}

#banner p {
  float: left;
  font-weight: bold;
  margin: 2.25em 0 0 3em;
}

#rss {
  float: right;
  height: 5.13em;
}

#rss img {
  margin: -15px 1em 0 0;
  position: relative;
  top: 50%;
}

#wrapper {
  clear: both;
  margin: 0 auto;
  overflow: hidden;
  padding: 2em 0;
  width: 844px;
}

#content {
  float: left;
  padding-right: 20px;
  width: 624px;
}

#postlist h2 {
  color: #666;
  font-family: georgia, times new roman, times, serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}

#postlist h2 a:link, #postlist h2 a:visited {
  color: #666;
}

.post h3, #authcomment h3 {
  color: #006;
  font-family: georgia, times new roman, times, serif;
  font-size: 182%;
}

.post h3 a:link, .post h3 a:visited {
  color: #006;
}

.post h4 {
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.post-footer {
  border-bottom: dashed 1px #999;
  color: #666;
  font-family: trebuchet ms, trebuchet, lucida grande, lucida sans, arial, helvetica, verdana, sans-serif;
  letter-spacing: 2px;
  margin-bottom: 2em;
  padding-bottom: 2em;
  text-transform: uppercase;
}

.post-footer .author {
  text-align: right;
}

.post-footer cite {
  font-style: normal;
}

.post-footer p {
  margin-bottom: 0;
}

.post-footer .post-date {
  float: left;
  width: 33%;
}

.post-footer .edit-date {
  float: left;
  margin-left: 2em;
  width: 33%;
}

.post-footer .comments {
  float: right;
  text-align: right;
  width: 33%;
}

.post-footer .permalink {
  clear: left;
  float: left;
}

.post-footer .email {
  clear: right;
  float: right;
}

.post-footer .tags {
  clear: both;
}

#postlist #pagination {
  color: #666;
  font-family: trebuchet ms, trebuchet, lucida grande, lucida sans, arial, helvetica, verdana, sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 1.82;
  list-style-type: none;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0 0 1em 0;
  text-transform: uppercase;
}

#postlist #pagination li {
  display: block;
  float: left;
  text-align: center;
}

#postlist #pagination .end {
  text-align: left;
  width: 11.73%;
}

#postlist #pagination .right {
  float: right;
  text-align: right;
}

#postlist #pagination a {
  display: block;
}

#commentswrapper {
  background-color: #ddd;
  clear: both;
}

#comments {
  margin: 0 auto;
  padding: 1em 0;
  width: 844px;
}

#comments:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#commentlist {
  float: left;
  padding-right: 20px;
  width: 624px;
}

#commentlist h4 {
  font-family: georgia, times new roman, times, serif;
  font-size: 164%;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#commentlist blockquote {
  background-image: url(close-quote2.jpg);
  padding-top: 1em;
}

#commentlist blockquote p {
  background-image: url(open-quote2.jpg);
}

#commentlist cite {
  border-bottom: dashed 1px #999;
  padding-bottom: 2em;
}

#postcomment {
  float: right;
  width: 200px;
}

#postcomment h5 {
  font-family: trebuchet ms, trebuchet, lucida grande, lucida sans, arial, helvetica, verdana, sans-serif;
  font-size: 164%;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#postcomment p {
  margin-bottom: 0;
}

#postcomment input, #postcomment textarea {
  background-color: transparent;
  border: dashed 1px #ccc;
  font-family: trebuchet ms, trebuchet, lucida grande, lucida sans, arial, helvetica, verdana, sans-serif;
  font-size: 109%;
  font-style: italic;
  line-height: 1.65;
  margin-bottom: 1em;
  width: 200px;
}

#postcomment textarea {
  height: 200px;
  overflow: auto;
}

#postcomment input.submit {
  border: none;
  color: #369;
  cursor: pointer;
  font-family: verdana, lucida grande, lucida sans, trebuchet ms, trebuchet, arial, helvetica, sans-serif;
  font-size: 100%;
  font-style: normal;
  line-height: 1.82;
  width: auto;
}

#postlink {
  text-align: right;
}

#postcommenterror {
  color: #900;
}

#postcommenterror ul {
  color: #900;
  font-family: verdana, lucida grande, lucida sans, trebuchet ms, trebuchet, arial, helvetica, sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  line-height: 1.82;
}

#sidebar {
  float: right;
  width: 200px;
}

#sidebar h2 {
  font-family: trebuchet ms, trebuchet, lucida grande, lucida sans, arial, helvetica, verdana, sans-serif;
  font-size: 164%;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#aboutme p {
  font-family: georgia, times new roman, times, serif;
  font-style: italic;
}

#aboutme .signature {
  text-align: right;
}

#archive ul {
  color: #333;
  font-family: trebuchet ms, trebuchet, lucida grande, lucida sans, arial, helvetica, verdana, sans-serif;
  font-size: 145%;
  font-style: normal;
  font-weight: normal;
  line-height: 1.24;
  list-style-type: none;
  padding-left: 0;
}

#archive ul ul {
  font-size: 88%;
  line-height: 1.43;
  padding-left: 1em;
  text-transform: uppercase;
}

#archive ul ul ul {
  font-size: 86%;
  line-height: 1.67;
  padding-left: 3em;
  text-indent: -1em;
  text-transform: none;
}

#archive img {
  cursor: pointer;
}

#tags ul {
  color: #333;
  font-family: trebuchet ms, trebuchet, lucida grande, lucida sans, arial, helvetica, verdana, sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  line-height: 2;
  text-align: center;
  vertical-align: middle;
}

#tags ul li {
  display: inline;
  margin: 0 0.25em;
}

#tags ul a {
  white-space: nowrap;
}

#links dl {
  font-family: trebuchet ms, trebuchet, lucida grande, lucida sans, arial, helvetica, verdana, sans-serif;
  font-size: 109%;
  line-height: 1.67;
}

#links dl dt {
  font-weight: bold;
}

#links dl dd {
  font-style: italic;
  line-height: 1.17;
  margin: 0 0 1em 1em;
}

#login input {
  width: 180px;
}

#login .submit {
  text-align: right;
}

#login .submit input {
  background-color: #fff;
  border: none;
  color: #369;
  cursor: pointer;
  width: auto;
}

#footer {
  background-color: #ccc;
  clear: both;
  text-align: center;
  padding: 0.5em 0;
}

.attrname, .entity, .propname {
  color: #f00;
}

.attrvalue, .keyword, .op, .ppdir, .propvalue, .tag {
  color: #00f;
}

.char, .regex, .selector, .string, .tagname {
  color: #900;
}

.comment {
  color: #090;
}

.doc {
  color: #999;
}

.server {
  background-color: #ff0;
}