article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;overflow:hidden}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{background:#eee;line-height:1;margin:0;text-rendering:optimizelegibility}body,button,input,select,textarea{color:#222;font-family:georgia,times,serif}#container{background:#fff;box-shadow:0 0 5px 4px #ccc}#container,footer{margin:25px auto;max-width:960px;overflow:hidden}header{padding-bottom:15px}#ribbons{float:right;margin:-3px 4px 0 0;padding:0 0 10px 0}#ribbons a{background:green;border:5px solid #fff;border-top:0;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.1),-1px 1px 2px rgba(0,0,0,.1);-moz-box-shadow:1px 1px 2px rgba(0,0,0,.1),-1px 1px 2px rgba(0,0,0,.1);-o-box-shadow:1px 1px 2px rgba(0,0,0,.1),-1px 1px 2px rgba(0,0,0,.1);-ms-box-shadow:1px 1px 2px rgba(0,0,0,.1),-1px 1px 2px rgba(0,0,0,.1);box-shadow:1px 1px 2px rgba(0,0,0,.1),-1px 1px 2px rgba(0,0,0,.1);color:#fff;display:block;float:right;height:75px;overflow:hidden;margin-right:10px;padding:21px 0 0 0;font-size:11px;text-align:center;text-shadow:0 2px 1px rgba(0,0,0,.4);text-decoration:none;width:69px}#ribbons a em{display:block;font-size:19px;font-style:inherit}#ribbons a#ribbon1{background:#d77025}#ribbons a#ribbon2{background:#419a4b}#ribbons a#ribbon3{background:#00a0c6}#container>header>section,#container>div>section{margin:0 auto;width:90%}#container>div{border-top:1px dashed #ccc;padding-top:15px}.column,.skills{display:inline-block;vertical-align:top;width:45%}.column:nth-child(odd),.skills:first-of-type{margin-right:5%}.skills h4{font-family:helvetica;color:#888;font-size:14px;font-weight:400;letter-spacing:.09em;margin-bottom:10px;margin-right:10px;padding-bottom:6px;border-bottom:1px solid #ccc}.skills h4 span{background:orange;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;display:inline-block;float:right;font-size:12px;margin-right:2px;padding:2px}.skills h4 span.dim{background:#ccc}.skills p{font-size:13px;min-height:60px}#portfolio ul{list-style:none;margin:0 0 2.2em;padding:0;overflow:hidden;zoom:1;clear:both;width:100%}#portfolio ul li{display:inline-block;width:30%;margin:0 2% 2% 0;border:1px solid #ddd;position:relative;-moz-box-shadow:1px 1px 2px #e6e6e6;-webkit-box-shadow:1px 1px 2px #e6e6e6;-o-box-shadow:1px 1px 2px #e6e6e6;-ms-box-shadow:1px 1px 2px #e6e6e6;box-shadow:1px 1px 2px #e6e6e6;text-align:center;cursor:default;overflow:hidden;zoom:1;vertical-align:top}#portfolio ul li h3{background:#00a0c6;color:#fff;padding:5px 0;font-size:14px;font-weight:normal}#portfolio ul li p{padding:0 10px;font-size:12px}#portfolio ul li a{color:#00a0c6;text-decoration:none}#experience h5{color:#777;line-height:18px;font-weight:400}#experience h5 strong{color:#333}#experience a{color:#00a0c6}#experience p{font-size:12px;letter-spacing:.08em}#tags ul{list-style:none;overflow:hidden;padding:0;zoom:1;width:100%}#tags li{display:inline-block;padding:1px 3px;margin-bottom:5px}#tags li.a{background:#777}#tags li.b{background:#999}#tags li.c{background:#aaa}#tags li.d{background:#bbb}#tags li.e{background:#ddd}#container>.inverted{background:#353535;border-top:0;padding-top:30px}#container>.inverted.contact{padding-bottom:30px}.inverted h2{border:1px solid #333}.inverted dl{display:inline-block;margin-right:5%;width:40%}.inverted dt,.inverted dd{display:inline-block;vertical-align:top}.inverted dt{color:#999;text-align:right;width:30%}.inverted dd{color:#f6f6e7;margin-bottom:5px;width:45%}.inverted dd a{color:#00a0c6;text-decoration:none}#profile-pic{background:#fff;border:1px solid #ccc;display:inline-block;margin:-3.125em 0 0 0;padding:10px;width:50%}#profile-pic img{height:auto;min-height:200px;min-width:200px;width:100%}#container>.inverted.icons{border-top:1px solid #555}.inverted.icons section{width:100%}.inverted.icons li div{background:url(social-icons.png) no-repeat;display:inline-block;margin:0 3px;height:54px;width:54px}.inverted.icons li div.linkedin{background-position:-54px 0}.inverted.icons li div.skype{background-position:-108px 0}.inverted.icons li div.github{background-position:-162px 0}.inverted.icons li div.facebook{background-position:-216px 0}.inverted ul{list-style:none;margin:0 0 40px 0;padding:0;text-align:center;width:100%}.inverted ul li{display:inline-block}.inverted ul li a{color:#aaa;font-size:13px;text-decoration:none}.inverted ul li a:focus,.inverted ul li a:hover{color:#eee}.inverted ul li img{border:1px solid #bbb;margin:0 5px;vertical-align:middle}.inverted ul li a:focus img,.inverted ul li a:hover img{border-color:#fff}footer{line-height:20px}footer .left{float:left;margin-left:2px}footer .right{float:right;text-align:right;margin-right:2px}a{color:#111}a:hover{color:#000}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h2{background:#00a0c6;color:#fff;display:inline-block;margin:0 0 10px 0;letter-spacing:.2em;padding:9px 18px 8px;font-family:tahoma,sans-serif;text-transform:uppercase;font-weight:400;font-size:14px}p{color:#444;line-height:1.5}code{color:#999;margin:30px 0 10px 0;padding-left:20px}@media(max-width:768px){#container{margin:0 auto}}@media(max-width:480px){#tags ul{font-size:13px}.inverted dl,.column,.skills{width:95%}.inverted dl dd{margin-left:10px}.column:nth-child(odd),.skills:first-of-type{margin-right:5%}#portfolio ul li{width:95%}#portfolio ul li p{padding:5px 0}#profile-pic{text-align:center;margin-top:0;width:90%}#profile-pic img{min-height:150px}.hidden-phone{visibility:hidden;display:none!important}.inverted.icons li div{margin:0}.inverted.icons span{display:none}code{font-size:12px;margin:30px 0 10px 0;padding-left:10px}.inverted ul li img{margin:0 1px}footer{margin-top:5px}footer .left,footer .right{margin-left:5px}footer .right{color:#999;font-size:12px;float:left;text-align:left}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}#ribbons,#profile-pic,footer .copy,footer .right,.inverted.icons li div{display:none}#container,footer{margin:0;max-width:100%}.inverted dl{width:100%}#tags li.a{font-size:110%}#tags li.b{font-size:105%}#tags li.c{font-size:100%}#tags li.d{font-size:95%}#tags li.e{font-size:90%}.inverted.icons li{display:block;text-align:left;width:100%}}