.container {
  margin-left: auto;
  margin-right: auto;
  width: 740px;
  overflow: hidden;
  *zoom: 1; }

#header h1 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 473.33333px; }
#header h2 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 226.66667px; }
#header #lifetime-achievements {
  padding-top: 20px; }
  #header #lifetime-achievements ul.items {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 720px;
    padding: 0;
    list-style: none; }
    #header #lifetime-achievements ul.items li {
      display: inline;
      float: left;
      margin-left: 10px;
      margin-right: 10px;
      width: 62.22222px;
      margin-bottom: 10px;
      margin-top: 10px; }
      #header #lifetime-achievements ul.items li a {
        display: block;
        width: 50px;
        height: 50px;
        padding: 5px;
        text-align: center; }

#content .clear {
  clear: both; }
#content article header h2 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 720px; }
#content article section#article-holder.container {
  overflow: visible; }
#content article .article-content {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 473.33333px;
  width: 463px;
  padding-right: 10px;
  padding: 20px 10px 20px 0;
  overflow: hidden;
  *zoom: 1; }
#content article .article-meta .container {
  width: 474px;
  padding-right: 246px; }
#content article .article-meta .tags {
  float: right; }
#content article aside.related {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 226.66667px;
  top: -1.7em;
  position: relative;
  z-index: 10; }
  #content article aside.related header {
    width: 226.66667px;
    padding: 0 0 .3em 0;
    margin-bottom: 28px; }
  #content article aside.related ul {
    padding: 0;
    list-style: none; }
    #content article aside.related ul li {
      margin: 0 0 .8em 0; }
  #content article aside.related .post-nav a span {
    *display: inline;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle; }
    #content article aside.related .post-nav a span.time {
      width: 20%; }
    #content article aside.related .post-nav a span.title {
      width: 78%; }
#content #more-content .outer {
  margin-left: auto;
  margin-right: auto;
  width: 740px; }
  #content #more-content .outer #about {
    margin: 0;
    padding: 0 12px 0 10px; }
#content #more-content .more {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 226.66667px; }
  #content #more-content .more header {
    margin-bottom: 50px; }
    #content #more-content .more header h2 {
      margin: 12px 0 16px 0; }
  #content #more-content .more ul {
    margin: 0;
    padding: 10px 0;
    list-style: none; }
    #content #more-content .more ul li {
      font-size: 90%;
      margin-bottom: .2em;
      line-height: 1.2em; }
      #content #more-content .more ul li h3 {
        margin: 0;
        line-height: 1em; }
      #content #more-content .more ul li time {
        position: relative;
        top: -.3em; }
      #content #more-content .more ul li a {
        text-decoration: none; }

#content article .comments {
  padding-top: 25px;
  background: url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/spiral_metal_thing.png) repeat-x left top; }
  #content article .comments ol {
    margin: 0 0 40px 0;
    padding: 0; }
    #content article .comments ol li {
      list-style: none;
      margin: .5em 0;
      overflow: hidden;
      *zoom: 1; }
      #content article .comments ol li blockquote {
        padding: 10px 20px;
        vertical-align: middle;
        width: 390px;
        display: block;
        clear: both; }
      #content article .comments ol li .gravatar {
        display: inline;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        width: 62.22222px;
        width: 40px;
        margin-left: 0; }
      #content article .comments ol li .author {
        display: inline;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        width: 308.88889px;
        margin-right: 0;
        margin-bottom: 5px;
        padding: 4px 0;
        line-height: 1.6em;
        font-family: "BebasRegular", "Helvetica", Arial;
        font-weight: normal;
        color: #597785;
        font-style: normal;
        font-size: 100%;
        font-size: 80%; }
        #content article .comments ol li .author span.author-name {
          font-size: 160%;
          display: block;
          color: #597785; }
          #content article .comments ol li .author span.author-name a {
            color: #597785;
            padding-right: .3em; }
      #content article .comments ol li.rockstar blockquote {
        background: #176b90; }
      #content article .comments ol li.rockstar span.author-name {
        color: #597785; }
        #content article .comments ol li.rockstar span.author-name a {
          color: #597785; }
  #content article .comments ul.errors {
    margin-left: 0;
    padding-left: 0; }
    #content article .comments ul.errors li {
      list-style: none;
      margin-left: 0;
      background: rgba(210, 51, 51, 0.3);
      border-bottom: 2px solid #d23333;
      padding: .3em; }
  #content article .comments ul.form {
    padding: 0;
    margin: 0 0 20px 0; }
    #content article .comments ul.form li {
      list-style: none;
      *display: inline;
      display: -moz-inline-box;
      -moz-box-orient: vertical;
      display: inline-block;
      vertical-align: middle;
      width: 218px;
      margin: 5px; }
      #content article .comments ul.form li label {
        display: block;
        left: 2px;
        margin: 0; }
      #content article .comments ul.form li input, #content article .comments ul.form li textarea {
        width: 100%;
        padding: .3em;
        border: none;
        margin: 0;
        top: 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        -khtml-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #8f6521;
        -moz-box-shadow: 0 0 6px rgba(23, 107, 144, 0.4);
        -webkit-box-shadow: 0 0 6px rgba(23, 107, 144, 0.4);
        -o-box-shadow: 0 0 6px rgba(23, 107, 144, 0.4);
        box-shadow: 0 0 6px rgba(23, 107, 144, 0.4);
        background: #fcf5ea; }
        #content article .comments ul.form li input:focus, #content article .comments ul.form li textarea:focus {
          background: #fff;
          border: 1px solid #866329;
          -moz-box-shadow: 0 0 4px rgba(23, 107, 144, 0.8);
          -webkit-box-shadow: 0 0 4px rgba(23, 107, 144, 0.8);
          -o-box-shadow: 0 0 4px rgba(23, 107, 144, 0.8);
          box-shadow: 0 0 4px rgba(23, 107, 144, 0.8); }
      #content article .comments ul.form li.website {
        margin-bottom: 10px; }
      #content article .comments ul.form li.body {
        width: 450px;
        margin-bottom: 10px; }
        #content article .comments ul.form li.body textarea {
          height: 100px; }
      #content article .comments ul.form li.submit {
        margin-right: 0;
        vertical-align: middle; }
        #content article .comments ul.form li.submit input {
          position: relative;
          cursor: pointer;
          width: auto;
          background: #234060;
          color: #f9e9cf;
          padding: .3em .5em;
          text-shadow: 0 1px 1px #010508;
          border: 1px solid #092133;
          border-top: 1px solid #28657f;
          border-bottom: 2px solid #15273b;
          font-size: 100%;
          font-family: "BebasRegular", "Helvetica", Arial;
          font-weight: normal; }
          #content article .comments ul.form li.submit input:hover, #content article .comments ul.form li.submit input:focus {
            background: #176b90;
            border-color: #135b7a; }
          #content article .comments ul.form li.submit input:active {
            position: relative;
            background: #1c344d;
            color: #f6dfb8;
            margin-top: 1px;
            border-bottom: 1px solid #15273b; }

#footer {
  margin-left: auto;
  margin-right: auto;
  width: 740px; }
  #footer .info {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 720px; }

@charset "UTF-8";
@font-face {
  font-family: 'BebasRegular';
  src: url("/theme/4de65b74dabe9d7e0d0027a5/media/BEBAS___-webfont.eot");
  src: local("☺"), url("/theme/4de65b74dabe9d7e0d0027a5/media/BEBAS___-webfont.woff") format("woff"), url("/theme/4de65b74dabe9d7e0d0027a5/media/BEBAS___-webfont.ttf") format("truetype"), url("/theme/4de65b74dabe9d7e0d0027a5/media/BEBAS___-webfont.svg#webfontOJIfwzl6") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'QlassikMediumRegular';
  src: url("/theme/4de65b74dabe9d7e0d0027a5/media/Qlassik_TB-webfont.eot");
  src: url("/theme/4de65b74dabe9d7e0d0027a5/media/Qlassik_TB-webfont.eot?#iefix") format("embedded-opentype"), url("/theme/4de65b74dabe9d7e0d0027a5/media/Qlassik_TB-webfont.woff") format("woff"), url("/theme/4de65b74dabe9d7e0d0027a5/media/Qlassik_TB-webfont.ttf") format("truetype"), url("/theme/4de65b74dabe9d7e0d0027a5/media/Qlassik_TB-webfont.svg#QlassikMediumRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'QlassikBoldRegular';
  src: url("/theme/4de65b74dabe9d7e0d0027a5/media/QlassikBold_TB-webfont.eot");
  src: url("/theme/4de65b74dabe9d7e0d0027a5/media/QlassikBold_TB-webfont.eot?#iefix") format("embedded-opentype"), url("/theme/4de65b74dabe9d7e0d0027a5/media/QlassikBold_TB-webfont.woff") format("woff"), url("/theme/4de65b74dabe9d7e0d0027a5/media/QlassikBold_TB-webfont.ttf") format("truetype"), url("/theme/4de65b74dabe9d7e0d0027a5/media/QlassikBold_TB-webfont.svg#QlassikBoldRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: QlassikMediumRegular;
  font-size: 18px;
  line-height: 140%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

h1, h2, h3, h4 {
  font-family: 'BebasRegular';
  font-weight: normal;
  word-spacing: .3em; }

h2 {
  font-size: 22px; }

#header h2 {
  text-align: center; }
  #header h2 span {
    font-size: 16px;
    word-spacing: .3em; }
#header #organize h4 {
  margin: 0 0 .1em 0;
  font-size: 16px;
  text-align: center; }

#content header .article-meta a {
  font-family: QlassikBoldRegular; }
#content .related h4 {
  margin: 0;
  line-height: 1em;
  font-family: QlassikBoldRegular;
  font-weight: normal; }
  #content .related h4 a {
    text-decoration: none; }
#content .related cite, #content .related time {
  font-size: 14px;
  line-height: 1.1em; }
#content #more-content .more li time {
  font-size: 12px;
  text-transform: uppercase; }
#content #more-content .more li h3 {
  font-family: QlassikBoldRegular;
  font-size: 16px; }
#content #more-content .more p {
  margin: 0 0 1em 0; }
#content article blockquote {
  padding: .8em;
  margin: 0 0 1em 0; }
#content article p {
  margin-top: 0; }
  #content article p:last-child {
    margin-bottom: 0; }
#content article ul {
  padding-left: 1em; }
  #content article ul li h4 {
    margin: 0; }
#content article a {
  text-decoration: none; }
  #content article a:hover {
    text-decoration: underline; }
#content .article-content h1, #content .article-content h2, #content .article-content h3, #content .article-content h4 {
  margin-top: 0; }

pre {
  padding: .8em; }
  pre code {
    font-size: 12px; }

@-webkit-keyframes mugshot {
  0% {
    background-position: 0% center; }

  100% {
    background-position: -100px center; } }

@-webkit-keyframes scootch {
  0% {
    background-position: 0% 0%; }

  100% {
    background-position: -100px 0%; } }

@-webkit-keyframes scootch2 {
  0% {
    background-position: 0% 6px; }

  100% {
    background-position: 56px 6px; } }

@-webkit-keyframes scootch3 {
  0% {
    background-position: 0% 0%; }

  100% {
    background-position: 100px 0%; } }

#header {
  -webkit-transition: all .4s ease-in-out; }
  #header h1 {
    opacity: 1; }
  #header h2, #header h2 a, #header h1 {
    -webkit-transition: all .4s ease-in-out; }
  #header h2 {
    -webkit-transform: scale(1);
    left: 0;
    position: relative; }
    #header h2:hover {
      -webkit-transform: scale(1.1); }
  #header.showcase h2 {
    -webkit-transition: all .4s ease-in-out;
    -webkit-transform: scale(1.1);
    left: -470px;
    position: relative; }
  #header.showcase h1 {
    -webkit-transition: all .4s ease-in-out;
    opacity: 0; }
  #header.showcase #organize {
    -webkit-transition: all .8s ease-out;
    top: 20px; }
  #header.showcase .info {
    -webkit-transition: all .8s ease-out;
    -webkit-transition-delay: .3s;
    top: 20px; }
  #header .info {
    top: -500px; }
  #header #organize {
    -webkit-transition: all .8s ease-out; }
    #header #organize a {
      -moz-border-radius: 1em;
      -webkit-border-radius: 1em;
      -o-border-radius: 1em;
      -ms-border-radius: 1em;
      -khtml-border-radius: 1em;
      border-radius: 1em;
      -webkit-background-clip: padding-box;
      -webkit-transition: .2s all linear; }
  #header #lifetime-achievements ul li a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    background: #000;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #222222), color-stop(100%, black));
    background-image: -webkit-linear-gradient(top, #222222, black);
    background-image: -moz-linear-gradient(top, #222222, black);
    background-image: -o-linear-gradient(top, #222222, black);
    background-image: linear-gradient(top, #222222, #000000);
    border: 1px solid #000;
    -moz-box-shadow: 0 0 6px rgba(23, 107, 144, 0.7);
    -webkit-box-shadow: 0 0 6px rgba(23, 107, 144, 0.7);
    -o-box-shadow: 0 0 6px rgba(23, 107, 144, 0.7);
    box-shadow: 0 0 6px rgba(23, 107, 144, 0.7);
    -webkit-transition: .8s all linear; }
    #header #lifetime-achievements ul li a:hover {
      -webkit-transition: .6s all linear;
      -moz-box-shadow: 0 0 22px rgba(23, 107, 144, 0.9);
      -webkit-box-shadow: 0 0 22px rgba(23, 107, 144, 0.9);
      -o-box-shadow: 0 0 22px rgba(23, 107, 144, 0.9);
      box-shadow: 0 0 22px rgba(23, 107, 144, 0.9); }
  #header footer {
    -webkit-transition: .2s all ease-out; }

#content {
  -webkit-transition: all .8s ease-out; }
  #content .article-content ul.labels {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px; }
  #content ul.form input, #content ul.form textarea {
    outline: none;
    -webkit-transition: all .3s ease-in-out; }
    #content ul.form input:active, #content ul.form textarea:active {
      -webkit-transition: none; }

#more-content #about .mugshot img {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); }

span.pop-content {
  position: absolute;
  background: #176b90;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3dff3), color-stop(5%, #1e8cbc), color-stop(100%, #176b90));
  background-image: -webkit-linear-gradient(top, #b3dff3, #1e8cbc 5%, #176b90);
  background-image: -moz-linear-gradient(top, #b3dff3, #1e8cbc 5%, #176b90);
  background-image: -o-linear-gradient(top, #b3dff3, #1e8cbc 5%, #176b90);
  background-image: linear-gradient(top, #b3dff3, #1e8cbc 5%, #176b90);
  border: 1px solid #176b90;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  color: #f9e9cf !important;
  font-size: 16px !important;
  width: auto;
  max-width: 150px;
  padding: .3em .5em;
  text-align: center;
  z-index: 100;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #0f1b28;
  -webkit-background-clip: padding-box; }

canvas#tip {
  position: absolute;
  z-index: 100;
  left: 45%;
  top: 100%; }

#about .mugshot {
  -webkit-animation-name: mugshot;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite; }

.showcase #lifetime-achievements, #header footer, #header.showcase {
  -webkit-animation-name: scootch;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite; }

#header footer {
  -webkit-animation-name: scootch3;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite; }

#header.showcase {
  -webkit-animation-name: scootch2; }

body {
  margin: 0 0 -1px 0;
  padding: 0;
  background: #092133; }

.page-title.defocus {
  opacity: .3; }
.page-title h1 {
  margin-left: 10px;
  margin-right: 10px;
  color: #f9e9cf; }

#header {
  background: #176b90 url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/header_bg.png) repeat;
  border-bottom: 20px solid #234060; }
  #header h1 a {
    display: block;
    text-indent: -999em;
    background: url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/ross_brown.png) no-repeat left top;
    width: 458px;
    height: 46px; }
  #header h1, #header h1 a {
    color: #f9e9cf; }
  #header h2, #header h2 a {
    text-decoration: none;
    color: #234060;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0); }
  #header h2 a:hover, #header.showcase h2 a {
    text-shadow: 0 0.3em 0.3em rgba(0, 0, 0, 0.3);
    color: #5bbbe5; }
    #header h2 a:hover span, #header.showcase h2 a span {
      color: #1e8cbc; }
  #header .container.top {
    position: relative; }
  #header #lifetime-achievements {
    background: #092133 url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/spiral_metal_thing.png) repeat-x; }
  #header .la-toggle {
    display: block;
    text-indent: -999em;
    background: url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/close_btn.png) no-repeat center center;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 100; }
  #header #organize {
    position: absolute;
    left: 280px;
    top: -500px; }
    #header #organize a {
      border-bottom: 1px solid transparent;
      border-top: 1px solid transparent;
      border-left: 1px solid transparent;
      border-right: 1px solid transparent;
      padding: .4em .8em;
      text-transform: uppercase;
      font-size: 14px;
      text-decoration: none;
      color: #f9e9cf; }
      #header #organize a:hover, #header #organize a.active {
        background: rgba(0, 0, 0, 0.4);
        border-top: 1px solid rgba(0, 0, 0, 0.6);
        border-left: 1px solid rgba(0, 0, 0, 0.2);
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: 1px solid rgba(23, 107, 144, 0.2); }
  #header .info {
    width: 300px;
    position: absolute;
    right: 40px;
    top: -500px; }
    #header .info p {
      opacity: .8;
      color: #5bbbe5; }
  #header footer {
    height: 0;
    background: #597785 url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/spiral_metal_thing.png) repeat-x; }
  #header.showcase {
    border-bottom: 1px solid #234060;
    z-index: 1;
    position: relative; }
    #header.showcase #organize h4 {
      color: #f9e9cf; }
    #header.showcase footer {
      height: 20px; }

#content {
  color: #234060;
  background: #f9e9cf url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/content_bg.png) repeat; }
  #content a {
    color: #597785; }
  #content header {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .1em; }
    #content header, #content header a {
      color: #f9e9cf; }
    #content header .article-meta, #content header .article-meta a {
      color: #f7c59d; }
  #content #article-holder {
    background: url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/sidebar.png) repeat-y 492px top; }
  #content article header {
    background: #d23333 url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/title_top.png) repeat-x left top; }
    #content article header a {
      color: cream;
      text-decoration: none; }
    #content article header h2 {
      color: #f9e9cf; }
    #content article header .article-meta {
      background: #9c1b1f url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/meta_top.png) repeat-x left top;
      padding: .8em .4em .4em .4em;
      border-bottom: 1px solid #711316;
      color: #5b1012; }
  #content article hr {
    border: none;
    border-bottom: 1px dashed #234060;
    margin: 20px 0; }
  #content article img {
    border: 4px solid #fcf3e6; }
  #content article blockquote {
    background: rgba(89, 119, 133, 0.2);
    border-left: 5px solid #597785; }
  #content aside.related {
    line-height: 1.1em; }
    #content aside.related header {
      background: transparent;
      color: #f7c59d;
      line-height: 24px; }
    #content aside.related ul {
      overflow: hidden;
      font-size: 16px; }
      #content aside.related ul a {
        color: #234060;
        text-decoration: none; }
      #content aside.related ul cite a, #content aside.related ul time a {
        color: #597785; }
    #content aside.related .post-nav {
      padding-top: 20px; }
      #content aside.related .post-nav a {
        display: block;
        font-size: 90%;
        text-decoration: none;
        line-height: 1em;
        margin-bottom: .2em;
        border-top: 1px solid #176b90;
        color: #176b90;
        padding: .5em 0; }
        #content aside.related .post-nav a span.time {
          color: #597785;
          padding-right: .3em;
          text-transform: uppercase;
          font-size: 80%; }
        #content aside.related .post-nav a.newer {
          border-bottom: 1px solid #176b90; }
        #content aside.related .post-nav a:hover {
          color: #234060; }
      #content aside.related .post-nav h3 {
        font-size: 80%;
        margin: 0 0 .3em 0; }
    #content aside.related ul#twitter time {
      display: block;
      color: #597785; }
  #content #more-content {
    background: #092133 url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/other_content_top.png) left top repeat-x; }
    #content #more-content a {
      text-decoration: none; }
    #content #more-content #categories {
      background: url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/sidebar.png) repeat-y 492px top; }
      #content #more-content #categories #about {
        background: url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/other_content_top.png) left top repeat-x; }
    #content #more-content header {
      color: #f9e9cf; }
      #content #more-content header a {
        color: #f9e9cf; }
    #content #more-content ul time {
      color: #597785; }
    #content #more-content ul a:hover {
      color: #90a9b4; }
    #content #more-content #about {
      color: #597785; }
      #content #more-content #about p a {
        color: #7191a0; }
      #content #more-content #about .mugshot {
        background: transparent url(/theme/4de65b74dabe9d7e0d0027a5/stylesheets/images/spiral_metal_thing.png) repeat-x left center;
        text-align: center;
        margin-bottom: 10px; }
        #content #more-content #about .mugshot img {
          border: 4px solid #234060; }
  #content.defocus {
    opacity: .3;
    cursor: pointer; }
    #content.defocus:hover {
      opacity: .8; }

#footer {
  border-top: 1px dashed #010508;
  padding: 10px 0 20px 0;
  margin-bottom: 20px;
  color: #597785;
  font-size: 80%; }
  #footer a {
    color: #7191a0;
    padding: 0 0 0 .4em;
    text-decoration: none; }
    #footer a:hover {
      color: #fff; }

.CodeRay     {background:#333; margin:0 0 20px; padding:15px; font:14px/1.4 monospace; color:#E6E0DB; overflow:auto;}
.CodeRay pre {margin:0; padding:0; overflow:visible;}
.CodeRay br {display:none;}
.CodeRay .an {color:#E7BE69;}                      /* html attribute */
.CodeRay .c  {color:#BC9358; font-style: italic;}  /* comment */
.CodeRay .ch {color:#509E4F;}                      /* escaped character */
.CodeRay .cl {color:#FFF;}                         /* class */
.CodeRay .co {color:#FFF;}                         /* constant */
.CodeRay .fl {color:#A4C260;}                      /* float */
.CodeRay .fu {color:#FFC56D;}                      /* function */
.CodeRay .gv {color:#D0CFFE;}                      /* global variable */
.CodeRay .i  {color:#A4C260;}                      /* integer */
.CodeRay .il {background:#333;}                 /* inline code */
.CodeRay .iv {color:#D0CFFE;}                      /* instance variable */
.CodeRay .pp {color:#E7BE69;}                      /* doctype */
.CodeRay .r  {color:#CB7832;}                      /* keyword */
.CodeRay .rx {color:#A4C260;}                      /* regex */
.CodeRay .s  {color:#A4C260;}                      /* string */
.CodeRay .sy {color:#6C9CBD;}                      /* symbol */
.CodeRay .ta {color:#E7BE69;}                      /* html tag */
.CodeRay .pc {color:#6C9CBD;}                      /* boolean */
/*---------- bright Styles ---------*/
.sh_bright {
  background: none;
  padding: 0;
  margin: 0;
  border: 0 none; }

.sh_bright .sh_sourceCode {
  background-color: #FCF3E6;
  color: #401e7a;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_keyword {
  color: #ff3030;
  font-weight: bold;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_type {
  color: #f7b92c;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_string {
  color: #1861a7;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_regexp {
  color: #1861a7;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_specialchar {
  color: #1861a7;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_comment {
  color: #38ad24;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_number {
  color: #32ba06;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_preproc {
  color: #5374b0;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_symbol {
  color: #3030ee;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_function {
  color: #d11ced;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_cbracket {
  color: #3030ee;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_url {
  color: #1861a7;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_date {
  color: #ff3030;
  font-weight: bold;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_time {
  color: #ff3030;
  font-weight: bold;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_file {
  color: #ff3030;
  font-weight: bold;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_ip {
  color: #1861a7;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_name {
  color: #1861a7;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_variable {
  color: #00f;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_oldfile {
  color: #1861a7;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_newfile {
  color: #1861a7;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_difflines {
  color: #ff3030;
  font-weight: bold;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_selector {
  color: #00f;
  font-weight: normal;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_property {
  color: #ff3030;
  font-weight: bold;
  font-style: normal; }

.sh_bright .sh_sourceCode .sh_value {
  color: #1861a7;
  font-weight: normal;
  font-style: normal; }

/*-------- Snippet Base Styles ----------*/
.snippet-wrap {
  position: relative; }

*:first-child + html .snippet-wrap {
  display: inline-block; }

* html .snippet-wrap {
  display: inline-block; }

.snippet-reveal {
  text-decoration: underline; }

.snippet-wrap .snippet-menu, .snippet-wrap .snippet-hide {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: .9em;
  z-index: 1;
  background-color: transparent; }

.snippet-wrap .snippet-hide {
  top: auto;
  bottom: 10px; }

*:first-child + html .snippet-wrap .snippet-hide {
  bottom: 25px; }

* html .snippet-wrap .snippet-hide {
  bottom: 25px; }

.snippet-wrap .snippet-menu pre, .snippet-wrap .snippet-hide pre {
  background-color: transparent;
  margin: 0;
  padding: 0; }

.snippet-wrap .snippet-menu a, .snippet-wrap .snippet-hide a {
  padding: 0 5px;
  text-decoration: underline; }

.snippet-wrap pre.sh_sourceCode {
  padding: .4em;
  line-height: 1em;
  overflow: auto;
  position: relative;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  left: 2px;
  position: relative; }

.snippet-wrap pre.snippet-textonly {
  padding: 2em; }

*:first-child + html .snippet-wrap pre.snippet-formatted {
  padding: 2em 1em; }

* html .snippet-wrap pre.snippet-formatted {
  padding: 2em 1em; }

.snippet-reveal pre.sh_sourceCode {
  padding: .5em 1em;
  text-align: right; }

.snippet-wrap .snippet-num {
  font-size: 12px;
  background: #f9e8cf; }

.snippet-wrap .snippet-num li {
  padding-left: .5em;
  background-color: #FCF3E6; }

.snippet-wrap .snippet-no-num {
  list-style: none;
  padding: .6em 1em;
  margin: 0; }

.snippet-wrap .snippet-no-num li {
  list-style: none;
  padding-left: 0; }

.snippet-wrap .snippet-num {
  margin: 0;
  padding-left: 3em; }

.snippet-wrap .snippet-num li {
  list-style: decimal-leading-zero outside none; }

.snippet-wrap .snippet-no-num li.box {
  padding: 0 6px;
  margin-left: -6px; }

.snippet-wrap .snippet-num li.box {
  border: 1px solid;
  list-style-position: inside;
  margin-left: -3em;
  padding-left: 6px; }

*:first-child + html .snippet-wrap .snippet-num li.box {
  margin-left: -2.4em; }

* html .snippet-wrap .snippet-num li.box {
  margin-left: -2.4em; }

.snippet-wrap li.box-top {
  border-width: 1px 1px 0 !important; }

.snippet-wrap li.box-bot {
  border-width: 0 1px 1px !important; }

.snippet-wrap li.box-mid {
  border-width: 0 1px !important; }

.snippet-wrap .snippet-num li .box-sp {
  width: 18px;
  display: inline-block; }

*:first-child + html .snippet-wrap .snippet-num li .box-sp {
  width: 27px; }

* html .snippet-wrap .snippet-num li .box-sp {
  width: 27px; }

.snippet-wrap .snippet-no-num li.box {
  border: 1px solid; }

.snippet-wrap .snippet-no-num li .box-sp {
  display: none; }