*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,button,input,select,textarea,.pure-g [class*=pure-u]{font-family:Source Sans Pro,serif}a{text-decoration:none;color:#008ae3}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:rgb(61,79,93);color:#fff}.brand-title,.brand-tagline{margin:0}.brand-title{text-transform:uppercase;font-family:Oxygen,sans-serif}.brand-title a{color:#fff}.brand-title a:hover{text-decoration:none}.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:transparent;border:2px solid rgb(176,202,219);color:#fff;margin-top:1em;font-weight:700;font-family:Oxygen,sans-serif}.nav-item a:hover,.nav-item a:focus{border:2px solid rgb(61,146,201);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:.4em 0;font-family:Oxygen,sans-serif;font-weight:700}.post-title:hover{text-decoration:none}.post-avatar{border-radius:50px;float:right;margin-left:1em}.post-description{font-family:Source Sans Pro,serif;color:#333;line-height:1.35em}.post-meta{color:#999;font-size:90%;margin:5px 0}.post-category{margin:0 .1em;padding:.1em .3em;background:white;font-size:80%;border:1.5px solid lightgray;color:#000}.post-category:hover{border:1.5px solid #4d85d1}a.post-category{text-decoration:none}a.posts-title-index{color:#192d3a}.post-category-design{background:#5aba59}.post-category-pure{background:#4d85d1}.post-category-yui{background:#8156a7}.post-category-javascript{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;color:#555;font-size:80%}.footer ul li a{display:inline;padding:0}.hugo{color:#333;font-weight:700}.footer .pure-menu a:hover,.footer .pure-menu a:focus{background:none}.footer li{list-style-type:none}.post-share-links{margin:15px 15px 0 0;float:left;padding:10px;border:1px solid #ccc;text-align:center}.post-share-links a{color:#aaa;font-size:28px;line-height:36px;margin:0 auto;display:block;transition:all .3s ease-in}.post-share-links a:hover{color:#3d92c9;text-decoration:none}.post-share-links h4{font-family:Oxygen,sans-serif;margin:0 0 5px;color:#aaa}@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}}.post-category{border-radius:3px}.posts-index .posts-title-index{padding-left:.5em}.nav-item a.pure-button{border:1px solid #b0cadb;margin-top:.25em}a.pure-button.twitter-share{border:1px solid #b0cadb;margin-top:.25em;background:#ffffff}.footer .pure-menu-horizontal li{display:inline}.avatar{border-radius:2em;opacity:.7}@media only screen and (max-width:768px){.avatar{display:none}}::-webkit-scrollbar{width:10px;height:5px}::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:#ccc}::-webkit-scrollbar-thumb:hover{background:#999}code.language-pgp{font-size:.7em}pre[class*=language-]{background:#ffffff;border:1px solid #ddd;border-bottom:1px solid #ccc;border-radius:3px}:not(pre)>code[class*=language-],pre[class*=language-]{background:#ffffff;border:1px solid rgba(221,221,221,.35);border-bottom:1px solid rgba(221,221,221,.35);border-radius:3px}.hide{display:none}.rounded-1{border-radius:1em}.twitter-share{padding-left:2em;color:#000}.twitter-share:hover{color:#3d92c9}