@charset "UTF-8";

/*

swatches...

rgb(3, 18, 24)
rgb(4, 24, 32)
rgb(5, 30, 40)
...
rgb(12, 72, 96)

rgb(140, 155, 170)
rgb(163, 175, 187)
rgb(186, 195, 204)
rgb(209, 215, 221)
rgb(232, 235, 238)

*/

a           { color: rgb(12, 72, 96); text-decoration: none; outline: none; }
article     { display: block; }
blockquote  { margin: 0; font-style: italic; color: #666; }
dd          { margin: 0; color: #999; }
dl          { margin: 0; }
dt          { margin: 1.5em 0 0; font-weight: bold; }
p img,
dt img,
dt a        { display: inline-block; margin: -2px; border: 1px solid rgb(209, 215, 221); padding: 1px; line-height: 0; }
dt a:focus,
dt a:hover  { border-color: rgb(5, 30, 40); }
dt a img    { margin: 0; border: none; padding: 0; }
footer      { display: block; }
h2, h3      { margin: 0; padding: 1em 0 0; font: normal 1.5em/1em Georgia, serif; }
h4          { margin: 0; padding: 1.143em 0 0; font: normal 1.3125em/1.143em Georgia, serif; }
h5, h6      { margin: 0 0 -1.5em; padding: 1.5em 0 0; font-weight: normal; font-size: 1em; line-height: inherit; color: #666; }
header      { display: block; }
iframe      { display: block; }
nav         { display: block; }
object      { margin: -2px; width: 100%; height: 385px; border: 1px solid rgb(209, 215, 221); padding: 1px; }
ol, ul      { margin: 1.5em 0 0; padding: 0; }
p           { margin: 1.5em 0 0; }
p img       { display: block; }
pre         { position: relative; top: -2px; margin: 1.5em -2px -4px; border: 1px solid rgb(209, 215, 221); padding: 1px; white-space: pre-wrap; }
pre>code    { display: block; background: rgb(232, 235, 238); padding: 0.462em 0.923em; font-size: 0.8125em; line-height: 1.385em; }
table       { position: relative; top: -2px; margin: 1.5em -2px -4px; border-collapse: collapse; text-align: left; }
th, td      { border: 1px solid rgb(209, 215, 221); padding: 0 0.5em; font-weight: inherit; }
th:before   { display: block; margin: 1px -7px -23px; height: 22px; background: rgb(209, 215, 221); text-indent: -9999px; content: "."; }

input[type="submit"]::-moz-focus-inner          { border: none; }

.permalink                                      { visibility: hidden; margin: 0 0 0 0.25em; }
h1:hover .permalink, h2:hover .permalink,
h3:hover .permalink, h4:hover .permalink,
h5:hover .permalink, h6:hover .permalink        { visibility: visible; }
#wrap #main .permalink                          { background: none; }

blockquote pre                                  { font-style: normal; color: inherit; }
blockquote pre>code                             { background: rgb(232, 235, 238); }
code, kbd, samp                                 { font: 0.9375em/1.6em Monaco, monospace; color: rgb(12, 72, 96); }
h2 code, h3 code                                { font-size: 0.917em; line-height: 1.09em; /* 1.091em => 25px >.< */ }
h4 code                                         { font-size: 0.905em; line-height: 1.263em; }
iframe.video                                    { position: relative; top: -2px; margin: 1.5em -2px -4px; width: 100%; height: 385px; border: 1px solid rgb(209, 215, 221); padding: 1px; }
dt iframe.video                                 { margin-top: 0; }

html                                            { height: 100%; }
body                                            { margin: 0; height: 100%; background: rgb(5, 30, 40); padding: 0; font: 16px/1.5em Helvetica, Arial, sans-serif; color: #333; text-shadow: 0 1px 0 #fff; }
  #wrap                                         { position: relative; margin: -128px auto 0; width: 70%; max-width: 48em; min-width: 472px; min-height: 100%; border-width: 64px; border-style: solid; border-color: rgb(5, 30, 40);
                                                  -webkit-border-image: url(background.png) 64;
                                                  -moz-border-image: url(background.png) 64;
                                                  border-image: url(background.png) 64;
                                                  background: #fff;
                                                  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAwCAIAAABfUYfWAAAAMElEQVQI172KwQnAMBDDJAXS/Tfu40JGyMNYwsb9hYVlKypaefqyzabz1cDjDMPr/FQLAKoJm/LEAAAAAElFTkSuQmCC) repeat-x bottom, #fff; /* accommodate Gecko's glitchy border image implementation */
                                                  -webkit-background-origin: border;
                                                  -webkit-background-origin: border-box;
                                                  -moz-background-origin: border;
                                                  background-origin: border-box; }
    #header                                     { position: relative; top: 64px; margin: 0 -64px; border-width: 64px 64px 0; border-style: solid; border-color: rgb(5, 30, 40);
                                                  -webkit-border-radius: 0.5em 0.5em 0 0;
                                                  -moz-border-radius: 0.5em 0.5em 0 0;
                                                  border-radius: 0.5em 0.5em 0 0;
                                                  -webkit-border-image: url(background.png) 64;
                                                  -moz-border-image: url(background.png) 64;
                                                  border-image: url(background.png) 64;
                                                  background: rgb(209, 215, 221);
                                                  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(rgb(186, 195, 204)));
                                                  background: -webkit-linear-gradient(#fff, rgb(186, 195, 204));
                                                  background: -moz-linear-gradient(top, #fff, rgb(186, 195, 204)), rgb(5, 30, 40); /* accommodate Gecko's glitchy border image implementation */
                                                  background-repeat: repeat-x;
                                                  background-position: 0 48px;
                                                  -webkit-background-origin: border;
                                                  -webkit-background-origin: border-box;
                                                  -moz-background-origin: border;
                                                  background-origin: border-box; }
    #header::selection                          { background: transparent; }
      #header ::-moz-selection                  { background: transparent; }
      #header ::selection                       { background: transparent; }
      #header a                                 { display: block; }
      #header a:focus, #header a:hover          { color: rgb(5, 30, 40); }
      #title                                    { margin: -16px -16px 0; padding: 0.625em 1em 0.75em; text-align: center; font: bold 3em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(5, 30, 40); }
      a#title                                   { color: rgb(140, 155, 170); }
      #header ul                                { margin: 0 -16px; border-top: 1px solid #999; border-bottom: 1px solid rgb(3, 18, 24); padding: 0 2em; list-style: none; overflow: hidden;
                                                  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(0.03125, #fff), color-stop(0.03125, transparent), to(transparent));
                                                  background: -webkit-linear-gradient(#fff, #fff 3.125%, transparent 3.125%, transparent);
                                                  background: -moz-linear-gradient(top, #fff, #fff 3.125%, transparent 3.125%, transparent); }
        #header li                              { float: left; margin: 0 1em 0 0; padding: 2px 0 0; font: 0.75em/28px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; cursor: default; }
          #header li a                          { padding-bottom: 2px; }
          #header li a:focus                    { padding-bottom: 0; border-bottom: 2px solid rgb(3, 18, 24); }
      #header form                              { position: relative; top: -1px; float: right; margin: -2em -16px 0; }
        #header div                             { float: left; margin: 0 2em 0 -1.5em; line-height: 32px; }
          #header label                         { position: absolute; left: -9999px; }
          input[type="search"]                  { width: 180px; }
          #header input[type="submit"]          { display: block; margin: 0; height: 32px; border: none; background: none; padding: 2px 0; font-size: 0.75em; line-height: 28px; color: rgb(12, 72, 96); text-shadow: 0 1px 0 #fff; outline: none; cursor: pointer; }
          #header input[type="submit"]:focus    { color: rgb(5, 30, 40); border-bottom: 2px solid rgb(3, 18, 24); padding-bottom: 0; }
          #header input[type="submit"]:hover    { color: rgb(5, 30, 40); }
    #main                                       { margin: 0 -16px; padding: 64px 2em 96px; text-shadow: none; }
      #main a                                   { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgb(232, 235, 238); }
      #main a:focus, #main a:hover              { background-color: rgb(209, 215, 221); }
      #main dt a                                { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: transparent; }
      #main dt a:focus, #main dt a:hover        { background-color: transparent; }
      #main img                                 { max-width: 100%; }
      #main ol                                  { list-style: none; counter-reset: item; }
        #main ol>li:before                      { display: block; float: left; margin: 0 0 0 -32px; width: 29px; text-align: right; content: counter(item) "."; counter-increment: item; font: bold 0.875em/1.714em Georgia, serif; color: rgb(163, 175, 187); }
      #main ul                                  { list-style: square outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGklEQVQI12Psmb3qPwMaYKSF4P//GGIkCAIAL+AXEM1qGx4AAAAASUVORK5CYII=); }
      h1, header h2                             { margin: 0; padding: 0.75em 0 0; font: normal 2em/1.125em Georgia, serif; }
            #main header h2 a                   { background-color: transparent; }
            #main header h2 a:focus,
            #main header h2 a:hover             { background-color: rgb(232, 235, 238); }
            header h2 code                      { font-size: 0.906em; line-height: 1.242em; /* 1.241em => 35px >.< */ }
          header time                           { display: block; font: normal 2em/1.125em Georgia, serif; color: rgb(163, 175, 187); }
        .update                                 { margin: 1.5em -32px 0; background: #dee; padding: 1.5em 32px; }
            .update h4                          { padding: 0; font-weight: bold; font-size: 1em; line-height: 1.5em; }
        .metadata                               { margin: 2em 0 0; font-size: 0.75em; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; text-shadow: 0 1px 0 #fff; overflow: hidden; }
          .metadata ::-moz-selection            { background: transparent; }
          .metadata ::selection                 { background: transparent; }
          .metadata a                           { display: block; float: left; margin: 0 0.5em 0 0; }
          #main .metadata ul                    { margin: 0; list-style: none; }
            .metadata ul li                     { display: block; float: left; margin: 0 0.5em 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #d7d7d7; }
            .metadata ul li,
              .metadata ul a                    { background-repeat: no-repeat; background-position: 0.75em; padding: 0 0.75em 0 2.5em; }
              .metadata ul a                    { margin: 0 -0.75em 0 -2.5em; background-color: rgb(209, 215, 221); }
            .metadata .author                   { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAo0lEQVQ4y2P4//8/AyWYYfAY4OLigo7TgPgMFKehyxMyAKThPxpOI9qA1NTUU+gGQMWIMyAgIOAbugFQMeIMCA0N/YtuAFSMOAMaGxsxXAAVI86ABQsWYIQBVIw4A4D8tC1btvzPzMwEYxAbJEbIAGNoVC0Dxb2Pj8+H4ODgXyAMYkPTwzKoGmMMA3x9fa9hiXusGKQWmwv+k4Kx5QVSAXUyEwCYWz3TWvtgPQAAAABJRU5ErkJggg==); color: rgb(5, 30, 40); }
              .metadata .author a               { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAoklEQVQ4y2P4//8/AyWYYXAawOORAMJpQHwGitNINQCk+T8aTiPaAPOMmlPoBoDEiDZAJiT7G7oBIDGiDVCKzPuLbgBIjGgDolumYLgAJEa0AS2L1mOEAUiMlHSQNm/b/v+2uQ1gDGKDxPAaALTFGBp9y0BxLxaQ/kE+LOcXCIPY0PSwDKrGGMMA8cD0a1jiHisGqcXmgv+kYGxhQCqgTmYCAPfTogYt+YCaAAAAAElFTkSuQmCC); }
              .metadata .shorturl a             { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAATElEQVQoz2Pg8UhggOL/WDBBObgCbACmGI8cA4pmHDZhYGT1cAPQaVy2otOUuwCXrW1LNsA1gNi4XAMORFy243MZVJwBpBmGsQGCcgBJTVB21H7g9wAAAABJRU5ErkJggg==); }
              #main .metadata ul a:focus,
              #main .metadata ul a:hover        { background-color: rgb(186, 195, 204); }
          .metadata h4                          { position: absolute; left: -9999px; }
          .metadata ol                          { display: inline; list-style: none; }
            #main .metadata li:before           { display: none; }
              .metadata ol a                    { background: rgb(232, 235, 238) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAYCAYAAADDLGwtAAAAZklEQVQoz6XTUQ7AIAgD0B6dm3G07mckOkFo5q8vGKGA/XGShgYZSZAEJugGN1TBA2UwRV9YohVeUUDvUMCsmr0FPO5RoKMTGfRsjL9g+fT4M+P2jBsujVAKhRQzKbjSKkjLta3rA9WXOvoDgCOyAAAAAElFTkSuQmCC) no-repeat left; padding: 0 0.5em 0 1.5em; }
        #comments                               { margin: 1em 0 0; }
        .comment                                { position: relative; margin: 1.5em 0 0; padding: 1.5em 0 0; font-size: 0.875em; line-height: 1.5em; }
          .comment>div                          { margin: -1.5em 200px 0 0; min-height: 3em; }
          .comment>footer                       { position: absolute; right: 0; top: 1.5em; width: 132px; padding: 0 0 0 68px; }
            .comment>footer img                 { position: absolute; left: 24px; top: 2px; border: 1px solid rgb(209, 215, 221); padding: 1px; }
              .comment>footer span              { display: block; color: #666; text-rendering: optimizeLegibility; }
              .comment>footer span+span         { color: #999; }
        #respond                                { margin: 1em 0 0; }
    a[href$="/flushcache/"]                     { position: absolute; left: 16px; top: 88px; font: 0.75em/1.25em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #fff; text-shadow: none; }
  #footer                                       { position: relative; margin: -81px auto 0; width: 70%; max-width: 64em; min-width: 472px; padding: 0 64px; text-align: center; font-size: 0.75em; line-height: 32px; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }
    #footer p                                   { margin: 0 -16px; border-top: 1px solid #999; padding: 0 2.667em;
                                                  -webkit-border-radius: 0 0 0.5em 0.5em;
                                                  -moz-border-radius: 0 0 0.5em 0.5em;
                                                  border-radius: 0 0 0.5em 0.5em;
                                                  background: rgb(209, 215, 221);
                                                  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(0.03125, #fff), color-stop(0.03125, rgb(232, 235, 238)), to(rgb(209, 215, 221)));
                                                  background: -webkit-linear-gradient(#fff, #fff 3.125%, rgb(232, 235, 238) 3.125%, rgb(209, 215, 221));
                                                  background: -moz-linear-gradient(top, #fff, #fff 3.125%, rgb(232, 235, 238) 3.125%, rgb(209, 215, 221)); }
      #footer a                                 { padding: 9px 0; }
      #footer a:focus                           { color: rgb(5, 30, 40); border-bottom: 2px solid rgb(3, 18, 24); padding-bottom: 7px; }
      #footer a:hover                           { color: rgb(5, 30, 40); }

      .searchresults                            { color: #999; list-style: none; }

      #archives                                 { margin: 0; color: #999; list-style: none; }
        body #archives li:before                { display: none; }
          #archives h2                          { margin: 0 0 -1.5em; padding: 1.5em 0 0; font: inherit; }
          #archives ol                          { list-style: none; }
              #archives time                    { position: absolute; left: -9999px; }

      #tags                                     { margin: 1.5em 0 0; color: #999; overflow: auto; }
        #tags dt                                { float: left; margin: 0; clear: both; }
        #tags dd                                { float: left; margin: 0; }
        #tags dd:before                         { padding: 0 0.25em; content: ":"; }

      #contact,
        #comment                                { margin: 0; width: 440px; padding: 1.714em 0; font-size: 0.875em; }
        fieldset                                { position: relative; margin: 0; border: none; padding: 0; }
            #contact fieldset label,
              #comment fieldset label           { position: absolute; left: -9999px; }
            #contact fieldset input,
              #comment fieldset input           { display: block; margin: 0 0 6px; border: 1px solid #ccc; border-bottom-color: #aaa; padding: 3px 6px; font-size: inherit; font-family: inherit; color: inherit; }
            #contact input.placeholder,
              #comment input.placeholder        { color: #a9a9a9; }
            #contact .errorlist,
              #comment .errorlist               { position: absolute; left: -9999px; }
            #contact .errorlist~input,
              #comment .errorlist~input         { border-color: #c00; }
            #sender_name,
              #author_name                      { width: 203px; }
            #sender_email,
              #author_email                     { width: 203px; position: absolute; right: 0; top: 0; }
            #subject,
              #author_url                       { width: 426px; }
        #contact>div,
          #comment>div                          { position: relative; }
          label[for="message"]                  { position: absolute; left: -9999px; }
          #message                              { display: block; margin: 0 0 6px; width: 426px; height: 126px; border: 1px solid #ccc; border-bottom-color: #aaa; padding: 3px 6px; font-size: inherit; line-height: 1.5em; font-family: inherit; color: inherit; }
          .errorlist~#message                   { border-color: #c00; }
          label[for="cc_sender"],
            label[for="subscribe"]              { display: block; margin: 0 0 -25px 1.5em; padding: 1px 0 0; }
          #cc_sender,
            #subscribe                          { position: absolute; left: 0; top: 6px; margin: 0; font-size: inherit; }
          #contact input[type="submit"],
            #comment input[type="submit"]       { float: right; margin: 0; height: 28px; border: 1px solid #ccc; border-bottom-color: #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0.333em 1em 0.5em; font-size: 0.857em; line-height: 18px; color: rgb(12, 72, 96); text-shadow: 0 1px 0 #fff; outline: none; cursor: pointer;
                                                  background: rgb(232, 235, 238);
                                                  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(rgb(209, 215, 221)));
                                                  background: -webkit-linear-gradient(#fff, rgb(209, 215, 221));
                                                  background: -moz-linear-gradient(top, #fff, rgb(209, 215, 221)); }
          #contact input[type="submit"]:focus,
            #comment input[type="submit"]:focus { -webkit-box-shadow: 1px 1px 3px #6ae, 1px -1px 3px #6ae, -1px 1px 3px #6ae, -1px -1px 3px #6ae;
                                                  -moz-box-shadow: 1px 1px 3px #6ae, 1px -1px 3px #6ae, -1px 1px 3px #6ae, -1px -1px 3px #6ae;
                                                  box-shadow: 1px 1px 3px #6ae, 1px -1px 3px #6ae, -1px 1px 3px #6ae, -1px -1px 3px #6ae; }
          #contact input[type="submit"]:active,
            #comment input[type="submit"]:active{ background: rgb(209, 215, 221);
                                                  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(209, 215, 221)), to(rgb(232, 235, 238)));
                                                  background: -webkit-linear-gradient(rgb(209, 215, 221), rgb(232, 235, 238));
                                                  background: -moz-linear-gradient(top, rgb(209, 215, 221), rgb(232, 235, 238)); }

/* layout fixes for browsers with no border image implementation */
  #wrap.noborderimage                           { border-width: 64px 48px; padding: 0 16px; }
    #wrap.noborderimage #header                 { margin: 48px -16px 0; border-width: 16px 16px 0; border-color: rgb(209, 215, 221); background: rgb(209, 215, 221); z-index: 1; }
    #topfix                                     { position: absolute; top: 0; margin: 0 -16px; width: 100%; height: 128px; background: rgb(5, 30, 40); }

/* iPad */
@media only screen and (device-width:768px) {
  #wrap                                         { margin: -48px 0 0; min-width: 100%; border-width: 0; background: #fff; padding-bottom: 16px; }
    #header                                     { top: 0; margin: 0; border-width: 0; border-radius: 0; padding: 64px 16px 0; }
    #main                                       { margin: 0; padding-top: 0; padding-bottom: 64px; }
  #footer                                       { margin: 0; min-width: 100%; padding: 0; }
    #footer p                                   { margin: 0; border-radius: 0; }
}