#page { clear: both; margin: 4.4em auto 0; width: 1024px; }
header { position: fixed; top: 0; left: 0; right: 0; background: #000; z-index: 1000; }
header .c { width: 1024px; margin: 0 auto; }
header #logo { float: left; }
header #logo a { color: white; text-decoration: none; padding: 0 0.5em; margin-left: -0.5em; font-weight: bold; color: #999; line-height: 1.5em; float: left; font-style: italic; }
header nav { float: left; margin: 0; }
header nav a { float: left; padding: 0 0.8em; line-height: 2em; font-size: 1.51em; margin-top: 0.4em; }
header nav a.active { background: #191919; color: white; }
header.active-index #logo a,
header.active-blog nav.primary a.blog,
header.active-projects nav.primary a.projects,
header.active-roles nav.primary a.roles,
header.active-skills nav.primary a.skills,
header.active-about nav.primary a.about {
    background: #191919; color: white;
}

header nav.icons { float: right; }
header nav.icons a { height: 3.5em; width: 2.75em; float: left; padding: 0; font-size: 1em; margin: 0; }

nav.breadcrumbs { margin: 0 -1em 1em; }
nav.breadcrumbs a { float: left; padding: 0.25em 1em; color: rgba(255,255,255,0.7); }
nav.breadcrumbs a::after { content: ">"; margin-right: -1.25em; float: right; color: rgba(255,255,255,0.3); }
nav.breadcrumbs span { float: left; padding: 0.25em 1em;  color: rgba(255,255,255,0.5); }

div.date { color: rgba(255,255,255,0.3); }

section#main { float: left; width: 75%; }
section#sidebar { float: left; width: 23%; margin-left: 2%; }

ul.light li { margin: 0.5em 0; }

h2 a, h2 a:visited,
h3 a, h3 a:visited {
    color: white; display: block;
}

pre { background: rgba(255,255,255,0.05); }
blockquote { background: rgba(255,255,255,0.05); margin: 1em 0; padding: 1em; font-size: 1.3em; }
.item blockquote .author { display: block; margin: 1em 0 0; font-size: 0.85em; float: none; max-width: 100%; }

.item { background: rgba(255,255,255,0.04); }
.item img { background: rgba(255,255,255,0.05); min-width: 100px; min-height: 100px; border: none; float: left; max-width: 100%; }
.item span { float: left; max-width: 50%; margin: 0 1.5em; }
.item p { padding: 0; font-size: 1.15em; margin-bottom: 0; }
.items.alt .item:nth-child(2n) img { float: right; }
.items.alt .item:nth-child(2n) span { float: right; }
.items.alt .item:nth-child(2n) h2 { text-align: right; }
.items.alt .item:nth-child(2n) h3 { text-align: right; }
.items.alt .item:nth-child(2n) p { text-align: right; }
.items .item {
    display: block; padding: 1em; margin: 0 0 1em; width: 96%; text-decoration: none; border-radius: 5px;
    animation-duration: 1s;
    animation-name: fadein;
    animation-fill-mode: both;
    background: linear-gradient(to right, rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.04) 40%,rgba(255,255,255,0) 95%);
}
.items .item:not(.nohi):hover {
    background: linear-gradient(to right, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.08) 40%,rgba(255,255,255,0) 95%);
}
.items.alt .item:nth-child(2n) {
    background: linear-gradient(to right, rgba(255,255,255,0) 5%,rgba(255,255,255,0.04) 60%,rgba(255,255,255,0.04) 100%);
}
.items.alt .item:nth-child(2n):hover {
    background: linear-gradient(to right, rgba(255,255,255,0) 5%,rgba(255,255,255,0.08) 60%,rgba(255,255,255,0.08) 100%);
}
.items .item h2 span,
.items.alt .item:nth-child(2n) h2 span { float: none; display: block; }
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
.items .item:nth-child(2) { animation-delay: 200ms; }
.items .item:nth-child(3) { animation-delay: 400ms; }
.items .item:nth-child(4) { animation-delay: 600ms; }
.items .item:nth-child(5) { animation-delay: 800ms; }
.items .item:nth-child(6) { animation-delay: 1000ms; }
.items .item:nth-child(7) { animation-delay: 1200ms; }
.items .item:nth-child(8) { animation-delay: 1400ms; }
.items .item:nth-child(9) { animation-delay: 1600ms; }
.items .item:nth-child(10) { animation-delay: 1800ms; }
.items .item:nth-child(11) { animation-delay: 2000ms; }
.items .item:nth-child(12) { animation-delay: 2200ms; }
.items .item:nth-child(13) { animation-delay: 2400ms; }

.items .item span.role-title { float: none; display: block; font-size: 0.7em; margin: 0; opacity: 0.7; max-width: 100%; }
.items .item span.readmore { float: right; font-size: 0.9em; padding: 0.6em 0.6em 0; margin: 0;}
.items .item.about { font-size: 1.15em; }

.items > h3 a { padding: 0 0.5em; }

.items.half { float: left; width: 48%; margin: 0 0 1em; }
.items.half:nth-child(2) { float: right; }
#page-index .items h3 { margin: 0 0 0.5em; }
#page-index .items .item img { max-width: 40%; }
#page-index .items .item p { margin: 0.5em 0; font-size: 1em; }

a.linkedin {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAPtSURBVHjatFZPiBtVGP+9N2/eJJkYs1m3K63dVUHaSnErC8WDRUUPxYPQg57UgpeeBBEUe+hNQQ9ee5IFBcX2UvHPoQoFt7qKtQUtba1KV3e7ShsTk00mM5OZec/vvSbbNGvFuPiFITOZ933f+36/7/u9sLsffmpf8cHnXh7zpaeVysCwAdPkzhBox62f//ITtnT6XVGYefyVR7eP7x7zNBJFCzaSQNHFzZeD+XRm2zJzx8XmqTvv0jrCmWoErbV5b9f9tzwMimJMFFxsua2Ua2Szu0QQRd1zNYV2omyCTjeFwxkyqsZzHXgOp8JHAIliNOIuRCbMfSyijALRC8EoDOHz5P3TmJ2awFK9hWPf/YogTuE6fKQqOC2PE42MYotMa0tOJ8nw2LbNOLh3l63AmKQKDn9+AT55jMqNsh9LSb80YLyYWwtubLKUp8DMQsSGeLHPrHcN/k4PnGIw2pRmBhlK4TgO8lLjxMXfsWOyjPvuGMOVZogj3y6CM8OHQtYLYDZgrm6qEKeZjZ4jf1OtCWp22o0TBK0UaSIggtUQUisUbikgzjIcnj+PTcU8GmHXXr4UyJMz7E4ZOsTJapTgdqpuesyHgfiXeoCrjQ44+XfaIdrNAMQc3GIFotPpolWtI6Xszz6yEy89MYsoSSGFg+PnVnDkzCLe2LebAuYsMHMLFxESXwf2bEe5IC201VaEN499g7c++x6+J2gKiOictJsSBi9lpq8dIYu6Fve+8STB0uIVlKRj+TG2/4F7UPFzEM515LdWfLz+zB4sX23i07PLKOfcNWL4dWK4HfRBC8MEf1ZbCClx3zbRBgRtauWPluWmbzmC8umH7iVSmYWt33b/2OCGYEfwG/onzRQOvfcFZl54G68d/dpObt92bK2g7Eu7pu/BRxWDarODD0/9jBo1x8enLqEZxGvvPFdAUkfpgaQjJzDOpgFcKSzBKtODYroehZHlrIetHb5/4c3xPxsfJvXvngflw9wPruJD726awJQ82NvXEpATYzcEYfaZXzs7hoTISM6wKIr+jS9dLPywghfnTliZNRJ94XKNRl7j1aNfoeR7VmeMVNRocss0bLUgwsF35pH3HNvKrU6MiPRJmDOkRzibev79y1m7voVxB1E3QZt0hvUqMsPjey4a5JhlqgcDR4kkgiTA9vtqGEMpvQbXrZSYkbYxScpcrJwk4RCSeo2klcGj9vOKznBfopyX6/WeptggVy546w5+mAk3LcYcV/Dmbz+l+cqEjtvY2Ik/QKb0IFUWyEsnF4T88fgBf+feQ7oyOa1VGg/rUR8uk5z1/pjc7Ki0s0GHAtcJ+NmP5vTS6Q/+EmAAoQmUjoaAETgAAAAASUVORK5CYII=') no-repeat center center;
}
a.github {
	background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEzMkUzQTQ0ODI0QTExREZBMkJGRUY4OUYwQzhENzU4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEzMkUzQTQ1ODI0QTExREZBMkJGRUY4OUYwQzhENzU4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTMyRTNBNDI4MjRBMTFERkEyQkZFRjg5RjBDOEQ3NTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTMyRTNBNDM4MjRBMTFERkEyQkZFRjg5RjBDOEQ3NTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4eJ0QGAAAC+klEQVR42qxWTUuiURR+/MiSokVkCFkRFdHOUIOhDywYkAYiaNOiXeEQEhXBqEiLKBD8B5q2CMJNFLQJHAp1drOSokW0aZGJSEYf0nfNPYdRZHqd0ckDh/f6vvc+zz3PPedcZV6vF8J6hHtVKpW+trYWH7Hr62s8Pj7GxPCr1Wr9qRSDT8LD/f39qo6ODpTDTk5O9D+E+Xw+MxG4BwYGVG1tbXh7eysLQXt7O2QymSoajbqJoKe5uRmvr68opxEmYROBWrCVnYAwCZsIigYnCQOBADKZDGw2G5RK5T/XlESQSqWwtLSEq6srWCwWFJMUJRFUVFSwtpSK1dXVTJRMJqHValFTUyO5Rp4lKMYJZGdnB/v7+2hoaMD6+jr6+vqwt7cnOT8XwcvLyzvmzc1NbGxs8MShoSHe6djYGHZ3d/kMxsfH+Tzu7+/hdrtxfHyM+fn54iTa2trC9PQ0WltbIaobKysr/H54eBihUAjpdBojIyO4u7vLVe/l5aWk1PJsBPm+trbGH0kCkoRIBgcHYTQaOf3IaTw5OcnzFhcX4XK53uEUjIAOjSwWi7HWorfwOwLOVjut+Z3rkMvlKJQskmewsLCAo6MjzMzM8G+dToepqSk8Pz/nCPJ3qVAoJM+xYAQtLS3o7OzE2dkZh07a19fXM0F+llRWVvJ8yqKqqir09vYWXweUHSRBXV0d7zoL+vT0xJLRU6/XM0kwGIRonohEIsVJdHp6ykX08PDAMlFRTUxMYG5uDna7nQloTVdXF/x+Pw4PD7mDSskkGYHT6cTBwQFWV1f5cD0eD+hiovZgNptz82idyWRi/+sh//nh5uaGZbm4uIBarc7JRTqX2nULRrC8vAyHw5HLktnZWTQ1Nf0XQUporaFGljWDwcDFEw6HcXt7y1qPjo6WBE5JQNhEsJ1IJKyU6/nW3d3Nnm+lEAhMemwTgTMej38RmjdqNBpuCx8xyjC6N87Pz+OETQRp2rB44RH+WYwbP3hbEvB34d/E35b0LwEGANc1ymz3TxbGAAAAAElFTkSuQmCC') no-repeat center center;
}
a.twitter {
	background: transparent url('data:image/png;base64,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') no-repeat center center;
}

a.reddit { font-size: 1.5em; text-decoration: none; display: block; }
a.reddit img { float: left; width: 70px; margin-right: 0.5em; background: none; }
a.reddit span { font-size: 1rem; display: block; color: rgba(255,255,255,0.3); text-decoration: none; margin: 0; }

a.book { font-size: 1.5em; text-decoration: none; display: block; }
a.book h3 { font-size: 1.3em; margin-bottom: 0.4em; }
a.book img { float: left; width: 70px; margin-right: 1em; background: none; margin-bottom: 0.5em; }
a.book span { font-size: 1rem; display: block; color: rgba(255,255,255,0.3); text-decoration: none; margin: 0; float: none; max-width: 100%; }

@media (max-width: 479px) {
    #page, header .c { width: 320px; font-size: 0.9em; }
    #page { margin-top: 7em; }
    .item span { margin: 1em; max-width: 100%; }
    header nav a { font-size: 1.2em; margin-top: 0.6em; }
}
@media (min-width: 480px) and (max-width: 767px) {
    #page, header .c { width: 480px; margin: 0 auto; font-size: 1em; }
    #page { margin-top: 7em; }
    .item span { margin: 1em 0; max-width: 100%; }
    header nav a { font-size: 1.2em; margin-top: 0.6em; }
}
@media (min-width: 768px) and (max-width: 999px) {
    #page, header .c { width: 768px; font-size: 1.2em; }
    header nav a { font-size: 1.2em; margin-top: 1.0em; }
}
@media (min-width: 1000px) and (max-width: 1259px) {
    #page, header .c { width: 980px; font-size: 1.2em; }
}
@media (min-width: 1260px) {
    #page, header .c { width: 1260px; font-size: 1.2em; }
}
@media (max-width: 1000px) {
    .items.half { margin: 0; width: 100%; }
}