@font-face{
	font-family:'FontAwesome';
	src:url("/font/fontawesome-webfont.eot");
	src:url("/font/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),url("/font/fontawesome-webfont.woff") format("woff"),url("/font/fontawesome-webfont.ttf") format("truetype"),url("/font/fontawesome-webfont.svgz#FontAwesomeRegular") format("svg"),url("/font/fontawesome-webfont.svg#FontAwesomeRegular") format("svg");
	font-weight:normal;
	font-style:normal
}
*{
	margin:0;
	padding:0
}
body{
	font-family:"Nunito","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:300;
	font-size:13px;
	background:#eee;
	color:#666
}
@media screen and (max-width: 1040px){
	body{
		margin:0 20px
		}
}
@media screen and (max-width: 600px){
	body{
		font-size:13px
		}
}
h1{
	font-size:1.8em
}
h2{
	font-size:1.5em
}
h3{
	font-size:1.3em
}
a{
	text-decoration:none;
	outline-width:0;
	color:#258fb8
}
.basic-alignment.left,article .entry-content img.left,article .entry-content video.left{
	float:left;
	margin-right:1.5em
}
.basic-alignment.right,article .entry-content img.right,article .entry-content video.right{
	float:right;
	margin-left:1.5em
}
.basic-alignment.center,article .entry-content img.center,article .entry-content video.center{
	display:block;
	margin:0 auto 1.5em
}
.basic-alignment.left,article .entry-content img.left,article .entry-content video.left,.basic-alignment.right,article .entry-content img.right,article .entry-content video.right{
	margin-bottom:.8em
}
.alignleft{
	float:left
}
.alignright{
	float:right
}
.clearfix{
	*zoom:1
}
.clearfix:after{
		content:"";
	display:table;
	clear:both
}
.inner{
	width:1000px;
	margin:0 auto
}
@media screen and (max-width: 1040px){
	.inner{
		width:100%
	}
}
.pullquote-right:before,.pullquote-left:before{
	padding:0;
	border:none;
	content:attr(data-pullquote);
	float:right;
	width:45%;
	margin:.5em 0 1em 1.5em;
	position:relative;
	top:7px;
	font-size:1.4em;
	line-height:1.45em
}
.pullquote-left:before{
	float:left;
	margin:.5em 1.5em 1em 0
}
#header{
	height:30px;
	padding:30px 0;
	border-bottom:1px solid #ddd;
	line-height:30px
}
@media screen and (max-width: 1040px){
	#header{
		height:auto;
		position:relative;
		padding-bottom:10px
	}
}
#header a{
	color:#666;
	-moz-transition:color 0.3s;
	-o-transition:color 0.3s;
	-webkit-transition:color 0.3s;
	transition:color 0.3s
}
#header a:hover{
	color:#258fb8
}
#header h1{
	float:left;
	font-weight:300;
	font-size:30px
}
@media screen and (max-width: 1040px){
	#header h1{
		float:none
	}
}
#main-nav{
	float:left;
	margin-left:30px
}
@media screen and (max-width: 1040px){
	#main-nav{
		float:none;
		margin-left:0;
		margin-top:15px
	}
}
@media screen and (max-width: 600px){
	#main-nav>ul{
		display:none
	}
}
#main-nav>ul>li{
	margin-left:50px;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline
}
@media screen and (max-width: 1040px){
	#main-nav>ul>li{
		margin-left:0;
		margin-right:50px
	}
	#main-nav>ul>li:last-of-type{
		margin-right:0
	}
}
#main-nav>ul>li:hover>a{
	color:#258fb8
}
#main-nav>ul>li>a{
	padding:38px 0;
	margin-top:-38px
}
#main-nav>ul>li>a:after{
	content:"\f078";
	color:#ccc;
	font:12px FontAwesome;
	padding-left:10px
}
#main-nav>ul>li>a:only-child:after{
	content:""
}
@media screen and (max-width: 1040px){
	#main-nav>ul>li>a{
		padding:18px 0
	}
}
#main-nav>ul ul{
	position:absolute;
	top:60px;
	left:-15px;
	z-index:10;
	white-space:nowrap;
	background:#ddd;
	border:1px solid #ccc;
	list-style:none;
	display:none;
	-moz-box-shadow:0 4px 8px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);
	box-shadow:0 4px 8px rgba(0,0,0,0.1);
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0;
	border-radius:0 0 5px 5px
}
@media screen and (max-width: 1040px){
	#main-nav>ul ul{
		top:40px
	}
}
#main-nav>ul ul ul{
	-moz-border-radius:0 5px 5px 5px;
	-webkit-border-radius:0;
	border-radius:0 5px 5px 5px
}
#main-nav>ul ul li{
	border-top:1px solid #eee;
	border-bottom:1px solid #ccc
}
#main-nav>ul ul li:hover{
	background:#d5d5d5
}
#main-nav>ul ul li:first-of-type{
	border-top:none
}
#main-nav>ul ul li:first-of-type ul{
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0;
	border-radius:0 0 5px 5px
}
#main-nav>ul ul li:last-of-type{
	border-bottom:none
}
#main-nav>ul ul li>a{
	display:block;
	padding:5px 15px
}
#main-nav>ul ul li>a:after{
	content:"\f054";
	color:#999;
	font:12px FontAwesome;
	padding-left:10px
}
#main-nav>ul ul li>a:hover{
	color:#666
}
#main-nav>ul ul li>a:only-child:after{
	content:""
}
#main-nav>ul ul ul{
	top:0;
	left:100%
}
#main-nav>ul li{
	position:relative
}
#main-nav>ul li:hover>ul{
		display:block
}
#main-nav select{
		display:none;
	margin-bottom:10px
}
@media screen and (max-width: 600px){
	#main-nav select{
		display:block
	}
}
#mobile-nav{
	display:none;
	height:37px;
	position:relative
}
@media screen and (max-width: 600px){
	#mobile-nav{
		display:block
	}
}
#mobile-nav a{
	display:block
}
#mobile-nav .button{
	cursor:pointer
}
#mobile-nav .container{
	display:none
}
#mobile-nav .menu{
	position:relative;
	width:100%
}
#mobile-nav .menu .button{
	background:#f2f2f2;
	border:1px solid #ddd;
	color:#999;
	padding:0 60px 0 10px;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px
}
#mobile-nav .menu .button:hover{
	color:#999
}
#mobile-nav .menu .button.on{
	color:#666;
	-moz-border-radius:5px 5px 5px 0;
	-webkit-border-radius:5px;
	border-radius:5px 5px 5px 0
}
#mobile-nav .menu .button.on:before{
	content:"\f077"
}
#mobile-nav .menu .button:before{
	content:"\f078";
	color:#ddd;
	font:16px FontAwesome;
	line-height:30px;
	position:absolute;
	top:0;
	right:40px
}
#mobile-nav .menu .container{
	background:#f2f2f2;
	border:1px solid #ddd;
	border-top:none;
	position:absolute;
	top:31px;
	z-index:1;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0;
	border-radius:0 0 5px 5px
}
#mobile-nav .menu .container ul{
	list-style:none
}
#mobile-nav .menu .container ul ul{
	margin-left:20px
}
#mobile-nav .menu .container a{
	padding:0 10px
}
#mobile-nav .search{
	position:absolute;
	top:0;
	right:0
}
#mobile-nav .search .button{
	background:#ddd;
	width:30px;
	height:30px;
	position:absolute;
	top:1px;
	right:-1px;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0;
	border-radius:0 5px 5px 0
}
#mobile-nav .search .button:before{
	content:"\f002";
	color:#f2f2f2;
	font:20px FontAwesome;
	line-height:30px;
	position:absolute;
	top:0;
	left:7px
}
#mobile-nav .search .button.on{
	background:#ccc
}
#mobile-nav .search .button.on:before{
	content:"\f00d"
}
#mobile-nav .search .container{
	position:absolute;
	right:51px;
	z-index:1
}
#mobile-nav .search input[type="text"]{
	background:#fff;
	border:1px solid #ddd;
	border-right:none;
	color:#999;
	font:13px "Nunito","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	height:30px;
	width:100%;
	padding:0 10px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px;
	border-radius:5px 0 0 5px
}
@media screen and (max-width: 1040px){
	#sub-nav{
		position:absolute;
		top:30px;
		right:0
	}
}
@media screen and (max-width: 600px){
	#sub-nav{
		display:none
	}
}
#sub-nav .search{
	float:left;
	margin-top:1px;
	position:relative
}
@media screen and (max-width: 1040px){
	#sub-nav .search{
		float:none;
		margin-top:15px
	}
}
#sub-nav .search:before{
	content:"\f002";
	color:#ccc;
	font:18px FontAwesome;
	line-height:30px;
	position:absolute;
	top:0;
	right:125px
}
#sub-nav .search input[type="text"]{
	background:#f2f2f2;
	color:#999;
	border:1px solid #ddd;
	font:13px "Nunito","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	padding:6px 15px 6px 35px;
	width:100px;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	-webkit-transition:0.3s;
	transition:0.3s;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px
}
#sub-nav .search input[type="text"]:focus,#sub-nav .search input[type="text"]:active{
	background:#fff;
	border-top:1px solid #ccc;
	color:#666;
	outline:none
}
#sub-nav .social{
	float:left;
	margin-right:15px
}
@media screen and (max-width: 1040px){
	#sub-nav .social{
		float:none;
		margin-right:0
	}
	#sub-nav .social a:last-of-type{
		margin-right:0
	}
}
#sub-nav .social a{
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	text-indent:-9999px;
	margin:0 15px 15px 0;
	opacity:0.5;
	width:28px;
	height:28px;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	-webkit-transition:0.3s;
	transition:0.3s
}
#sub-nav .social a:hover{
	opacity:1
}
#sub-nav .social a.email{
	background:url('/images/social/email.png?1427305669') center no-repeat #050505;
	border:1px solid #050505
}
#sub-nav .social a.email:hover{
	border:1px solid #000
}
#sub-nav .social a.facebook{
	background:url('/images/social/facebook.png?1427305669') center no-repeat #3B5998;
	border:1px solid #3B5998
}
#sub-nav .social a.facebook:hover{
	border:1px solid #2d4373
}
#sub-nav .social a.google{
	background:url('/images/social/google.png?1427305669') center no-repeat #C83D20;
	border:1px solid #C83D20
}
#sub-nav .social a.google:hover{
	border:1px solid #9c3019
}
#sub-nav .social a.twitter{
	background:url('/images/social/twitter.png?1427305669') center no-repeat #55CFF8;
	border:1px solid #55CFF8
}
#sub-nav .social a.twitter:hover{
	border:1px solid #24c1f6
}
#sub-nav .social a.github{
	background:url('/images/social/github.png?1427305669') center no-repeat #afb6ca;
	border:1px solid #afb6ca
}
#sub-nav .social a.github:hover{
	border:1px solid #909ab6
}
#sub-nav .social a.coderwall{
	background:url('/images/social/coderwall.png?1427305669') center no-repeat #3E8DCC;
	border:1px solid #3E8DCC
}
#sub-nav .social a.coderwall:hover{
	border:1px solid #2d73aa
}
#sub-nav .social a.stackoverflow{
	background:url('/images/social/stackoverflow.png?1427305669') center no-repeat #EF7522;
	border:1px solid #EF7522
}
#sub-nav .social a.stackoverflow:hover{
	border:1px solid #CC7A00
}
#sub-nav .social a.linkedin{
	background:url('/images/social/linkedin.png?1427305669') center no-repeat #005A87;
	border:1px solid #005A87
}
#sub-nav .social a.pinterest{
	background:url('/images/social/pinterest.png?1427305669') center no-repeat #be4037;
	border:1px solid #be4037
}
#sub-nav .social a.pinterest:hover{
	border:1px solid #96332c
}
#sub-nav .social a.delicious{
	background:url('/images/social/delicious.png?1427305669') center no-repeat #3271cb;
	border:1px solid #3271cb
}
#sub-nav .social a.delicious:hover{
	border:1px solid #285aa2
}
#sub-nav .social a.pinboard{
	background:url('/images/social/pinboard.png?1427305669') center no-repeat #0066c8;
	border:1px solid #3a729f
}
#sub-nav .social a.pinboard:hover{
	border:1px solid #0052cc
}
#sub-nav .social a.douban{
	background:url('/images/social/douban.png?1427305669') center no-repeat #008024;
	border:1px solid #008024
}
#sub-nav .social a.douban:hover{
	border:1px solid #004d16
}
#sub-nav .social a.quora{
	background:url('/images/social/quora.png?1427305669') center no-repeat #a82400;
	border:1px solid #a82400
}
#sub-nav .social a.quora:hover{
	border:1px solid #751900
}
#sub-nav .social a.instagram{
	background:url('/images/social/instagram.png?1427305669') center no-repeat #517fa4;
	border:1px solid #517fa4
}
#sub-nav .social a.instagram:hover{
	border:1px solid #406582
}
#sub-nav .social a.behance{
	background:url('/images/social/behance.png?1427305669') center no-repeat #1769ff;
	border:1px solid #1769ff
}
#sub-nav .social a.behance:hover{
	border:1px solid #0050e3
}
#sub-nav .social a.rss{
	background:url('/images/social/rss.png?1427305669') center no-repeat #EF7522;
	border:1px solid #EF7522
}
#sub-nav .social a.rss:hover{
	border:1px solid #cf5d0f
}
#pagenavi{
	padding:20px 0;
	height:20px;
	line-height:20px;
	position:relative;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd
}
#pagenavi a:hover{
	text-decoration:underline
}
#pagenavi .prev,#pagenavi .next{
	position:absolute
}
#pagenavi .prev{
	padding-left:30px;
	left:0
}
#pagenavi .prev:before{
	content:"\f060";
	font:1.3em FontAwesome;
	position:absolute;
	left:0
}
#pagenavi .next{
	padding-right:30px;
	right:0
}
#pagenavi .next:before{
	content:"\f061";
	font:1.3em FontAwesome;
	position:absolute;
	right:0
}
#pagenavi .center{
	text-align:center;
	width:100%;
	display:block
}
@media screen and (max-width: 400px){
	#pagenavi .center{
		display:none
	}
}
article{
	border-bottom:1px solid #ddd;
	border-top:1px solid #fff;
	padding:30px 0;
	position:relative
}
@media screen and (max-width: 800px){
	article{
		padding-bottom:15px
	}
}
@media screen and (max-width: 600px){
	article{
		padding:15px 0
	}
}
article h1.title{
	font-weight:300;
	line-height:35px;
	margin-bottom:20px
}
article h1.title a{
	color:#666
}
article .entry-content{
	line-height:2;
	text-align:justify
}
article .entry-content a:hover{
	text-decoration:underline
}
article .entry-content .more-link{
	display:block;
	margin-top:16px;
	padding-left:30px;
	position:relative
}
article .entry-content p,article .entry-content blockquote,article .entry-content ul,article .entry-content ol,article .entry-content dl,article .entry-content table,article .entry-content iframe,article .entry-content h1,article .entry-content h2,article .entry-content h3,article .entry-content h4,article .entry-content h5,article .entry-content h6,article .entry-content .video-container{
	margin-top:20px
}
article .entry-content ul,article .entry-content ol,article .entry-content dl{
	margin-left:20px
}
article .entry-content ul ul,article .entry-content ul ol,article .entry-content ul dl,article .entry-content ol ul,article .entry-content ol ol,article .entry-content ol dl,article .entry-content dl ul,article .entry-content dl ol,article .entry-content dl dl{
	margin-top:0
}
article .entry-content strong{
	font-weight:bold
}
article .entry-content em{
	font-style:italic
}
article .entry-content p{
	margin-top:10px
}
article .entry-content h2{
	font-weight:300;
	border-bottom:1px solid #ddd;
	position:relative
}
article .entry-content h2:before{
	content:"";
	position:absolute;
	bottom:-2px;
	border-bottom:1px solid #fff;
	width:100%
}
article .entry-content img,article .entry-content video{
	max-width:100%;
	height:auto
}
article .entry-content blockquote{
	background:#ddd;
	border-left:5px solid #ccc;
	padding:15px 20px;
	margin-top:10px
}
article .entry-content blockquote>p:first-of-type{
	margin-top:0
}
article .entry-content iframe{
	border:none
}
article .entry-content table{
	background:#ddd;
	border:1px solid #ccc;
	border-spacing:0;
	margin-top:10px
}
article .entry-content table th{
	background:#ccc;
	padding:0 15px
}
article .entry-content table td{
	text-align:center
}
article .entry-content table tr:nth-of-type(2n){
		background:#d5d5d5
}
article .entry-content .caption{
	display:block;
	font-size:0.9em;
	color:#999;
	padding-left:25px;
	position:relative
}
article .entry-content .caption:before{
	content:"\f040";
	color:#ccc;
	font:1.3em FontAwesome;
	line-height:1.6em;
	position:absolute;
	left:0
}
article .entry-content .video-container{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden
}
article .entry-content .video-container iframe,article .entry-content .video-container object,article .entry-content .video-container embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-top:0
}
.share{
	padding:15px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd
}
.post h1.title,.post .entry-content{
	margin-left:200px
}
@media screen and (max-width: 800px){
	.post h1.title,.post .entry-content{
		margin-left:0
	}
}
.post .meta{
	position:absolute;
	top:85px;
	line-height:2;
	font-size:0.9em;
	color:#999;
	width:170px
}
@media screen and (max-width: 800px){
	.post .meta{
		margin-top:15px;
		position:static;
		width:auto
	}
}
.post .meta a{
	color:#999;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	-webkit-transition:0.3s;
	transition:0.3s
}
.post .meta a:hover{
	color:#666
}
.post .meta .date,.post .meta .tags,.post .meta .comments{
	padding-left:30px;
	position:relative
}
.post .meta .date:before,.post .meta .tags:before,.post .meta .comments:before{
	color:#ccc;
	font:1.3em FontAwesome;
	line-height:1.6em;
	position:absolute;
	left:0
}
@media screen and (max-width: 800px){
	.post .meta .date,.post .meta .tags,.post .meta .comments{
		display:inline-block;
		vertical-align:middle;
		*vertical-align:auto;
		*zoom:1;
		*display:inline;
		margin-right:30px
	}
}
.post .meta .date:before{
	content:"\f073"
}
.post .meta .tags:before{
	content:"\f02c"
}
.post .meta .comments:before{
	content:"\f075"
}
.archives{
	position:relative
}
.archives:last-of-type:before{
	content:"";
	position:absolute;
	bottom:0;
	width:200px;
	border-top:1px solid #ddd
}
.archives .year{
	line-height:35px;
	width:200px;
	position:absolute;
	top:0;
	padding-top:15px;
	border-top:1px solid #fff
}
.archives .year:before{
	content:"";
	position:absolute;
	top:-2px;
	width:100%;
	border-top:1px solid #ddd
}
@media screen and (max-width: 600px){
	.archives .year{
		position:relative;
		width:100%
	}
}
.archives article{
	margin-left:200px;
	padding:15px 0
}
@media screen and (max-width: 600px){
	.archives article{
		margin-left:0
	}
	.archives article:first-of-type{
		border-top:none;
		padding-top:30px
	}
}
.archives article .title{
	margin-bottom:0
}
.archives article .meta{
	color:#999;
	font-size:0.9em;
	line-height:2;
	margin-top:15px
}
@media screen and (max-width: 600px){
	.archives article .meta{
		display:none
	}
}
.archives article .meta span{
	margin-right:30px;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline
}
.archives article .meta span:before{
	color:#ccc;
	font:1.3em FontAwesome;
	padding-right:10px
}
.archives article .meta a{
	color:#999;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	-webkit-transition:0.3s;
	transition:0.3s
}
.archives article .meta a:hover{
	color:#666
}
.archives article .meta .date:before{
	content:"\f073"
}
.archives article .meta .tags:before{
	content:"\f02c"
}
.archives article .meta .comments:before{
	content:"\f075"
}
#comment{
	padding:30px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd
}
#comment h1.title{
	font-size:25px;
	font-weight:300;
	line-height:35px;
	margin-bottom:20px
}
footer{
	padding:15px 0;
	border-top:1px solid #fff;
	text-align:center;
	font-size:0.9em
}
article code,article pre{
	background:#ddd;
	border:1px solid #ccc;
	font-family:Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace
}
article code{
	font-size:0.9em;
	padding:1px 3px;
	margin:0 3px
}
article pre{
	font-size:1 / 0.9em;
	line-height:1.5;
	margin-top:10px;
	padding:5px 15px;
	overflow-x:auto
}
article pre code{
	background:none;
	border:none;
	padding:0;
	margin:0
}
figure.code{
	border:1px solid #ccc;
	margin-top:10px;
	padding:5px 15px
}
figure.code figcaption{
	font-size:0.9em;
	position:relative
}
figure.code figcaption span{
	margin:-5px -15px 0;
	padding:5px 15px;
	display:block;
	background:#ececec
}
figure.code figcaption span:empty{
	display:none
}
figure.code figcaption a{
	position:absolute;
	top:5px;
	right:0
}
figure.code code,figure.code pre{
	background:none;
	border:none;
	padding:0;
	margin:0
}
figure.code .highlight{
	overflow-x:auto
}
figure.code .line-numbers{
	border-right:1px solid #ccc;
	font-family:Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace;
	padding-right:15px;
	text-align:right
}
figure.code table{
	background:white;
	border:none;
	text-align:left;
	margin-top:0
}
figure.code table td{
	text-align:left
}
figure.code td.code{
	width:100%;
	padding-left:15px
}
.entry-content .gist{
	color:#666;
	padding:15px 15px 5px 0px;
	margin-top:10px;
	border:1px solid #ccc;
	position:relative;
	overflow:hidden
}
.entry-content .gist .gist-file{
	margin:0;
	border:none
}
.entry-content .gist .gist-file .gist-data{
	background:none;
	border:none
}
.entry-content .gist .gist-file .gist-data pre{
	font:0.9em Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace;
	line-height:1.5
}
.entry-content .gist .gist-file .gist-data table{
	background:white;
	border:none
}
.entry-content .gist .gist-file .gist-meta{
	font:300 0.9em "Nunito","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height:1.5;
	margin:0 -16px -6px;
	padding:5px 15px;
	background:#ececec
}
.entry-content .gist .gist-file .gist-meta a{
	color:#258fb8
}
.entry-content .gist .gist-file .gist-meta a:first-of-type{
	position:absolute;
	top:5px;
	right:15px;
	z-index:1
}
.entry-content .gist .gist-file .gist-meta a:nth-of-type(2){
	position:absolute;
	top:0;
	left:0;
	padding:5px 15px;
	width:100%;
	background:#ececec
}
figure.code .c,.gist-highlight .c{
	color:#93a1a1 !important;
	font-style:italic !important
}
figure.code .cm,.gist-highlight .cm{
	color:#93a1a1 !important;
	font-style:italic !important
}
figure.code .cp,.gist-highlight .cp{
	color:#93a1a1 !important;
	font-style:italic !important
}
figure.code .c1,.gist-highlight .c1{
	color:#93a1a1 !important;
	font-style:italic !important
}
figure.code .cs,.gist-highlight .cs{
	color:#93a1a1 !important;
	font-weight:bold !important;
	font-style:italic !important
}
figure.code .err,.gist-highlight .err{
	color:#dc322f !important;
	background:none !important
}
figure.code .k,.gist-highlight .k{
	color:#cb4b16 !important
}
figure.code .o,.gist-highlight .o{
	color:#586e75 !important;
	font-weight:bold !important
}
figure.code .p,.gist-highlight .p{
	color:#586e75 !important
}
figure.code .ow,.gist-highlight .ow{
	color:#2aa198 !important;
	font-weight:bold !important
}
figure.code .gd,.gist-highlight .gd{
	color:#586e75 !important;
	background-color:#f4c5b6 !important;
	display:inline-block
}
figure.code .gd .x,.gist-highlight .gd .x{
	color:#586e75 !important;
	background-color:#f1b1a4 !important;
	display:inline-block
}
figure.code .ge,.gist-highlight .ge{
	color:#586e75 !important;
	font-style:italic !important
}
figure.code .gh,.gist-highlight .gh{
	color:#93a1a1 !important
}
figure.code .gi,.gist-highlight .gi{
	color:#586e75 !important;
	background-color:#e5e3b5 !important;
	display:inline-block
}
figure.code .gi .x,.gist-highlight .gi .x{
	color:#586e75 !important;
	background-color:#cdd088 !important;
	display:inline-block
}
figure.code .gs,.gist-highlight .gs{
	color:#586e75 !important;
	font-weight:bold !important
}
figure.code .gu,.gist-highlight .gu{
	color:#6c71c4 !important
}
figure.code .kc,.gist-highlight .kc{
		color:#859900 !important;
	font-weight:bold !important
}
figure.code .kd,.gist-highlight .kd{
	color:#268bd2 !important
}
figure.code .kp,.gist-highlight .kp{
	color:#cb4b16 !important;
	font-weight:bold !important
}
figure.code .kr,.gist-highlight .kr{
	color:#d33682 !important;
	font-weight:bold !important
}
figure.code .kt,.gist-highlight .kt{
	color:#2aa198 !important
}
figure.code .n,.gist-highlight .n{
	color:#268bd2 !important
}
figure.code .na,.gist-highlight .na{
	color:#268bd2 !important
}
figure.code .nb,.gist-highlight .nb{
	color:#859900 !important
}
figure.code .nc,.gist-highlight .nc{
	color:#d33682 !important
}
figure.code .no,.gist-highlight .no{
	color:#b58900 !important
}
figure.code .nl,.gist-highlight .nl{
	color:#859900 !important
}
figure.code .ne,.gist-highlight .ne{
	color:#268bd2 !important;
	font-weight:bold !important
}
figure.code .nf,.gist-highlight .nf{
	color:#268bd2 !important;
	font-weight:bold !important
}
figure.code .nn,.gist-highlight .nn{
	color:#b58900 !important
}
figure.code .nt,.gist-highlight .nt{
	color:#268bd2 !important;
	font-weight:bold !important
}
figure.code .nx,.gist-highlight .nx{
	color:#b58900 !important
}
figure.code .vg,.gist-highlight .vg{
	color:#268bd2 !important
}
figure.code .vi,.gist-highlight .vi{
	color:#268bd2 !important
}
figure.code .nv,.gist-highlight .nv{
	color:#268bd2 !important
}
figure.code .mf,.gist-highlight .mf{
	color:#2aa198 !important
}
figure.code .m,.gist-highlight .m{
	color:#2aa198 !important
}
figure.code .mh,.gist-highlight .mh{
	color:#2aa198 !important
}
figure.code .mi,.gist-highlight .mi{
	color:#2aa198 !important
}
figure.code .s,.gist-highlight .s{
	color:#2aa198 !important
}
figure.code .sd,.gist-highlight .sd{
	color:#2aa198 !important
}
figure.code .s2,.gist-highlight .s2{
	color:#2aa198 !important
}
figure.code .se,.gist-highlight .se{
	color:#dc322f !important
}
figure.code .si,.gist-highlight .si{
	color:#268bd2 !important
}
figure.code .sr,.gist-highlight .sr{
	color:#2aa198 !important
}
figure.code .s1,.gist-highlight .s1{
	color:#2aa198 !important
}
#banner{
	color:#999;
	padding:30px 0;
	line-height:30px;
	text-align:center;
	position:relative;
	display:none;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd
}
#banner:hover a{
	color:#258fb8
}
#banner a{
	color:#999;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	-webkit-transition:0.3s;
	transition:0.3s
}
#banner a:hover{
	text-decoration:underline
}
#banner small{
	position:absolute;
	right:0;
	bottom:0
}
#banner .loading{
	background:url('/images/loading_pacman.gif?1427305669') center no-repeat;
	text-indent:-9999px
}
#banner .container{
	height:30px;
	overflow:hidden;
	position:relative;
	display:none
}
#banner .container .feed{
	list-style:none;
	position:absolute;
	top:0;
	width:100%
}
#banner .container .feed li{
	position:relative
}
#banner .container .feed li small{
	position:absolute;
	right:0
}
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-tmp iframe,.fancybox-tmp object{
	vertical-align:top;
	padding:0;
	margin:0
}
.fancybox-wrap{
	position:absolute;
	top:0;
	left:0;
	z-index:8020
}
.fancybox-skin{
	position:relative;
	padding:0;
	margin:0;
	background:#f9f9f9;
	color:#444;
	text-shadow:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px
}
.fancybox-opened{
	z-index:8030
}
.fancybox-opened .fancybox-skin{
	-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
	box-shadow:0 10px 25px rgba(0,0,0,0.5)
}
.fancybox-outer,.fancybox-inner{
	padding:0;
	margin:0;
	position:relative;
	outline:none
}
.fancybox-inner{
	overflow:hidden
}
.fancybox-type-iframe .fancybox-inner{
	-webkit-overflow-scrolling:touch
}
.fancybox-error{
	color:#444;
	font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin:0;
	padding:10px
}
.fancybox-image,.fancybox-iframe{
	display:block;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	vertical-align:top
}
.fancybox-image{
	max-width:100%;
	max-height:100%
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{
	background-image:url('/images/fancybox/fancybox_sprite.png?1427305669')
}
#fancybox-loading{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-22px;
	margin-left:-22px;
	background-position:0 -108px;
	opacity:0.8;
	cursor:pointer;
	z-index:8020
}
#fancybox-loading div{
	width:44px;
	height:44px;
	background:url('/images/fancybox/fancybox_loading.gif?1427305669') center center no-repeat
}
.fancybox-close{
	position:absolute;
	top:-18px;
	right:-18px;
	width:36px;
	height:36px;
	cursor:pointer;
	z-index:8040
}
.fancybox-nav{
	position:absolute;
	top:0;
	width:40%;
	height:100%;
	cursor:pointer;
	background:transparent url('/images/fancybox/blank.gif?1427305669');
	-webkit-tap-highlight-color:transparent;
	z-index:8040
}
.fancybox-prev{
	left:0
}
.fancybox-next{
	right:0
}
.fancybox-nav span{
	position:absolute;
	top:50%;
	width:36px;
	height:34px;
	margin-top:-18px;
	cursor:pointer;
	z-index:8040;
	visibility:hidden
}
.fancybox-prev span{
	left:20px;
	background-position:0 -36px
}
.fancybox-next span{
	right:20px;
	background-position:0 -72px
}
.fancybox-nav:hover span{
	visibility:visible
}
.fancybox-tmp{
	position:absolute;
	top:-9999px;
	left:-9999px;
	padding:0;
	overflow:visible;
	visibility:hidden
}
#fancybox-overlay{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
	z-index:8010;
	background:#000
}
#fancybox-overlay.overlay-fixed{
	position:fixed;
	bottom:0;
	right:0
}
.fancybox-title{
	visibility:hidden;
	font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position:relative;
	text-shadow:none;
	z-index:8050
}
.fancybox-opened .fancybox-title{
	visibility:visible
}
.fancybox-title-float-wrap{
	position:absolute;
	bottom:0;
	right:50%;
	margin-bottom:-35px;
	z-index:8030;
	text-align:center
}
.fancybox-title-float-wrap .child{
	display:inline-block;
	margin-right:-100%;
	padding:2px 20px;
	background:transparent;
	background:rgba(0,0,0,0.8);
	text-shadow:0 1px 2px #222;
	color:#FFF;
	font-weight:bold;
	line-height:24px;
	white-space:nowrap;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px
}
.fancybox-title-outside-wrap{
	position:relative;
	margin-top:10px;
	color:#fff
}
.fancybox-title-inside-wrap{
	margin-top:10px
}
.fancybox-title-over-wrap{
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding:10px;
	background:#000;
	background:rgba(0,0,0,0.8)
}
html{
	height:100%
}
body{
		font-family:"Nunito","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	background:#E32236;
	height:100%;
	color:#333;
	font-size:11px
}
::selection,::-moz-selection,::-webkit-selection{
	background-color:#2571B8;
	color:#eee
}
#header{
	height:auto;
	border-bottom:none
}
#header .subtitle{
	color:#999;
	font-style:italic
}
#header #sub-nav{
	float:none;
	position:relative
}
#header #sub-nav .social{
	float:none
}
#header #sub-nav .search{
	float:none
}
#header #sub-nav .search .alignright{
	float:none
}
#header h1{
	float:none
}
#header #main-nav{
	float:none;
	margin-left:0px
}
#header #main-nav ul li{
	margin-left:0px;
	display:block
}
#header #main-nav ul li a{
	padding:0px 0px
}
.container{
	position:relative;
	min-height:100%
}
.container .credit-box{
	color:#AAA;
	font-size:.8em;
	position:fixed;
	bottom:20px;
	left:40px
}
.container .credit-box a{
	color:inherit;
	text-decoration:underline
}
.container .mid-col{
	position:absolute;
	right:0;
	min-height:100%;
	width:77%;
	background:white
}
.container .mid-col #banner{
	width:100%
}
.container .mid-col #banner small{
	margin-right:70px
}
.container .mid-col footer.inner{
	text-align:center;
	margin:0px 70px 0px 40px;
	width:auto
}
.container .mid-col .mid-col-container{
	padding:0px 70px 0px 100px;
	max-width:800px
}
.container .mid-col .mid-col-container #content{
	width:100%
}
.container .mid-col .mid-col-container #content article{
	border-top:none;
	padding:80px 0px
}
.container .mid-col .mid-col-container #content article .title{
	margin-left:0px;
	font-size:3em;
	font-weight:500
}
.container .mid-col .mid-col-container #content article.single-post .title{
	text-align:center;
	text-decoration:underline
}
.container .mid-col .mid-col-container #content article .entry-content{
	margin-left:0px;
	line-height:1.4em;
	font-size:1.5em
}
.container .mid-col .mid-col-container #content article .entry-content p{
	margin-top:10px
}
.container .mid-col .mid-col-container #content article .entry-content .github-widget p{
	margin-top:0px
}
.container .mid-col .mid-col-container #content article .entry-content .more-link:before{
	line-height:1.2em
}
.container .mid-col .mid-col-container #content article .entry-content .more-link{
	padding-left:0px
}
.container .mid-col .mid-col-container #content article .entry-content .gist .gist-file .gist-data .line_numbers{
	line-height:inherit
}
.container .mid-col .mid-col-container #content article .entry-content .gist .gist-file .gist-data pre{
	line-height:inherit
}
.container .mid-col .mid-col-container #content article .entry-content h2{
	font-size:1.3em;
	color:#333;
	margin-top:30px;
	font-weight:bold
}
.container .mid-col .mid-col-container #content article .entry-content h2::before{
	border-bottom:none
}
.container .mid-col .mid-col-container #content article .entry-content blockquote{
	border-left:5px solid #2571B8;
	background:#F7F7F7
}
.container .mid-col .mid-col-container #content article .entry-content blockquote p{
	margin-top:0px
}
.container .mid-col .mid-col-container #content article .entry-content table{
	line-height:1.2em
}
.container .mid-col .mid-col-container #content article .entry-content table td{
	text-align:left
}
.container .mid-col .mid-col-container #content article .meta{
	position:relative;
	float:right;
	top:0px;
	color:#555;
	text-align:right;
	width:auto
}
.container .mid-col .mid-col-container #content article .meta .date::before{
	color:#555;
	position:relative;
	margin-right:10px
}
.container .mid-col .mid-col-container #content article .meta .tags::before{
	color:#999;
	position:relative;
	margin-right:10px
}
.container .mid-col .mid-col-container #content article h1.title a{
	color:#333;
	-webkit-transition:color 0.3s;
	-moz-transition:color 0.3s;
	-o-transition:color 0.3s;
	transition:color 0.3s
}
.container .mid-col .mid-col-container #content article h1.title a:hover{
	color:#2571B8;
	-webkit-transition:color 0.3s;
	-moz-transition:color 0.3s;
	-o-transition:color 0.3s;
	transition:color 0.3s
}
.container .mid-col footer{
	width:100%
}
.container .left-col:hover{
	opacity:1
}
.container .left-col{
	width:23%;
	position:fixed;
	color:#fff;
	height:100%;
	font-size:1.3em;
	opacity:0.3;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
	transition:all .2s ease-in
}
.container .left-col .intrude-less{
	width:80%
}
.container .left-col #header{
	width:100%;
	padding:20% 0% 0% 15%
}
.container .left-col #header #main-nav{
	margin-top:10px
}
.container .left-col #header #main-nav p{
	line-height:1.4em
}
.container .left-col #header .profilepic img{
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%
}
.container .left-col #header a{
	color:#FFFFFF;
	text-shadow:0 1px #333
}
.container .left-col #header a:hover{
	color:#2571B8
}
.container .left-col #header #sub-nav{
	margin-top:10px
}
.container .left-col #header #sub-nav .search::before{
	left:10px
}
.container .left-col #header #sub-nav .social{
	margin-bottom:10px
}
.container .left-col #header #sub-nav .social a{
	margin-right:5px
}
.archives .title{
	font-size:1.2em
}
.archives article .meta{
	line-height:1.5em;
	margin-top:0
}
.archives article .meta span::before{
	padding-right:0
}
a{
	color:#2571B8
}
a:hover{
	color:#2571B8
}
@media screen and (max-width: 1040px){
	body{
			margin:0 0
	}
}
@media screen and (max-width: 830px){
	.container .credit-box{
		display:none
	}
	.container .left-col{
		position:relative;
		width:100%;
		opacity:1
	}
	.container .left-col .intrude-less{
		margin:auto auto
	}
	.container .left-col #header{
		padding:40px 0px;
		text-align:center
	}
	.container .left-col #header #sub-nav{
		display:block
	}
	.container .left-col #header #main-nav ul{
		display:block
	}
	.container .left-col #header #main-nav ul li{
		display:inline;
		margin-right:10px
	}
	.container .mid-col{
		float:none;
		width:100%
	}
	.container .mid-col .mid-col-container{
		padding:15px 15px
	}
	.container .mid-col .mid-col-container #content article .meta{
		float:none
	}
}