*{-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;color:#3d92c9}a:hover,a:focus{text-decoration:underline}h3{font-weight:100}.pure-img-responsive{max-width:100%;height:auto}#layout{padding:0}.header{text-align:center;top:auto;margin:3em auto}.sidebar{background:#3d4f5d;color:#fff}.brand-title,.brand-tagline{margin:0}.brand-title{text-transform:uppercase}.brand-tagline{font-weight:300;color:#b0cadb}.nav-list{margin:0;padding:0;list-style:none}.nav-item{display:inline-block;*display:inline;zoom:1}.nav-item a{background:0 0;border:2px solid #b0cadb;color:#fff;margin-top:1em;letter-spacing:.05em;text-transform:uppercase;font-size:85%}.nav-item a:hover,.nav-item a:focus{border:2px solid #3d92c9;text-decoration:none}.content-subhead{text-transform:uppercase;color:#aaa;border-bottom:1px solid #eee;padding:.4em 0;font-size:80%;font-weight:500;letter-spacing:.1em}.content{padding:2em 1em 0}.post{padding-bottom:2em}.post-title{font-size:2em;color:#222;margin-bottom:.2em}.post-avatar{border-radius:50px;float:right;margin-left:1em}.post-description{font-family:Georgia,"Cambria",serif;color:#444;line-height:1.8em}.post-meta{color:#999;font-size:90%;margin:0}.post-category{margin:0 .1em;padding:.3em 1em;color:#fff;background:#999;font-size:80%}.post-category-design{background:#5aba59}.post-category-pure{background:#4d85d1}.post-category-yui{background:#8156a7}.post-category-js{background:#df2d4f}.post-images{margin:1em 0}.post-image-meta{margin-top:-3.5em;margin-left:1em;color:#fff;text-shadow:0 1px 1px #333}.footer{text-align:center;padding:1em 0}.footer a{color:#ccc;font-size:80%}.footer .pure-menu a:hover,.footer .pure-menu a:focus{background:0 0}@media (min-width:48em){.content{padding:2em 3em 0;margin-left:25%}.header{margin:80% 2em 0;text-align:right}.sidebar{position:fixed;top:0;bottom:0}}@media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-2-3,.pure-u-sm-1-4,.pure-u-sm-3-4,.pure-u-sm-1-5,.pure-u-sm-2-5,.pure-u-sm-3-5,.pure-u-sm-4-5,.pure-u-sm-5-5,.pure-u-sm-1-6,.pure-u-sm-5-6,.pure-u-sm-1-8,.pure-u-sm-3-8,.pure-u-sm-5-8,.pure-u-sm-7-8,.pure-u-sm-1-12,.pure-u-sm-5-12,.pure-u-sm-7-12,.pure-u-sm-11-12,.pure-u-sm-1-24,.pure-u-sm-2-24,.pure-u-sm-3-24,.pure-u-sm-4-24,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%;*width:4.1357%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%;*width:8.3023%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%;*width:12.469%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%;*width:16.6357%}.pure-u-sm-1-5{width:20%;*width:19.969%}.pure-u-sm-5-24{width:20.8333%;*width:20.8023%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%;*width:24.969%}.pure-u-sm-7-24{width:29.1667%;*width:29.1357%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%;*width:33.3023%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%;*width:37.469%}.pure-u-sm-2-5{width:40%;*width:39.969%}.pure-u-sm-5-12,.pure-u-sm-10-24{width:41.6667%;*width:41.6357%}.pure-u-sm-11-24{width:45.8333%;*width:45.8023%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%;*width:49.969%}.pure-u-sm-13-24{width:54.1667%;*width:54.1357%}.pure-u-sm-7-12,.pure-u-sm-14-24{width:58.3333%;*width:58.3023%}.pure-u-sm-3-5{width:60%;*width:59.969%}.pure-u-sm-5-8,.pure-u-sm-15-24{width:62.5%;*width:62.469%}.pure-u-sm-2-3,.pure-u-sm-16-24{width:66.6667%;*width:66.6357%}.pure-u-sm-17-24{width:70.8333%;*width:70.8023%}.pure-u-sm-3-4,.pure-u-sm-18-24{width:75%;*width:74.969%}.pure-u-sm-19-24{width:79.1667%;*width:79.1357%}.pure-u-sm-4-5{width:80%;*width:79.969%}.pure-u-sm-5-6,.pure-u-sm-20-24{width:83.3333%;*width:83.3023%}.pure-u-sm-7-8,.pure-u-sm-21-24{width:87.5%;*width:87.469%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%;*width:91.6357%}.pure-u-sm-23-24{width:95.8333%;*width:95.8023%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24{width:100%}}@media screen and (min-width:48em){.pure-u-med-1,.pure-u-med-1-1,.pure-u-med-1-2,.pure-u-med-1-3,.pure-u-med-2-3,.pure-u-med-1-4,.pure-u-med-3-4,.pure-u-med-1-5,.pure-u-med-2-5,.pure-u-med-3-5,.pure-u-med-4-5,.pure-u-med-5-5,.pure-u-med-1-6,.pure-u-med-5-6,.pure-u-med-1-8,.pure-u-med-3-8,.pure-u-med-5-8,.pure-u-med-7-8,.pure-u-med-1-12,.pure-u-med-5-12,.pure-u-med-7-12,.pure-u-med-11-12,.pure-u-med-1-24,.pure-u-med-2-24,.pure-u-med-3-24,.pure-u-med-4-24,.pure-u-med-5-24,.pure-u-med-6-24,.pure-u-med-7-24,.pure-u-med-8-24,.pure-u-med-9-24,.pure-u-med-10-24,.pure-u-med-11-24,.pure-u-med-12-24,.pure-u-med-13-24,.pure-u-med-14-24,.pure-u-med-15-24,.pure-u-med-16-24,.pure-u-med-17-24,.pure-u-med-18-24,.pure-u-med-19-24,.pure-u-med-20-24,.pure-u-med-21-24,.pure-u-med-22-24,.pure-u-med-23-24,.pure-u-med-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-med-1-24{width:4.1667%;*width:4.1357%}.pure-u-med-1-12,.pure-u-med-2-24{width:8.3333%;*width:8.3023%}.pure-u-med-1-8,.pure-u-med-3-24{width:12.5%;*width:12.469%}.pure-u-med-1-6,.pure-u-med-4-24{width:16.6667%;*width:16.6357%}.pure-u-med-1-5{width:20%;*width:19.969%}.pure-u-med-5-24{width:20.8333%;*width:20.8023%}.pure-u-med-1-4,.pure-u-med-6-24{width:25%;*width:24.969%}.pure-u-med-7-24{width:29.1667%;*width:29.1357%}.pure-u-med-1-3,.pure-u-med-8-24{width:33.3333%;*width:33.3023%}.pure-u-med-3-8,.pure-u-med-9-24{width:37.5%;*width:37.469%}.pure-u-med-2-5{width:40%;*width:39.969%}.pure-u-med-5-12,.pure-u-med-10-24{width:41.6667%;*width:41.6357%}.pure-u-med-11-24{width:45.8333%;*width:45.8023%}.pure-u-med-1-2,.pure-u-med-12-24{width:50%;*width:49.969%}.pure-u-med-13-24{width:54.1667%;*width:54.1357%}.pure-u-med-7-12,.pure-u-med-14-24{width:58.3333%;*width:58.3023%}.pure-u-med-3-5{width:60%;*width:59.969%}.pure-u-med-5-8,.pure-u-med-15-24{width:62.5%;*width:62.469%}.pure-u-med-2-3,.pure-u-med-16-24{width:66.6667%;*width:66.6357%}.pure-u-med-17-24{width:70.8333%;*width:70.8023%}.pure-u-med-3-4,.pure-u-med-18-24{width:75%;*width:74.969%}.pure-u-med-19-24{width:79.1667%;*width:79.1357%}.pure-u-med-4-5{width:80%;*width:79.969%}.pure-u-med-5-6,.pure-u-med-20-24{width:83.3333%;*width:83.3023%}.pure-u-med-7-8,.pure-u-med-21-24{width:87.5%;*width:87.469%}.pure-u-med-11-12,.pure-u-med-22-24{width:91.6667%;*width:91.6357%}.pure-u-med-23-24{width:95.8333%;*width:95.8023%}.pure-u-med-1,.pure-u-med-1-1,.pure-u-med-5-5,.pure-u-med-24-24{width:100%}}@media screen and (min-width:58em){.pure-u-lrg-1,.pure-u-lrg-1-1,.pure-u-lrg-1-2,.pure-u-lrg-1-3,.pure-u-lrg-2-3,.pure-u-lrg-1-4,.pure-u-lrg-3-4,.pure-u-lrg-1-5,.pure-u-lrg-2-5,.pure-u-lrg-3-5,.pure-u-lrg-4-5,.pure-u-lrg-5-5,.pure-u-lrg-1-6,.pure-u-lrg-5-6,.pure-u-lrg-1-8,.pure-u-lrg-3-8,.pure-u-lrg-5-8,.pure-u-lrg-7-8,.pure-u-lrg-1-12,.pure-u-lrg-5-12,.pure-u-lrg-7-12,.pure-u-lrg-11-12,.pure-u-lrg-1-24,.pure-u-lrg-2-24,.pure-u-lrg-3-24,.pure-u-lrg-4-24,.pure-u-lrg-5-24,.pure-u-lrg-6-24,.pure-u-lrg-7-24,.pure-u-lrg-8-24,.pure-u-lrg-9-24,.pure-u-lrg-10-24,.pure-u-lrg-11-24,.pure-u-lrg-12-24,.pure-u-lrg-13-24,.pure-u-lrg-14-24,.pure-u-lrg-15-24,.pure-u-lrg-16-24,.pure-u-lrg-17-24,.pure-u-lrg-18-24,.pure-u-lrg-19-24,.pure-u-lrg-20-24,.pure-u-lrg-21-24,.pure-u-lrg-22-24,.pure-u-lrg-23-24,.pure-u-lrg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lrg-1-24{width:4.1667%;*width:4.1357%}.pure-u-lrg-1-12,.pure-u-lrg-2-24{width:8.3333%;*width:8.3023%}.pure-u-lrg-1-8,.pure-u-lrg-3-24{width:12.5%;*width:12.469%}.pure-u-lrg-1-6,.pure-u-lrg-4-24{width:16.6667%;*width:16.6357%}.pure-u-lrg-1-5{width:20%;*width:19.969%}.pure-u-lrg-5-24{width:20.8333%;*width:20.8023%}.pure-u-lrg-1-4,.pure-u-lrg-6-24{width:25%;*width:24.969%}.pure-u-lrg-7-24{width:29.1667%;*width:29.1357%}.pure-u-lrg-1-3,.pure-u-lrg-8-24{width:33.3333%;*width:33.3023%}.pure-u-lrg-3-8,.pure-u-lrg-9-24{width:37.5%;*width:37.469%}.pure-u-lrg-2-5{width:40%;*width:39.969%}.pure-u-lrg-5-12,.pure-u-lrg-10-24{width:41.6667%;*width:41.6357%}.pure-u-lrg-11-24{width:45.8333%;*width:45.8023%}.pure-u-lrg-1-2,.pure-u-lrg-12-24{width:50%;*width:49.969%}.pure-u-lrg-13-24{width:54.1667%;*width:54.1357%}.pure-u-lrg-7-12,.pure-u-lrg-14-24{width:58.3333%;*width:58.3023%}.pure-u-lrg-3-5{width:60%;*width:59.969%}.pure-u-lrg-5-8,.pure-u-lrg-15-24{width:62.5%;*width:62.469%}.pure-u-lrg-2-3,.pure-u-lrg-16-24{width:66.6667%;*width:66.6357%}.pure-u-lrg-17-24{width:70.8333%;*width:70.8023%}.pure-u-lrg-3-4,.pure-u-lrg-18-24{width:75%;*width:74.969%}.pure-u-lrg-19-24{width:79.1667%;*width:79.1357%}.pure-u-lrg-4-5{width:80%;*width:79.969%}.pure-u-lrg-5-6,.pure-u-lrg-20-24{width:83.3333%;*width:83.3023%}.pure-u-lrg-7-8,.pure-u-lrg-21-24{width:87.5%;*width:87.469%}.pure-u-lrg-11-12,.pure-u-lrg-22-24{width:91.6667%;*width:91.6357%}.pure-u-lrg-23-24{width:95.8333%;*width:95.8023%}.pure-u-lrg-1,.pure-u-lrg-1-1,.pure-u-lrg-5-5,.pure-u-lrg-24-24{width:100%}}@media screen and (min-width:75em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-2,.pure-u-xl-1-3,.pure-u-xl-2-3,.pure-u-xl-1-4,.pure-u-xl-3-4,.pure-u-xl-1-5,.pure-u-xl-2-5,.pure-u-xl-3-5,.pure-u-xl-4-5,.pure-u-xl-5-5,.pure-u-xl-1-6,.pure-u-xl-5-6,.pure-u-xl-1-8,.pure-u-xl-3-8,.pure-u-xl-5-8,.pure-u-xl-7-8,.pure-u-xl-1-12,.pure-u-xl-5-12,.pure-u-xl-7-12,.pure-u-xl-11-12,.pure-u-xl-1-24,.pure-u-xl-2-24,.pure-u-xl-3-24,.pure-u-xl-4-24,.pure-u-xl-5-24,.pure-u-xl-6-24,.pure-u-xl-7-24,.pure-u-xl-8-24,.pure-u-xl-9-24,.pure-u-xl-10-24,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%;*width:4.1357%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%;*width:8.3023%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%;*width:12.469%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%;*width:16.6357%}.pure-u-xl-1-5{width:20%;*width:19.969%}.pure-u-xl-5-24{width:20.8333%;*width:20.8023%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%;*width:24.969%}.pure-u-xl-7-24{width:29.1667%;*width:29.1357%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%;*width:33.3023%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%;*width:37.469%}.pure-u-xl-2-5{width:40%;*width:39.969%}.pure-u-xl-5-12,.pure-u-xl-10-24{width:41.6667%;*width:41.6357%}.pure-u-xl-11-24{width:45.8333%;*width:45.8023%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%;*width:49.969%}.pure-u-xl-13-24{width:54.1667%;*width:54.1357%}.pure-u-xl-7-12,.pure-u-xl-14-24{width:58.3333%;*width:58.3023%}.pure-u-xl-3-5{width:60%;*width:59.969%}.pure-u-xl-5-8,.pure-u-xl-15-24{width:62.5%;*width:62.469%}.pure-u-xl-2-3,.pure-u-xl-16-24{width:66.6667%;*width:66.6357%}.pure-u-xl-17-24{width:70.8333%;*width:70.8023%}.pure-u-xl-3-4,.pure-u-xl-18-24{width:75%;*width:74.969%}.pure-u-xl-19-24{width:79.1667%;*width:79.1357%}.pure-u-xl-4-5{width:80%;*width:79.969%}.pure-u-xl-5-6,.pure-u-xl-20-24{width:83.3333%;*width:83.3023%}.pure-u-xl-7-8,.pure-u-xl-21-24{width:87.5%;*width:87.469%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%;*width:91.6357%}.pure-u-xl-23-24{width:95.8333%;*width:95.8023%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-5-5,.pure-u-xl-24-24{width:100%}}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit!important}.social-body{text-align:center}@media (min-width:48em){.social-body{position:absolute;bottom:0;right:2em}}.social{display:inline-block}.social a{text-decoration:none;margin-left:15px;text-shadow:0 1px 3px rgba(0,0,0,.3);color:#fff;transition:text-shadow .5s}.social a:hover{text-shadow:0 0 10px rgba(255,255,255,.8);color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.header-jl{margin-bottom:0}.code{padding:.5em;border:1px solid #ccc;border-radius:2px}.pure-button-active{font-size:115%;border-radius:20px}.pure-button-active:hover{text-decoration:None}.pager{margin:24px 0;list-style:none;text-align:center;*zoom:1}.pager:before,.pager:after{display:table;content:"";line-height:0}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#f5f5f5}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:default}pre.code,div.code pre .hll{background-color:#ffc}pre.code,div.code pre{background:#f0f0f0}pre.code .c,div.code pre .c{color:#60a0b0;font-style:italic}pre.code .err,div.code pre .err{border:1px solid red}pre.code .k,div.code pre .k{color:#007020;font-weight:700}pre.code .o,div.code pre .o{color:#666}pre.code .cm,div.code pre .cm{color:#60a0b0;font-style:italic}pre.code .cp,div.code pre .cp{color:#007020}pre.code .c1,div.code pre .c1{color:#60a0b0;font-style:italic}pre.code .cs,div.code pre .cs{color:#60a0b0;background-color:#fff0f0}pre.code .gd,div.code pre .gd{color:#A00000}pre.code .ge,div.code pre .ge{font-style:italic}pre.code .gr,div.code pre .gr{color:red}pre.code .gh,div.code pre .gh{color:navy;font-weight:700}pre.code .gi,div.code pre .gi{color:#00A000}pre.code .go,div.code pre .go{color:#888}pre.code .gp,div.code pre .gp{color:#c65d09;font-weight:700}pre.code .gs,div.code pre .gs{font-weight:700}pre.code .gu,div.code pre .gu{color:purple;font-weight:700}pre.code .gt,div.code pre .gt{color:#04d}pre.code .kc,div.code pre .kc,pre.code .kd,div.code pre .kd,pre.code .kn,div.code pre .kn{color:#007020;font-weight:700}pre.code .kp,div.code pre .kp{color:#007020}pre.code .kr,div.code pre .kr{color:#007020;font-weight:700}pre.code .kt,div.code pre .kt{color:#902000}pre.code .m,div.code pre .m{color:#40a070}pre.code .s,div.code pre .s,pre.code .na,div.code pre .na{color:#4070a0}pre.code .nb,div.code pre .nb{color:#007020}pre.code .nc,div.code pre .nc{color:#0e84b5;font-weight:700}pre.code .no,div.code pre .no{color:#60add5}pre.code .nd,div.code pre .nd{color:#555;font-weight:700}pre.code .ni,div.code pre .ni{color:#d55537;font-weight:700}pre.code .ne,div.code pre .ne{color:#007020}pre.code .nf,div.code pre .nf{color:#06287e}pre.code .nl,div.code pre .nl{color:#002070;font-weight:700}pre.code .nn,div.code pre .nn{color:#0e84b5;font-weight:700}pre.code .nt,div.code pre .nt{color:#062873;font-weight:700}pre.code .nv,div.code pre .nv{color:#bb60d5}pre.code .ow,div.code pre .ow{color:#007020;font-weight:700}pre.code .w,div.code pre .w{color:#bbb}pre.code .mb,div.code pre .mb,pre.code .mf,div.code pre .mf,pre.code .mh,div.code pre .mh,pre.code .mi,div.code pre .mi,pre.code .mo,div.code pre .mo{color:#40a070}pre.code .sb,div.code pre .sb,pre.code .sc,div.code pre .sc{color:#4070a0}pre.code .sd,div.code pre .sd{color:#4070a0;font-style:italic}pre.code .s2,div.code pre .s2{color:#4070a0}pre.code .se,div.code pre .se{color:#4070a0;font-weight:700}pre.code .sh,div.code pre .sh{color:#4070a0}pre.code .si,div.code pre .si{color:#70a0d0;font-style:italic}pre.code .sx,div.code pre .sx{color:#c65d09}pre.code .sr,div.code pre .sr{color:#235388}pre.code .s1,div.code pre .s1{color:#4070a0}pre.code .ss,div.code pre .ss{color:#517918}pre.code .bp,div.code pre .bp{color:#007020}pre.code .vc,div.code pre .vc,pre.code .vg,div.code pre .vg,pre.code .vi,div.code pre .vi{color:#bb60d5}pre.code .il,div.code pre .il{color:#40a070}table.codetable{width:100%}td.linenos{text-align:right;width:4em}