* {
  margin: 0;
  padding: 0; }

body.boring {
  background: white;
  color: #222222;
  font-size: 90%;
  font-family: Verdana, Arial, sans-serif; }
  body.boring #header {
    font-size: 350%;
    font-weight: bold;
    letter-spacing: 0.1em;
    overflow: hidden;
    border-bottom: 3px solid #111111; }
    body.boring #header a {
      display: block;
      padding: 0.25em;
      padding-top: 0.5em;
      margin-bottom: -0.75em;
      text-align: center;
      text-decoration: none;
      color: white;
      background: #111111;
      -webkit-transition: all 0.1s; }
      body.boring #header a:hover, body.boring #header a:focus {
        padding-top: 0.3em;
        margin-bottom: -0.55em;
        border-color: #555599; }
      body.boring #header a:active {
        color: #cccccc; }
  body.boring #container a {
    color: #222222; }
  body.boring #container h1, body.boring #container h2, body.boring #container h3, body.boring #container h4, body.boring #container h5, body.boring #container h6, body.boring #container h7 {
    font-family: Georgia, "Times New Roman", sans-serif;
    font-weight: normal; }
  body.boring #content-wrapper {
    width: 60em;
    max-width: 100%;
    margin: auto; }
  body.boring #content {
    font-size: 90%; }
    body.boring #content #flash p {
      padding: 0.5em;
      text-align: center;
      border: 1px solid black; }
      body.boring #content #flash p.error {
        border-color: #eedddd;
        background-color: #ffeeee;
        color: #660000; }
      body.boring #content #flash p.notice {
        border-color: #ddeedd;
        background-color: #eeffee;
        color: #006600; }
    body.boring #content .about {
      margin: 2em 0 3em 0;
      text-align: right;
      font-size: 80%; }
      body.boring #content .about a.feed:hover, body.boring #content .about a.feed:focus {
        color: #ff6600; }
      body.boring #content .about a.twitter:hover, body.boring #content .about a.twitter:focus {
        color: #3399ff; }
      body.boring #content .about a.wwr:hover, body.boring #content .about a.wwr:focus {
        color: #990000; }
      body.boring #content .about a.github:hover, body.boring #content .about a.github:focus {
        color: #999999; }
    body.boring #content h2, body.boring #content h3, body.boring #content h4 {
      margin: 2em 0 1em 0; }
    body.boring #content h2 {
      font-size: 200%; }
    body.boring #content h3 {
      font-size: 160%; }
    body.boring #content h4 {
      font-size: 130%; }
    body.boring #content p {
      margin: 1em 0; }
      body.boring #content p.image {
        text-align: center; }
    body.boring #content ul {
      margin-left: 1em; }
    body.boring #content img {
      border: 1px solid #999999; }
    body.boring #content pre {
      overflow: auto;
      border-left: 0.75em solid #f8f8f8;
      color: #444444;
      padding: 1em 1em;
      margin: 2em 0.5em 2em -1.5em;
      font-family: monospace;
      line-height: 1.4em; }
      body.boring #content pre:hover {
        border-color: #ececec;
        color: #222222; }
    body.boring #content .items .item {
      padding: 5em 0.5em; }
      body.boring #content .items .item:first-child {
        padding-top: 2em; }
      body.boring #content .items .item h2 {
        font-size: 300%;
        font-weight: 100;
        font-style: italic;
        margin: 0; }
        body.boring #content .items .item h2 a {
          text-decoration: none;
          padding: 1em;
          margin-left: -1em; }
          body.boring #content .items .item h2 a:hover {
            text-decoration: underline; }
      body.boring #content .items .item .meta {
        font-size: 80%;
        color: #999999;
        margin-top: 0.5em;
        font-style: italic; }
        body.boring #content .items .item .meta a {
          color: #999999;
          text-decoration: none;
          border-bottom: 1px solid #eeeeee; }
          body.boring #content .items .item .meta a:hover, body.boring #content .items .item .meta a:focus {
            color: #333333;
            border-color: #666666; }
        body.boring #content .items .item .meta strong {
          font-weight: normal;
          color: #666666; }
      body.boring #content .items .item .more {
        margin-top: 2em;
        margin-left: -0.5em;
        overflow: auto; }
        body.boring #content .items .item .more a {
          float: left;
          padding: 0.5em;
          text-decoration: none; }
          body.boring #content .items .item .more a:hover, body.boring #content .items .item .more a:focus {
            background: black;
            color: white; }
          body.boring #content .items .item .more a:after {
            content: " ➤"; }
      body.boring #content .items .item .body {
        margin-top: 2em; }
    body.boring #content .post .meta {
      font-size: 80%;
      color: #333333; }
      body.boring #content .post .meta a {
        color: #333333; }
    body.boring #content .page .children {
      list-style-type: none;
      overflow: hidden; }
      body.boring #content .page .children li {
        float: left;
        margin-right: 0.25em; }
        body.boring #content .page .children li a {
          display: block;
          background: #eeeeee;
          padding: 0.25em;
          color: #666677; }
          body.boring #content .page .children li a:hover, body.boring #content .page .children li a:focus {
            background: #dddddd;
            color: #333355; }
    body.boring #content .comments {
      margin-top: 10em; }
      body.boring #content .comments .comment {
        margin: 5em 0;
        padding: 0.5em;
        border-top: 2px solid black;
        background: #fcfcfc; }
        body.boring #content .comments .comment .meta {
          text-align: right;
          font-family: Verdana, Arial, sans-serif; }
      body.boring #content .comments .feed {
        font-size: 80%;
        overflow: hidden; }
        body.boring #content .comments .feed a {
          float: right;
          text-decoration: none;
          padding: 0.5em; }
          body.boring #content .comments .feed a:before {
            content: "➭ "; }
          body.boring #content .comments .feed a:hover, body.boring #content .comments .feed a:focus {
            background: black;
            color: white; }
    body.boring #content .paginator {
      text-align: center;
      margin: 4em 0; }
      body.boring #content .paginator .page {
        padding: 0.5em 1em;
        text-decoration: none;
        color: black;
        border: 0.25em solid white; }
        body.boring #content .paginator .page:hover, body.boring #content .paginator .page:focus {
          border-color: black; }
        body.boring #content .paginator .page.current, body.boring #content .paginator .page:focus {
          background-color: black;
          color: white; }
    body.boring #content form {
      width: 70%; }
      body.boring #content form.new_comment fieldset {
        border: none;
        padding: 0;
        margin: 0;
        position: relative; }
        body.boring #content form.new_comment fieldset p {
          margin: 0.5em 0; }
          body.boring #content form.new_comment fieldset p.openid input {
            background-image: url("/images/openid.gif");
            background-repeat: no-repeat;
            background-position: 2px center; }
        body.boring #content form.new_comment fieldset legend {
          display: none;
          margin: 0;
          font-size: 80%; }
          body.boring #content form.new_comment fieldset legend a {
            display: block;
            padding: 0.15em 0.5em;
            text-decoration: none;
            color: inherit;
            outline: none;
            border: 1px solid #666666; }
          body.boring #content form.new_comment fieldset legend a:hover, body.boring #content form.new_comment fieldset legend a:focus {
            cursor: pointer; }
        body.boring #content form.new_comment fieldset.inactive {
          display: none; }
      body.boring #content form.new_comment .openid-switcher {
        overflow: hidden;
        margin: 0.25em 0;
        font-size: 80%; }
        body.boring #content form.new_comment .openid-switcher a {
          float: left;
          padding: 0.25em 0.5em;
          color: black;
          background: #eeeeee;
          outline: 0;
          text-decoration: none; }
          body.boring #content form.new_comment .openid-switcher a:hover, body.boring #content form.new_comment .openid-switcher a:focus {
            text-decoration: underline;
            color: #333333; }
      body.boring #content form p label {
        display: block;
        font-size: 80%;
        position: relative;
        cursor: pointer; }
        body.boring #content form p label .info {
          color: #999999;
          position: absolute;
          right: 0;
          font-weight: normal; }
          body.boring #content form p label .info a {
            color: #999999; }
      body.boring #content form p input, body.boring #content form p textarea, body.boring #content form p select {
        border: 1px solid #666666;
        padding: 0.25em;
        background: #fcfcfc;
        width: 99%; }
        body.boring #content form p input:focus, body.boring #content form p textarea:focus, body.boring #content form p select:focus {
          border-color: #000099;
          background-color: white; }
      body.boring #content form p textarea {
        height: 10em; }
      body.boring #content form p.button input {
        width: auto;
        background: black;
        color: white;
        font-weight: bold;
        border: 2px solid white;
        margin-left: -2px;
        padding: 0.25em 0.5em; }
        body.boring #content form p.button input:hover, body.boring #content form p.button input:focus {
          border-color: #333333;
          cursor: pointer; }
      body.boring #content form p.humbaba {
        display: none; }
      body.boring #content form p.required label {
        font-weight: bold; }
      body.boring #content form.compact p, body.boring #content form p.compact {
        overflow: hidden; }
        body.boring #content form.compact p label, body.boring #content form p.compact label {
          float: left;
          width: 25%;
          text-align: right; }
          body.boring #content form.compact p label:after, body.boring #content form p.compact label:after {
            content: ":"; }
        body.boring #content form.compact p input, body.boring #content form.compact p textarea, body.boring #content form.compact p select, body.boring #content form p.compact input, body.boring #content form p.compact textarea, body.boring #content form p.compact select {
          float: right;
          width: 70%; }
  body.boring #sidebar-wrapper {
    margin-top: 10em; }
  body.boring #sidebar {
    font-size: 75%;
    background: black;
    color: white;
    border-top: 0.5em solid #333333;
    overflow: hidden;
    padding: 0 8em; }
    body.boring #sidebar .section {
      float: left;
      width: 29%;
      margin: 0 1%;
      padding: 1%;
      background: #111111;
      height: 20em;
      overflow: auto; }
      body.boring #sidebar .section h2 {
        margin: 0 0 0.25em 0;
        padding: 0.25em;
        font-weight: bold;
        font-family: Verdana, Arial, sans-serif;
        text-transform: uppercase;
        font-size: 100%; }
      body.boring #sidebar .section h3 {
        margin: 1em 0 0.5em 0; }
      body.boring #sidebar .section p {
        margin: 0.5em 0; }
      body.boring #sidebar .section a {
        color: white; }
      body.boring #sidebar .section ul.links {
        list-style-type: none; }
        body.boring #sidebar .section ul.links li a {
          display: block;
          padding: 0.25em;
          text-decoration: none; }
          body.boring #sidebar .section ul.links li a:hover, body.boring #sidebar .section ul.links li a:focus {
            background: #222222;
            color: white; }
      body.boring #sidebar .section.posts .feed a {
        display: block;
        padding: 0.5em 0.25em;
        text-decoration: none;
        vertical-align: middle; }
        body.boring #sidebar .section.posts .feed a:hover, body.boring #sidebar .section.posts .feed a:focus {
          background: #222222;
          color: white; }
        body.boring #sidebar .section.posts .feed a:before {
          content: "➭ "; }
      body.boring #sidebar .section.about {
        float: none;
        width: auto;
        height: auto;
        overflow: visible;
        background: transparent;
        padding: 0;
        margin: 4em 1% 5em 1%; }
        body.boring #sidebar .section.about h2 {
          background: transparent;
          text-align: left;
          margin: 0 0.25em 0 0;
          border: none;
          padding: 0;
          float: left; }
        body.boring #sidebar .section.about p {
          margin: 1em 0;
          line-height: 1.5em; }
        body.boring #sidebar .section.about a {
          text-decoration: none;
          border-bottom: 1px solid #333333; }
          body.boring #sidebar .section.about a:hover, body.boring #sidebar .section.about a:focus {
            color: #cccccc; }
  body.boring #bottom, body.boring #i {
    text-align: center;
    background: black; }
  body.boring #bottom {
    padding: 10em 5em 2em 5em;
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    font-size: 80%;
    color: white; }
  body.boring #i {
    padding: 2em 0 3em 0; }
    body.boring #i img {
      border: none; }

body.humbaba {
  background: #222222;
  color: white;
  font-family: Verdana, Arial, sans-serif;
  font-size: 100%; }
  body.humbaba #header {
    text-align: center;
    font-size: 300%; }
    body.humbaba #header a {
      display: block;
      padding: 0.25em;
      padding-bottom: 1em;
      color: #111111;
      text-decoration: none;
      letter-spacing: 0.3em; }
      body.humbaba #header a:hover, body.humbaba #header a:focus {
        color: #cccccc;
        outline: none;
        text-shadow: #cccccc 0 0 5px; }
  body.humbaba #menu {
    display: none; }
  body.humbaba #container {
    width: 60em;
    margin: auto;
    overflow: hidden; }
  body.humbaba #content {
    width: 70%;
    float: left; }
    body.humbaba #content .about {
      font-size: 80%;
      color: #444444; }
      body.humbaba #content .about a {
        color: #555555;
        font-size: 120%; }
    body.humbaba #content p {
      margin: 1em 0;
      padding: 0 0.5em; }
    body.humbaba #content a {
      color: #333333; }
    body.humbaba #content pre {
      padding: 0.5em;
      background: #333333;
      color: #cccccc; }
    body.humbaba #content ul {
      margin: 1em 0; }
    body.humbaba #content .post {
      margin: 2em 0;
      padding: 0.5em;
      background: #fff482;
      color: #262300;
      -moz-box-shadow: black 2px 2px 1px; }
      body.humbaba #content .post h2.title {
        background: #9d9440;
        color: #fff9bf;
        margin: -1em -1em 1em 0;
        padding: 0.25em;
        width: 80%;
        font-size: 120%;
        -moz-box-shadow: rgba(0, 0, 0, 0.75) 2px 2px; }
        body.humbaba #content .post h2.title a {
          display: block;
          margin: -0.25em;
          padding: 0.25em;
          color: inherit;
          text-decoration: none; }
      body.humbaba #content .post .meta {
        color: #c7c07c;
        text-align: right;
        padding: 0.25em;
        margin-top: -1em;
        font-size: 80%; }
        body.humbaba #content .post .meta a {
          color: inherit; }
      body.humbaba #content .post .more {
        text-align: right;
        padding: 0;
        margin-bottom: 0;
        font-size: 80%; }
        body.humbaba #content .post .more a {
          background: #c7c07c;
          color: #6f6a37;
          padding: 0.25em;
          text-decoration: none; }
      body.humbaba #content .post.basanda {
        background-color: #ff9aab;
        color: #5a000f; }
        body.humbaba #content .post.basanda h2.title {
          background-color: #772634;
          color: #ffd5dc; }
        body.humbaba #content .post.basanda .meta {
          color: #b67580; }
        body.humbaba #content .post.basanda .more a {
          background-color: #b67580;
          color: #763c45; }
      body.humbaba #content .post.bosoya {
        background-color: #7ca2d0;
        color: #203b5b; }
        body.humbaba #content .post.bosoya h2.title {
          background-color: #465465;
          color: #92a9c6; }
        body.humbaba #content .post.bosoya .meta {
          color: #5e7a9d; }
        body.humbaba #content .post.bosoya .more a {
          background-color: #5e7a9d;
          color: #344459; }
      body.humbaba #content .post.tikki {
        background-color: #b1e2a3;
        color: #448133; }
        body.humbaba #content .post.tikki h2.title {
          background-color: #516f48;
          color: #b2c3ad; }
        body.humbaba #content .post.tikki .meta {
          color: #7a9472; }
        body.humbaba #content .post.tikki .more a {
          background-color: #7a9472;
          color: #394d32; }
      body.humbaba #content .post.ottobo {
        background-color: #ff5d42;
        color: #5e0d00; }
        body.humbaba #content .post.ottobo h2.title {
          background-color: #8b3122;
          color: #da9184; }
        body.humbaba #content .post.ottobo .meta {
          color: #bb4834; }
        body.humbaba #content .post.ottobo .more a {
          background-color: #bb4834;
          color: #813224; }
      body.humbaba #content .post.boshatta {
        background-color: #aedde2;
        color: #0a494f; }
        body.humbaba #content .post.boshatta h2.title {
          background-color: #3f686c;
          color: #82a2a6; }
        body.humbaba #content .post.boshatta .meta {
          color: #56969e; }
        body.humbaba #content .post.boshatta .more a {
          background-color: #56969e;
          color: #2d565b; }
      body.humbaba #content .post.umahasha {
        background-color: #e9b2ec;
        color: #3c0d3e; }
        body.humbaba #content .post.umahasha h2.title {
          background-color: #683f69;
          color: #ddafde; }
        body.humbaba #content .post.umahasha .meta {
          color: #a55fa9; }
        body.humbaba #content .post.umahasha .more a {
          background-color: #a55fa9;
          color: #6a346d; }
      body.humbaba #content .post.heeta {
        background-color: #e0ff76;
        color: #253100; }
        body.humbaba #content .post.heeta h2.title {
          background-color: #65772c;
          color: #adcf3f; }
        body.humbaba #content .post.heeta .meta {
          color: #9fb84d; }
        body.humbaba #content .post.heeta .more a {
          background-color: #9fb84d;
          color: #4d5e17; }
      body.humbaba #content .post .comments .comment {
        padding: 0.5em;
        margin: 1em 0;
        border: 1px dashed rgba(0, 0, 0, 0.25); }
        body.humbaba #content .post .comments .comment .meta {
          margin: 0;
          padding: 0;
          font-weight: normal; }
    body.humbaba #content .paginator {
      overflow: hidden;
      padding: 0; }
      body.humbaba #content .paginator a {
        float: left;
        padding: 0.5em 1em;
        margin-right: 0.5em;
        background: #666666;
        border: 0.25em solid #222222;
        color: #cccccc;
        text-decoration: none;
        opacity: 0.25; }
        body.humbaba #content .paginator a:hover, body.humbaba #content .paginator a:focus {
          border-color: #999999; }
        body.humbaba #content .paginator a:focus {
          background-color: #ff0061;
          color: #5b0023;
          border-color: #b50045; }
        body.humbaba #content .paginator a.current, body.humbaba #content .paginator a:focus {
          opacity: 1; }
    body.humbaba #content form {
      width: 80%; }
      body.humbaba #content form fieldset {
        border: 1px solid rgba(0, 0, 0, 0.1); }
        body.humbaba #content form fieldset legend {
          font-size: 80%;
          padding: 0.25em;
          margin-left: 1em;
          border: 1px solid rgba(0, 0, 0, 0.1); }
      body.humbaba #content form p label {
        display: block;
        font-size: 80%; }
      body.humbaba #content form p input, body.humbaba #content form p textarea, body.humbaba #content form p select {
        width: 50%;
        padding: 0.25em;
        border: 1px solid rgba(0, 0, 0, 0.25);
        background: rgba(0, 0, 0, 0.1); }
      body.humbaba #content form p textarea {
        width: 90%; }
      body.humbaba #content form p.humbaba {
        display: none; }
      body.humbaba #content form.new_comment .openid-switcher {
        margin: 0;
        font-size: 80%; }
        body.humbaba #content form.new_comment .openid-switcher a {
          background: rgba(0, 0, 0, 0.1);
          color: rgba(0, 0, 0, 0.75);
          text-decoration: none; }
      body.humbaba #content form.new_comment fieldset.openid, body.humbaba #content form.new_comment fieldset.normal {
        border: none; }
        body.humbaba #content form.new_comment fieldset.openid legend, body.humbaba #content form.new_comment fieldset.normal legend {
          display: none; }
        body.humbaba #content form.new_comment fieldset.openid.inactive, body.humbaba #content form.new_comment fieldset.normal.inactive {
          display: none; }
  body.humbaba #sidebar {
    width: 25%;
    float: right;
    font-size: 80%; }
    body.humbaba #sidebar .section {
      margin-right: 2px;
      -moz-box-shadow: black 2px 2px; }
    body.humbaba #sidebar h2, body.humbaba #sidebar h3 {
      margin-top: 1em;
      padding: 0.25em;
      background: #666666;
      color: #cccccc;
      border-bottom: 1px solid #777777; }
    body.humbaba #sidebar h2 {
      font-size: 120%; }
    body.humbaba #sidebar h3 {
      font-size: 110%; }
    body.humbaba #sidebar dl, body.humbaba #sidebar ul, body.humbaba #sidebar p {
      background: #444444;
      color: #cccccc;
      padding: 0.5em; }
      body.humbaba #sidebar dl a, body.humbaba #sidebar ul a, body.humbaba #sidebar p a {
        color: #6887b2;
        text-decoration: none; }
    body.humbaba #sidebar dl dt {
      font-weight: bold; }
    body.humbaba #sidebar dl dd {
      padding-left: 1em; }
    body.humbaba #sidebar ul {
      list-style-type: none; }
      body.humbaba #sidebar ul li a {
        display: block;
        padding: 0.25em;
        color: #999999; }
        body.humbaba #sidebar ul li a:hover, body.humbaba #sidebar ul li a:focus {
          background: #666666;
          color: #cccccc; }
    body.humbaba #sidebar .feed {
      padding: 1em;
      text-align: center;
      font-weight: bold; }
      body.humbaba #sidebar .feed a {
        display: block;
        background: #0084d8;
        color: white;
        padding: 0.25em;
        margin: 5px; }
        body.humbaba #sidebar .feed a:hover, body.humbaba #sidebar .feed a:focus {
          background-color: #ff811d;
          -moz-box-shadow: white 0 0 3px; }
  body.humbaba #bottom {
    clear: both;
    text-align: center;
    padding: 2em;
    font-size: 80%;
    text-shadow: #ffffcc 0 0 1px;
    color: #666666; }
    body.humbaba #bottom a {
      color: #333333;
      text-decoration: none; }
  body.humbaba #i {
    text-align: center;
    margin: 2em 0; }
    body.humbaba #i img {
      border: none; }