Browse code

Typographic trying out some webfonts Media query layout improvements Twitter now splits tweets with <br> and </p><p> on \n and \n\n RSS icon made a bit smaller

Brandon Mathis authored on 08/06/2011 at 18:18:37
Showing 8 changed files
... ...
@@ -14,7 +14,7 @@ $sidebar-width-wide: 300px;
14 14
 //html {  }
15 15
 body {
16 16
   -webkit-text-size-adjust: none;
17
-  max-width: 1400px;
17
+  max-width: 1350px;
18 18
   position: relative;
19 19
   margin: 0 auto;
20 20
   > header, > nav, > footer, #articles > article {
... ...
@@ -112,7 +112,6 @@ body {
112 112
 }
113 113
 
114 114
 @media only screen and (min-width: 992px) {
115
-  body > * { font-size: 1.1em; }
116 115
   body > header {
117 116
     font-size: 1.3em;
118 117
   }
... ...
@@ -25,7 +25,7 @@ $sidebar-border: darken($sidebar-bg, 7);
25 25
 
26 26
 // Blog
27 27
 $article-border: #eeeeee;
28
-$main-bg: #f7f7f7;
28
+$main-bg: #f9f8f6;
29 29
 
30 30
 $footer-color: #999999;
31 31
 //$footer-bg: #444444;
... ...
@@ -7,11 +7,10 @@ $mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
7 7
 // Fonts
8 8
 //@include font-face("Adelle", font-files("adellebasic_bold-webfont.woff", woff, "adellebasic_bold-webfont.ttf", truetype, "adellebasic_bold-webfont.svg#webfontKykxqSyz", svg), $eot: "adellebasic_bold-webfont.eot" );
9 9
 .heading {
10
-  font-family: "Georgia", "PT Sans", "Helvetica Neue", Arial, sans-serif;
11
-  font-weight: bold;
10
+  font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif;
12 11
 }
13
-.sans { font-family: "Helvetica Neue", Arial, sans-serif; }
14
-.serif { font-family: Georgia, Times, "Times New Roman", serif; }
12
+.sans { font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif; }
13
+.serif { font-family: "PT Serif", Georgia, Times, "Times New Roman", serif; }
15 14
 .mono { font-family: $mono; }
16 15
 
17 16
 body > header h1 {
... ...
@@ -28,7 +27,6 @@ body {
28 28
   @extend .serif;
29 29
 }
30 30
 
31
-
32 31
 #{headings()}{
33 32
   @extend .heading;
34 33
   text-rendering: optimizelegibility;
... ...
@@ -36,8 +34,8 @@ body {
36 36
   font-weight: normal;
37 37
 }
38 38
 h1 {
39
-  font-size: 2em;
40
-  line-height: 1.3334em
39
+  font-size: 2.4em;
40
+  line-height: 1.2em
41 41
 }
42 42
 h2, section h1 {
43 43
   font-size: 1.5em;
... ...
@@ -1,11 +1,11 @@
1
+$border: inline-image('dotted-border.png');
1 2
 #articles {
2 3
   > article {
3 4
     padding-bottom: 1em;
4 5
     &:last-child { margin-bottom: 0; border-bottom: none; }
5 6
     h2 {
6 7
       padding-top: 0.8em;
7
-      //border-top: 3px double $type-border;
8
-      background: inline-image('dotted-border.png') top left repeat-x;
8
+      background: $border top left repeat-x;
9 9
     }
10 10
     .byline + time:before, .byline + time +time:before {
11 11
       content: "\2022 ";
... ...
@@ -17,7 +17,7 @@
17 17
       padding-top: 2em;
18 18
       margin-bottom: 1.5em;
19 19
       padding-bottom: 1.5em;
20
-      background: inline-image('dotted-border.png') bottom left repeat-x;
20
+      background: $border bottom left repeat-x;
21 21
       h1 {
22 22
         margin: 0;
23 23
         a { text-decoration: none;
... ...
@@ -30,7 +30,8 @@
30 30
         padding-top: 0;
31 31
         margin: 0;
32 32
         font-style: italic;
33
-        font-family: "Georgia", Palatino, Times, "Times New Roman";
33
+        @extend .sans;
34
+        //font-family: "Georgia", Palatino, Times, "Times New Roman";
34 35
       }
35 36
     }
36 37
     .entry-content {
... ...
@@ -95,7 +95,7 @@ body > nav {
95 95
 .maskImage {
96 96
   ul[role=subscription] { li, a { border: 0; padding: 0; }}
97 97
   a[rel=subscribe-rss]{
98
-    position: relative; top: -2px;
98
+    position: relative; top: 0px;
99 99
     width: image-width('rss.png');
100 100
     height: image-height('rss.png');
101 101
     @include mask-image('rss.png');
102 102
Binary files a/themes/classic/source/images/rss.png and b/themes/classic/source/images/rss.png differ
... ...
@@ -26,7 +26,7 @@ function showTwitterFeed(tweets, twitter_user){
26 26
   var timeline = document.getElementById('tweets');
27 27
   timeline.innerHTML='';
28 28
   for (t in tweets){
29
-    timeline.innerHTML+='<li>'+'<p>'+'<a href="http://twitter.com/'+twitter_user+'/status/'+tweets[t].id_str+'">'+prettyDate(tweets[t].created_at)+'</a>'+linkifyTweet(tweets[t].text)+'</p>'+'</li>';
29
+    timeline.innerHTML+='<li>'+'<p>'+'<a href="http://twitter.com/'+twitter_user+'/status/'+tweets[t].id_str+'">'+prettyDate(tweets[t].created_at)+'</a>'+linkifyTweet(tweets[t].text.replace(/\n{2}/, '</p><p>').replace(/\n/, '<br>'))+'</p>'+'</li>';
30 30
   }
31 31
 }
32 32
 function linkifyTweet(text){
... ...
@@ -1 +1 @@
1
-@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}#articles a,#articles + aside a{color:#1863a1}#articles a:visited,#articles + aside a:visited{color:#4f1175}#articles a:focus,#articles + aside a:focus{color:#033b6a}#articles a:hover,#articles + aside a:hover{color:#033b6a}.group,body > header,body > nav,body > footer,body #articles > article,body > nav + div,body > nav + div > div{*zoom:1}.group:after,body > header:after,body > nav:after,body > footer:after,body #articles > article:after,body > nav + div:after,body > nav + div > div:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}body{-webkit-text-size-adjust:none;max-width:1400px;position:relative;margin:0 auto}body > header,body > nav,body > footer,body #articles > article{padding-left:18px;padding-right:18px}@media only screen and (min-width: 480px){body > header,body > nav,body > footer,body #articles > article{padding-left:18px;padding-right:18px}}@media only screen and (min-width: 768px){body > header,body > nav,body > footer,body #articles > article{padding-left:24px;padding-right:24px}}@media only screen and (min-width: 992px){body > header,body > nav,body > footer,body #articles > article{padding-left:30px;padding-right:30px}}body > header{font-size:.8em;padding-top:1.5em;padding-bottom:1.5em}.toggle-sidebar{display:none}#articles{width:100%}#articles + aside{display:none}@media only screen and (min-width: 550px){body > header{font-size:1em}}@media only screen and (min-width: 768px){body{-webkit-text-size-adjust:auto}body > header{font-size:1.2em}body > nav + div{padding:0;margin:0 auto}body > nav + div > div{margin-right:240px}#articles{padding-top:12px;padding-bottom:12px;float:left}#articles + aside{width:210px;padding:0 15px 15px;display:block;float:left;margin:0 -100% 0 0}body > div > div{position:relative}.collapse-sidebar > div > div{margin-right:10px}.collapse-sidebar #articles + aside{display:none}.collapse-sidebar .toggle-sidebar{right:-1px;background-color:#eeeeee;border-right-width:0;text-indent:2px;border-left:1px solid #dcdcdc;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-o-border-bottom-right-radius:0;-ms-border-bottom-right-radius:0;-khtml-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0.3em;-webkit-border-bottom-left-radius:0.3em;-o-border-bottom-left-radius:0.3em;-ms-border-bottom-left-radius:0.3em;-khtml-border-bottom-left-radius:0.3em;border-bottom-left-radius:0.3em;color:#aaaaaa}.collapse-sidebar .toggle-sidebar:hover{color:#888888}.toggle-sidebar{outline:none;position:absolute;right:-21px;top:0;width:20px;font-size:1.2em;line-height:1.1em;padding-bottom:.1em;text-indent:-1px;text-decoration:none;color:#cccccc;-moz-border-radius-bottomright:0.3em;-webkit-border-bottom-right-radius:0.3em;-o-border-bottom-right-radius:0.3em;-ms-border-bottom-right-radius:0.3em;-khtml-border-bottom-right-radius:0.3em;border-bottom-right-radius:0.3em;text-align:center;background:#f7f7f7;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;display:inline-block}.toggle-sidebar:hover{color:#999999}}@media only screen and (min-width: 992px){body > *{font-size:1.1em}body > header{font-size:1.3em}body > nav + div > div{margin-right:300px}#articles{padding-top:15px;padding-bottom:15px}#articles + aside{width:260px;padding:0 20px 20px}}.heading,body > header h1,h1,h2,h3,h4,h5,h6{font-family:"Georgia", "PT Sans", "Helvetica Neue", Arial, sans-serif;font-weight:bold}.sans,body > nav a,#articles + aside section,body > footer{font-family:"Helvetica Neue", Arial, sans-serif}.serif,body{font-family:Georgia, Times, "Times New Roman", serif}.mono,.pre,html .gist .gist-file .gist-syntax .gist-highlight pre,pre{font-family:Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace}body > header h1{font-size:2em;font-weight:normal;line-height:1.2em;margin-bottom:0.6667em}body{line-height:1.5em;color:black}h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility;margin-bottom:1em;font-weight:normal}h1{font-size:2em;line-height:1.3334em}h2,section h1{font-size:1.5em}h3,section h2,section section h1{font-size:1.3em}h4,section h3,section section h2,section section section h1{font-size:1em}h5,section h4,section section h3{font-size:.9em}h6,section h5,section section h4,section section section h3{font-size:.8em}p,blockquote,ul,ol{margin-bottom:1.5em}ul{list-style-type:disc}ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha}ul ul,ol ol{margin-left:1.75em}li{margin-bottom:.5em}strong{font-weight:bold}em{font-style:italic}sup,sub{font-size:0.8em;position:relative;display:inline-block}sup{top:-0.5em}sub{bottom:-0.5em}q{font-style:italic}q:before{content:"\201C"}q:after{content:"\201D"}em,dfn{font-style:italic}strong,dfn{font-weight:bold}del,s{text-decoration:line-through}abbr,acronym{border-bottom:1px dotted;cursor:help}sub,sup{line-height:0}hr{margin-bottom:0.2em}small{font-size:.8em}big{font-size:1.2em}blockquote{font-style:italic;position:relative;margin-left:1.2em}blockquote > p:first-child:before{content:"\201C";position:absolute;top:0.1em;left:-0.5em;font-size:3em;color:#dddddd}blockquote > p:last-child:after{content:"\201D";position:relative;top:0.3em;line-height:0;font-size:2em;color:#dddddd}blockquote + p > cite{margin-left:1.2em;text-align:right}blockquote + p > cite:before{content:'– ';color:#555555}blockquote + p > cite a{font-style:italic}body > header{background-color:#333333}body > header h1{display:inline-block;margin:0}body > header h1 a,body > header h1 a:visited{color:#f2f2f2;text-decoration:none}body > nav{position:relative;background-color:#cccccc;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));background:-webkit-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:-moz-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:-o-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:linear-gradient(#e0e0e0,#cccccc,#b0b0b0);border-top:1px solid #f2f2f2;border-bottom:1px solid #8c8c8c;padding-top:.35em;padding-bottom:.35em}body > nav form{-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box;margin:0;padding:0}body > nav form .search{padding:.25em .5em 0;font-size:.85em;line-height:1em;width:95%;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;-ms-border-radius:0.5em;-khtml-border-radius:0.5em;border-radius:0.5em;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:#d1d1d1 0 1px;-webkit-box-shadow:#d1d1d1 0 1px;-o-box-shadow:#d1d1d1 0 1px;box-shadow:#d1d1d1 0 1px;background-color:#f2f2f2;border:1px solid #b3b3b3;color:#888}body > nav form .search:focus{color:#444;border-color:#80b1df;-moz-box-shadow:#80b1df 0 0 4px, #80b1df 0 0 3px inset;-webkit-box-shadow:#80b1df 0 0 4px, #80b1df 0 0 3px inset;-o-box-shadow:#80b1df 0 0 4px, #80b1df 0 0 3px inset;box-shadow:#80b1df 0 0 4px, #80b1df 0 0 3px inset;background-color:#fff;outline:none}body > nav fieldset[role=site-search]{float:right;width:48%}body > nav fieldset[role=mobile-nav]{float:left;width:48%}body > nav fieldset[role=mobile-nav] select{width:100%;font-size:.8em;border:1px solid #888}body > nav ul{display:none}@media only screen and (min-width: 550px){body > nav{font-size:.9em}body > nav ul{margin:0;padding:0;border:0;overflow:hidden;*zoom:1;float:left;display:block;padding-top:.25em}body > nav ul li{list-style-image:none;list-style-type:none;margin-left:0px;white-space:nowrap;display:inline;float:left;padding-left:0;padding-right:0}body > nav ul li:first-child,body > nav ul li.first{padding-left:0}body > nav ul li:last-child{padding-right:0}body > nav ul li.last{padding-right:0}body > nav ul[role=subscription]{margin-left:.8em;float:right}body > nav ul[role=subscription] li:last-child a{padding-right:0}body > nav ul li{margin:0}body > nav a{color:#6b6b6b;text-shadow:#ebebeb 0 1px;float:left;text-decoration:none;font-size:.9em;padding:.1em 0;line-height:1.5em}body > nav a:visited{color:#6b6b6b}body > nav a:hover{color:#2b2b2b}body > nav li + li{border-left:1px solid #b0b0b0;margin-left:.8em}body > nav li + li a{padding-left:.8em;border-left:1px solid #dedede}body > nav fieldset[role=mobile-nav]{display:none}body > nav fieldset[role=site-search]{width:100%}body > nav form{float:right;text-align:left;width:182px;padding-left:.8em}body > nav form .search{width:93%;font-size:.95em;line-height:1.2em}}@media only screen and (min-width: 992px){body > nav form{width:235px}}.maskImage ul[role=subscription] li,.maskImage ul[role=subscription] a{border:0;padding:0}.maskImage a[rel=subscribe-rss]{position:relative;top:-2px;width:24px;height:24px;-moz-mask-image:url('/images/rss.png?1305289158');-webkit-mask-image:url('/images/rss.png?1305289158');-o-mask-image:url('/images/rss.png?1305289158');-ms-mask-image:url('/images/rss.png?1305289158');-khtml-mask-image:url('/images/rss.png?1305289158');mask-image:url('/images/rss.png?1305289158');-moz-mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-khtml-mask-repeat:no-repeat;mask-repeat:no-repeat;text-indent:-999999em;background-color:#dedede;border:0;padding:0}.maskImage a[rel=subscribe-rss]:hover:after{background-color:#969696}.maskImage a[rel=subscribe-rss]:after{content:"";-moz-mask-image:url('/images/rss.png?1305289158');-webkit-mask-image:url('/images/rss.png?1305289158');-o-mask-image:url('/images/rss.png?1305289158');-ms-mask-image:url('/images/rss.png?1305289158');-khtml-mask-image:url('/images/rss.png?1305289158');mask-image:url('/images/rss.png?1305289158');-moz-mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-khtml-mask-repeat:no-repeat;mask-repeat:no-repeat;width:24px;height:24px;position:absolute;top:-1px;left:0;background-color:#b0b0b0}html{background:#252525 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAb1BMVEUAAAAdHR0eHR4eHh4eHh8fHx8gICAhISEiISIiIiIjIyMkJCQlJCUlJSUmJSYmJiYnJycoKCgpKCkqKisqKywrKywsKy0sLC0tLC4tLS4tLS8uLi8uLjAvLzAwLzEAAAAAAAAAAAAAAAAAAAAAAADZ8HsjAAAAJXRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQMGCw4PcEyLoAAAAZdJREFUaN7tmFlvwkAQg4cSoClHQsvRAmkyXv7/b6w3BFH15EjmAc2DX2xZn6IIsmvZV6KhrAWIQKUMKhXt6hhFG7V9jC5sXNO5uCEmFDWgSDCgXPsuL2qICUUNKBIMKLf8xs5uiAkFBpQb/5XOa8j9UGBAaeFr8X9DTCilAUWCAaWlr/jfDTGhVAYU2RtQWjxd/d4QE4rFs8jegNLyqffnhphQ1IAiwYDSwW3ke0NMKGpA6eb+9qUh90OBAaW7e/WnhphQSgOKBANKt3vH6ZhqQCkNKBIMKN3vUKdjascUg03tdEz15c6XO1/ufLnz5c6XO1/ufLnz5c6XO1/ufLnz5c6XO1/ufLnz5c6Xu+6Xu4QaAekQmjBIGPSioq1IGPVpP0Q1dkr1gMEjNKXdpz2ghtFW9BlFO20aA5kzeKbGQJ5DMwY5gwk1pZ0rsgx4oj2hprTntV03ZrNDY0w7o6I9YYNRtKdNQ6odgw31AhQFtGDwymBNFbS3itUaWNB+o5a0l7RjtKD9Dt01jV3T2Ci2WyDaq0PjAzgEkrGstE8ZAAAAAElFTkSuQmCC') top left}body{background-color:#333333;border:0 0 1px 0 solid #181818}body > div{background-color:#eeeeee;border-bottom:1px solid #8c8c8c}body > div > div{background-color:#f7f7f7;border-right:1px solid #dcdcdc}@media only screen and (min-width: 1400px){body{border:1px solid #181818;border-top:0}}.side-shadow-border,#articles + aside section h1,#articles + aside li{-moz-box-shadow:white 0 1px;-webkit-box-shadow:white 0 1px;-o-box-shadow:white 0 1px;box-shadow:white 0 1px}#articles + aside{padding-top:1.2em}#articles + aside section{font-size:.8em;line-height:1.5em;margin-bottom:1.5em}#articles + aside section h1{margin:1.5em 0 0;padding-bottom:.2em;border-bottom:1px solid #dcdcdc}#articles + aside section h1 + p{padding-top:.4em}#articles + aside ul{margin-bottom:0.5em}#articles + aside li{list-style:none;padding:.5em 0;margin:0;border-bottom:1px solid #dcdcdc}#articles + aside li p:last-child{margin-bottom:0}#articles + aside a{color:inherit;-moz-transition-property:color;-webkit-transition-property:color;-o-transition-property:color;transition-property:color;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}#articles + aside:hover a,#articles + aside:hover #tweets a{color:#1863a1}#articles + aside #recent_posts time{text-transform:uppercase;font-size:.9em;color:#666}#articles + aside #tweets a{color:#666;text-decoration:none}#articles + aside #tweets a:hover{text-decoration:underline}#articles + aside #tweets li:hover a[href*='status']{color:#666}#articles + aside #tweets p{position:relative;padding-right:1.4em}#articles + aside #tweets a[href*='status']{color:#ccc;position:absolute;top:0;right:-0.5em;text-decoration:none;padding:0 .5em .1em;text-shadow:#fff 0 1px}#articles + aside #tweets a[href*='status'] span:last-child{display:none;font-size:.7em}#articles + aside #tweets a[href*='status'] span:first-child{font-size:1.1em}#articles + aside #tweets a[href*='status']:hover{background:#e5e5e5;-moz-box-shadow:#eeeeee -2px 2px 8px 8px;-webkit-box-shadow:#eeeeee -2px 2px 8px 8px;-o-box-shadow:#eeeeee -2px 2px 8px 8px;box-shadow:#eeeeee -2px 2px 8px 8px;-moz-border-radius:1em;-webkit-border-radius:1em;-o-border-radius:1em;-ms-border-radius:1em;-khtml-border-radius:1em;border-radius:1em;text-decoration:none;line-height:1.2em}#articles + aside #tweets a[href*='status']:hover span:first-child{display:none}#articles + aside #tweets a[href*='status']:hover span:last-child{display:inline-block}#articles + aside #tweets a[href*='status']:hover span:last-child{color:#444}#articles + aside #pinboard_linkroll .pin-title,#articles + aside #pinboard_linkroll .pin-description{display:block;margin-bottom:.5em}#articles + aside #pinboard_linkroll .pin-tag{text-decoration:none}#articles + aside #pinboard_linkroll .pin-tag:hover{text-decoration:underline}#articles + aside #pinboard_linkroll .pin-tag:after{content:','}#articles + aside #pinboard_linkroll .pin-tag:last-child:after{content:''}#articles + aside .delicious-posts a.delicious-link{margin-bottom:.5em;display:block}#articles + aside .delicious-posts p{font-size:1em}.aside-alt-link,#articles + aside #tweets a[href*='twitter.com/search'],#articles + aside #pinboard_linkroll .pin-tag{color:#999}.aside-alt-link:hover,#articles + aside #tweets a[href*='twitter.com/search']:hover,#articles + aside #pinboard_linkroll .pin-tag:hover{color:#555}#articles > article{padding-bottom:1em}#articles > article:last-child{margin-bottom:0;border-bottom:none}#articles > article h2{padding-top:0.8em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') top left repeat-x}#articles > article .byline + time:before,#articles > article .byline + time + time:before{content:"\2022 ";padding:0 .3em 0 .2em;display:inline-block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}#articles > article header{padding-top:2em;margin-bottom:1.5em;padding-bottom:1.5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') bottom left repeat-x}#articles > article header h1{margin:0}#articles > article header h1 a{text-decoration:none}#articles > article header h1 a:hover{text-decoration:underline}#articles > article header p{font-size:.9em;color:#555555;border:none;padding-top:0;margin:0;font-style:italic;font-family:"Georgia", Palatino, Times, "Times New Roman"}#articles > article .entry-content img{max-width:100%}#articles > article .meta{border-bottom:1px dashed #dddddd;text-transform:uppercase;color:#777777;padding:8px 0 5px;margin-bottom:1.5em;font-size:75%;letter-spacing:1px}#articles > article .footer{padding-top:15px}body > footer{font-size:.8em;color:#6b6b6b;text-shadow:#d9d9d9 0 1px;background-color:#ccc;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));background:-webkit-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:-moz-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:-o-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:linear-gradient(#e0e0e0,#cccccc,#b0b0b0);border-top:1px solid #f2f2f2;position:relative;padding-top:1em;padding-bottom:1em;z-index:1}body > footer a{color:#6b6b6b}body > footer a:hover{color:#2b2b2b}body > footer p:last-child{margin-bottom:0}.gutter .line-numbers{text-align:right;background:#073642 !important;border-right:1px solid #00232c;-moz-box-shadow:#083e4b -1px 0 inset;-webkit-box-shadow:#083e4b -1px 0 inset;-o-box-shadow:#083e4b -1px 0 inset;box-shadow:#083e4b -1px 0 inset;text-shadow:#021014 0 -1px}.gutter .line-numbers span{color:#586e75 !important}html .gist .gist-file{margin-bottom:1.5em;border:none}html .gist .gist-file .gist-syntax{border-bottom:1px solid #515151 !important}html .gist .gist-file .gist-syntax .gist-highlight{background:#002b36 !important}html .gist .gist-file .gist-syntax .gist-highlight pre{overflow-y:hidden;overflow-x:auto}html .gist .gist-file .gist-meta{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0b0b0), color-stop(100%, #a7a7a7));background:-webkit-linear-gradient(#b0b0b0,#a7a7a7);background:-moz-linear-gradient(#b0b0b0,#a7a7a7);background:-o-linear-gradient(#b0b0b0,#a7a7a7);background:linear-gradient(#b0b0b0,#a7a7a7);padding:0.5em;background-color:#bababa !important;border:1px solid #9c9c9c;border-top:1px solid #d0d0d0;border-bottom:1px solid #777777;font-size:.7em !important;font-family:"Helvetica Neue", Arial, sans-serif !important;color:#464646 !important;line-height:1.4em}.pre,html .gist .gist-file .gist-syntax .gist-highlight pre,pre{font-size:.8em;line-height:1.45em;padding:1em 1.2em !important;background:#002b36 !important;color:#93a1a1 !important}.pre span,html .gist .gist-file .gist-syntax .gist-highlight pre span,pre span{color:#93a1a1 !important}.pre span,html .gist .gist-file .gist-syntax .gist-highlight pre span,pre span{font-style:normal !important;font-weight:normal !important}.pre .c,html .gist .gist-file .gist-syntax .gist-highlight pre .c,pre .c{color:#586e75 !important;font-style:italic !important}.pre .cm,html .gist .gist-file .gist-syntax .gist-highlight pre .cm,pre .cm{color:#586e75 !important;font-style:italic !important}.pre .cp,html .gist .gist-file .gist-syntax .gist-highlight pre .cp,pre .cp{color:#586e75 !important;font-style:italic !important}.pre .c1,html .gist .gist-file .gist-syntax .gist-highlight pre .c1,pre .c1{color:#586e75 !important;font-style:italic !important}.pre .cs,html .gist .gist-file .gist-syntax .gist-highlight pre .cs,pre .cs{color:#586e75 !important;font-weight:bold !important;font-style:italic !important}.pre .err,html .gist .gist-file .gist-syntax .gist-highlight pre .err,pre .err{color:#dc322f !important;background:none !important}.pre .k,html .gist .gist-file .gist-syntax .gist-highlight pre .k,pre .k{color:#cb4b16 !important}.pre .o,html .gist .gist-file .gist-syntax .gist-highlight pre .o,pre .o{color:#93a1a1 !important;font-weight:bold !important}.pre .p,html .gist .gist-file .gist-syntax .gist-highlight pre .p,pre .p{color:#93a1a1 !important}.pre .ow,html .gist .gist-file .gist-syntax .gist-highlight pre .ow,pre .ow{color:#2aa198 !important;font-weight:bold !important}.pre .gd,html .gist .gist-file .gist-syntax .gist-highlight pre .gd,pre .gd{color:#93a1a1 !important;background-color:#372c34 !important;display:block}.pre .gd .x,html .gist .gist-file .gist-syntax .gist-highlight pre .gd .x,pre .gd .x{color:#93a1a1 !important;background-color:#4d2d33 !important;display:block}.pre .ge,html .gist .gist-file .gist-syntax .gist-highlight pre .ge,pre .ge{color:#93a1a1 !important;font-style:italic !important}.pre .gh,html .gist .gist-file .gist-syntax .gist-highlight pre .gh,pre .gh{color:#586e75 !important}.pre .gi,html .gist .gist-file .gist-syntax .gist-highlight pre .gi,pre .gi{color:#93a1a1 !important;background-color:#1a412b !important;display:block}.pre .gi .x,html .gist .gist-file .gist-syntax .gist-highlight pre .gi .x,pre .gi .x{color:#93a1a1 !important;background-color:#355720 !important;display:block}.pre .gs,html .gist .gist-file .gist-syntax .gist-highlight pre .gs,pre .gs{color:#93a1a1 !important;font-weight:bold !important}.pre .gu,html .gist .gist-file .gist-syntax .gist-highlight pre .gu,pre .gu{color:#6c71c4 !important}.pre .kc,html .gist .gist-file .gist-syntax .gist-highlight pre .kc,pre .kc{color:#859900 !important;font-weight:bold !important}.pre .kd,html .gist .gist-file .gist-syntax .gist-highlight pre .kd,pre .kd{color:#268bd2 !important}.pre .kp,html .gist .gist-file .gist-syntax .gist-highlight pre .kp,pre .kp{color:#cb4b16 !important;font-weight:bold !important}.pre .kr,html .gist .gist-file .gist-syntax .gist-highlight pre .kr,pre .kr{color:#d33682 !important;font-weight:bold !important}.pre .kt,html .gist .gist-file .gist-syntax .gist-highlight pre .kt,pre .kt{color:#2aa198 !important}.pre .n,html .gist .gist-file .gist-syntax .gist-highlight pre .n,pre .n{color:#268bd2 !important}.pre .na,html .gist .gist-file .gist-syntax .gist-highlight pre .na,pre .na{color:#268bd2 !important}.pre .nb,html .gist .gist-file .gist-syntax .gist-highlight pre .nb,pre .nb{color:#859900 !important}.pre .no,html .gist .gist-file .gist-syntax .gist-highlight pre .no,pre .no{color:#b58900 !important}.pre .ne,html .gist .gist-file .gist-syntax .gist-highlight pre .ne,pre .ne{color:#268bd2 !important;font-weight:bold !important}.pre .nf,html .gist .gist-file .gist-syntax .gist-highlight pre .nf,pre .nf{color:#268bd2 !important;font-weight:bold !important}.pre .nn,html .gist .gist-file .gist-syntax .gist-highlight pre .nn,pre .nn{color:#b58900 !important}.pre .nt,html .gist .gist-file .gist-syntax .gist-highlight pre .nt,pre .nt{color:#268bd2 !important;font-weight:bold !important}.pre .nx,html .gist .gist-file .gist-syntax .gist-highlight pre .nx,pre .nx{color:#b58900 !important}.pre .vg,html .gist .gist-file .gist-syntax .gist-highlight pre .vg,pre .vg{color:#268bd2 !important}.pre .vi,html .gist .gist-file .gist-syntax .gist-highlight pre .vi,pre .vi{color:#268bd2 !important}.pre .nv,html .gist .gist-file .gist-syntax .gist-highlight pre .nv,pre .nv{color:#268bd2 !important}.pre .mf,html .gist .gist-file .gist-syntax .gist-highlight pre .mf,pre .mf{color:#2aa198 !important}.pre .m,html .gist .gist-file .gist-syntax .gist-highlight pre .m,pre .m{color:#2aa198 !important}.pre .mh,html .gist .gist-file .gist-syntax .gist-highlight pre .mh,pre .mh{color:#2aa198 !important}.pre .mi,html .gist .gist-file .gist-syntax .gist-highlight pre .mi,pre .mi{color:#2aa198 !important}.pre .s,html .gist .gist-file .gist-syntax .gist-highlight pre .s,pre .s{color:#2aa198 !important}.pre .sd,html .gist .gist-file .gist-syntax .gist-highlight pre .sd,pre .sd{color:#2aa198 !important}.pre .s2,html .gist .gist-file .gist-syntax .gist-highlight pre .s2,pre .s2{color:#2aa198 !important}.pre .se,html .gist .gist-file .gist-syntax .gist-highlight pre .se,pre .se{color:#dc322f !important}.pre .si,html .gist .gist-file .gist-syntax .gist-highlight pre .si,pre .si{color:#268bd2 !important}.pre .sr,html .gist .gist-file .gist-syntax .gist-highlight pre .sr,pre .sr{color:#2aa198 !important}.pre .s1,html .gist .gist-file .gist-syntax .gist-highlight pre .s1,pre .s1{color:#2aa198 !important}.highlight{margin-bottom:1.5em;overflow-y:hidden}.highlight .gutter pre{padding-left:.8em !important;padding-right:.8em !important}h3.filename{font-size:13px;line-height:2em;text-align:center;text-shadow:#cbcccc 0 1px 0;color:#474747;font-style:normal;margin-bottom:0;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-o-border-top-left-radius:5px;-ms-border-top-left-radius:5px;-khtml-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-o-border-top-right-radius:5px;-ms-border-top-right-radius:5px;-khtml-border-top-right-radius:5px;border-top-right-radius:5px;font-family:"Helvetica Neue",Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;background:#aaaaaa url('/images/code_bg.png?1270921258') top repeat-x;border:1px solid #565656;border-top-color:#cbcbcb;border-left-color:#a5a5a5;border-right-color:#a5a5a5;border-bottom:0}
1
+@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}#articles a,#articles + aside a{color:#1863a1}#articles a:visited,#articles + aside a:visited{color:#4f1175}#articles a:focus,#articles + aside a:focus{color:#033b6a}#articles a:hover,#articles + aside a:hover{color:#033b6a}.group,body > header,body > nav,body > footer,body #articles > article,body > nav + div,body > nav + div > div{*zoom:1}.group:after,body > header:after,body > nav:after,body > footer:after,body #articles > article:after,body > nav + div:after,body > nav + div > div:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}body{-webkit-text-size-adjust:none;max-width:1350px;position:relative;margin:0 auto}body > header,body > nav,body > footer,body #articles > article{padding-left:18px;padding-right:18px}@media only screen and (min-width: 480px){body > header,body > nav,body > footer,body #articles > article{padding-left:18px;padding-right:18px}}@media only screen and (min-width: 768px){body > header,body > nav,body > footer,body #articles > article{padding-left:24px;padding-right:24px}}@media only screen and (min-width: 992px){body > header,body > nav,body > footer,body #articles > article{padding-left:30px;padding-right:30px}}body > header{font-size:.8em;padding-top:1.5em;padding-bottom:1.5em}.toggle-sidebar{display:none}#articles{width:100%}#articles + aside{display:none}@media only screen and (min-width: 550px){body > header{font-size:1em}}@media only screen and (min-width: 768px){body{-webkit-text-size-adjust:auto}body > header{font-size:1.2em}body > nav + div{padding:0;margin:0 auto}body > nav + div > div{margin-right:240px}#articles{padding-top:12px;padding-bottom:12px;float:left}#articles + aside{width:210px;padding:0 15px 15px;display:block;float:left;margin:0 -100% 0 0}body > div > div{position:relative}.collapse-sidebar > div > div{margin-right:10px}.collapse-sidebar #articles + aside{display:none}.collapse-sidebar .toggle-sidebar{right:-1px;background-color:#eeeeee;border-right-width:0;text-indent:2px;border-left:1px solid #dcdcdc;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-o-border-bottom-right-radius:0;-ms-border-bottom-right-radius:0;-khtml-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0.3em;-webkit-border-bottom-left-radius:0.3em;-o-border-bottom-left-radius:0.3em;-ms-border-bottom-left-radius:0.3em;-khtml-border-bottom-left-radius:0.3em;border-bottom-left-radius:0.3em;color:#aaaaaa}.collapse-sidebar .toggle-sidebar:hover{color:#888888}.toggle-sidebar{outline:none;position:absolute;right:-21px;top:0;width:20px;font-size:1.2em;line-height:1.1em;padding-bottom:.1em;text-indent:-1px;text-decoration:none;color:#cccccc;-moz-border-radius-bottomright:0.3em;-webkit-border-bottom-right-radius:0.3em;-o-border-bottom-right-radius:0.3em;-ms-border-bottom-right-radius:0.3em;-khtml-border-bottom-right-radius:0.3em;border-bottom-right-radius:0.3em;text-align:center;background:#f7f7f7;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;display:inline-block}.toggle-sidebar:hover{color:#999999}}@media only screen and (min-width: 992px){body > *{font-size:1.1em}body > header{font-size:1.3em}body > nav + div > div{margin-right:300px}#articles{padding-top:15px;padding-bottom:15px}#articles + aside{width:260px;padding:0 20px 20px}}.heading,body > header h1,h1,h2,h3,h4,h5,h6{font-family:"Georgia", "PT Sans", "Helvetica Neue", Arial, sans-serif;font-weight:bold}.sans,body > nav a,#articles + aside section,body > footer{font-family:"Helvetica Neue", Arial, sans-serif}.serif,body{font-family:Georgia, Times, "Times New Roman", serif}.mono,.pre,html .gist .gist-file .gist-syntax .gist-highlight pre,pre{font-family:Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace}body > header h1{font-size:2em;font-weight:normal;line-height:1.2em;margin-bottom:0.6667em}body{line-height:1.5em;color:black}h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility;margin-bottom:1em;font-weight:normal}h1{font-size:2em;line-height:1.3334em}h2,section h1{font-size:1.5em}h3,section h2,section section h1{font-size:1.3em}h4,section h3,section section h2,section section section h1{font-size:1em}h5,section h4,section section h3{font-size:.9em}h6,section h5,section section h4,section section section h3{font-size:.8em}p,blockquote,ul,ol{margin-bottom:1.5em}ul{list-style-type:disc}ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha}ul ul,ol ol{margin-left:1.75em}li{margin-bottom:.5em}strong{font-weight:bold}em{font-style:italic}sup,sub{font-size:0.8em;position:relative;display:inline-block}sup{top:-0.5em}sub{bottom:-0.5em}q{font-style:italic}q:before{content:"\201C"}q:after{content:"\201D"}em,dfn{font-style:italic}strong,dfn{font-weight:bold}del,s{text-decoration:line-through}abbr,acronym{border-bottom:1px dotted;cursor:help}sub,sup{line-height:0}hr{margin-bottom:0.2em}small{font-size:.8em}big{font-size:1.2em}blockquote{font-style:italic;position:relative;margin-left:1.2em}blockquote > p:first-child:before{content:"\201C";position:absolute;top:0.1em;left:-0.5em;font-size:3em;color:#dddddd}blockquote > p:last-child:after{content:"\201D";position:relative;top:0.3em;line-height:0;font-size:2em;color:#dddddd}blockquote + p > cite{margin-left:1.2em;text-align:right}blockquote + p > cite:before{content:'– ';color:#555555}blockquote + p > cite a{font-style:italic}body > header{background-color:#333333}body > header h1{display:inline-block;margin:0}body > header h1 a,body > header h1 a:visited{color:#f2f2f2;text-decoration:none}body > nav{position:relative;background-color:#cccccc;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));background:-webkit-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:-moz-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:-o-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:linear-gradient(#e0e0e0,#cccccc,#b0b0b0);border-top:1px solid #f2f2f2;border-bottom:1px solid #8c8c8c;padding-top:.35em;padding-bottom:.35em}body > nav form{-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box;margin:0;padding:0}body > nav form .search{padding:.25em .5em 0;font-size:.85em;line-height:1em;width:95%;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;-ms-border-radius:0.5em;-khtml-border-radius:0.5em;border-radius:0.5em;-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:#d1d1d1 0 1px;-webkit-box-shadow:#d1d1d1 0 1px;-o-box-shadow:#d1d1d1 0 1px;box-shadow:#d1d1d1 0 1px;background-color:#f2f2f2;border:1px solid #b3b3b3;color:#888}body > nav form .search:focus{color:#444;border-color:#80b1df;-moz-box-shadow:#80b1df 0 0 4px, #80b1df 0 0 3px inset;-webkit-box-shadow:#80b1df 0 0 4px, #80b1df 0 0 3px inset;-o-box-shadow:#80b1df 0 0 4px, #80b1df 0 0 3px inset;box-shadow:#80b1df 0 0 4px, #80b1df 0 0 3px inset;background-color:#fff;outline:none}body > nav fieldset[role=site-search]{float:right;width:48%}body > nav fieldset[role=mobile-nav]{float:left;width:48%}body > nav fieldset[role=mobile-nav] select{width:100%;font-size:.8em;border:1px solid #888}body > nav ul{display:none}@media only screen and (min-width: 550px){body > nav{font-size:.9em}body > nav ul{margin:0;padding:0;border:0;overflow:hidden;*zoom:1;float:left;display:block;padding-top:.25em}body > nav ul li{list-style-image:none;list-style-type:none;margin-left:0px;white-space:nowrap;display:inline;float:left;padding-left:0;padding-right:0}body > nav ul li:first-child,body > nav ul li.first{padding-left:0}body > nav ul li:last-child{padding-right:0}body > nav ul li.last{padding-right:0}body > nav ul[role=subscription]{margin-left:.8em;float:right}body > nav ul[role=subscription] li:last-child a{padding-right:0}body > nav ul li{margin:0}body > nav a{color:#6b6b6b;text-shadow:#ebebeb 0 1px;float:left;text-decoration:none;font-size:.9em;padding:.1em 0;line-height:1.5em}body > nav a:visited{color:#6b6b6b}body > nav a:hover{color:#2b2b2b}body > nav li + li{border-left:1px solid #b0b0b0;margin-left:.8em}body > nav li + li a{padding-left:.8em;border-left:1px solid #dedede}body > nav fieldset[role=mobile-nav]{display:none}body > nav fieldset[role=site-search]{width:100%}body > nav form{float:right;text-align:left;width:182px;padding-left:.8em}body > nav form .search{width:93%;font-size:.95em;line-height:1.2em}}@media only screen and (min-width: 992px){body > nav form{width:235px}}.maskImage ul[role=subscription] li,.maskImage ul[role=subscription] a{border:0;padding:0}.maskImage a[rel=subscribe-rss]{position:relative;top:-2px;width:24px;height:24px;-moz-mask-image:url('/images/rss.png?1305289158');-webkit-mask-image:url('/images/rss.png?1305289158');-o-mask-image:url('/images/rss.png?1305289158');-ms-mask-image:url('/images/rss.png?1305289158');-khtml-mask-image:url('/images/rss.png?1305289158');mask-image:url('/images/rss.png?1305289158');-moz-mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-khtml-mask-repeat:no-repeat;mask-repeat:no-repeat;text-indent:-999999em;background-color:#dedede;border:0;padding:0}.maskImage a[rel=subscribe-rss]:hover:after{background-color:#969696}.maskImage a[rel=subscribe-rss]:after{content:"";-moz-mask-image:url('/images/rss.png?1305289158');-webkit-mask-image:url('/images/rss.png?1305289158');-o-mask-image:url('/images/rss.png?1305289158');-ms-mask-image:url('/images/rss.png?1305289158');-khtml-mask-image:url('/images/rss.png?1305289158');mask-image:url('/images/rss.png?1305289158');-moz-mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-khtml-mask-repeat:no-repeat;mask-repeat:no-repeat;width:24px;height:24px;position:absolute;top:-1px;left:0;background-color:#b0b0b0}html{background:#252525 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAb1BMVEUAAAAdHR0eHR4eHh4eHh8fHx8gICAhISEiISIiIiIjIyMkJCQlJCUlJSUmJSYmJiYnJycoKCgpKCkqKisqKywrKywsKy0sLC0tLC4tLS4tLS8uLi8uLjAvLzAwLzEAAAAAAAAAAAAAAAAAAAAAAADZ8HsjAAAAJXRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQMGCw4PcEyLoAAAAZdJREFUaN7tmFlvwkAQg4cSoClHQsvRAmkyXv7/b6w3BFH15EjmAc2DX2xZn6IIsmvZV6KhrAWIQKUMKhXt6hhFG7V9jC5sXNO5uCEmFDWgSDCgXPsuL2qICUUNKBIMKLf8xs5uiAkFBpQb/5XOa8j9UGBAaeFr8X9DTCilAUWCAaWlr/jfDTGhVAYU2RtQWjxd/d4QE4rFs8jegNLyqffnhphQ1IAiwYDSwW3ke0NMKGpA6eb+9qUh90OBAaW7e/WnhphQSgOKBANKt3vH6ZhqQCkNKBIMKN3vUKdjascUg03tdEz15c6XO1/ufLnz5c6XO1/ufLnz5c6XO1/ufLnz5c6XO1/ufLnz5c6Xu+6Xu4QaAekQmjBIGPSioq1IGPVpP0Q1dkr1gMEjNKXdpz2ghtFW9BlFO20aA5kzeKbGQJ5DMwY5gwk1pZ0rsgx4oj2hprTntV03ZrNDY0w7o6I9YYNRtKdNQ6odgw31AhQFtGDwymBNFbS3itUaWNB+o5a0l7RjtKD9Dt01jV3T2Ci2WyDaq0PjAzgEkrGstE8ZAAAAAElFTkSuQmCC') top left}body{border:0 0 1px 0 solid #181818}body > div{background-color:#eeeeee;border-bottom:1px solid #8c8c8c}body > div > div{background-color:#f7f7f7;border-right:1px solid #dcdcdc}@media only screen and (min-width: 1400px){body{border:0 1px 0 solid #181818}}.side-shadow-border,#articles + aside section h1,#articles + aside li{-moz-box-shadow:white 0 1px;-webkit-box-shadow:white 0 1px;-o-box-shadow:white 0 1px;box-shadow:white 0 1px}#articles + aside{padding-top:1.2em}#articles + aside section{font-size:.8em;line-height:1.5em;margin-bottom:1.5em}#articles + aside section h1{margin:1.5em 0 0;padding-bottom:.2em;border-bottom:1px solid #dcdcdc}#articles + aside section h1 + p{padding-top:.4em}#articles + aside ul{margin-bottom:0.5em}#articles + aside li{list-style:none;padding:.5em 0;margin:0;border-bottom:1px solid #dcdcdc}#articles + aside li p:last-child{margin-bottom:0}#articles + aside a{color:inherit;-moz-transition-property:color;-webkit-transition-property:color;-o-transition-property:color;transition-property:color;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}#articles + aside:hover a,#articles + aside:hover #tweets a{color:#1863a1}#articles + aside #recent_posts time{text-transform:uppercase;font-size:.9em;color:#666}#articles + aside #tweets .loading{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMjgwMTE3NDA3MjA2ODExQTQxQUNFN0NCOEMyNEMzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQkYxMEI5QjQ5QzYxMUUwQTJGN0YyQzFDMzFCQjZCMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQkYxMEI5QTQ5QzYxMUUwQTJGN0YyQzFDMzFCQjZCMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIxREYyRDc2MTIyMDY4MTFBNDFBQ0U3Q0I4QzI0QzM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTFBNDFBQ0U3Q0I4QzI0QzM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bAX+SwAAAZBJREFUeNrsl+1tgzAQhgF1AHeCphPU3QA2SDcIEzRMUDpB0wlCJ8gIcf+DQicoG5QNqC29SJZl/EHc8oeTTkTCvnvse3048TAM0ZKWRAvbCnDTNE3omBvulHvPnVkBAic/ct/hd4fn/X+VQE4+AjzN0UDK/Zv7njtxTL5Tko9xLgAjPgA96vjG/QcBqCE5wVgT3HkKQgfQcq+UABcESTXjXXaKYr6zBnIFYtzSswbk2bFMVFOmSYBSN1gBGetOPIT64noMmW6wRvX9jB6xlXT2YALIkSSyCNDXTpLYM1MfEBooZqzSxVoskCQOx4v8AQDF7m5MAD0oQ5uImXG/Fbtsa8UVenkRKHmHmMznW9AFLMPH3I8RCyBGsZCDDmDvCJBBvdfUvtcBtOj1W0PzKNH96BXJ2dSFRLx4x7E4AuiT+x0S0gCqr2w3ogqJT+j1aSDF57ZrWaJ0p0edUDxN1PkVsax3wkQzucDZP3gqv5Xmlq5z47quXdpmKmlChv3CVjPpEupl8frXbAVYGuBXgAEAuftfzMLpDZgAAAAASUVORK5CYII=') no-repeat center 0.5em;color:silver;text-shadow:#f7f7f7 0 1px;text-align:center;padding:2.5em 0 .5em}#articles + aside #tweets .loading.error{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACLklEQVRYhe2WwY2bQBSG/4f3aEtsB+4gG8kzkk+BDuIKbFcQU0GyFXhdgekgJeAbEiCFErwdIMHN1vw5BK8cAws2K+3F/wm9eTP/x7w3owHuuuuTJbdODMNwPBgMHBEZi8gXkvbZcArgleROa51+GEAQBPZwOFwAmIvIU8dpGUn/eDxuptPp/iaA0nglIj8A2K0TGkTypSiKZ9d1s84AcRw7IrIFML7V+EJ7Y8zsVJp3AaIoWliWte3jRjIVkZTkK4Bvp9IZYzyttd8I0NM8I7k5Ho9+Xd2TJPlO8icArxag3PbgFmeSKcllW/eXPqsKQBAE9mg0+oN+Nc9IzpRSu7ZE6zIwHA5XPc2BfyfF6ZJYARCReU/zk7IwDMdtSW8liOPYITnu2/WXMsYstdZ+I0DZ7Wv0uGDalOf54/nlcy5LRPYAliRbu/YGZSS9JnMAsEhmALZX3O3XyBaRdRRFi0YAEZkbYzySLoDZDSaNf/dmYlnbOI6durEHpZR3HkiSZI8rjqExxjuZtKQ6AHYVuJoFn7uaA8i01r7W2ifpkqwYlPKVUr/qBioA5WKdGpLk5vStlNoppdwGkEWSJLU7VAEAgKIo3A4QWVEUL5fBE4gx5isA/xwiiqJKo9cCuK6bFUXhXizwn4wx7x4vrXU6mUyWeZ4/kvQA7EWkcte0PkiiKHoSkbWIOGdhfzKZLNvmdtFDW4JlWb8vQh9mDnR8E5bvA/twOKR1D4y77uqjv2QXCIW9OIVeAAAAAElFTkSuQmCC') no-repeat center 0.5em}#articles + aside #tweets a{color:#666;text-decoration:none}#articles + aside #tweets a:hover{text-decoration:underline}#articles + aside #tweets p{position:relative;padding-right:1em}#articles + aside #tweets a[href*='status']{color:#aaa;float:right;padding:0 0 .1em 1em;position:relative;right:-1.3em;text-shadow:#fff 0 1px;font-size:.7em}#articles + aside #tweets a[href*='status'] span{font-size:1.5em}#articles + aside #tweets a[href*='status']:hover{color:#555;text-decoration:none}#articles + aside #pinboard_linkroll .pin-title,#articles + aside #pinboard_linkroll .pin-description{display:block;margin-bottom:.5em}#articles + aside #pinboard_linkroll .pin-tag{text-decoration:none}#articles + aside #pinboard_linkroll .pin-tag:hover{text-decoration:underline}#articles + aside #pinboard_linkroll .pin-tag:after{content:','}#articles + aside #pinboard_linkroll .pin-tag:last-child:after{content:''}#articles + aside .delicious-posts a.delicious-link{margin-bottom:.5em;display:block}#articles + aside .delicious-posts p{font-size:1em}.aside-alt-link,#articles + aside #tweets a[href*='twitter.com/search'],#articles + aside #pinboard_linkroll .pin-tag{color:#999}.aside-alt-link:hover,#articles + aside #tweets a[href*='twitter.com/search']:hover,#articles + aside #pinboard_linkroll .pin-tag:hover{color:#555}#articles > article{padding-bottom:1em}#articles > article:last-child{margin-bottom:0;border-bottom:none}#articles > article h2{padding-top:0.8em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') top left repeat-x}#articles > article .byline + time:before,#articles > article .byline + time + time:before{content:"\2022 ";padding:0 .3em 0 .2em;display:inline-block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}#articles > article header{padding-top:2em;margin-bottom:1.5em;padding-bottom:1.5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') bottom left repeat-x}#articles > article header h1{margin:0}#articles > article header h1 a{text-decoration:none}#articles > article header h1 a:hover{text-decoration:underline}#articles > article header p{font-size:.9em;color:#555555;border:none;padding-top:0;margin:0;font-style:italic;font-family:"Georgia", Palatino, Times, "Times New Roman"}#articles > article .entry-content img{max-width:100%}#articles > article .meta{border-bottom:1px dashed #dddddd;text-transform:uppercase;color:#777777;padding:8px 0 5px;margin-bottom:1.5em;font-size:75%;letter-spacing:1px}#articles > article .footer{padding-top:15px}body > footer{font-size:.8em;color:#6b6b6b;text-shadow:#d9d9d9 0 1px;background-color:#ccc;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));background:-webkit-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:-moz-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:-o-linear-gradient(#e0e0e0,#cccccc,#b0b0b0);background:linear-gradient(#e0e0e0,#cccccc,#b0b0b0);border-top:1px solid #f2f2f2;position:relative;padding-top:1em;padding-bottom:1em;z-index:1}body > footer a{color:#6b6b6b}body > footer a:hover{color:#2b2b2b}body > footer p:last-child{margin-bottom:0}.gutter .line-numbers{text-align:right;background:#073642 !important;border-right:1px solid #00232c;-moz-box-shadow:#083e4b -1px 0 inset;-webkit-box-shadow:#083e4b -1px 0 inset;-o-box-shadow:#083e4b -1px 0 inset;box-shadow:#083e4b -1px 0 inset;text-shadow:#021014 0 -1px}.gutter .line-numbers span{color:#586e75 !important}html .gist .gist-file{margin-bottom:1.5em;border:none}html .gist .gist-file .gist-syntax{border-bottom:1px solid #515151 !important}html .gist .gist-file .gist-syntax .gist-highlight{background:#002b36 !important}html .gist .gist-file .gist-syntax .gist-highlight pre{overflow-y:hidden;overflow-x:auto}html .gist .gist-file .gist-meta{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0b0b0), color-stop(100%, #a7a7a7));background:-webkit-linear-gradient(#b0b0b0,#a7a7a7);background:-moz-linear-gradient(#b0b0b0,#a7a7a7);background:-o-linear-gradient(#b0b0b0,#a7a7a7);background:linear-gradient(#b0b0b0,#a7a7a7);padding:0.5em;background-color:#bababa !important;border:1px solid #9c9c9c;border-top:1px solid #d0d0d0;border-bottom:1px solid #777777;font-size:.7em !important;font-family:"Helvetica Neue", Arial, sans-serif !important;color:#464646 !important;line-height:1.4em}.pre,html .gist .gist-file .gist-syntax .gist-highlight pre,pre{font-size:.8em;line-height:1.45em;padding:1em 1.2em !important;background:#002b36 !important;color:#93a1a1 !important}.pre span,html .gist .gist-file .gist-syntax .gist-highlight pre span,pre span{color:#93a1a1 !important}.pre span,html .gist .gist-file .gist-syntax .gist-highlight pre span,pre span{font-style:normal !important;font-weight:normal !important}.pre .c,html .gist .gist-file .gist-syntax .gist-highlight pre .c,pre .c{color:#586e75 !important;font-style:italic !important}.pre .cm,html .gist .gist-file .gist-syntax .gist-highlight pre .cm,pre .cm{color:#586e75 !important;font-style:italic !important}.pre .cp,html .gist .gist-file .gist-syntax .gist-highlight pre .cp,pre .cp{color:#586e75 !important;font-style:italic !important}.pre .c1,html .gist .gist-file .gist-syntax .gist-highlight pre .c1,pre .c1{color:#586e75 !important;font-style:italic !important}.pre .cs,html .gist .gist-file .gist-syntax .gist-highlight pre .cs,pre .cs{color:#586e75 !important;font-weight:bold !important;font-style:italic !important}.pre .err,html .gist .gist-file .gist-syntax .gist-highlight pre .err,pre .err{color:#dc322f !important;background:none !important}.pre .k,html .gist .gist-file .gist-syntax .gist-highlight pre .k,pre .k{color:#cb4b16 !important}.pre .o,html .gist .gist-file .gist-syntax .gist-highlight pre .o,pre .o{color:#93a1a1 !important;font-weight:bold !important}.pre .p,html .gist .gist-file .gist-syntax .gist-highlight pre .p,pre .p{color:#93a1a1 !important}.pre .ow,html .gist .gist-file .gist-syntax .gist-highlight pre .ow,pre .ow{color:#2aa198 !important;font-weight:bold !important}.pre .gd,html .gist .gist-file .gist-syntax .gist-highlight pre .gd,pre .gd{color:#93a1a1 !important;background-color:#372c34 !important;display:block}.pre .gd .x,html .gist .gist-file .gist-syntax .gist-highlight pre .gd .x,pre .gd .x{color:#93a1a1 !important;background-color:#4d2d33 !important;display:block}.pre .ge,html .gist .gist-file .gist-syntax .gist-highlight pre .ge,pre .ge{color:#93a1a1 !important;font-style:italic !important}.pre .gh,html .gist .gist-file .gist-syntax .gist-highlight pre .gh,pre .gh{color:#586e75 !important}.pre .gi,html .gist .gist-file .gist-syntax .gist-highlight pre .gi,pre .gi{color:#93a1a1 !important;background-color:#1a412b !important;display:block}.pre .gi .x,html .gist .gist-file .gist-syntax .gist-highlight pre .gi .x,pre .gi .x{color:#93a1a1 !important;background-color:#355720 !important;display:block}.pre .gs,html .gist .gist-file .gist-syntax .gist-highlight pre .gs,pre .gs{color:#93a1a1 !important;font-weight:bold !important}.pre .gu,html .gist .gist-file .gist-syntax .gist-highlight pre .gu,pre .gu{color:#6c71c4 !important}.pre .kc,html .gist .gist-file .gist-syntax .gist-highlight pre .kc,pre .kc{color:#859900 !important;font-weight:bold !important}.pre .kd,html .gist .gist-file .gist-syntax .gist-highlight pre .kd,pre .kd{color:#268bd2 !important}.pre .kp,html .gist .gist-file .gist-syntax .gist-highlight pre .kp,pre .kp{color:#cb4b16 !important;font-weight:bold !important}.pre .kr,html .gist .gist-file .gist-syntax .gist-highlight pre .kr,pre .kr{color:#d33682 !important;font-weight:bold !important}.pre .kt,html .gist .gist-file .gist-syntax .gist-highlight pre .kt,pre .kt{color:#2aa198 !important}.pre .n,html .gist .gist-file .gist-syntax .gist-highlight pre .n,pre .n{color:#268bd2 !important}.pre .na,html .gist .gist-file .gist-syntax .gist-highlight pre .na,pre .na{color:#268bd2 !important}.pre .nb,html .gist .gist-file .gist-syntax .gist-highlight pre .nb,pre .nb{color:#859900 !important}.pre .no,html .gist .gist-file .gist-syntax .gist-highlight pre .no,pre .no{color:#b58900 !important}.pre .ne,html .gist .gist-file .gist-syntax .gist-highlight pre .ne,pre .ne{color:#268bd2 !important;font-weight:bold !important}.pre .nf,html .gist .gist-file .gist-syntax .gist-highlight pre .nf,pre .nf{color:#268bd2 !important;font-weight:bold !important}.pre .nn,html .gist .gist-file .gist-syntax .gist-highlight pre .nn,pre .nn{color:#b58900 !important}.pre .nt,html .gist .gist-file .gist-syntax .gist-highlight pre .nt,pre .nt{color:#268bd2 !important;font-weight:bold !important}.pre .nx,html .gist .gist-file .gist-syntax .gist-highlight pre .nx,pre .nx{color:#b58900 !important}.pre .vg,html .gist .gist-file .gist-syntax .gist-highlight pre .vg,pre .vg{color:#268bd2 !important}.pre .vi,html .gist .gist-file .gist-syntax .gist-highlight pre .vi,pre .vi{color:#268bd2 !important}.pre .nv,html .gist .gist-file .gist-syntax .gist-highlight pre .nv,pre .nv{color:#268bd2 !important}.pre .mf,html .gist .gist-file .gist-syntax .gist-highlight pre .mf,pre .mf{color:#2aa198 !important}.pre .m,html .gist .gist-file .gist-syntax .gist-highlight pre .m,pre .m{color:#2aa198 !important}.pre .mh,html .gist .gist-file .gist-syntax .gist-highlight pre .mh,pre .mh{color:#2aa198 !important}.pre .mi,html .gist .gist-file .gist-syntax .gist-highlight pre .mi,pre .mi{color:#2aa198 !important}.pre .s,html .gist .gist-file .gist-syntax .gist-highlight pre .s,pre .s{color:#2aa198 !important}.pre .sd,html .gist .gist-file .gist-syntax .gist-highlight pre .sd,pre .sd{color:#2aa198 !important}.pre .s2,html .gist .gist-file .gist-syntax .gist-highlight pre .s2,pre .s2{color:#2aa198 !important}.pre .se,html .gist .gist-file .gist-syntax .gist-highlight pre .se,pre .se{color:#dc322f !important}.pre .si,html .gist .gist-file .gist-syntax .gist-highlight pre .si,pre .si{color:#268bd2 !important}.pre .sr,html .gist .gist-file .gist-syntax .gist-highlight pre .sr,pre .sr{color:#2aa198 !important}.pre .s1,html .gist .gist-file .gist-syntax .gist-highlight pre .s1,pre .s1{color:#2aa198 !important}.highlight{margin-bottom:1.5em;overflow-y:hidden}.highlight .gutter pre{padding-left:.8em !important;padding-right:.8em !important}h3.filename{font-size:13px;line-height:2em;text-align:center;text-shadow:#cbcccc 0 1px 0;color:#474747;font-style:normal;margin-bottom:0;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-o-border-top-left-radius:5px;-ms-border-top-left-radius:5px;-khtml-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-o-border-top-right-radius:5px;-ms-border-top-right-radius:5px;-khtml-border-top-right-radius:5px;border-top-right-radius:5px;font-family:"Helvetica Neue",Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;background:#aaaaaa url('/images/code_bg.png?1270921258') top repeat-x;border:1px solid #565656;border-top-color:#cbcbcb;border-left-color:#a5a5a5;border-right-color:#a5a5a5;border-bottom:0}