/*Reuels Defaults*/ /* line 5, ../sass/_base.scss */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 6, ../sass/_base.scss */ html, body { margin: 0; padding: 0; } /* line 7, ../sass/_base.scss */ input[type="button"], input[type="submit"] { cursor: pointer; } /* line 8, ../sass/_base.scss */ a { text-decoration: none; } /* line 52, ../sass/screen.scss */ a { color: #585858; } /* line 60, ../sass/screen.scss */ a:hover { color: #f37422; } /* line 81, ../sass/screen.scss */ h1, h2, h3, h4, h5, h6 { font-family: "FoundationSansRoman", sans-serif; font-size: 12px; line-height: 22px; margin-top: 22px; margin-bottom: 22px; padding-top: 22px; padding-bottom: 22px; text-align: left; } /* line 85, ../sass/screen.scss */ ul, ol, blockquote, p, dd { font-family: "FoundationSansRoman", sans-serif; font-size: 14px; line-height: 22px; margin-top: 7px; margin-bottom: 0; padding-top: 0; padding-bottom: 15px; } /* line 87, ../sass/screen.scss */ ul.has_strong, ol.has_strong, blockquote.has_strong, p.has_strong, dd.has_strong { padding-bottom: 14px; } /* line 91, ../sass/screen.scss */ label, input[type="text"], input[type="email"], textarea { font-family: "FoundationSansRoman", sans-serif; font-size: 14px; } /* line 94, ../sass/screen.scss */ blockquote { text-align: left; } /* line 97, ../sass/screen.scss */ strong { font-family: "FoundationSansBold", sans-serif; } /* line 100, ../sass/screen.scss */ h1 { font-family: "FoundationSansUltraLight", sans-serif; font-size: 49px; line-height: 44px; margin-top: 0; margin-bottom: 0; padding-top: 7px; padding-bottom: 15px; } /* line 103, ../sass/screen.scss */ h2 { font-family: "FoundationSansLightCondensed", sans-serif; font-size: 18px; line-height: 22px; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-bottom: 16px; } /* line 106, ../sass/screen.scss */ h3, #portfolio dt { font-family: "FoundationSansSansBlack", sans-serif; font-size: 18px; line-height: 22px; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 17px; } /* line 109, ../sass/screen.scss */ #mainWrapper { color: #585858; overflow: hidden; } /* line 113, ../sass/screen.scss */ .shifterWrapper { position: relative; width: 100%; } /* line 117, ../sass/screen.scss */ .innerWrap { padding: 0 33px; margin: 0 auto; position: relative; max-width: 1024px; *zoom: 1; } /* line 38, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .innerWrap:after { content: ""; display: table; clear: both; } /* line 121, ../sass/screen.scss */ .content_holder { *zoom: 1; } /* line 38, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .content_holder:after { content: ""; display: table; clear: both; } /* line 124, ../sass/screen.scss */ .content_r { display: inline; float: right; width: 46%; } /* line 128, ../sass/screen.scss */ .content_l { display: inline; float: left; width: 46%; } /* line 132, ../sass/screen.scss */ .fixed { position: fixed; z-index: 3; } /* line 136, ../sass/screen.scss */ header { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0); box-shadow: 0 5px 10px rgba(0, 0, 0, 0); position: fixed; background: white; width: 100%; z-index: 3; } /* line 142, ../sass/screen.scss */ header.shadow { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } /* line 145, ../sass/screen.scss */ header .headerWrap { *zoom: 1; margin: 0 auto; max-width: 1024px; padding: 0 33px; } /* line 38, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ header .headerWrap:after { content: ""; display: table; clear: both; } /* line 150, ../sass/screen.scss */ header .headerWrap .mobile_header { display: inline; float: left; } /* line 152, ../sass/screen.scss */ header .headerWrap .mobile_header .logo { height: 45px; margin: 10px 0 11px; padding: 0 0 0 55px; position: relative; } /* line 157, ../sass/screen.scss */ header .headerWrap .mobile_header .logo .image { font-family: "FoundationSansBold", sans-serif; font-size: 32px; background: url("../images/logo_retina.png"); -webkit-background-size: 45px 45px; -moz-background-size: 45px 45px; -o-background-size: 45px 45px; background-size: 45px 45px; left: 0; position: absolute; width: 45px; line-height: 45px; text-align: center; overflow: hidden; color: white; } /* line 168, ../sass/screen.scss */ header .headerWrap .mobile_header .logo .image:hover { background: url("../images/logo_hover_retina.png"); -webkit-background-size: 45px 45px; -moz-background-size: 45px 45px; -o-background-size: 45px 45px; background-size: 45px 45px; } /* line 173, ../sass/screen.scss */ header .headerWrap .mobile_header .logo dt { font-family: "FoundationSansUltraLight", sans-serif; font-size: 24px; margin: 0; padding-top: 7px; line-height: 17px; } /* line 179, ../sass/screen.scss */ header .headerWrap .mobile_header .logo dd { font-family: "FoundationSansBlackCondensed", sans-serif; font-size: 15px; margin: 0; line-height: 17px; } /* line 186, ../sass/screen.scss */ header .headerWrap .nav-btn { display: none; } /* line 189, ../sass/screen.scss */ header .headerWrap nav { display: inline; float: right; margin-top: 18px; } /* line 192, ../sass/screen.scss */ header .headerWrap nav ul { margin: 0; padding: 0; } /* line 195, ../sass/screen.scss */ header .headerWrap nav ul li { display: inline-block; *display: inline; } /* line 198, ../sass/screen.scss */ header .headerWrap nav ul li a { padding: 0 10px; border-bottom: transparent 1px solid; } /* line 201, ../sass/screen.scss */ header .headerWrap nav ul li a:hover, header .headerWrap nav ul li a.active { color: #f37422; border-bottom: #f37422 1px solid; } @media (max-width: 696px) { /* line 215, ../sass/screen.scss */ h1, h2, h3, h4, h5, h6 { font-family: "FoundationSansRoman", sans-serif; font-size: 12px; line-height: 22px; margin-top: 22px; margin-bottom: 22px; padding-top: 22px; padding-bottom: 22px; text-align: left; } /* line 219, ../sass/screen.scss */ ul, ol, blockquote, p, #portfolio dd { font-family: "FoundationSansRoman", sans-serif; font-size: 12px; line-height: 22px; margin-top: 7px; margin-bottom: 0; padding-top: 0; padding-bottom: 15px; } /* line 221, ../sass/screen.scss */ ul.has_strong, ol.has_strong, blockquote.has_strong, p.has_strong, #portfolio dd.has_strong { padding-bottom: 14px; } /* line 225, ../sass/screen.scss */ label, input[type="text"], input[type="email"], textarea { font-family: "FoundationSansRoman", sans-serif; font-size: 11px; } /* line 228, ../sass/screen.scss */ blockquote { text-align: left; } /* line 231, ../sass/screen.scss */ strong { font-family: "FoundationSansBold", sans-serif; } /* line 234, ../sass/screen.scss */ h1 { font-family: "FoundationSansUltraLight", sans-serif; font-size: 38px; line-height: 44px; margin-top: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 12px; } /* line 237, ../sass/screen.scss */ h2 { font-family: "FoundationSansLightCondensed", sans-serif; font-size: 14px; line-height: 22px; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-bottom: 16px; } /* line 240, ../sass/screen.scss */ h3, #portfolio dt { font-family: "FoundationSansSansBlack", sans-serif; font-size: 14px; line-height: 22px; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-bottom: 16px; } /* line 244, ../sass/screen.scss */ .js-ready .shifterWrapper { left: 0; } /* line 246, ../sass/screen.scss */ .js-ready .shifterWrapper header { left: 0; } /* line 248, ../sass/screen.scss */ .js-ready .shifterWrapper header nav { -webkit-box-shadow: inset -10px 0 100px 0 #474747; -moz-box-shadow: inset -10px 0 100px 0 #474747; box-shadow: inset -10px 0 100px 0 #474747; left: -70%; height: 100%; width: 70%; background: #585858; } /* line 254, ../sass/screen.scss */ .js-ready .shifterWrapper header nav .nav-block { position: absolute; width: 100%; } /* line 257, ../sass/screen.scss */ .js-ready .shifterWrapper header nav .nav-block #nav-close-btn { background: url("../images/nav_close_icon_retina.png") transparent; -webkit-background-size: 43px 43px; -moz-background-size: 43px 43px; -o-background-size: 43px 43px; background-size: 43px 43px; border: none; left: 0; width: 44px; height: 42px; } /* line 264, ../sass/screen.scss */ .js-ready .shifterWrapper header nav .nav-block #nav-close-btn:hover { background: url("../images/nav_close_icon_hover.png") transparent; -webkit-background-size: 43px 43px; -moz-background-size: 43px 43px; -o-background-size: 43px 43px; background-size: 43px 43px; } /* line 269, ../sass/screen.scss */ .js-ready .shifterWrapper header nav .nav-block ul { margin-top: 42px; border-top: #474747 1px solid; border-bottom: dimgrey 1px solid; background: transparent; } /* line 280, ../sass/screen.scss */ .js-ready.nav-open .shifterWrapper { left: 70%; } /* line 282, ../sass/screen.scss */ .js-ready.nav-open .shifterWrapper header { height: 100%; left: 70%; } /* line 285, ../sass/screen.scss */ .js-ready.nav-open .shifterWrapper header .mobile_header { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } /* line 292, ../sass/screen.scss */ .js-ready.csstransforms3d.csstransitions .shifterWrapper { left: 0 !important; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } /* line 297, ../sass/screen.scss */ .js-ready.csstransforms3d.csstransitions .shifterWrapper header { left: 0 !important; } /* line 299, ../sass/screen.scss */ .js-ready.csstransforms3d.csstransitions .shifterWrapper header nav { left: 0; overflow: hidden; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } /* line 304, ../sass/screen.scss */ .js-ready.csstransforms3d.csstransitions .shifterWrapper header nav .nav-block { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } /* line 314, ../sass/screen.scss */ .js-ready.csstransforms3d.csstransitions.nav-open .shifterWrapper { -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); } /* line 316, ../sass/screen.scss */ .js-ready.csstransforms3d.csstransitions.nav-open .shifterWrapper .nav-block { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* line 326, ../sass/screen.scss */ .csstransforms3d.csstransitions header { -webkit-transition: box-shadow 1s ease-in-out; -moz-transition: box-shadow 1s ease-in-out; -o-transition: box-shadow 1s ease-in-out; transition: box-shadow 1s ease-in-out; } /* line 329, ../sass/screen.scss */ .csstransforms3d.csstransitions .thanks { -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /* line 332, ../sass/screen.scss */ .csstransforms3d.csstransitions input[type="text"], .csstransforms3d.csstransitions input[type="email"], .csstransforms3d.csstransitions textarea { -webkit-transition: border 0.3s ease-in-out; -moz-transition: border 0.3s ease-in-out; -o-transition: border 0.3s ease-in-out; transition: border 0.3s ease-in-out; } /* line 335, ../sass/screen.scss */ .csstransforms3d.csstransitions input[type="submit"] { -webkit-transition: border 0.3s ease-in-out; -moz-transition: border 0.3s ease-in-out; -o-transition: border 0.3s ease-in-out; transition: border 0.3s ease-in-out; } /* line 338, ../sass/screen.scss */ .csstransforms3d.csstransitions a { -webkit-transition: color 0.3s ease-in-out, border 0.4s ease-in-out; -moz-transition: color 0.3s ease-in-out, border 0.4s ease-in-out; -o-transition: color 0.3s ease-in-out, border 0.4s ease-in-out; transition: color 0.3s ease-in-out, border 0.4s ease-in-out; } /* line 346, ../sass/screen.scss */ .csstransforms3d.csstransitions #home .description ul li a span { -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; left: -33px; padding: 0; margin: 0; width: 0; height: 0; overflow: hidden; text-align: center; z-index: 5; } /* line 357, ../sass/screen.scss */ .csstransforms3d.csstransitions #home .description ul li a:hover:after { bottom: -7px; content: " "; height: 0; width: 0; position: absolute; border: solid transparent; border-bottom-color: #585858; border-width: 4px; left: 50%; margin-left: -4px; } /* line 370, ../sass/screen.scss */ .csstransforms3d.csstransitions #home .description ul li a:hover span { width: 300%; height: 22px; } /* line 381, ../sass/screen.scss */ .csstransforms3d.csstransitions #portfolio * { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } /* line 387, ../sass/screen.scss */ .csstransforms3d.csstransitions #skills #graph #graphic a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* line 389, ../sass/screen.scss */ .csstransforms3d.csstransitions #skills #graph #graphic a span { -webkit-transition: height 1s ease-in-out; -moz-transition: height 1s ease-in-out; -o-transition: height 1s ease-in-out; transition: height 1s ease-in-out; } /* line 393, ../sass/screen.scss */ .csstransforms3d.csstransitions #skills #graph #keys ul li span { -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; } /* line 398, ../sass/screen.scss */ .csstransforms3d.csstransitions #skills .respond .ribbon:before, .csstransforms3d.csstransitions #skills .respond .ribbon:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 402, ../sass/screen.scss */ .csstransforms3d.csstransitions #skills .respond .ribbon span:before, .csstransforms3d.csstransitions #skills .respond .ribbon span:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 408, ../sass/screen.scss */ .csstransforms3d.csstransitions #contact a * { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* line 413, ../sass/screen.scss */ .no-cssgradients .innerWrap, .no-cssgradients .headerWrap { width: 1024px; } /* line 420, ../sass/screen.scss */ .no-cssgradients article form ul li input[type="submit"] { background: #f37422; } /* line 422, ../sass/screen.scss */ .no-cssgradients article form ul li input[type="submit"]:hover { background: #585858; } /* line 433, ../sass/screen.scss */ .no-cssgradients #skills #graph #graphic .blue { background: #077cc1; } /* line 436, ../sass/screen.scss */ .no-cssgradients #skills #graph #graphic .orange { background: #f37422; } /* line 439, ../sass/screen.scss */ .no-cssgradients #skills #graph #graphic .indigo { background: #8179b9; } /* line 442, ../sass/screen.scss */ .no-cssgradients #skills #graph #graphic .violet { background: #ac3e97; } /* line 445, ../sass/screen.scss */ .no-cssgradients #skills #graph #graphic .green { background: #26a449; } /* line 448, ../sass/screen.scss */ .no-cssgradients #skills #graph #graphic .light-blue { background: #6bcdf3; } /* line 451, ../sass/screen.scss */ .no-cssgradients #skills #graph #graphic .yellow { background: #fbb722; } /* line 454, ../sass/screen.scss */ .no-cssgradients #skills #graph #graphic .red { background: #e31c3f; } /* line 457, ../sass/screen.scss */ .no-cssgradients #skills #graph #graphic .dark-blue { background: #1c4585; } /* line 465, ../sass/screen.scss */ .no-backgroundsize header .headerWrap .mobile_header .logo .image { background: url("../images/logo_nrml.png"); } /* line 469, ../sass/screen.scss */ .no-backgroundsize #home .image { width: 286px; height: 286px; } /* line 474, ../sass/screen.scss */ .no-backgroundsize #home .description ul li { background: url("../images/contact_icons_nrml.png"); } /* line 478, ../sass/screen.scss */ .no-backgroundsize #home .description ul li.email { background-position: -34px 0; } /* line 481, ../sass/screen.scss */ .no-backgroundsize #home .description ul li.facebook { background-position: -67px 0; } /* line 484, ../sass/screen.scss */ .no-backgroundsize #home .description ul li.linkedin { background-position: -100px 0; } /* line 492, ../sass/screen.scss */ .no-backgroundsize #contact .details li a span { background: url("../images/contact_icons_vertical_bg_nrml.png"); } /* line 495, ../sass/screen.scss */ .no-backgroundsize #contact .details li a:hover span { background: url("../images/contact_icons_nrml.png"); } /* line 503, ../sass/screen.scss */ .no-backgroundsize #contact .details li.email a:hover span, .no-backgroundsize #contact .details li.email span { background-position: -34px 0; } /* line 508, ../sass/screen.scss */ .no-backgroundsize #contact .details li.facebook a:hover span, .no-backgroundsize #contact .details li.facebook span { background-position: -67px 0; } /* line 513, ../sass/screen.scss */ .no-backgroundsize #contact .details li.linkedin a:hover span, .no-backgroundsize #contact .details li.linkedin span { background-position: -100px 0; } /* line 521, ../sass/screen.scss */ article { *zoom: 1; text-align: center; padding-top: 66px; } /* line 38, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ article:after { content: ""; display: table; clear: both; } /* line 525, ../sass/screen.scss */ article form { text-align: left; } /* line 527, ../sass/screen.scss */ article form ul { padding-left: 0; padding-bottom: 25px; } /* line 530, ../sass/screen.scss */ article form ul li { list-style: none; padding-bottom: 8px; position: relative; } /* line 534, ../sass/screen.scss */ article form ul li label { display: block; padding-bottom: 3px; } /* line 538, ../sass/screen.scss */ article form ul li .error { -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px 1px; box-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px 1px; position: absolute; top: 15px; right: 0; background: #f37422; color: white; padding: 0 10px; } /* line 546, ../sass/screen.scss */ article form ul li .error:before { top: 100%; content: " "; height: 0; width: 0; position: absolute; border: solid transparent; border-right-color: rgba(0, 0, 0, 0.25); border-top-color: rgba(0, 0, 0, 0.25); border-width: 5px; right: 0; } /* line 558, ../sass/screen.scss */ article form ul li .error:after { top: 100%; content: " "; height: 0; width: 0; position: absolute; border: solid transparent; border-right-color: #f37422; border-top-color: #f37422; border-width: 4px; right: 0; } /* line 571, ../sass/screen.scss */ article form ul li .thanks { display: none; cursor: pointer; padding-left: 10px; opacity: 1; } /* line 576, ../sass/screen.scss */ article form ul li .thanks.appear { display: inline-block; } /* line 578, ../sass/screen.scss */ article form ul li .thanks.appear.fadeOut { opacity: 0; } /* line 583, ../sass/screen.scss */ article form ul li input[type="text"], article form ul li input[type="email"] { background: url("../images/vertical_bg_retina.png"); color: white; width: 100%; line-height: 22px; height: 33px; border: 1px solid transparent; outline: none; padding-left: 5px; padding-right: 5px; } /* line 593, ../sass/screen.scss */ article form ul li input[type="text"]:focus, article form ul li input[type="email"]:focus { -webkit-box-shadow: 0 0 5px #f37422; -moz-box-shadow: 0 0 5px #f37422; box-shadow: 0 0 5px #f37422; border: 1px solid #f37422; } /* line 598, ../sass/screen.scss */ article form ul li textarea { background: url("../images/vertical_bg_retina.png"); color: white; width: 100%; line-height: 22px; height: 99px; border: 1px solid transparent; outline: none; padding-left: 5px; padding-right: 5px; } /* line 608, ../sass/screen.scss */ article form ul li textarea:focus { -webkit-box-shadow: 0 0 5px #f37422; -moz-box-shadow: 0 0 5px #f37422; box-shadow: 0 0 5px #f37422; border: 1px solid #f37422; } /* line 613, ../sass/screen.scss */ article form ul li input[type="submit"] { background: url("../images/vertical_bg_retina.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f37422), color-stop(100%, #db4726)), #f37422; background: url("../images/vertical_bg_retina.png"), -webkit-linear-gradient(#f37422, #db4726), #f37422; background: url("../images/vertical_bg_retina.png"), -moz-linear-gradient(#f37422, #db4726), #f37422; background: url("../images/vertical_bg_retina.png"), -o-linear-gradient(#f37422, #db4726), #f37422; background: url("../images/vertical_bg_retina.png"), linear-gradient(#f37422, #db4726), #f37422; -webkit-box-shadow: #f9aa1a 0 1px 0 0 inset, rgba(0, 0, 0, 0.25) 0 1px 1px 1px; -moz-box-shadow: #f9aa1a 0 1px 0 0 inset, rgba(0, 0, 0, 0.25) 0 1px 1px 1px; box-shadow: #f9aa1a 0 1px 0 0 inset, rgba(0, 0, 0, 0.25) 0 1px 1px 1px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); -webkit-appearance: none; text-transform: capitalize; margin: 0; border: #db4726 1px solid; height: 33px; color: white; padding: 0 26px; } /* line 624, ../sass/screen.scss */ article form ul li input[type="submit"]:hover { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #474747), color-stop(100%, #696969)), dimgrey; background: -webkit-linear-gradient(#474747, #696969), dimgrey; background: -moz-linear-gradient(#474747, #696969), dimgrey; background: -o-linear-gradient(#474747, #696969), dimgrey; background: linear-gradient(#474747, #696969), dimgrey; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: #474747 1px solid; color: #d9d9d9; } /* line 631, ../sass/screen.scss */ article form ul li a { position: absolute; right: 0; line-height: 33px; } /* line 637, ../sass/screen.scss */ article form ul li:last-child { padding-top: 7px; } /* line 643, ../sass/screen.scss */ #home { position: relative; } /* line 645, ../sass/screen.scss */ #home .image { -webkit-border-radius: 198px; -moz-border-radius: 198px; -ms-border-radius: 198px; -o-border-radius: 198px; border-radius: 198px; background: url("../images/profile_pic_circle.png"); -webkit-background-size: 330px 330px; -moz-background-size: 330px 330px; -o-background-size: 330px 330px; background-size: 330px 330px; width: 198px; height: 198px; display: block; border: #585858 1px solid; } /* line 655, ../sass/screen.scss */ #home .description { text-align: right; } /* line 657, ../sass/screen.scss */ #home .description h1 { text-align: right; } /* line 659, ../sass/screen.scss */ #home .description h1 + p { margin-top: -15px; } /* line 663, ../sass/screen.scss */ #home .description ul { height: 33px; margin-top: 0; margin-bottom: 11px; padding-left: 0; } /* line 668, ../sass/screen.scss */ #home .description ul li { display: inline-block; *display: inline; list-style: none; height: 33px; width: 32px; margin: 0 4px; background: url("../images/contact_icons_retina.png"); -webkit-background-size: 129.75px 33px; -moz-background-size: 129.75px 33px; -o-background-size: 129.75px 33px; background-size: 129.75px 33px; } /* line 677, ../sass/screen.scss */ #home .description ul li a { display: inline-block; line-height: 0; color: transparent; margin: 0; padding: 0; width: 100%; height: 100%; position: relative; } /* line 684, ../sass/screen.scss */ #home .description ul li a span { position: absolute; } /* line 688, ../sass/screen.scss */ #home .description ul li a:hover span { left: 0; padding: 0 10px; color: white; top: 40px; background: #585858; line-height: 22px; } /* line 696, ../sass/screen.scss */ #home .description ul li a:hover span:after { bottom: 100%; content: " "; height: 0; width: 0; position: absolute; border: solid transparent; border-left-color: #585858; border-bottom-color: #585858; border-width: 2px; left: 0; } /* line 712, ../sass/screen.scss */ #home .description ul li.email { background-position: -33px 0; } /* line 715, ../sass/screen.scss */ #home .description ul li.facebook { background-position: -65px 0; } /* line 718, ../sass/screen.scss */ #home .description ul li.linkedin { background-position: -97px 0; } /* line 725, ../sass/screen.scss */ #portfolio { background: url("../images/blk_bg_retina.png"); color: white; position: relative; } /* line 56, ../sass/screen.scss */ #portfolio a { color: white; } /* line 60, ../sass/screen.scss */ #portfolio a:hover { color: #f37422; } /* line 730, ../sass/screen.scss */ #portfolio .innerWrap { height: 0; } /* line 733, ../sass/screen.scss */ #portfolio .slider { *zoom: 1; position: relative; overflow: hidden; display: block; } /* line 38, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ #portfolio .slider:after { content: ""; display: table; clear: both; } /* line 738, ../sass/screen.scss */ #portfolio .slider a[class^="arrow"] { background: url("../images/arrows_retina.png"); -webkit-background-size: 88px 44px; -moz-background-size: 88px 44px; -o-background-size: 88px 44px; background-size: 88px 44px; display: inline-block; height: 44px; width: 44px; position: absolute; top: 88px; z-index: 2; cursor: pointer; } /* line 748, ../sass/screen.scss */ #portfolio .slider a[class^="arrow"]:hover { background: url("../images/arrows_hover_retina.png"); -webkit-background-size: 88px 44px; -moz-background-size: 88px 44px; -o-background-size: 88px 44px; background-size: 88px 44px; } /* line 753, ../sass/screen.scss */ #portfolio .slider a.arrow-right { background-position: -44px 0; right: 0; } /* line 756, ../sass/screen.scss */ #portfolio .slider a.arrow-right:hover { background-position: -44px 0; } /* line 760, ../sass/screen.scss */ #portfolio .slider a.arrow-left { left: 0; } /* line 763, ../sass/screen.scss */ #portfolio .slider .slideContent { position: relative; } /* line 767, ../sass/screen.scss */ #portfolio dl { position: absolute; line-height: 22px; margin: 0; opacity: 0; width: 33%; vertical-align: top; left: 0; z-index: -1; display: inline-block; } /* line 777, ../sass/screen.scss */ #portfolio dl.visible { opacity: 1; z-index: 1; } /* line 782, ../sass/screen.scss */ #portfolio dl dt:first-child { padding: 0; } /* line 784, ../sass/screen.scss */ #portfolio dl dt:first-child img { -webkit-border-radius: 220px; -moz-border-radius: 220px; -ms-border-radius: 220px; -o-border-radius: 220px; border-radius: 220px; width: 220px; height: 220px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); margin: 0; border: solid 3px white; } /* line 794, ../sass/screen.scss */ #portfolio dl dt + dt { line-height: 22px; font-weight: bold; padding: 0 20px; } /* line 799, ../sass/screen.scss */ #portfolio dl dt + dd { line-height: 22px; padding: 0 20px 15px; margin-top: 2px; margin-left: 0; } /* line 808, ../sass/screen.scss */ #skills #graph { *zoom: 1; } /* line 38, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ #skills #graph:after { content: ""; display: table; clear: both; } /* line 810, ../sass/screen.scss */ #skills #graph #graphic { display: inline; float: left; text-align: left; border-bottom: solid 1px #585858; border-left: solid 1px #585858; width: 60%; height: 198px; } /* line 817, ../sass/screen.scss */ #skills #graph #graphic a { bottom: 0; font-size: 0; display: inline-block; margin-left: 1.8518%; margin-right: 1.8518%; width: 7.40741%; height: 100%; } /* line 826, ../sass/screen.scss */ #skills #graph #graphic a span { margin: 0; display: block; background: white; height: 100%; width: 100%; } /* line 835, ../sass/screen.scss */ #skills #graph #graphic.inView a.greyOut { background: #d9d9d9; } /* line 838, ../sass/screen.scss */ #skills #graph #graphic.inView .blue { background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #1c4585), color-stop(100%, #077cc1)), #077cc1; background: -webkit-linear-gradient(left, #1c4585, #077cc1), #077cc1; background: -moz-linear-gradient(left, #1c4585, #077cc1), #077cc1; background: -o-linear-gradient(left, #1c4585, #077cc1), #077cc1; background: linear-gradient(left, #1c4585, #077cc1), #077cc1; } /* line 840, ../sass/screen.scss */ #skills #graph #graphic.inView .blue span { height: 10%; } /* line 844, ../sass/screen.scss */ #skills #graph #graphic.inView .orange { background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #db4726), color-stop(100%, #f37422)), #f37422; background: -webkit-linear-gradient(left, #db4726, #f37422), #f37422; background: -moz-linear-gradient(left, #db4726, #f37422), #f37422; background: -o-linear-gradient(left, #db4726, #f37422), #f37422; background: linear-gradient(left, #db4726, #f37422), #f37422; } /* line 846, ../sass/screen.scss */ #skills #graph #graphic.inView .orange span { height: 5%; } /* line 850, ../sass/screen.scss */ #skills #graph #graphic.inView .indigo { background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #676fa3), color-stop(100%, #8179b9)), #8179b9; background: -webkit-linear-gradient(left, #676fa3, #8179b9), #8179b9; background: -moz-linear-gradient(left, #676fa3, #8179b9), #8179b9; background: -o-linear-gradient(left, #676fa3, #8179b9), #8179b9; background: linear-gradient(left, #676fa3, #8179b9), #8179b9; } /* line 852, ../sass/screen.scss */ #skills #graph #graphic.inView .indigo span { height: 15%; } /* line 856, ../sass/screen.scss */ #skills #graph #graphic.inView .violet { background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #833393), color-stop(100%, #ac3e97)), #ac3e97; background: -webkit-linear-gradient(left, #833393, #ac3e97), #ac3e97; background: -moz-linear-gradient(left, #833393, #ac3e97), #ac3e97; background: -o-linear-gradient(left, #833393, #ac3e97), #ac3e97; background: linear-gradient(left, #833393, #ac3e97), #ac3e97; } /* line 858, ../sass/screen.scss */ #skills #graph #graphic.inView .violet span { height: 35%; } /* line 862, ../sass/screen.scss */ #skills #graph #graphic.inView .green { background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #238e44), color-stop(100%, #26a449)), #26a449; background: -webkit-linear-gradient(left, #238e44, #26a449), #26a449; background: -moz-linear-gradient(left, #238e44, #26a449), #26a449; background: -o-linear-gradient(left, #238e44, #26a449), #26a449; background: linear-gradient(left, #238e44, #26a449), #26a449; } /* line 864, ../sass/screen.scss */ #skills #graph #graphic.inView .green span { height: 30%; } /* line 868, ../sass/screen.scss */ #skills #graph #graphic.inView .light-blue { background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #6badde), color-stop(100%, #6bcdf3)), #6bcdf3; background: -webkit-linear-gradient(left, #6badde, #6bcdf3), #6bcdf3; background: -moz-linear-gradient(left, #6badde, #6bcdf3), #6bcdf3; background: -o-linear-gradient(left, #6badde, #6bcdf3), #6bcdf3; background: linear-gradient(left, #6badde, #6bcdf3), #6bcdf3; } /* line 870, ../sass/screen.scss */ #skills #graph #graphic.inView .light-blue span { height: 1%; } /* line 874, ../sass/screen.scss */ #skills #graph #graphic.inView .yellow { background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e38f25), color-stop(100%, #fbb722)), #fbb722; background: -webkit-linear-gradient(left, #e38f25, #fbb722), #fbb722; background: -moz-linear-gradient(left, #e38f25, #fbb722), #fbb722; background: -o-linear-gradient(left, #e38f25, #fbb722), #fbb722; background: linear-gradient(left, #e38f25, #fbb722), #fbb722; } /* line 876, ../sass/screen.scss */ #skills #graph #graphic.inView .yellow span { height: 5%; } /* line 880, ../sass/screen.scss */ #skills #graph #graphic.inView .red { background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c3051d), color-stop(100%, #e31c3f)), #e31c3f; background: -webkit-linear-gradient(left, #c3051d, #e31c3f), #e31c3f; background: -moz-linear-gradient(left, #c3051d, #e31c3f), #e31c3f; background: -o-linear-gradient(left, #c3051d, #e31c3f), #e31c3f; background: linear-gradient(left, #c3051d, #e31c3f), #e31c3f; } /* line 882, ../sass/screen.scss */ #skills #graph #graphic.inView .red span { height: 15%; } /* line 886, ../sass/screen.scss */ #skills #graph #graphic.inView .dark-blue { background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #14516e), color-stop(100%, #1c4585)), #1c4585; background: -webkit-linear-gradient(left, #14516e, #1c4585), #1c4585; background: -moz-linear-gradient(left, #14516e, #1c4585), #1c4585; background: -o-linear-gradient(left, #14516e, #1c4585), #1c4585; background: linear-gradient(left, #14516e, #1c4585), #1c4585; } /* line 888, ../sass/screen.scss */ #skills #graph #graphic.inView .dark-blue span { height: 50%; } /* line 894, ../sass/screen.scss */ #skills #graph #keys { width: 30%; margin-left: 10%; display: inline; float: left; } /* line 898, ../sass/screen.scss */ #skills #graph #keys ul { padding-left: 0; } /* line 900, ../sass/screen.scss */ #skills #graph #keys ul li { padding-left: 22px; position: relative; text-align: left; list-style: none; } /* line 905, ../sass/screen.scss */ #skills #graph #keys ul li span { top: 8px; left: 0; position: absolute; display: inline-block; height: 4px; width: 13px; } /* line 913, ../sass/screen.scss */ #skills #graph #keys ul li a:hover { color: #585858; } /* line 916, ../sass/screen.scss */ #skills #graph #keys ul li.greyOut a { color: #d9d9d9; } /* line 918, ../sass/screen.scss */ #skills #graph #keys ul li.greyOut a span { background: #d9d9d9; } /* line 922, ../sass/screen.scss */ #skills #graph #keys ul li.blue span { background: #077cc1; } /* line 925, ../sass/screen.scss */ #skills #graph #keys ul li.orange span { background: #f37422; } /* line 928, ../sass/screen.scss */ #skills #graph #keys ul li.indigo span { background: #8179b9; } /* line 931, ../sass/screen.scss */ #skills #graph #keys ul li.violet span { background: #ac3e97; } /* line 934, ../sass/screen.scss */ #skills #graph #keys ul li.green span { background: #26a449; } /* line 937, ../sass/screen.scss */ #skills #graph #keys ul li.light-blue span { background: #6bcdf3; } /* line 940, ../sass/screen.scss */ #skills #graph #keys ul li.yellow span { background: #fbb722; } /* line 943, ../sass/screen.scss */ #skills #graph #keys ul li.red span { background: #e31c3f; } /* line 946, ../sass/screen.scss */ #skills #graph #keys ul li.dark-blue span { background: #1c4585; } /* line 953, ../sass/screen.scss */ #skills .halveScreen { display: table; width: 100%; } /* line 957, ../sass/screen.scss */ #skills .sp_type { font-family: "FoundationSansBold", sans-serif; font-size: 150px; line-height: 66px; margin-top: 24px; padding-bottom: 20px; display: table-cell; vertical-align: middle; color: white; position: relative; } /* line 966, ../sass/screen.scss */ #skills .sp_type.respond { font-size: 100px !important; } /* line 969, ../sass/screen.scss */ #skills .sp_type .selectable { top: 40%; color: transparent; position: absolute; width: 100%; z-index: 2; } /* line 976, ../sass/screen.scss */ #skills .sp_type.inView { color: #585858; } /* line 980, ../sass/screen.scss */ #skills .respond .ribbon { padding: 0 10%; background: #8179B9; position: relative; } /* line 984, ../sass/screen.scss */ #skills .respond .ribbon:before { left: 0; } /* line 987, ../sass/screen.scss */ #skills .respond .ribbon:after { right: 0; } /* line 990, ../sass/screen.scss */ #skills .respond .ribbon:before, #skills .respond .ribbon:after { top: -26%; content: ""; position: absolute; border: 0.58em solid #877ec1; display: block; z-index: -2; opacity: 0; } /* line 1000, ../sass/screen.scss */ #skills .respond .ribbon span:before, #skills .respond .ribbon span:after { top: -26%; content: ""; position: absolute; border: 0.3em solid #716aa3; display: block; z-index: -1; border-top-color: transparent !important; border-bottom-color: transparent !important; opacity: 0; } /* line 1013, ../sass/screen.scss */ #skills .respond .ribbon.fancy:before { left: -87px; border-left-color: transparent !important; } /* line 1017, ../sass/screen.scss */ #skills .respond .ribbon.fancy:after { right: -87px; border-right-color: transparent !important; } /* line 1021, ../sass/screen.scss */ #skills .respond .ribbon.fancy:before, #skills .respond .ribbon.fancy:after { top: -26%; content: ""; position: absolute; border: 0.58em solid #877ec1; display: block; z-index: -2; opacity: 1; } /* line 1031, ../sass/screen.scss */ #skills .respond .ribbon.fancy span:before { left: -30px; border-left-color: transparent !important; } /* line 1035, ../sass/screen.scss */ #skills .respond .ribbon.fancy span:after { right: -30px; border-right-color: transparent !important; } /* line 1039, ../sass/screen.scss */ #skills .respond .ribbon.fancy span:before, #skills .respond .ribbon.fancy span:after { top: -26%; content: ""; position: absolute; border: 0.3em solid #716aa3; display: block; z-index: -1; border-top-color: transparent !important; border-bottom-color: transparent !important; opacity: 1; } /* line 1054, ../sass/screen.scss */ #contact { background: url("../images/blk_bg_retina.png"); color: white; position: relative; } /* line 56, ../sass/screen.scss */ #contact a { color: white; } /* line 60, ../sass/screen.scss */ #contact a:hover { color: #f37422; } /* line 1060, ../sass/screen.scss */ #contact .details { margin: 0; padding: 0; } /* line 1063, ../sass/screen.scss */ #contact .details li { padding-left: 44px; list-style: none; text-align: left; line-height: 36px; padding-bottom: 8px; position: relative; } /* line 1073, ../sass/screen.scss */ #contact .details li a span { -webkit-border-radius: 33px; -moz-border-radius: 33px; -ms-border-radius: 33px; -o-border-radius: 33px; border-radius: 33px; background: url("../images/contact_icons_no_bg_retina.png"), url("../images/vertical_bg_retina.png"); -webkit-background-size: 129.75px 33px, 18px 18px; -moz-background-size: 129.75px 33px, 18px 18px; -o-background-size: 129.75px 33px, 18px 18px; background-size: 129.75px 33px, 18px 18px; left: 0; position: absolute; display: inline-block; width: 33px; height: 33px; } /* line 1084, ../sass/screen.scss */ #contact .details li a:hover span { background: url("../images/contact_icons_retina.png"); -webkit-background-size: 129.75px 33px; -moz-background-size: 129.75px 33px; -o-background-size: 129.75px 33px; background-size: 129.75px 33px; } /* line 1094, ../sass/screen.scss */ #contact .details li.email a:hover span, #contact .details li.email span { background-position: -32px 0; } /* line 1099, ../sass/screen.scss */ #contact .details li.facebook a:hover span, #contact .details li.facebook span { background-position: -65px 0; } /* line 1104, ../sass/screen.scss */ #contact .details li.linkedin a:hover span, #contact .details li.linkedin span { background-position: -97px 0; } /* line 1113, ../sass/screen.scss */ footer p { margin: 0; padding: 10px 0 12px 0; text-align: right; font-size: 9px; } @media (min-width: 960px) { /* line 1124, ../sass/screen.scss */ #home .innerWrap, #portfolio .innerWrap, #skills .innerWrap, #contact .innerWrap { display: table; } /* line 1127, ../sass/screen.scss */ #home h2, #portfolio h2, #skills h2, #contact h2 { position: absolute; } /* line 1130, ../sass/screen.scss */ #home .content_holder, #portfolio .content_holder, #skills .content_holder, #contact .content_holder { padding: 44px 0; display: table-cell; vertical-align: middle; } /* line 1137, ../sass/screen.scss */ #home .innerWrap, #portfolio .innerWrap, #skills .innerWrap, #contact .innerWrap { width: 1024px; } /* line 1142, ../sass/screen.scss */ #home .image { width: 330px; height: 330px; margin-bottom: 22px; } /* line 1147, ../sass/screen.scss */ #home .description { padding-top: 44px; } } @media (min-width: 696px) and (max-width: 960px) { /* line 1155, ../sass/screen.scss */ #home .innerWrap, #portfolio .innerWrap, #skills .innerWrap, #contact .innerWrap { display: table; width: 100%; } /* line 1159, ../sass/screen.scss */ #home h2, #portfolio h2, #skills h2, #contact h2 { position: absolute; } /* line 1162, ../sass/screen.scss */ #home .content_holder, #portfolio .content_holder, #skills .content_holder, #contact .content_holder { padding: 44px 0; display: table-cell; vertical-align: middle; } /* line 1170, ../sass/screen.scss */ #home .description { padding-top: 22px; } /* line 1175, ../sass/screen.scss */ #home .content_holder .image_holder .image { -webkit-border-radius: 264px; -moz-border-radius: 264px; -ms-border-radius: 264px; -o-border-radius: 264px; border-radius: 264px; height: 264px; width: 264px; -webkit-background-size: 264px 264px; -moz-background-size: 264px 264px; -o-background-size: 264px 264px; background-size: 264px 264px; } /* line 1185, ../sass/screen.scss */ #portfolio .slider a[class^="arrow"] { top: 55px; } /* line 1188, ../sass/screen.scss */ #portfolio dl dt:first-child img { -webkit-border-radius: 154px; -moz-border-radius: 154px; -ms-border-radius: 154px; -o-border-radius: 154px; border-radius: 154px; width: 154px; height: 154px; } /* line 1195, ../sass/screen.scss */ #skills .sp_type { font-size: 90px !important; line-height: 22px; margin-top: 14px; padding-bottom: 30px; } /* line 1200, ../sass/screen.scss */ #skills .sp_type.respond { font-size: 60px !important; } /* line 1205, ../sass/screen.scss */ #skills .respond .ribbon.fancy:before { left: -50px; } /* line 1208, ../sass/screen.scss */ #skills .respond .ribbon.fancy:after { right: -50px; } /* line 1212, ../sass/screen.scss */ #skills .respond .ribbon.fancy span:before { left: -18px; } /* line 1215, ../sass/screen.scss */ #skills .respond .ribbon.fancy span:after { right: -18px; } } @media (min-width: 440px) and (max-width: 696px) { /* line 1225, ../sass/screen.scss */ article .innerWrap { padding: 0 10px; } /* line 1228, ../sass/screen.scss */ article .innerWrap form ul { margin-top: 0; padding-bottom: 2px; } /* line 1231, ../sass/screen.scss */ article .innerWrap form ul li { padding-left: 55px; padding-bottom: 10px; } /* line 1234, ../sass/screen.scss */ article .innerWrap form ul li label { position: absolute; left: 0; } /* line 1238, ../sass/screen.scss */ article .innerWrap form ul li input[type="text"], article .innerWrap form ul li input[type="email"] { height: 22px; font-size: 12px; } /* line 1242, ../sass/screen.scss */ article .innerWrap form ul li textarea { height: 99px; font-size: 12px; } /* line 1246, ../sass/screen.scss */ article .innerWrap form ul li .error { top: -11px; } /* line 1249, ../sass/screen.scss */ article .innerWrap form ul li:last-child { margin-top: -6px; padding-top: 0; } /* line 1259, ../sass/screen.scss */ #home .content_holder { margin-top: -22px; } /* line 1261, ../sass/screen.scss */ #home .content_holder .image_holder { padding-top: 22px; } /* line 1263, ../sass/screen.scss */ #home .content_holder .image_holder .image { -webkit-border-radius: 88px; -moz-border-radius: 88px; -ms-border-radius: 88px; -o-border-radius: 88px; border-radius: 88px; -webkit-background-size: 176px 176px; -moz-background-size: 176px 176px; -o-background-size: 176px 176px; background-size: 176px 176px; border: 1px solid #585858; display: block; height: 176px; width: 176px; } /* line 1273, ../sass/screen.scss */ #home .content_holder .description h1 { text-align: right; } /* line 1280, ../sass/screen.scss */ #portfolio .slider a[class^="arrow"] { top: 55px; } /* line 1284, ../sass/screen.scss */ #portfolio dl dt:first-child { display: inline; float: right; width: 46%; text-align: left; } /* line 1288, ../sass/screen.scss */ #portfolio dl dt:first-child img { -webkit-border-radius: 154px; -moz-border-radius: 154px; -ms-border-radius: 154px; -o-border-radius: 154px; border-radius: 154px; width: 154px; height: 154px; } /* line 1294, ../sass/screen.scss */ #portfolio dl dt + dt { display: inline; float: left; margin-top: 27px; text-align: right; padding-right: 0; padding-left: 33px; width: 46%; } /* line 1302, ../sass/screen.scss */ #portfolio dl dt + dd { display: inline; float: left; text-align: right; padding-right: 0; padding-left: 33px; width: 46%; } /* line 1313, ../sass/screen.scss */ #skills #graph #graphic { width: 60%; } /* line 1316, ../sass/screen.scss */ #skills #graph #keys { width: 30%; } } @media (max-width: 440px) { /* line 1325, ../sass/screen.scss */ article .innerWrap { padding: 0 10px; } /* line 1329, ../sass/screen.scss */ .content_r { display: block; float: none; width: 100%; } /* line 1334, ../sass/screen.scss */ .content_l { display: block; float: none; width: 100%; } /* line 1340, ../sass/screen.scss */ #home h2 { color: white; } /* line 1343, ../sass/screen.scss */ #home .image_holder { z-index: -1; top: 0; left: 0; position: absolute; width: 100%; } /* line 1349, ../sass/screen.scss */ #home .image_holder .image { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: url("../images/profile_pic.png"); -webkit-background-size: 440px 132px; -moz-background-size: 440px 132px; -o-background-size: 440px 132px; background-size: 440px 132px; background-position: center center; border: none; width: 100%; height: 132px; display: block; } /* line 1360, ../sass/screen.scss */ #home .description { text-align: center; padding-top: 88px; } /* line 1363, ../sass/screen.scss */ #home .description h1 { text-align: center; } /* line 1369, ../sass/screen.scss */ #portfolio .slider a[class^="arrow"] { top: 55px; } /* line 1372, ../sass/screen.scss */ #portfolio dl dt:first-child img { -webkit-border-radius: 154px; -moz-border-radius: 154px; -ms-border-radius: 154px; -o-border-radius: 154px; border-radius: 154px; width: 154px; height: 154px; } /* line 1380, ../sass/screen.scss */ #skills #graph #graphic { width: 40%; } /* line 1383, ../sass/screen.scss */ #skills #graph #keys { width: 50%; } } @media (max-width: 696px) { /* line 1390, ../sass/screen.scss */ article { padding-top: 44px !important; } /* line 1395, ../sass/screen.scss */ article form ul li input[type="text"], article form ul li input[type="email"], article form ul li textarea { font-size: 14px; } /* line 1398, ../sass/screen.scss */ article form ul li a.toggleLink { display: none; } /* line 1405, ../sass/screen.scss */ header { background: transparent; } /* line 1407, ../sass/screen.scss */ header .headerWrap { padding: 0 !important; } /* line 1409, ../sass/screen.scss */ header .headerWrap .mobile_header { *zoom: 1; display: block; float: none; position: relative; border-bottom: #d9d9d9 1px solid; background: white; } /* line 38, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ header .headerWrap .mobile_header:after { content: ""; display: table; clear: both; } /* line 1416, ../sass/screen.scss */ header .headerWrap .mobile_header .logo { display: inline; float: left; height: 34px; margin: 5px 0 4px 10px; padding: 0 0 0 39px; } /* line 1421, ../sass/screen.scss */ header .headerWrap .mobile_header .logo .image, header .headerWrap .mobile_header .logo .image:hover { -webkit-background-size: 34px 34px; -moz-background-size: 34px 34px; -o-background-size: 34px 34px; background-size: 34px 34px; font-size: 24px; width: 34px; line-height: 34px; } /* line 1427, ../sass/screen.scss */ header .headerWrap .mobile_header .logo dt { font-size: 18px; padding-top: 5px; line-height: 13px; } /* line 1432, ../sass/screen.scss */ header .headerWrap .mobile_header .logo dd { font-size: 12px; line-height: 13px; } /* line 1437, ../sass/screen.scss */ header .headerWrap .mobile_header .illusion { position: absolute; top: 0; right: 0; width: 44px; height: 43px; border-left: #d9d9d9 1px solid; } /* line 1444, ../sass/screen.scss */ header .headerWrap .mobile_header .illusion #nav-open-btn { background: url("../images/nav_open_icon_retina.png"); -webkit-background-size: 43px 43px; -moz-background-size: 43px 43px; -o-background-size: 43px 43px; background-size: 43px 43px; width: 100%; height: 100%; } /* line 1449, ../sass/screen.scss */ header .headerWrap .mobile_header .illusion #nav-open-btn:hover { background: url("../images/nav_open_icon_hover.png"); -webkit-background-size: 43px 43px; -moz-background-size: 43px 43px; -o-background-size: 43px 43px; background-size: 43px 43px; } /* line 1456, ../sass/screen.scss */ header .headerWrap .nav-btn { display: block; } /* line 1459, ../sass/screen.scss */ header .headerWrap .nav-btn { border-left: #eeeeee 1px solid; overflow: hidden; text-indent: -999px; display: block; } /* line 1465, ../sass/screen.scss */ header .headerWrap #nav:not(:target) { z-index: -1; height: 0; } /* line 1469, ../sass/screen.scss */ header .headerWrap nav { margin: 0; top: 0; z-index: 2; overflow: hidden; position: absolute; width: 100%; } /* line 1477, ../sass/screen.scss */ header .headerWrap nav #nav-close-btn { background: url("../images/nav_close_icon_blk_retina.png") white; -webkit-background-size: 43px 43px; -moz-background-size: 43px 43px; -o-background-size: 43px 43px; background-size: 43px 43px; position: absolute; top: 0; right: 0; width: 43px; height: 43px; } /* line 1485, ../sass/screen.scss */ header .headerWrap nav #nav-close-btn:hover { background: url("../images/nav_close_icon_hover.png") white; -webkit-background-size: 43px 43px; -moz-background-size: 43px 43px; -o-background-size: 43px 43px; background-size: 43px 43px; } /* line 1490, ../sass/screen.scss */ header .headerWrap nav ul { padding: 0; margin: 44px 0 0 0; background: #585858; } /* line 1494, ../sass/screen.scss */ header .headerWrap nav ul li { margin: 0 auto; position: relative; max-width: 1024px; padding: 0 44px; display: block; border-top: dimgrey 1px solid; border-bottom: #474747 1px solid; list-style: none; line-height: 42px; } /* line 56, ../sass/screen.scss */ header .headerWrap nav ul li a { color: white; } /* line 60, ../sass/screen.scss */ header .headerWrap nav ul li a:hover { color: #f37422; } /* line 1503, ../sass/screen.scss */ header .headerWrap nav ul li a { margin: 0; padding: 0; font-size: 14px; width: 100%; height: 100%; display: block; border: none; } /* line 1511, ../sass/screen.scss */ header .headerWrap nav ul li a:hover, header .headerWrap nav ul li a.active { border: none; } /* line 1522, ../sass/screen.scss */ #skills .sp_type { font-size: 60px !important; } /* line 1524, ../sass/screen.scss */ #skills .sp_type.respond { font-size: 30px !important; } /* line 1529, ../sass/screen.scss */ #skills .respond .ribbon.fancy:before { left: -26px; } /* line 1532, ../sass/screen.scss */ #skills .respond .ribbon.fancy:after { right: -26px; } /* line 1536, ../sass/screen.scss */ #skills .respond .ribbon.fancy span:before { left: -10px; } /* line 1539, ../sass/screen.scss */ #skills .respond .ribbon.fancy span:after { right: -10px; } /* line 1546, ../sass/screen.scss */ footer p { padding: 8px 0 14px 0 !important; } }