body {
  margin: 10px; }

h1 {
  font-size: 138.5%; }

h2 {
  font-size: 123.1%; }

h3 {
  font-size: 108%; }

h1, h2, h3 {
  margin: 1em 0; }

h1, h2, h3, h4, h5, h6, strong, dt {
  font-weight: bold; }

optgroup {
  font-weight: normal; }

abbr, acronym {
  border-bottom: 1px dotted black;
  cursor: help; }

em {
  font-style: italic; }

del {
  text-decoration: line-through; }

blockquote, ul, ol, dl {
  margin: 1em; }

ol, ul, dl {
  margin-left: 2em; }

ol li {
  list-style: decimal outside; }

ul li {
  list-style: disc outside; }

dl dd {
  margin-left: 1em; }

th, td {
  border: 1px solid black;
  padding: 0.5em; }

th {
  font-weight: bold;
  text-align: center; }

caption {
  margin-bottom: 0.5em;
  text-align: center; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

p, fieldset, table, pre {
  margin-bottom: 1em; }

button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] {
  padding: 1px; }

body {
  font-size: 13px;
  font-family: arial,helvetica,clean,sans-serif;
  line-height: 1.231;
  *font-size: small;
  *font: x-small; }

select,
input,
button,
textarea,
button {
  font: 99% arial, helvetica, clean, sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

/* Section: General Rules */
body {
  text-align: center; }

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

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

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

#doc {
  margin: auto;
  text-align: left;
  width: 57.692em;
  *width: 56.25em; }

#doc2 {
  margin: auto;
  text-align: left;
  width: 73.077em;
  *width: 71.25em; }

#doc3 {
  margin: auto;
  text-align: left;
  margin: auto 10px;
  width: auto; }

#doc4 {
  margin: auto;
  text-align: left;
  width: 74.923em;
  *width: 73.05em; }

/* Section: Preset Template Rules (.yui-t[1-6]) */
.yui-t1 {
  margin: auto;
  text-align: left;
  width: 57.692em;
  *width: 56.25em; }
  .yui-t1 .yui-b {
    position: relative;
    _position: static;
    float: left;
    width: 12.308em;
    *width: 12em; }
  .yui-t1 #yui-main {
    width: 100%;
    float: right;
    margin-left: -25em; }
    .yui-t1 #yui-main .yui-b {
      float: none;
      width: auto;
      margin-left: 13.308em;
      *margin-left: 13.05em; }

.yui-t2 {
  margin: auto;
  text-align: left;
  width: 57.692em;
  *width: 56.25em; }
  .yui-t2 .yui-b {
    position: relative;
    _position: static;
    float: left;
    width: 13.846em;
    *width: 13.5em; }
  .yui-t2 #yui-main {
    width: 100%;
    float: right;
    margin-left: -25em; }
    .yui-t2 #yui-main .yui-b {
      float: none;
      width: auto;
      margin-left: 14.846em;
      *margin-left: 14.55em; }

.yui-t3 {
  margin: auto;
  text-align: left;
  width: 57.692em;
  *width: 56.25em; }
  .yui-t3 .yui-b {
    position: relative;
    _position: static;
    float: left;
    width: 23.077em;
    *width: 22.5em; }
  .yui-t3 #yui-main {
    width: 100%;
    float: right;
    margin-left: -25em; }
    .yui-t3 #yui-main .yui-b {
      float: none;
      width: auto;
      margin-left: 24.077em;
      *margin-left: 23.625em; }

.yui-t4 {
  margin: auto;
  text-align: left;
  width: 57.692em;
  *width: 56.25em; }
  .yui-t4 .yui-b {
    position: relative;
    _position: static;
    float: right;
    width: 13.846em;
    *width: 13.5em; }
  .yui-t4 #yui-main {
    width: 100%;
    float: left;
    margin-right: -25em; }
    .yui-t4 #yui-main .yui-b {
      float: none;
      width: auto;
      margin-right: 14.846em;
      *margin-right: 14.55em; }

.yui-t5 {
  margin: auto;
  text-align: left;
  width: 57.692em;
  *width: 56.25em; }
  .yui-t5 .yui-b {
    position: relative;
    _position: static;
    float: right;
    width: 18.462em;
    *width: 18em; }
  .yui-t5 #yui-main {
    width: 100%;
    float: left;
    margin-right: -25em; }
    .yui-t5 #yui-main .yui-b {
      float: none;
      width: auto;
      margin-right: 19.462em;
      *margin-right: 19.125em; }

.yui-t6 {
  margin: auto;
  text-align: left;
  width: 57.692em;
  *width: 56.25em; }
  .yui-t6 .yui-b {
    position: relative;
    _position: static;
    float: right;
    width: 23.077em;
    *width: 22.5em; }
  .yui-t6 #yui-main {
    width: 100%;
    float: left;
    margin-right: -25em; }
    .yui-t6 #yui-main .yui-b {
      float: none;
      width: auto;
      margin-right: 24.077em;
      *margin-right: 23.625em; }

.yui-t7 {
  margin: auto;
  text-align: left;
  width: 57.692em;
  *width: 56.25em; }
  .yui-t7 #yui-main .yui-b {
    float: none;
    width: auto;
    display: block;
    margin: 0 0 1em 0; }

/* Section: Grids and Nesting Grids */
/* from #yui-main, .yui-g .yui-u .yui-g */
.yui-g .yui-u .yui-g {
  width: 100%; }

/* Children generally take half the available space */
.yui-gb .yui-u,
.yui-g .yui-gb .yui-u,
.yui-gb .yui-g,
.yui-gb .yui-gb,
.yui-gb .yui-gc,
.yui-gb .yui-gd,
.yui-gb .yui-ge,
.yui-gb .yui-gf,
.yui-gc .yui-u,
.yui-gc .yui-g,
.yui-gd .yui-u {
  float: left; }

/* Float units (and sub grids) to the right */
.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb,
.yui-g .yui-gc,
.yui-g .yui-gd,
.yui-g .yui-ge,
.yui-g .yui-gf,
.yui-gc .yui-u,
.yui-gd .yui-g,
.yui-g .yui-gc .yui-u,
.yui-ge .yui-u,
.yui-ge .yui-g,
.yui-gf .yui-g,
.yui-gf .yui-u {
  float: right; }

/* Float units (and sub grids) to the left */
.yui-g div.first,
.yui-gb div.first,
.yui-gc div.first,
.yui-gd div.first,
.yui-ge div.first,
.yui-gf div.first,
.yui-g .yui-gc div.first,
.yui-g .yui-ge div.first,
.yui-gc div.first div.first {
  float: left; }

.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb,
.yui-g .yui-gc,
.yui-g .yui-gd,
.yui-g .yui-ge,
.yui-g .yui-gf {
  width: 49.1%; }

.yui-gb .yui-u,
.yui-g .yui-gb .yui-u,
.yui-gb .yui-g,
.yui-gb .yui-gb,
.yui-gb .yui-gc,
.yui-gb .yui-gd,
.yui-gb .yui-ge,
.yui-gb .yui-gf,
.yui-gc .yui-u,
.yui-gc .yui-g,
.yui-gd .yui-u {
  width: 32%;
  margin-left: 1.99%; }

/* Give IE some extra breathing room for 1/3-based rounding issues */
.yui-gb .yui-u {
  *margin-left: 1.9%;
  *width: 31.9%; }

.yui-g .yui-gb div.first,
.yui-gb div.first,
.yui-gc div.first,
.yui-gd div.first {
  margin-left: 0; }

/* Section: Deep Nesting */
.yui-g .yui-g .yui-u,
.yui-gb .yui-g .yui-u,
.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u,
.yui-ge .yui-g .yui-u,
.yui-gf .yui-g .yui-u {
  width: 49%;
  *width: 48.1%;
  *margin-left: 0; }

.yui-g .yui-g .yui-u {
  width: 48.1%; }

.yui-g .yui-gb div.first,
.yui-gb .yui-gb div.first {
  *margin-right: 0;
  *width: 32%;
  _width: 31.7%; }

.yui-g .yui-gc div.first,
.yui-gc div.first,
.yui-gd .yui-g,
.yui-gd .yui-u {
  width: 66%; }

.yui-gb .yui-g div.first {
  *margin-right: 4%;
  _margin-right: 1.3%; }

.yui-gb .yui-gc div.first,
.yui-gb .yui-gd div.first {
  *margin-right: 0; }

.yui-gb .yui-gb .yui-u,
.yui-gb .yui-gc .yui-u {
  *margin-left: 1.8%;
  _margin-left: 4%; }

.yui-g .yui-gb .yui-u {
  _margin-left: 1%; }

.yui-gb .yui-gd .yui-u {
  *width: 66%;
  _width: 61.2%; }

.yui-gb .yui-gd div.first {
  *width: 31%;
  _width: 29.5%; }

.yui-g .yui-gc .yui-u,
.yui-gb .yui-gc .yui-u {
  width: 32%;
  _float: right;
  margin-right: 0;
  _margin-left: 0; }

.yui-gb .yui-gc div.first {
  width: 66%;
  *float: left;
  *margin-left: 0; }

.yui-gb .yui-ge .yui-u,
.yui-gb .yui-gf .yui-u {
  margin: 0; }

.yui-gb .yui-gb .yui-u {
  _margin-left: 0.7%; }

.yui-gb .yui-g div.first,
.yui-gb .yui-gb div.first {
  *margin-left: 0; }

.yui-gc .yui-g .yui-u,
.yui-gd .yui-g .yui-u {
  *width: 48.1%;
  *margin-left: 0; }

.yui-gd div.first,
.yui-gb .yui-gd div.first {
  width: 32%; }

.yui-g .yui-gd div.first {
  _width: 29.9%; }

.yui-ge .yui-u,
.yui-ge .yui-g,
.yui-gf div.first {
  width: 24%; }

.yui-ge div.first,
.yui-gf .yui-g,
.yui-gf .yui-u {
  width: 74.2%; }

.yui-gb .yui-ge div.yui-u,
.yui-gb .yui-gf div.yui-u {
  float: right; }

.yui-gb .yui-ge div.first,
.yui-gb .yui-gf div.first {
  float: left; }

/* Width Accommodation for Nested Contexts */
.yui-gb .yui-ge .yui-u,
.yui-gb .yui-gf div.first {
  *width: 24%;
  _width: 20%; }

/* Width Accommodation for Nested Contexts */
.yui-gb .yui-ge div.first,
.yui-gb .yui-gf .yui-u {
  *width: 73.5%;
  _width: 65.5%; }

/* Patch for GD within GE */
.yui-ge div.first .yui-gd .yui-u {
  width: 65%; }

.yui-ge div.first .yui-gd div.first {
  width: 32%; }

/* @group Clearing */
.yui-g,
.yui-gb,
.yui-gc,
.yui-gd,
.yui-ge,
.yui-gf {
  zoom: 1; }
  .yui-g:after,
  .yui-gb:after,
  .yui-gc:after,
  .yui-gd:after,
  .yui-ge:after,
  .yui-gf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.str {
  color: #118811;
  font-style: italic; }

.kwd {
  color: #336699; }

.com {
  color: #666666; }

.typ {
  color: #cc4400; }

.lit {
  color: #990000; }

.pun {
  color: silver;
  font-weight: bold; }

.pln {
  color: white; }

.tag {
  color: #336699;
  font-weight: bold; }

.atn {
  color: #993399;
  font-weight: bold; }

.atv {
  color: #118811; }

.dec {
  color: #660066; }

pre.prettyprint {
  padding: 2px;
  border: 1px solid #888888;
  overflow: auto;
  background-color: #1d1b18;
  font-size: 85%; }

body {
  padding: 0;
  margin: 0;
  text-align: left;
  background: #f1f1f1 url(/img/black_bg.png) repeat-x left top; }
  body #hd {
    color: white;
    background-color: #405fa0;
    height: 60px;
    padding: 10px;
    margin-bottom: 14px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#405FA0', endColorstr='#2A4588');
    background: -webkit-gradient(linear, left top, left bottom, from(#405fa0), to(#2a4588));
    background: -moz-linear-gradient(top, #405fa0, #2a4588); }
    body #hd h1 {
      margin: 0;
      padding-left: 20px;
      padding-top: 14px;
      font-size: 30px; }
  body #bd {
    color: black;
    padding: 0; }
    body #bd #top-nav ul {
      background-color: #222222;
      width: 960px;
      margin: 0 auto;
      padding: 0;
      height: 45px; }
      body #bd #top-nav ul li {
        padding: 0;
        float: left;
        list-style-type: none; }
        body #bd #top-nav ul li a {
          text-decoration: none;
          color: silver;
          border: outset #474747 1px;
          background-color: #2f2f2f;
          display: block;
          padding: 10px;
          font-size: 138.5%; }
        body #bd #top-nav ul li a:hover {
          border-style: inset; }
    body #bd #content {
      background-color: white;
      width: 940px;
      margin: 0 auto;
      padding: 10px; }
      body #bd #content #post-page {
        margin-top: 0; }
  body #ft {
    color: gray;
    text-align: right;
    padding: 40px; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

.message-notice, .message-error {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  border: solid gray 3px;
  background-color: silver; }

.message-notice {
  border-color: #3788d3;
  background-color: #d1e4f5;
  color: #3788d3; }

.message-error {
  border-color: #cd3618;
  background-color: #ffefec;
  color: #cd3618; }

#post-form #title, #page-form #title {
  width: 100%;
  font-size: 200%; }
#post-form #body, #page-form #body {
  height: 300px;
  width: 99%;
  font-size: 150%; }

.page-pdf-link {
  float: right;
  font-weight: bold; }

#user-form #email, #user-form #password, #user-form #password_confirmation {
  width: 100%;
  font-size: 200%; }

form #save {
  background-color: #59ba48;
  border: 1px outset #89ed63;
  color: white;
  font-size: 150%;
  padding: 10px;
  width: 50%; }

.post {
  border-bottom: solid 1px gray;
  margin-top: 20px;
  padding-bottom: 10px; }
  .post .post-header {
    font-size: 153.9%;
    margin-bottom: 10px;
    color: #2a4588;
    font-weight: 900; }
    .post .post-header a {
      color: #2a4588;
      text-decoration: none; }
  .post .post-footer {
    color: silver;
    text-align: right; }
  .post img.left {
    float: left;
    margin-right: 20px; }
  .post img.right {
    float: right;
    margin-left: 20px; }
  .post code {
    color: #405fa0;
    margin-left: 4px;
    margin-right: 4px; }

#post_latest {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc');
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cccccc));
  background: -moz-linear-gradient(top, white, #cccccc);
  padding: 10px; }
  #post_latest .post-footer {
    color: grey; }
  #post_latest .post {
    border-bottom: none;
    padding-bottom: 0; }

#sidebar-right h2 {
  margin-top: 0; }

#div-me {
  background: url(/img/me.jpg) no-repeat 50% 50%;
  height: 200px;
  width: 100%;
  margin-bottom: 10px; }

#posts-pagination ul {
  margin: 10px 0;
  padding: 0;
  height: 60px; }
  #posts-pagination ul li {
    padding: 0;
    float: left;
    list-style-type: none; }
    #posts-pagination ul li a {
      text-decoration: none;
      color: white;
      border: outset #66cccc 1px;
      background-color: #66cccc;
      display: block;
      padding: 4px 10px;
      font-size: 138.5%; }
    #posts-pagination ul li a:hover {
      border-style: inset; }

#maxedbgimage {
  position: fixed !important; }