#wrap { margin: 35px auto 0; max-width: 76em; position: relative; }

#domainnav { margin-top: -25px; position: absolute; right: 13px; top: 0; }
#domainnav ul { font-size: 85%; list-style: none; margin: 0; padding: 0; }
#domainnav li { display: inline; padding: 0 1em 0 0;
  text-transform: lowercase;
}
#domainnav :link, #domainnav :visited { color: #666; }

#banner { background: url(darkstripe.png); border-top: 1px solid #000;
  border-bottom: 1px solid #ddd; font-family: "Droid Sans Mono",monospace;
  margin: 0 173px 0 32px;
}
#banner :link, #banner :visited { text-decoration: none; }
#banner #logo { font-size: 166%; margin: -25px 16px 1.5em 66px; padding: 0;
  position: absolute; left: 0; right: 0; width: 239px; height: 47px;
}
#banner #logo img { position: absolute; z-index: 999; }
*html #logo img { display: none; }
*html #logo :link, *html #logo :visited {
  background: url(logo.gif) 0 0 no-repeat; display: block; width: 239px;
  height: 47px;
}
#banner #tagline { background: url(tlc.png) no-repeat; border: none;
  color: #fff; font: bold 90%/1.5 Nobile,sans-serif;
  letter-spacing: -1px; margin: 0 -16px 0 0; min-width: 200px;
  padding: 8px 16px 16px 40%; position: relative; top: -1px; left: -16px;
  text-align: right; text-indent: 3%; text-transform: lowercase;
  text-shadow: #555 -1px 1px 0;
}
#banner #tagline :link, #banner #tagline :visited { color: #ddd; }
#banner #tagline :link:hover, #banner #tagline :visited:hover {
  text-decoration: underline;
}
#shortcuts { border-left: 16px solid #000;
  font: normal 90% "Droid Sans Mono",monospace; letter-spacing: -1px;
  list-style: none; margin: -1px 0 1px -16px; padding: 0 0 8px 16px;
  text-transform: lowercase;
}
#shortcuts li { color: #ccc; display: inline; padding: 0 2em 0 0; }
#shortcuts :link, #shortcuts :visited { color: #d7d7d7; font-weight: bold; }
#shortcuts :link:hover, #shortcuts :visited:hover { color: #f7f7f7; }
#shortcuts label { color: #f7f7f7; }

#content { background: #f6f6f6; border: 1px solid #000;
  border-width: 0 156px 1px 16px; margin: -2px 16px 0 16px; min-height: 400px;
  padding: 2em 24px 2em 16px;
}
* html #content { background: #fff; }
#content .pubdate { color: #999; float: right;
  font: normal 95% "Droid Sans Mono",monospace; letter-spacing: -1px;
  line-height: 1.1em; margin: -.5em 0 2em 2em; text-align: right;
  text-transform: lowercase;
}
#content .more { color: #999; }
#content p.more { margin-left: 1em; }
#content .more:before { color: #999; content: "\21d2"; padding-right: .5em; }
#content ul.info { color: #999; font-size: 95%; list-style: none;
  text-align: center; text-transform: lowercase;
}
#content ul.info li:before { color: #bbb; content: "["; font-size: 130%;
  padding-right: .4em;
}
#content ul.info li:after { color: #bbb; content: "]"; font-size: 130%;
  padding-left: .4em;
}
#content ul.info li { display: inline-block; padding: 0 .4em; }
#content ul.info li :link, #content ul.info li :visited { color: #666; }
#content ul.info li :link:hover, #content ul.info li :visited:hover {
  text-decoration: underline;
}
#content ul.info li.flattr:before { display: none; }
#content ul.info li.flattr:after { display: none; }
#content ul.info li.flattr { position: relative; top: .5em; }

#content blockquote { border-left: 1px dotted #999; margin-left: 1em;
  padding: 0 0 0 1em;
}
#content blockquote .source { font-size: 95%; font-style: italic;
  text-align: right;
}
#content dt { font-weight: bold; margin-top: 1em; }
#content code { color: #666; }
#content pre { background: #eee; border: 1px dashed #999; color: #333;
  margin: 1em; padding: .4em .67em; border-radius: 8px;
}
pre .str { color: #181; }
pre .kwd { color: #369; }
pre .com { color: #666; font-style: italic; }
pre .typ { color: #333; }
pre .lit { color: #900; }
pre .pun { color: #666; }
pre .pln { color: #333; }
pre .tag { color: #369; }
pre .atn { color: #939; }
pre .atv { color: #181; }
pre .dec { color: #606; }

#content table { border-collapse: collapse; caption-side: bottom;
  margin: 1.3em 0;
}
#content caption { color: gray; font-size: 95%; font-style: italic;
  margin-bottom: 2em;
}
#content thead th { background: #666; border: 1px solid #aaa; color: #ccc;
  font-size: 95%; font-weight: normal; padding: .1em .33em 0; text-align: left;
  vertical-align: bottom;
}
#content tbody { border: 1px solid #aaa; }
#content tbody td, #content tbody th { border-right: 1px solid #aaa;
  border-left: 1px solid #ccc; padding: .1em .33em; vertical-align: top;
}
#content .update { font-style: italic; margin-left: 1em; }

#content table.form { border: none; font-size: 95%; margin: none; padding: 0; }
#content table.form tbody, #content table.form thead { border: none; }
#content table.form th, #content table.form td { border: none; padding: .5em; }
#content table.form th { color: #666; font-weight: normal; text-align: right; }
#content table.form tr.error label { color: #000; }
#content table.form tr.error td { background: #f9d4d4; }

#content img.figure { border: 1px solid #999; margin: 0 0 1em;
  -webkit-box-shadow: 2px 2px 3px #666;
}
#content img.left { float: left; margin-right: 1em; }
#content img.right { float: right; margin-left: 1em; }

#content dl { list-style: none; margin: 1em 0; padding: 0; }
#content dl dt { clear: both; }
#content dl dd.pubdate { margin-top: -1.2em; }
#content dl dd.tags { color: #999; font-size: 95%;
  text-transform: lowercase;
}
#content dl dd.tags:before { content: "["; }
#content dl dd.tags:after { content: "]"; }
#content dl dd.tags :link, #content dd.tags :visited {
  color: #666;
}
#content dl.posts dt { font-size: 115%; }
#content .posts { list-style: none; margin: 1em 0; padding: 0; }
#content .post { margin-bottom: 4em; }
#content ol.posts { -moz-column-count: 3; -webkit-column-count: 3; }

#content div.flattr { float: right; margin: 0 0 1em 1em; }
#content .post ul.info { margin-top: 4em; }
#content .post div.flattr { margin-top: 1em; }

#feedback { background: url(pale.png); border: 1px solid #000; clear: both;
  border-width: 0 0 1px 1px; margin: 3em -24px 2em 2em;
  padding: 0 0 1em 0; -webkit-box-shadow: 5px 5px 10px #000;
}
#feedback h2 { background: #000; color: #eee; font-size: 120%;
  margin: 0; padding: .2em 2px .2em 16px; text-shadow: none;
}
#feedback h2 :link, #feedback h2 :visited { color: #fff }
#feedback h2 :link:hover, #feedback h2 :visited:hover {
  text-decoration: none;
}
#feedback ol { list-style: none; margin: 0; padding: 1em 0 0 16px; }
#feedback li { clear: right; margin: 0 0 2em; }
#feedback img.avatar { border: 1px solid #000; border-left-width: 0;
  border-right-width: 2px; float: left; margin: 0 1em 0 -60px;
}
#feedback h3 { border-bottom: 1px solid #666; font-size: 115%;
  margin: 0 0 .5em -16px; padding-left: 16px; text-shadow: none;
}
#feedback h3 :link:hover, #feedback h3 :visited:hover {
  text-decoration: none;
}
#feedback li.self h3 { background: url(darkstripe.png);
  border-top: 1px solid #000; padding-top: .33em; color: #ccc;
}
#feedback li.self h3 :link, #feedback li.self h3 :visited { color: #eee; }
#feedback li.self img.avatar { margin-top: -.5em; }
#feedback li p.pubdate { font-size: 90%; margin-top: 0; padding-right: 24px; }
#feedback li blockquote { padding-right: 24px; margin-right: 2em; }
#feedback li blockquote blockquote { border-left-style: solid; color: #666;
  font-style: italic;
}
#feedback li.ping blockquote { font-style: italic; }
#feedback li.comment>blockquote { border: none; margin: 0 2em 0 0;
  padding: 0;
}
#feedback p.empty { margin: 1em 1.4em 0; }
#feedback li.actions { margin-top: 2em; }
#feedback li.actions button { font-size: 90%; }
div.post #feedback li#preview { background: #eaeaea; border: 1px solid #666;
  border-width: 1px 8px; margin-left: -16px; padding: .5em 0 .5em 8px;
}
div.post #feedback li#preview p.pubdate { padding-right: 16px; }

#sidebar { background: url(hacker.png) no-repeat 100% 0%;
  margin: 0 0 0 16px; padding: 324px 0 20px; position: absolute; top: 0;
  right: 16px; width: 180px;
}
#sidebar ul { background: url(shadowr.png) right top repeat-y;
  list-style: none; margin: -133px 0 1em 24px; padding: 0; position: relative;
  left: 16px;
}
#sidebar :link, #sidebar :visited { background: #74946a;
  border: 1px solid #333; border-top-width: 0; color: #fff; display: block;
  filter: alpha(opacity=60); font: 14px/15px "Droid Sans Mono",monospace;
  letter-spacing: .2em; margin: 1px 0; opacity: .6; padding: 7px 39px 7px 8px;
  text-transform: lowercase;
}
#sidebar :link:hover, #sidebar :visited:hover {
  background-color: #74946a; color: #fff; filter: alpha(opacity=75);
  opacity: .7; text-decoration: none;
  text-shadow: #666 1px 1px 3px;
}
#sidebar .active:link, #sidebar .active:visited {
  filter: alpha(opacity=90); font-weight: bold; opacity: 0.9;
  text-shadow: #333 1px 1px 1px;
}
*+html #sidebar :link, *+html #sidebar :visited { height: 14px; }
* html #sidebar :link, * html #sidebar :visited { height: 14px; }

#footer { background: url(shadow.png) repeat-x; color: #666;
  font-size: 85%; line-height: 10px; margin: 0 20px; padding: 1em 4px 3em;
  text-align: right; text-transform: lowercase;
}
#footer .copyright { float: left; }
#footer img { border: none; }

input#openid { background: #fff url(openid.png) 2px 50% no-repeat;
  padding-left: 20px;
}