/* reset */
* {
  margin:0;
  padding:0;
  border:none;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
}
:target::before {
  content:" → ";
  position:absolute;
  display:block;
  opacity:0.5;
  color:#f00;
  margin:0.2em 0 0 -1.2em;
}
abbr, acronym {
  border-bottom:1px dotted #aaa;
}
kbd, code, pre {
  xxx-font-family:CentSchbook Mono BT, Bitstream Vera Sans Mono, monofont, monospace;
  font-family:monospace;
  margin:0;
  font-size:18px;
  line-height:24px;
  background:#eee;
  outline:1px solid #ccc;
}
kbd code, kbd pre, kbd kbd,
pre code, pre pre, pre kbd,
code code, code pre, code kbd { outline: none }
.dollar::before {
  content:"$ ";
  display:inline;
}
p, ul, ol, dl, pre {
  margin:30px 0;
  line-height:30px;
}
hr {
  margin:30px auto 29px;
  width:66%;
  height:1px;
  background:#aaa;
}
pre {
  display:block;
}
dd :first-child {
  margin-top:0;
}

body {
  quotes:"“" "”" "‘" "’";
  width:666px; /* 60ex */
  margin:30px auto;
  xxx-font-family:Hoefler Text, bodyfont, serif;
  font-family:serif;
  font-family:Times New Roman;
  font-size:20px;
  background:#fff;
  line-height:30px;
  color:#111;
}

blockquote {
  position:relative;
  font-size:16px;
  line-height:30px;
  font-weight:bold;
  width:85%;
  margin:0 auto;
}
blockquote::before {
  font-size:90px;
  display:block;
  position:absolute;
  top:20px;
  right:100%;
  content:"“";
  padding-right:10px;
  color:#ccc;
}
.source cite::before {
  content:"— ";
}
.source {
  padding-left:20%;
  margin-top:30px;
}
.source cite span {
  font-style:normal;
}
blockquote p {
  margin-bottom:0;
}
.quote blockquote {
  font-weight:normal;
}

h1, h2, h3, h4, h5, h6, dt, #header {
  xxx-font-family:Qlassik Medium, heading, sans-serif;
  font-family:serif;
  font-family:Times New Roman;
  font-size:25px;
}
h1, h2, h3, h4, h5, h6 {
  line-height:60px;
}
h2 { font-size:40px; }
h3 { font-size:35px; }
h4 { font-size:30px; }
h5 { font-size:25px; }
h6 { font-size:20px; }

/*
h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
  margin-top:0;
}
*/

i, em, cite {
  font-style:italic;
}
b, strong {
  font-weight:bold;
}
i, em, cite, b, strong, small {
  line-height:28px;
}
small, .small, .small *, aside {
  font-style:italic;
  color:#669;
  font-size:18px;
}
spall a, .small a {
  text-decoration:underline;
}
del {
  text-decoration:line-through;
}
ins {
  text-decoration:underline;
}
.alignright { display:block; float:right; margin-left:1em; }
.alignleft { display:block; float:left; margin-right:1em; }

q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:"“"; }
q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:"‘"; }
q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:"”"; }
q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:"’"; }

a { color:#00f; text-decoration:none; }
a:visited { color:#636; }
a:hover, a:active { color:#900!important; text-decoration:underline; }

h1 {
  font-size:40px;
  line-height:60px;
}
#header {
  text-align:center;
  margin-bottom:30px;
}
#header h1 a {
  display:block;
  width:100%;
  height:100%;
  padding-bottom:60px;
  margin-bottom:-60px;
  padding-top:30px;
  margin-top:-30px;
  position:relative;
  color:inherit;
  font-size:60px;
}

.navigation {
  display:table;
  width:100%;
  margin:0 0 30px 0;
  position:relative;
}
#nav-above {
  margin-bottom:0;
}
.navigation .nav-previous {
  display:table-cell;
  text-align:left;
  width:50%;
}
/* hang the » and « off into the margins */
.navigation .nav-previous a:before, .navigation .nav-next a:after {
  content: "«";
  display:block;
  height:30px;
  margin-bottom:-30px;
  text-decoration:none;
  margin-left:-15px;
}
.navigation .nav-next a:after {
  content: "»";
  text-align:right;
  margin-left:0;
  margin-top:-30px;
  margin-right:-15px;
}


.navigation .nav-next {
  display:table-cell;
  text-align:right;
  width:50%;
}
.navigation a {
  display:block;
  width:100%;
  height:100%;
}

.page-title {
  margin-top:60px;
}
.entry-title {
  font-size:50px;
  line-height:60px;
  margin-bottom:0;
}
.attachment .entry-title {
  margin-top:60px;
}
.cat-links {
  line-height:30px;
  font-size:16px;
  margin-top:60px;
  white-space:nowrap;
}
.cat-links a {
  line-height:30px;
  margin-right:1em;
}
.entry-meta, .comment-meta {
  font-size:16px;
  line-height:30px;
  margin-bottom:30px;
}
.cat-links, .entry-meta, .comment-meta, a.permalink {
  color:#aaa;
}
.cat-links a, .entry-meta a, .comment-meta a {
  color:inherit;
}

dl.chat {
  border-bottom:1px solid #ccc;
  margin-bottom:-1px;
  position:relative;
}
.chat dt {
  position:absolute;
  left:0;
  width:190px;
  text-align:right;
  border-top:1px solid #ccc;
  padding-right:10px;
  margin-top:-1px;
}
dl.chat dt:first-child {
  margin-top:0;
}
.chat dt.person1+dd+dt.person1,
.chat dt.person2+dd+dt.person2,
.chat dt.person3+dd+dt.person3,
.chat dt.person4+dd+dt.person4 {
  visibility:hidden;
}
.chat dd {
  padding-left:1ex;
  border-top:1px solid #ccc;
  margin-top:-1px;
  margin-left:200px;
}
a.permalink {
  position:absolute;
  left:-40px;
  line-height:60px;
}
.hentry {
  position:relative;
}
.hentry.poem {
  text-align:center;
}
.hentry.poem * {
  text-align:left;
}
.hentry.poem .text {
  display:inline-block;
}
h2.link-title {
  font-size:20px;
  line-height:30px;
}
.reblog h2 {
  line-height:60px;
}
.reblog h2 { font-size:40px; }
.reblog h2 a { color:inherit; }

.photo img {
  display:block;
  margin:0 auto;
}

#dsq-post-add {
  height:auto!important;
}
#comments-list li.comment, #comments-list li.pingback {
  font-size:40px;
  margin-left:-7px;
  margin-top:30px;
}
#comments-list div.comment {
  font-size:20px;
  padding-left:7px;
}
#comments-list .comment-head {
  border-color:inherit;
  border-style:solid;
  margin-left:-13px;
  border-width:0 0 0 3px;
  padding-left:10px;
}
#comments-list .comment-head h4 {
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
}
#comments-list .pingback .comment-head h4 {
  font-size:20px;
}

#comments-list h4 img {
  vertical-align:middle;
  display:inline-block;
  margin-right:6px;
}
.comment-parent a, .comment-children a {
  border-left:2px solid;
  padding-left:4px;
  margin-left:4px;
}

#showlines:target body, .show-lines body, input, button, textarea {
  background:#fff url(http://static.izs.me/img/lines.png) top left repeat;
}
input, button, textarea {
  border:0;
  line-height:30px;
}
textarea {
  height:300px;
}
input {
  height:30px;
  line-height:30px;
}
input.submit, input#submit, input.button, button, input[type=submit] {
  cursor:hand; cursor:pointer;
  outline:1px solid #ccc;
}

#wrapper {
  margin-bottom:90px;
  *zoom:1;
}
#wrapper:after {
  display:block;
  content:".";
  visibility:hidden;
  width:0;
  height:0;
  clear:both;
}

.sidebar .xoxo > li {
  float:left;
  width:50%;
}
.sidebar li {
  list-style:none;
}
.sidebar #elsewhere {
  margin-left:-10%;
  margin-right:-10%;
}
.sidebar #rss-links, .sidebar #twitter-feeds {
  float:right;
  clear:right;
  width:20%;
}
.sidebar #comment {
  clear:both;
  float:none;
  width:100%;
}
.sidebar #search {
  clear:both;
  float:none;
  width:100%;
}
.sidebar #search h2 {
  margin-left:40%;
}
.sidebar #search #s {
  width:90%;
  float:left;
}
.sidebar #search #searchsubmit {
  width:10%;
  float:right;
}
.sidebar * {
  font-size:15px;
  line-height:30px;
}

#footer, #footer * {
  margin:300px 0 0;
  text-align:right;
  font-size:14px;
  line-height:90px;
}

@media print {
  a[href] {
    color:inherit;
  }
  a[href]:after {
    white-space:nowrap;
    content:" " attr(href);
  }
  a[href^=\#], a[href$="#respond"], a[href$="#comments"]:after,
  .responselinks, .edit-link, a.reply, .cat-links a:after,
  .navigation, #respond, #sidebars {
    display:none;
  }
}

/* the monospace fonts */
@font-face {
  font-family:monofont;
  src: url(http://static.izs.me/fonts/Bitstream-Vera-Sans-Mono/VeraMono.ttf) format("truetype");
}
@font-face {
  font-family:monofont;
  font-style:italic;
  src: url(http://static.izs.me/fonts/Bitstream-Vera-Sans-Mono/VeraMoIt.ttf) format("truetype");
}
@font-face {
  font-family:monofont;
  font-weight:bold;
  src: url(http://static.izs.me/fonts/Bitstream-Vera-Sans-Mono/VeraMoBd.ttf) format("truetype");
}
@font-face {
  font-family:monofont;
  font-style:italic;
  font-weight:bold;
  src: url(http://static.izs.me/fonts/Bitstream-Vera-Sans-Mono/VeraMoBI.ttf) format("truetype");
}

/* Regular body text */
@font-face {
  font-family:bodyfont;
  src: url(http://static.izs.me/fonts/Hoefler-Text/regular.ttf) format("truetype");
}
@font-face {
  font-family:bodyfont;
  font-style:italic;
  src: url(http://static.izs.me/fonts/Hoefler-Text/italic.ttf) format("truetype");
}
@font-face {
  font-family:bodyfont;
  font-weight:bold;
  src: url(http://static.izs.me/fonts/Hoefler-Text/bold.ttf) format("truetype");
}
@font-face {
  font-family:bodyfont;
  font-style:italic;
  font-weight:bold;
  src: url(http://static.izs.me/fonts/Hoefler-Text/bolditalic.ttf) format("truetype");
}

/* headings */
@font-face {
  font-family:heading;
  src: url(http://static.izs.me/fonts/Qlassik-Medium/Qlassik_TB.otf) format("truetype");
}
@font-face {
  font-family:heading;
  font-style:italic;
  src: url(http://static.izs.me/fonts/Qlassik-Medium/Qlassik_TB.otf) format("truetype");
}
@font-face {
  font-family:heading;
  font-weight:bold;
  src: url(http://static.izs.me/fonts/Qlassik-Medium/QlassikBold_TB.otf) format("truetype");
}
@font-face {
  font-family:heading;
  font-style:italic;
  font-weight:bold;
  src: url(http://static.izs.me/fonts/Qlassik-Medium/QlassikBold_TB.otf) format("truetype");
}