body{margin:auto;padding:0}body>header{position:fixed;width:100%;top:0}body>header,body{min-width:300px;max-width:2000px}section,header>nav,.presentation .presentation-card,footer .footer-content{width:900px;margin:auto}@media (max-width:1000px){section,header>nav,.presentation .presentation-card,footer .footer-content{width:auto;padding:0 20px}}section{margin-bottom:50px}footer{height:120px}section.presentation{width:100%;height:520px}section.presentation .presentation-card{padding-top:170px}@media (max-width:1400px){section.presentation{height:380px}}@media (max-width:1000px){section.presentation{font-size:.8em;padding:40px 0;height:auto}section.presentation .presentation-card{padding-top:80px}}article{padding:20px;margin:20px auto}h1{font-size:2em;font-weight:normal;margin:0;margin-bottom:30px}h2{font-size:1.8em;font-weight:normal;margin:0;margin-bottom:15px}h3{font-size:1.6em;font-weight:normal;margin:0;margin-bottom:10px}h4{font-size:1.4em;font-weight:normal;margin:0;margin-bottom:7.5px}section,article,nav,aside,header{display:block}html{background:#111}body{font-family:"Segoe UI",Arial,sans-serif;color:#333;background:url(data:image/bmp;base64,Qk0+AAAAAAAAADYAAAAoAAAAAQAAAAIAAAABABgAAAAAAAAAAADEDgAAxA4AAAAAAAAAAAAA7e3t/+fn5/8=) repeat;background-color:#eee;font-size:16px;transition:font-size 400ms ease}@media (max-width:400px){body{font-size:14px}}footer{box-shadow:inset 0 20px 20px -20px #111;background:url(data:image/bmp;base64,Qk1GAAAAAAAAADYAAAAoAAAAAgAAAAIAAAABABgAAAAAAAAAAADEDgAAxA4AAAAAAAAAAAAAeHh4cHBwcP9YWFhQUFBQ/w==) repeat;background-color:#333}footer .footer-content{padding-top:60px;font-size:.8em;color:#fff}footer .footer-content .last-updated{font-style:italic}footer .footer-content .last-updated span{white-space:nowrap}footer .footer-content .stamps{float:right;margin-top:-30px}footer .footer-content .stamps .stamp{display:inline-block;position:relative;margin-left:20px}footer .footer-content .stamps .stamp .tooltip{visibility:hidden;opacity:0;padding:6px;background:#fff;color:#333;margin-bottom:10px;position:absolute;bottom:75%;right:0;transition:bottom 400ms ease,opacity 400ms ease,visibility 0s ease 400ms;text-align:center;text-transform:lowercase;font:16px sans-serif;white-space:nowrap}footer .footer-content .stamps .stamp .tooltip::after{content:" ";position:absolute;top:100%;right:27.5px;border:5px solid transparent;border-top-color:#fff}footer .footer-content .stamps .stamp .stamp-icon{font-size:40px;width:40px;height:40px;text-align:center;border-radius:40px;background:#ccc;border:10px solid #ccc;color:#333;cursor:pointer;text-decoration:none}footer .footer-content .stamps .stamp:hover .tooltip{visibility:visible;bottom:100%;opacity:1;transition-delay:0s}footer .footer-content .stamps .stamp:hover .stamp-icon{background:#333;border-color:#333;color:#fff}@media (max-width:500px){footer .footer-content .stamps{margin-top:-21px}footer .footer-content .stamps .stamp{margin-left:10px}footer .footer-content .stamps .stamp .stamp-icon{font-size:28px;width:28px;height:28px}footer .footer-content .stamps .stamp .stamp-icon .tooltip{font-size:14px}footer .footer-content .stamps .stamp .stamp-icon .tooltip::after{right:18px}}section header h2{color:#ccc;text-shadow:#fff 0 1px 0,#999 0 -1px 0}article{background:#fff;box-shadow:0 2px 5px 1px #ccc}hr{display:none}.print-only{display:none !important}body>header{background:#fff;background:rgba(255,255,255,0.9);z-index:1}body nav ul{margin:0;padding:0}body nav ul li{display:inline-block;border-bottom:4px solid transparent}body nav ul li:hover{border-color:#ccc}body nav ul li.active{border-color:#333}body nav ul li a{color:inherit;text-decoration:none;display:inline-block;padding:16px}section.presentation{box-shadow:inset 0 -20px 20px -20px #333;background:url(../images/profile_header.jpg) top center #ccf}section.presentation .presentation-card{color:#fff;text-shadow:1px 1px 1px #000}section.presentation .presentation-card h1{margin-bottom:0}section.presentation .presentation-card .subheading{font-size:1.4em}section.presentation .presentation-card ul.contact-links{list-style:none;padding:0}section.presentation .presentation-card ul.contact-links li{display:inline-block;margin-right:30px;font-size:1.4em;font-weight:bold}section.presentation .presentation-card ul.contact-links li a{color:#eef;text-decoration:none}section.presentation .presentation-card ul.contact-links li a:hover{color:#fff;text-decoration:underline}@media (max-width:1400px){section.presentation{background-size:1400px}}@media (max-width:1000px){section.presentation{background-position:center;background-size:1000px;height:260px;padding-bottom:0}}@media (max-width:600px){section.presentation{padding-bottom:40px;position:relative;height:180px}section.presentation .presentation-card{padding-top:150px}section.presentation .presentation-card .subheading{font-size:1em}section.presentation .presentation-card ul.contact-links{font-size:.9em;position:absolute;top:100%;left:0;right:0;text-align:center;padding:10px;margin:0;background:rgba(255,255,255,0.4)}section.presentation .presentation-card ul.contact-links li{margin:0 10px}section.presentation .presentation-card ul.contact-links li a{color:#66a;text-shadow:none;font-weight:normal}section.presentation .presentation-card ul.contact-links li a:hover{color:#333}}section.resume article{border-left:5px solid #393}.skill-tag{background-color:#ddd;display:inline-block;padding:4px 8px;margin:5px;border:none;border-left:4px solid #77d;border-radius:5px}.language{display:inline-block;width:220px;vertical-align:top;border-left:3px solid #ddd;padding-left:10px;margin-bottom:10px}.language .title{margin-bottom:5px;display:block;font-size:1.4em}.language .proficency{color:#b3b3b3;font-style:italic}.career-title .duration{color:#b3b3b3}.interest-tag{background-color:#ddd;display:inline-block;padding:4px 8px;margin:5px;border:none;border-left:4px solid #40bf40;border-radius:5px}section.experience article{border-left:5px solid #3030be}section.experience article.current{border-left-color:#77d}section.experience article h3{margin-bottom:0}section.experience article .subheading{color:#b3b3b3;margin-bottom:35px}html.oldie article{border-bottom:2px solid #ccc;border-right:2px solid #ccc}html.oldie section header h2{color:#aaa}html.time-traveler-browser body,html.time-traveler-browser header.navigation-header,html.time-traveler-browser section.presentation,html.time-traveler-browser footer{width:1000px}html.time-traveler-browser section.resume,html.time-traveler-browser section.experience,html.time-traveler-browser section.projects,html.time-traveler-browser section.presentation .presentation-card,html.time-traveler-browser footer .footer-content,html.time-traveler-browser header nav{margin-left:50px;margin-right:50px}html.time-traveler-browser nav ul li{float:left;border-color:#eee}html.time-traveler-browser nav ul li.active{border-color:#000}html.time-traveler-browser .navigation-header{background:#fff}html.time-traveler-browser footer .footer-content .stamps{display:inline;margin:auto}html.time-traveler-browser footer .footer-content .stamps .stamp{display:inline}html.time-traveler-browser footer .footer-content .stamps .stamp .stamp-icon{display:inline;width:auto;height:auto;border:none;padding:0;font-size:16px;background:none}html.time-traveler-browser footer .footer-content .stamps .stamp .stamp-icon .tooltip{visibility:visible;display:inline;position:static;margin:auto;padding:auto;height:auto;width:auto;font-size:16px}html.cave-paintings-compatible body{text-align:center;background:#111}html.cave-paintings-compatible body article,html.cave-paintings-compatible body h2,html.cave-paintings-compatible body .presentation-card,html.cave-paintings-compatible body .footer-content{text-align:left}html.cave-paintings-compatible body section,html.cave-paintings-compatible body .navigation-header{background-color:#eee;width:1000px;margin-bottom:0}html.cave-paintings-compatible body section.resume,html.cave-paintings-compatible body section.experience,html.cave-paintings-compatible body section.presentation .presentation-card,html.cave-paintings-compatible body section.projects{padding-left:50px;padding-right:50px;margin-left:0;margin-right:0}html.cave-paintings-compatible body section.resume,html.cave-paintings-compatible body section.experience,html.cave-paintings-compatible body section.projects{padding-top:50px}html.cave-paintings-compatible body header.navigation-header{background:#fff}html.cave-paintings-compatible body header.navigation-header li{padding:16px}html.cave-paintings-compatible body header.navigation-header li a{padding:0}html.cave-paintings-compatible .skill-tag,html.cave-paintings-compatible .interest-tag{line-height:1.5em}html.cave-paintings-compatible section.projects article{padding-right:0}html.cave-paintings-compatible section.projects article p{margin-right:200px}section.presentation.projects-presentation{background-image:url(../images/projects_header.jpg)}section.projects article{border-left:5px solid #993;padding-right:200px}section.projects article.featured{border-left-color:#cc6}section.projects article .article-links a{margin-right:20px;text-decoration:none}section.projects article .article-links a:hover{text-decoration:underline}section.projects article.iconforge-project{background:url(../images/hammer_small.png) center right no-repeat #fff}section.projects article.mistify-project{background:url(../images/mistify_small.png) center right no-repeat #fff}section.projects article.red-life-project{background:url(../images/redlife_small.png) center right no-repeat #fff}section.projects article.left2die-project{background:url(../images/left2die_small.png) center right no-repeat #fff}section.projects article.tankwars-project{background:url(../images/cft-icon.png) center right no-repeat #fff}@media (max-width:600px){section.projects article{background:#fff !important;padding-right:10px}}