@import url(//fonts.googleapis.com/css?family=Roboto:400,500,700);.clearfix:after{content:"";display:table;clear:both}*{box-sizing:border-box}a{transition:none;text-decoration:none}a:hover{text-decoration:underline}html{height:100%}body{position:relative;height:100%;background:#fafafa}.hidden{display:none}#navigation{height:40px;width:100%;background:#333;overflow:hidden}#navigation ul{padding:0;margin:0;list-style:none}#navigation #main{position:relative;width:100%}#navigation #main li{position:relative;width:100%;margin:0;padding:0;background:#eee;border-bottom:1px solid #d5d5d5}#navigation #main li a{display:block;height:40px;width:100%;padding-left:20px;letter-spacing:1px;font-size:12px;font-family:"Roboto",sans-serif;font-weight:400;line-height:40px;color:#333;text-transform:uppercase;text-decoration:none}#navigation #main li.author{display:none}#navigation #main li.active,#navigation #main li:hover{background:#e1e1e1}#navigation #main #menu-toggle{background:#333 url(../icons/menu.png) center right 10px no-repeat;background-size:30px;border:none}#navigation #main #menu-toggle a{color:#e1e1e1;font-weight:500;font-size:14px}body.page-template-about-php #sidebar-bg,body.page-template-archive-php #sidebar-bg,body.page-template-about-php #sidebar,body.page-template-archive-php #sidebar{display:none}#to-top{display:none}#sidebar-bg{display:none}#sidebar{width:100%;background:#eee;-webkit-user-select:none;-moz-user-select:none;user-select:none}#sidebar #post-list{border-top:1px solid #d5d5d5}#sidebar #post-list li{height:60px;position:relative;display:none;background:#f5f5f5;border-left:5px solid #ddd}#sidebar #post-list li a{display:block;position:relative;height:100%;width:100%;font-size:14px;line-height:30px;font-family:"Roboto",sans-serif;font-weight:400;color:#555;text-transform:uppercase;text-align:center;border-bottom:1px solid #d5d5d5;text-decoration:none}#sidebar #post-list li a .author,#sidebar #post-list li a .date{height:30px;line-height:30px;font-family:sans-serif;text-transform:none}#sidebar #post-list li a .author{padding-top:5px}#sidebar #post-list li a .date{font-size:12px;margin-top:-5px}#sidebar #post-list li.sean{border-left:5px solid #e6ac27}#sidebar #post-list li.wikus{border-left:5px solid #80bca3}#sidebar #post-list li.sipho{border-left:5px solid #bf4d28}#sidebar #post-list .group-heading{display:block;background:#eee;cursor:pointer;position:relative;border-bottom:1px solid #d5d5d5;border-left:5px solid transparent}#sidebar #post-list .group-heading .title,#sidebar #post-list .group-heading .post-count{width:100%;font-size:12px;height:30px;line-height:30px;font-family:"Roboto",sans-serif;font-weight:400;color:#333;text-transform:uppercase;text-align:center}#sidebar #post-list .group-heading .title{font-size:16px;font-weight:500;padding-top:6px;overflow:hidden}#sidebar #post-list .group-heading .post-count{font-family:sans-serif;text-transform:none;letter-spacing:0;color:#4d4d4d;margin-top:-5px}#sidebar #post-list li.selected,#sidebar #post-list li:hover{background:#fff}#sidebar #post-list .group-heading:hover{background:#eee}.content{width:100%;padding:20px;position:relative}h1.page-title{font-family:"Roboto",sans-serif;font-weight:700;font-size:24px;line-height:24px;color:#333;text-transform:uppercase;margin:0 0 20px;padding:0}.post .post-nav #previous,.post .post-nav #next{font-family:"Roboto",sans-serif;font-size:14px;line-height:24px;height:24px;margin-top:-10px;margin-bottom:20px;color:#999;width:50%;float:left;overflow:hidden}.post .post-nav #previous:hover,.post .post-nav #next:hover{color:#4b96bf}.post .post-nav #next{float:right;text-align:right}.post .post-meta{margin:0 0 20px}.post .post-meta .title{font-family:"Roboto",sans-serif;font-weight:700;font-size:26px;line-height:26px;color:#333;text-transform:uppercase;margin:0 0 3px;padding:0}.post .post-meta .author,.post .post-meta .date{display:block;text-decoration:none;font-family:sans-serif;font-weight:400;font-size:14px;line-height:18px;color:#888;margin:0;padding:0}.post .post-meta .author:hover{text-decoration:underline;color:#4b96bf}.post .post-content{width:100%}.post .post-content .post-nav{display:none}.post .post-content *{max-width:100%}.post .post-content p{font-family:sans-serif;font-size:14px;line-height:24px;font-weight:400;color:#333;margin:0 0 25px}.post .post-content img{height:auto}.post .copyright{text-align:center;font-family:sans-serif;font-size:12px;line-height:20px;color:#888;padding:25px 0}.about h1.centered-heading{position:relative;font-family:"Roboto",sans-serif;font-size:32px;line-height:32px;font-weight:700;text-transform:uppercase;color:#333;margin:0 0 30px;text-align:center}.about h1.centered-heading:before{content:"";display:block;border-top:1px solid #ccc;width:100%;height:1px;position:absolute;top:55%;z-index:1}.about h1.centered-heading span{background:#fafafa;padding:0 20px;position:relative;z-index:5}.about p{font-family:sans-serif;font-size:14px;line-height:22px;color:#333;margin-bottom:10px}.about .project-info{margin-bottom:20px}.about .author-info{margin-bottom:50px}.about .author-info .profile{margin-bottom:30px}.about .author-info .profile img{float:left;width:33.33333333%;padding:5px}.about .author-info .profile img:first-child{padding-left:0;padding-right:10px}.about .author-info .profile img:last-child{padding-left:10px;padding-right:0}.about .author-info .author{width:100%;position:relative;margin-bottom:20px}.about .author-info .author img{display:none}.about .author-info .author .author-meta h2{font-family:"Roboto",sans-serif;font-size:20px;line-height:20px;font-weight:700;text-transform:uppercase;color:#333;margin:0 0 10px}.about .author-info .author .author-meta p.lead{font-style:italic}.about .author-info .author .author-meta a{color:#4b96bf;text-decoration:none}.about .author-info .author .author-meta a:hover{text-decoration:underline}.about .sponsors .links{position:relative;display:block;margin-bottom:20px}.about .sponsors .links a{display:block;width:25%;max-width:200px;float:left;padding-right:20px}.about .sponsors .links a:last-child{padding:0}.about .sponsors .links a img{max-width:100%;height:auto}.archive .filters .label{font-family:sans-serif;font-size:14px;line-height:14px;padding:5px 0;color:#333}.archive .filters select{width:300px;max-width:100%;font-family:sans-serif;font-size:14px;line-height:14px}.archive .filters select option{padding:5px 2px}.archive .project-description{font-family:sans-serif;font-size:14px;line-height:24px;color:#333;margin:20px 0 10px}.archive .thumbnails{margin-left:-10px;margin-right:-10px}.archive .thumbnails h2{display:block;width:100%;font-family:"Roboto",sans-serif;font-weight:700;font-size:20px;clear:both;color:#444;text-transform:uppercase;padding:15px 10px 5px}.archive .thumbnails .thumb{display:block;float:left;width:33.33333333%;padding:10px;line-height:0}.archive .thumbnails .thumb img{max-width:100%;height:auto;margin:0;padding:0;border:0;outline:0}.archive .thumbnails .thumb:hover{background:#ddd}.archive .thumbnails .sipho:hover{background:#bf4d28}.archive .thumbnails .wikus:hover{background:#80bca3}.archive .thumbnails .sean:hover{background:#e6ac27}.map{position:relative;height:50%}.map #map-canvas{position:absolute;top:0;left:0;right:0;height:100%}body.home #map-canvas{display:none}.index{padding:20px}.index .site-meta{padding:0 0 40px}.index .site-meta h1,.index .site-meta h2{text-align:center;font-family:"Roboto",sans-serif;color:#333}.index .site-meta h1{font-weight:700;font-size:32px;line-height:40px;text-transform:uppercase}.index .site-meta h2{font-weight:400;font-size:20px;line-height:30px}.index .latest-posts h3{display:none;text-align:center;font-family:"Roboto",sans-serif;color:#333;font-size:20px;line-height:30px;font-weight:500;text-transform:uppercase;margin-bottom:20px}.index .latest-posts .card{width:33.33333333%;float:left;padding:10px;margin-bottom:20px;position:relative}.index .latest-posts .card h4{font-family:"Roboto",sans-serif;font-weight:500;font-size:20px;line-height:36px;text-align:center;color:#333;text-transform:uppercase;margin:0 auto}.index .latest-posts .card p{font-family:sans-serif;font-size:16px;font-weight:400;color:#666;text-align:center;text-transform:uppercase;padding-bottom:10px}.index .latest-posts .card .photo-entry,.index .latest-posts .card .video-entry{position:relative;text-align:center;margin:10px 0}.index .latest-posts .card .photo-entry img,.index .latest-posts .card .video-entry img{width:300px;height:auto;max-width:100%;margin:0 auto}@media only screen and (min-width:960px){#navigation{height:40px;width:100%;background:#333;z-index:2000;position:fixed}#navigation #main li{position:relative;float:left;margin:0;padding:0;width:auto;background:#333;border:none}#navigation #main li a{display:block;height:40px;padding:0 20px;letter-spacing:1px;font-size:12px;font-family:"Roboto",sans-serif;font-weight:400;line-height:40px;color:#c7c7c7;text-transform:uppercase}#navigation #main .latest-video{float:left}#navigation #main .authors{float:right}#navigation #main li.author{display:block}#navigation #main li.social{float:right;width:40px;text-indent:100%;white-space:nowrap;overflow:hidden}#navigation #main li.instagram{background:#333 url('../icons/icon_inst.png') center center no-repeat;background-size:36px}#navigation #main li.instagram:hover{background:#262626 url('../icons/icon_inst.png') center center no-repeat;background-size:36px}#navigation #main li.facebook{background:#333 url('../icons/icon_fboo.png') center center no-repeat;background-size:36px}#navigation #main li.facebook:hover{background:#262626 url('../icons/icon_fboo.png') center center no-repeat;background-size:36px}#navigation #main li.youtube{background:#333 url('../icons/icon_yout.png') center center no-repeat;background-size:36px}#navigation #main li.youtube:hover{background:#262626 url('../icons/icon_yout.png') center center no-repeat;background-size:36px}#navigation #main li.active,#navigation #main li:hover{background:#262626}#navigation #main li.active a,#navigation #main li:hover a{color:#fafafa}#navigation #main #menu-toggle{background:none}body.page-template-about-php #sidebar-bg,body.page-template-archive-php #sidebar-bg,body.home #sidebar-bg,body.page-template-about-php #sidebar,body.page-template-archive-php #sidebar,body.home #sidebar{display:none}#to-top{display:none;position:fixed;bottom:20px;right:260px;cursor:pointer;width:50px;height:50px;background:#000;opacity:.2;color:#fff;line-height:40px;text-align:center;font-family:"Roboto",sans-serif;font-size:24px;transition:opacity 150ms}#to-top:hover{opacity:.5}#sidebar-bg{display:block;position:fixed;top:0;bottom:0;right:0;width:240px;z-index:999;background:#eee;border-left:1px solid #d5d5d5}#sidebar{position:absolute;height:100%;width:240px;top:0;right:0;bottom:0;padding-top:40px;z-index:1000;border-left:1px solid #d5d5d5}#sidebar #post-list{border-top:none}.container{position:absolute;top:40px;left:0;right:240px}.container .content{max-width:960px;margin:0 auto;padding:30px 20px}.container.no-sidebar{right:0}.container.wider .content{max-width:1280px}.post .post-content{position:relative}h1.page-title{display:none}.about .project-info{margin-bottom:40px}.about .author-info .profile{display:none}.about .author-info .author{margin-bottom:30px}.about .author-info .author img{display:block;float:left;max-width:20%}.about .author-info .author .author-meta{float:left;max-width:80%;padding-left:20px}.about .author-info .author .author-meta h2{line-height:16px}.archive .thumbnails{margin-left:-10px;margin-right:-10px}.archive .thumbnails h2{padding:15px 10px 5px}.archive .thumbnails .thumb{display:block;float:left;width:25%;padding:10px}.archive .thumbnails .thumb:hover{background:#ddd}.archive .thumbnails .sipho:hover{background:#bf4d28}.archive .thumbnails .wikus:hover{background:#80bca3}.archive .thumbnails .sean:hover{background:#e6ac27}.map{position:fixed;top:0;left:0;right:240px;bottom:0;height:100%}.map #map-canvas{position:absolute;top:0;left:0;right:0;bottom:0}body.home #map-canvas{display:block;position:absolute;top:40px;bottom:0;left:0;right:0}.index{position:absolute;top:60px;left:0;right:0;padding:0 !important}.index .site-meta{background:rgba(255,255,255,0.8);margin-bottom:20px;padding:20px}.index .site-meta h1,.index .site-meta h2{color:#444}.index .site-meta h1{font-size:46px;line-height:46px}.index .latest-posts{background:rgba(255,255,255,0.8);padding:15px 20px}.index .latest-posts .card{margin-bottom:0}.index .latest-posts .card .photo-entry{margin-bottom:10px;padding-top:10px}.index .latest-posts .card.sipho .photo-entry{border-top:10px solid #bf4d28}.index .latest-posts .card.wikus .photo-entry{border-top:10px solid #80bca3}.index .latest-posts .card.sean .photo-entry{border-top:10px solid #e6ac27}}@media only screen and (max-width:740px){.index .latest-posts .card h4{font-size:16px;line-height:20px}.index .latest-posts .card p{font-size:12px}}@media only screen and (max-width:640px){.index .latest-posts .card{float:none;width:100%}.archive .thumbnails .thumb{width:50%}}@media only screen and (max-width:320px){.archive .thumbnails .thumb{width:100%}}@media only screen and (min-width:1100px){#navigation #main .authors{padding:0 40px}}@media only screen and (min-width:1200px){#navigation #main .authors{padding:0 80px}}@media only screen and (min-width:1300px){#navigation #main .authors{padding:0 140px}}@media only screen and (min-width:1400px){#navigation #main .authors{padding:0 190px}}@media only screen and (min-width:1500px){#navigation #main .authors{padding:0 240px}}@media only screen and (min-width:1600px){#navigation #main .authors{padding:0 290px}}@media only screen and (min-width:1700px){#navigation #main .authors{padding:0 340px}}@media only screen and (min-width:1800px){#navigation #main .authors{padding:0 390px}}@media only screen and (min-width:1900px){#navigation #main .authors{padding:0 440px}}@media only screen and (min-width:2000px){#navigation #main .authors{padding:0 490px}}