*{margin:0;padding:0;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html,body{height:100%}section,article,header,footer{display:block}body{background:#fff url("../img/bg.png");font-size:1em;line-height:1.5em;font-family:"Open Sans", Arial, sans-serif;color:#666}h1,h2,h3,h4,h5,h6{font-family:"Montserrat", Arial, serif;font-weight:normal;font-style:normal;color:#444;text-shadow:0 1px 0 #eee}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#444}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#e86a4d;text-decoration:none}h1{font-size:2.25em;line-height:1.5277777778em;margin-bottom:.2777777778em}h2{font-size:2em;line-height:1.25em;margin-bottom:.3333333333em}h3{font-size:1.375em;line-height:1.3636363636em;margin-bottom:.3636363636em}h4{font-size:1.125em;line-height:1.1111111111em}a{color:#e86a4d;text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 .625em 0}img{max-width:100%}ul,ol{margin-bottom:20px}ul{list-style:none outside}code{background-color:#f9f9f9}table code{background-color:transparent}.highlight,blockquote{background-color:#f9f9f9;padding:.4375em .4375em .4375em .625em;border:1px solid #ddd;-webkit-box-shadow:3px 3px rgba(0,0,0,0.1);-ms-box-shadow:3px 3px rgba(0,0,0,0.1);-moz-box-shadow:3px 3px rgba(0,0,0,0.1);-o-box-shadow:3px 3px rgba(0,0,0,0.1);box-shadow:3px 3px rgba(0,0,0,0.1);margin:1.25em 0 1.25em 0;overflow:hidden}blockquote{quotes:"“" "”" "‘" "’"}blockquote p{display:inline}blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em}table{border-collapse:collapse;text-rendering:optimizeLegibility;text-align:left;margin-bottom:1.25em;width:100%}table th{background:#E86A4D;color:#fff;font-weight:600}table th,table td{padding:.625em;border-bottom:1px solid #E86A4D}table img{vertical-align:middle}@media screen and (max-width: 600px){table thead{display:none}table tbody td{display:block}table td:first-child{background:#E86A4D;color:#fff}table tbody td:before{content:attr(data-th);font-weight:bold;display:inline-block;width:10rem}}#top{position:fixed;top:0px;left:0px;width:100%;opacity:0.9;z-index:50}#top header{border-top:3px solid #e86a4d;border-bottom:1px solid #d4d4d4;background:linear-gradient(to bottom, #fff 0%, #fff 65%, #eee 100%);overflow:hidden}@media only screen and (max-width: 26.25em){#top{position:relative}}#main{margin-top:5em;overflow:visible}#main:after{content:"";display:table;clear:both}@media only screen and (max-width: 26.25em){#main{margin-top:1.25em}}#content:after{content:"";display:table;clear:both}.home #content-blog,.home #content-projects,.home #content-twitter{background:rgba(40,40,40,0.07);display:inline-block;width:32%;margin-left:1%;vertical-align:top}.home #content-blog{margin-left:0}@media only screen and (max-width: 900px){.home #content-twitter{max-width:450px}.home #content-blog,.home #content-projects,.home #content-twitter{display:block;width:100%;margin:0 auto;margin-top:1.25em}}#bottom{clear:both;padding-top:1.25em}div.branding{float:left}div.branding a{color:inherit}div.branding h1,div.branding h2{font-family:"Share Tech", cursive;display:inline-block}div.branding h2{margin:0;font-size:.8125em;color:#666}#top-nav{float:right;padding:.625em}#top-nav li{float:left;line-height:1.125em;list-style:none}#top-nav li a{font-size:.8125em;padding:0 1.25em .625em 0;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#444}#top-nav li:last-child a{padding-right:0}.section-title{border-bottom:1px solid #d4d4d4;-webkit-box-shadow:0 0 .1875em 0 #ccc;-ms-box-shadow:0 0 .1875em 0 #ccc;-moz-box-shadow:0 0 .1875em 0 #ccc;-o-box-shadow:0 0 .1875em 0 #ccc;box-shadow:0 0 .1875em 0 #ccc;background:linear-gradient(to right, #f7f7f7 0%, #fff 2%, #fff 100%);padding:1.25em}.section-title:after{content:"";display:table;clear:both}.section-title h1,.section-title h2,.section-title h3{margin-bottom:0px;display:inline}.section-title>a,.section-title>iframe{display:inline;margin-left:.625em}@media only screen and (max-width: 900px){.section-title{border-bottom:3px solid #e86a4d}}article.post ul,article.post ol{padding-left:2em}article.post ul li{text-indent:-5px}article.post ul li:before{content:"-";position:relative;left:-5px}article{-webkit-box-shadow:0 0 .1875em 0 #ccc;-ms-box-shadow:0 0 .1875em 0 #ccc;-moz-box-shadow:0 0 .1875em 0 #ccc;-o-box-shadow:0 0 .1875em 0 #ccc;box-shadow:0 0 .1875em 0 #ccc;background:linear-gradient(to right, #f7f7f7 0%, #fff 2%, #fff 100%);position:relative}article .content{padding:0 1.25em}@media only screen and (max-width: 900px){article{margin-bottom:.625em}}article header{padding:1.25em 1.25em 0 1.25em}article header .post-format{width:3em;height:3em;left:1.25em;top:0em;position:absolute;background-color:#e86a4d}article header .post-date{font-size:.75em;font-weight:bold;text-transform:uppercase;text-align:center;line-height:2.1666666667em;color:#fff;background-color:#ccc;width:4em;height:2.0833333333em;left:5.25em;top:0em;position:absolute}@media only screen and (min-width: 71.875em){article header{padding-top:1.25em}article header .post-format{left:-3em;top:1.25em}article header .post-date{top:5.75em;left:-4em}}article footer{padding:.625em 1.25em;padding-top:0px}@media only screen and (max-width: 71.875em){#content-blog article header,#content-post article header{padding-top:3.3125em}}.comments{-webkit-box-shadow:0 0 .1875em 0 #ccc;-ms-box-shadow:0 0 .1875em 0 #ccc;-moz-box-shadow:0 0 .1875em 0 #ccc;-o-box-shadow:0 0 .1875em 0 #ccc;box-shadow:0 0 .1875em 0 #ccc;background:linear-gradient(to right, #f7f7f7 0%, #fff 2%, #fff 100%);margin:0 0 1.25em 0;padding:0 1.25em}.bio{display:inline-block}.bio h1{font-size:1.375em}.bio .avatar-description{max-width:25em;height:3.125em;display:inline-block;padding:.625em;padding-right:0px}.bio .avatar-name a{text-decoration:none}.bio .avatar{vertical-align:middle;display:inline-block;padding:.625em;padding-right:0px;padding-left:0px}.bio .avatar img{height:2em;border-radius:2px}a.gallery img{border:4px solid #e86a4d;margin-right:1.25em;margin-bottom:1.25em}.cv{padding-bottom:1.25em}.cv header{padding-top:1.25em}.archive{padding-bottom:1.25em}.archive header{padding-top:1.25em}.projects{-webkit-box-shadow:0 0 .1875em 0 #ccc;-ms-box-shadow:0 0 .1875em 0 #ccc;-moz-box-shadow:0 0 .1875em 0 #ccc;-o-box-shadow:0 0 .1875em 0 #ccc;box-shadow:0 0 .1875em 0 #ccc;background:linear-gradient(to right, #f7f7f7 0%, #fff 2%, #fff 100%);position:relative;margin:0 0 1.25em 0}.projects .content{padding:0 1.25em}.project:after{content:"";display:table;clear:both}.project header:after{content:"";display:table;clear:both}.project header h1,.project header h2,.project header h3,.project header a,.project header iframe{display:inline-block}.project header a,.project header iframe{margin-left:.625em}footer{color:#999;font-size:.875em}footer a{color:#999}footer .tags{display:inline-block}.highlight{overflow-x:auto}@media only screen and (max-width: 50em){.highlight{font-size:0.8em}}#content-blog article header h1,#content-projects article header h1{font-size:1.375em;line-height:1.2em;margin-bottom:0.5em}.icon-sprite,.icon-cloud,.icon-gis,.icon-idea,.icon-python,.icon-web{background-repeat:no-repeat;background-size:100%}.icon-cloud{background-image:url("../img/icon/cloud.png")}.icon-gis{background-image:url("../img/icon/gis.png")}.icon-idea{background-image:url("../img/icon/idea.png")}.icon-python{background-image:url("../img/icon/python.png")}.icon-web{background-image:url("../img/icon/web.png")}.timeline{list-style:none;margin:50px 0 30px 120px;padding-left:30px;border-left:8px solid #e86a4d}.timeline li{margin:40px 0;position:relative}.timeline p{margin:0 0 15px}.timeline .date{margin-top:-10px;top:50%;left:-158px;line-height:20px;position:absolute;font-size:16;text-align:center;line-height:1.625em;color:#fff;background-color:#ccc;padding-left:.625em;padding-right:.625em}.timeline .circle{margin-top:-10px;top:50%;left:-44px;width:10px;height:10px;background:#fff;border:5px solid #e86a4d;border-radius:50%;box-sizing:content-box;display:block;position:absolute}.timeline .content{max-height:20px;padding:50px 20px 0;border-color:transparent;border-width:2px;border-style:solid;position:relative}.timeline .content:before,.timeline .content:after{content:"";width:0;height:0;border:solid transparent;position:absolute;pointer-events:none;right:100%}.timeline .content:before{border-right-color:inherit;border-width:20px;top:50%;margin-top:-20px}.timeline .content:after{border-right-color:#fff;border-width:17px;top:50%;margin-top:-17px}.timeline .content p{max-height:0;color:transparent;text-align:justify;word-break:break-word;hyphens:auto;overflow:hidden}.timeline .education img{float:right;margin-left:1.25em}.timeline label{font-size:1.3em;position:absolute;z-index:40;cursor:pointer;top:20px;transition:transform 0.2s linear}.timeline .radio{display:none}.timeline .radio:checked+.relative label{cursor:auto;transform:translateX(42px)}.timeline .radio:checked+.relative .circle{background:#e86a4d}.timeline .radio:checked ~ .content{max-height:400px;border-color:#e86a4d;margin-right:20px;transform:translateX(20px);transition:max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear}.timeline .radio:checked ~ .content p{max-height:200px;color:#666;transition:color 0.1s linear 0.1s}@media screen and (max-width: 767px){.timeline{margin-left:0;padding-left:0;border-left:none}.timeline li{margin:50px 0}.timeline label{width:85%;font-size:1.1em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;transform:translateX(18px)}.timeline .content{padding-top:45px;border-color:#e86a4d}.timeline .content:before,.timeline .content:after{border:solid transparent;bottom:100%}.timeline .content:before{border-bottom-color:inherit;border-width:17px;top:-16px;left:50px;margin-left:-17px}.timeline .content:after{border-bottom-color:#fff;border-width:20px;top:-20px;left:50px;margin-left:-20px}.timeline .content p{font-size:0.9em;line-height:1.4}.timeline .circle,.timeline .date{display:none}}.container{position:relative;margin:0 auto;padding:0 1.25em;overflow:hidden;max-width:71.875em}@media screen and (max-width: 850px){.container{max-width:650px}}@media screen and (min-width: 1600px){.container{max-width:1550px}}@media screen and (min-width: 1900px){.container{max-width:1850px}}.post .container,.default .container{max-width:750px}