@charset "UTF-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

html                                            { height: 100%; }
body                                            { height: 100%; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAIAAACZnPOkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpifHZxMycXJwcXBwcnBwMDA0CAAQAkoAK7gmcOOgAAAABJRU5ErkJggg==) repeat-y 250px; color: #000; }
html>body                                       { font: 12px/1.75em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; }

#skip                                           { position: absolute; left: -9999px; }
#wrap                                           { position: relative; margin: 0 auto 0 255px; width: 60%; max-width: 55em; min-width: 500px; min-height: 100%; background: #fec url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAIAAACZnPOkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpi/P/uDAMDw4/vP358+/H923eAAAMAUe8LbND6VxoAAAAASUVORK5CYII=) repeat-y 100%; padding: 0 30px 0 25px; }
#wrap>header:first-child                        { display: block; margin: 0 -30px; height: 80px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAYAAACEhIafAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABlJREFUeNpiMmZgMGZiYGD4Bie+glkAAQYAKkwESBF72LQAAAAASUVORK5CYII=) repeat-x 0 75px; }
#wrap>header:first-child h1                     { height: 75px; background: url(../images/header.png) no-repeat; padding: 0; line-height: 50em; overflow: hidden; }
#wrap>header:first-child a[href="/"]            { display: block; height: 75px; background: url(../images/header.png) no-repeat; line-height: 50em; overflow: hidden; }
#wrap>header:first-child a[href="/"]:focus      { background-position: 0 -100px; }
#wrap>header:first-child a[href="/"]:hover      { background-position: 0 -100px; }
#wrap>header:first-child a[href="/archives/"]   { position: absolute; top: 0; right: 0; padding: 0 30px; font: 700 1.167em/75px "museo-slab-1", "museo-slab-2", Helvetica, Arial, sans-serif; }
#main                                           { padding: 0 0 8.75em; }
#wrap+footer                                    { position: relative; top: -64px; left: 0; display: block; margin: 0 auto -75px 250px; width: 60%; max-width: 55em; min-width: 500px; background-color: #fff; padding: 0 30px; }
#wrap+footer>p                                  { margin: 1px 0 0; line-height: 5.25em; }

h1, h2                                          { padding: 1.05em 0 0; font: 700 1.667em/1.05em "museo-slab-1", "museo-slab-2", Helvetica, Arial, sans-serif; }
h3                                              { padding: 1.313em 0 0; font: 700 1.333em/1.313em "museo-slab-1", "museo-slab-2", Helvetica, Arial, sans-serif; }
h4, h5, h6                                      { padding: 1.313em 0 0; font: 700 1.333em/1.313em "museo-slab-1", "museo-slab-2", Helvetica, Arial, sans-serif; }
p                                               { margin: 1.75em 0 0; }
dl                                              { margin: 1.75em 0 0; }
dl dt                                           { padding: 0.5em 0; }
dl dt *                                         { display: block; -webkit-box-shadow: 0 0 0.5em #963; -moz-box-shadow: 0 0 0.5em #963; box-shadow: 0 0 0.5em #963; }
dl dt img[src*="/posts/7/"]                     { margin: -7px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
dl dd                                           { font-style: italic; color: #666; }
dl dd+dt                                        { margin: 1.75em 0 0; }
ol, ul                                          { margin: 1.75em 0 0; list-style: none outside url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACNJREFUeNpinDlz5n8GNJCWlsbIxIADUFGC8f///1glAAIMAH0iBwXTWKVoAAAAAElFTkSuQmCC); }
strong                                          { font-weight: bold; }
em                                              { font-style: italic; }
del                                             { text-decoration: line-through; }
ins                                             { background-color: #edb; }
code                                            { background-color: #edb; line-height: 1.5em; font-family: Courier, monospace; color: #630; }
pre                                             { margin: 0 0 -2px; padding: 1.75em 0 0; overflow: auto; }
pre code                                        { display: block; float: left; border-top: 1px solid #963; border-bottom: 1px solid #963; font-size: 1.167em; }
img[alt^="["]                                   { vertical-align: -2px; }
object.youtube                                  { margin: 1.75em 0 0 0; width: 100%; height: 385px; }

a                                               { font-weight: bold; text-decoration: none; }
a:link, a:visited                               { color: #963; }
a:focus                                         { background-color: #fec; color: #d70; outline: none; }
a:hover                                         { color: #d70; }
#main a:focus                                   { background-color: #fff; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a              { font-weight: 700; }

article                                         { position: relative; }
article>header>h2:first-child                   { width: 60%; }
article>header>h2:first-child+time              { position: absolute; top: 0; right: 0; display: block; width: 40%; padding: 1.05em 0 0; font: 700 1.667em/1.05em "museo-slab-1", "museo-slab-2", Helvetica, Arial, sans-serif; text-align: right; color: #999; }

article>header                                  { position: relative; display: block; }
article>header>dl                               { padding: 0 0 0 30px; line-height: 1.5em; font-family: Courier, monospace; overflow: auto; }
article>header>dl>dt                            { float: left; margin: 0; min-width: 7.0em; padding: 0; }
article>header>dl>dt:after                      { content: ":\00A0"; /* no-break space */ }
article>header>dl>dd                            { font-style: normal; color: #333; }
article>header>dl>dd>a                          { font-weight: normal; }

div.update                                      { margin: 1.75em -30px -5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAYAAACEhIafAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABlJREFUeNpiMmZgMGZiYGD4Bie+glkAAQYAKkwESBF72LQAAAAASUVORK5CYII=) repeat-x 0 100%; padding: 0 0 5px; }
div.update>div                                  { background-color: #fff; padding: 0 30px 1.75em; }
div.update code                                 { background-color: #eee; }

#comments                                       { margin: 1.05em 0 0; text-align: center; }
#comments+article                               { margin-top: 1.25em; }
#comments~p                                     { margin-bottom: 1.75em; }
article                                         { display: block; }
article>article                                 { background-color: #fff; -webkit-box-shadow: 0 0 0.25em #963; -moz-box-shadow: 0 0 0.25em #963; box-shadow: 0 0 0.25em #963; padding: 1.75em 30px; overflow: auto; }
article>article+article                         { margin-top: 1.75em; }
article>article>div                             { float: left; width: 65%; }
article>article>div>:first-child                { margin-top: 0; }
article>article code                            { background-color: #eee; }
article>article>footer                          { position: relative; float: right; width: 30%; }
article>article>footer>img                      { position: absolute; top: 0.417em; left: 0; display: block; }
article>article>footer>strong                   { display: block; margin: 0 0 0 32px; padding: 0 0 0 1.0em; }
article>article>footer>time                     { display: block; margin: 0 0 0 32px; padding: 0 0 0 1.0em; }
article>article>footer>time>span                { display: block; color: #666; }
article>article>footer>time>span+span           { color: #999; }

#respond                                        { margin: 1.313em 0 0; }
#respond:after                                  { content: "…"; }
#author-details                                 { margin: 1.75em 0 0; }
#author-details div                             { position: relative; height: 2.25em; }
#author-details div label                       { position: absolute; top: 1px; left: 19.833em; text-transform: lowercase; color: #666; }
#author-details div label.required:after        { content: "*"; color: #999; }
#author-details div input                       { position: absolute; top: 0; left: 0; width: 18em; max-width: 300px; height: 15px; border: 1px solid #c96; padding: 3px 0.5em; font-size: 1.0em; color: #666; }
#author-details div input:focus                 { border-color: #d70; color: #000; outline: none; }
#author-details+div                             { margin: 0 0 1.75em; }
#author-details+div label                       { position: absolute; left: -9999px; }
#author-details+div+div                         { height: 1.75em; }
#message                                        { display: block; margin: 0; width: 98.75%; height: 15.75em; border: 1px solid #c96; padding: 0 0 0 0.5em; font: 1.0em/1.75em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #666; }
#message:focus                                  { border-color: #d70; color: #000; outline: none; }
div+#message                                    { position: relative; top: -1px; left: 0; margin-bottom: -1px !important; } /* JavaScript enabled */
label[for="subscribe"]                          { display: block; float: left; margin: -1px 0 0; }
#subscribe                                      { vertical-align: text-bottom; }
#respond+form div                               { position: relative; }
#respond+form input[type="submit"]              { position: absolute; top: -1.75em; right: 0; font-size: 1.0em; }

#archives                                       { margin: 0; list-style-image: none; color: #666; }
#archives h2                                    { padding: 1.313em 0 0; font-size: 1.333em; line-height: 1.313em; }
#archives ol                                    { list-style-image: none; }