html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1;}
.sans-serif{font-family:Arial,sans-serif;}
.serif{font-family:"Cambria, Georgia, Times, " Times New Roman;}
.monospace{font-family:"Monaco",Courier New,monospace;}
.clearfix{zoom:1;}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
html{overflow-y:scroll;background:#ffffff;font-size:62.5%;}
body{margin:0 auto;padding:0;width:100%;font-size:16px;font-size:1.6rem;font-family:"Cambria, Georgia, Times, " Times New Roman;color:#282828;background-color:transparent;}
button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#404040;}
h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;}
h1{margin-bottom:0.75em;font-size:48px;font-size:4.8rem;line-height:1.2;}
h2{margin-bottom:0.75em;font-size:32px;font-size:3.2rem;line-height:1.2;}
h3{margin-bottom:1em;font-size:17px;font-size:1.7rem;line-height:1.3;}
h4{margin-bottom:1em;font-size:18px;font-size:1.8rem;line-height:1.25;}
h5{margin-bottom:1.5em;font-size:16px;font-size:1.6rem;}
h6{font-size:16px;font-size:1.6rem;}
p,ol,ul,dl,address{margin-bottom:1.5em;font-size:16px;font-size:1.6rem;}
p{hyphens:auto;text-align:justify;}
ul,ol{margin:0 0 1.5em -24px;padding:0 0 0 24px;}
li ul,li ol{margin:0;font-size:16px;font-size:1.6rem;}
dl,dd{margin-bottom:1.5em;}
dt{font-weight:normal;}
blockquote{margin:0 0 1.5em -24px;padding-left:24px;border-left:1px solid #bfbfbf;font-style:italic;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #bfbfbf;}
ins{background-color:#c3d9e6;color:#000000;text-decoration:none;}
mark{background-color:#c3d9e6;color:#000000;font-style:italic;font-weight:bold;}
pre,code,kbd,samp{font-family:"Monaco",Courier New,monospace;font-size:14px;font-size:1.4rem;line-height:1.5em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:"";content:none;}
small{font-size:14px;font-size:1.4rem;}
sub,sup{font-size:12px;font-size:1.2rem;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
a{color:#013568;}
a:visited{color:#011b35;}
a:hover{color:#011b35;}
a:focus{outline:thin dotted;color:#011b35;}
a:hover,a:active{outline:0;}
figure{margin-bottom:1.5em;}
figure img,figure object,figure embed{margin-bottom:0.75em;max-width:100%;}
figcaption{display:block;font-weight:normal;}
img{border:0;}
svg:not(:root){overflow:hidden;}
table{border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;width:100%;font-size:14px;font-size:1.4rem;}
th,td,caption{padding:0.1875em 10px 0.1875em 5px;}
tfoot{font-style:italic;}
caption{background-color:transparent;}
tbody tr:nth-child(odd) td{background-color:#c3d9e6;}
form{margin:0;}
fieldset{margin-bottom:1.5em;padding:0;border-width:0;}
legend{*margin-left:-7px;padding:0;border-width:0;}
label{font-weight:normal;cursor:pointer;}
button,input,select,textarea{font-size:12px;font-size:1.2rem;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;*overflow:visible;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;vertical-align:top;}
html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:#c3d9e6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
::-webkit-selection{background:#f1ab14;color:#fff;text-shadow:none;}
::-moz-selection{background:#f1ab14;color:#fff;text-shadow:none;}
::selection{background:#f1ab14;color:#fff;text-shadow:none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;}
::-webkit-input-placeholder{font-size:14px;font-size:1.4rem;}
input:-moz-placeholder{font-size:14px;font-size:1.4rem;}
.ie7 img,.iem7 img{-ms-interpolation-mode:bicubic;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
p{-webkit-hyphens:auto;-webkit-hyphenate-character:"\2010";-webkit-hyphenate-limit-after:1;-webkit-hyphenate-limit-before:3;-moz-hyphens:auto;}
.ir{display:block;overflow:hidden;background-repeat:no-repeat;text-align:left;text-indent:-999em;direction:ltr;}
.ir br{display:none;}
.hidden{display:none;visibility:hidden;}
.visuallyhidden{position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;border:0;clip:rect(0 0 0 0);}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;margin:0;height:auto;width:auto;overflow:visible;clip:auto;}
.invisible{visibility:hidden;}
@media print{*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;} @page {margin:0.5cm;}h2,h3{orphans:3;widows:3;page-break-after:avoid;} p{orphans:3;widows:3;} pre,blockquote{border:1px solid #808080;page-break-inside:avoid;} abbr[title]:after{content:" (" attr(title) ")";} a,a:visited{color:#000000 !important;text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} img{max-width:100% !important;page-break-inside:avoid;} thead{display:table-header-group;} tr{page-break-inside:avoid;} .ir a:after{content:"";}}
/* -- Custom --*/
img {max-width: 100%;}
p {line-height: 150%;}
html {}
body {font-family:'droid sans',sans-serif;}
.row {margin:0 auto;max-width: 1340px; width: 90%;}
h1, h2{font-family: 'Lato', sans-serif; font-weight: normal;}
h2{font-family: 'Lato', sans-serif;font-size: 1.2em;line-height: 1.5em; font-weight: normal;}
section h1 {font-size: 3.5em;
border-bottom: 1px dotted #CCC; color: #444;
padding-bottom: 10px;
margin-bottom: 20px;}
#talk {margin-top: 50px;}
#navbar{width: 100%;background:#fff url(../img/bg.png) repeat-x;}
nav {font-family:'droid sans',sans-serif;text-transform:uppercase;}
nav#main {height: 45px;display: block; margin:0 0 20px;}
nav a#contact, nav a#speaking, nav a#work {float: left; line-height: 37px;margin: 0 5% 0 0;font-size: .9em;}
nav a#yellowpencil {float: right; line-height: 37px;margin: 0; text-indent: -9000em; background-image: url(../img/yp.jpg); background-size:48.75px 65px;
background-repeat:no-repeat; height: 80px; width: 60px;}
img#wordmark {float: left; width: 100%;}
img#me {float: right; margin:2% auto; width: 96%;}
div#me2 {float: right;margin: 2% auto; width:96%;background-image: url(../img/steve-fisher.png); background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
nav a, nav a:visited {color: white;padding: 2px 0 0;position: relative;text-shadow: 2px 2px 0px #8F2169;text-decoration: none; font-weight: bold;}
nav a:hover, nav a:focus {	color: #b2e1f2;padding: 2px 0 0;	text-shadow: 2px 2px 0px #0576b3;text-decoration: none;	}
nav a:active {color: #b2e1f2;text-shadow: -2px 2px 0px #222;top: 2px;text-decoration: none;}
img#me {margin: 2% 5%;width: 90%;}
#highlight {background:#5cc1e9;float:left;margin: -6% 0 10%; padding: 3% 0 4%; width: 100%;-webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 1);-moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 1);box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 1);-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 10px;-webkit-border-radius: 0px 10px 0px 10px;border-radius: 0px 10px 0px 10px;}
#highlight h1 {line-height: 100%;margin-bottom: 0; text-align: center;font-size: 1.5em;text-shadow: 0px 1px 0px rgba(255,255,255,0.5); margin: 0 2%;}
div[role="main"] {float: left;}
.compact {display: none;}
#mywork, #talk {float: left;}
.grid{float: left;width: 100%;}
.grid a{text-decoration: none;}
.feature{display: inline-block;zoom: 1;*display:inline;}
.featured h2{display: block;margin: 0 0 30px 5px;padding: 0;width: 100%}
.feature h3 {background: #00aeef;color: #fff;display: inline;margin: 0 0 0 5px;padding: 5px 10px;text-shadow: 3px 3px 0px #0576b3;font-family : 'droid sans', "Helvetica Neue", Helvetica, Arial;}
.grid a:hover h3{background: #8F2169;text-decoration: none;text-shadow:3px 3px 0px #65164a;}
.feature img {box-shadow: 2px 2px 0px #00aeef;-webkit-box-shadow:2px 2px 0px #00aeef;float: left;margin: 0 0 15px;}
.featured a:hover img, .grid a:hover img {box-shadow: 2px 2px 0px #8F2169;-webkit-box-shadow: 2px 2px 0px #8F2169;}
.featured a p, .grid a p{color: #444;text-decoration: none; width: 100%;} 
.featured a:hover p, .grid a:hover p{color: #8F2169;text-decoration: underline ;} 
.feature p {margin: 0 5px 30px;float: left;}
.grid h2{display: block;float: left;margin: 0 0 30px 10px;padding: 0;width: 100%}
.grid h3 {background: #00aeef;color: #fff;float: left;margin: 0 0 0 5px;padding: 5px 10px;text-shadow: 3px 3px 0px #0576b3;}
.feature img {box-shadow: 2px 2px 0px #00aeef;-webkit-box-shadow:2px 2px 0px #00aeef;}
.feature p {margin: 0 5px 30px; text-align: left;}
.feature p span{font-size: 125%;}
.content {margin: 0 auto; max-width: 1340px; width: 90%;}
.toggle_container{display: block;background:#eee;padding: 20px;}
#contact{display: block;margin: 0 auto;max-width: 1100px;}
#contact-wrapper h2 span{color: #00aeef;text-shadow: 1px 0px 0px #fff;}
#contact-wrapper h2 {text-transform:uppercase; font-size: 1.5em;}
#contact-form .field{display: block;float: left;width: 100%;}
#contact-form .field.submit{display: block;float: left;width: 120px;}
#contact-form label{font-family : 'droid sans', "Helvetica Neue", Helvetica, Arial;font-size: .9em;font-weight: bold;padding: .3em 0 .2em .2em;text-shadow: 1px 0px 0px #fff;text-transform: uppercase;}
#contact-form input#name, #contact-form input#email {border: 1px solid #ccc;box-shadow: 2px 2px 0px #00aeef;	-webkit-box-shadow:2px 2px 0px #00aeef;height: 30px;font-size: 1em;margin: 0 .333333em .6666666em 0;padding: 0 5px;width: 50%;}
#contact-form textarea {border: 1px solid #ccc;box-shadow: 2px 2px 0px #00aeef;-webkit-box-shadow:2px 2px 0px #00aeef;	color: #8f2169;font-size: 1em;height: 90px;margin: 0 .333333em .6666666em 0;padding: 5px;width: 98%;}
#contact-form input {background: #fff;border: 1px solid #ccc;color: #8f2169;box-shadow: 2px 2px 0px #8f2169;-webkit-box-shadow:2px 2px 0px #8f2169;float: left;	font-size: 1em;font-weight: bold;height: 30px;margin: 0 0 1px;width: 100px;}
#contact-form input:hover {background: #fefefe;box-shadow: 2px 2px 0px #00aeef;-webkit-box-shadow: 2px 2px 0px #00aeef;	color: #00aeef;}
#contact-form input:active {box-shadow: 1px 1px 0px #00aeef;	-webkit-box-shadow:1px 1px 0px #00aeef;margin: 1px 0 0;}
.cancel {float: left;line-height: 32px;}
.cancel a:hover, .cancel a:active {color: #00AEEF;}
#content-wrapper h2.success {float: none;} 
p.success {font-size: 1.33em;}
footer {background: #222;margin-top: 50px; padding: 20px 0 40px; width: 100%; } footer p {text-align: center; margin-bottom: 0;}
#social {margin: 0 auto;width: 97%;}

footer ul{padding:20px 0; margin: 0;}
footer ul li{list-style:none;display: block;font-weight:bold;line-height:50px;}
footer ul li a{padding:12px 0 14px 50px;font-weight:bold;}
footer ul li#twitter a:link, footer ul li#twitter a:visited{background:url(../img/social-media-sprites.png) no-repeat 0 0;}
footer ul li#skype a:link, footer ul li#skype a:visited{background:url(../img/social-media-sprites.png) no-repeat 0 -52px;}
footer ul li#dribbble a:link, footer ul li#dribbble a:visited{background:url(../img/social-media-sprites.png) no-repeat 0 -104px;}
footer ul li#linkedin a:link, footer ul li#e-mail a:visited{background:url(../img/social-media-sprites.png) no-repeat 0 -156px;}
footer ul li#rdio a:link, footer ul li#e-mail a:visited{background:url(../img/social-media-sprites.png) no-repeat 0 -208px;}

footer ul li#twitter a:hover{background:url(../img/social-media-sprites.png) no-repeat 0 -314px;}
footer ul li#skype a:hover{background:url(../img/social-media-sprites.png) no-repeat 0 -366px;}
footer ul li#dribbble a:hover{background:url(../img/social-media-sprites.png) no-repeat 0 -418px;}
footer ul li#linkedin a:hover{background:url(../img/social-media-sprites.png) no-repeat 0 -470px;}
footer ul li#rdio a:hover{background:url(../img/social-media-sprites.png) no-repeat 0 -522px;}

footer a:link, footer a:visited{color:#d4e8ef; margin:0 20px 0 0;text-decoration:none;text-shadow:0px 1px 1px #000;}
footer a:hover, nav a:active{color:#fff; text-decoration: underline;}
footer p a:link { margin:0;}

footer {color: #fff;text-align: left;}
footer ul{text-align: center;}
footer ul li{display:inline-block;	zoom: 1;*display:inline;}
footer {text-align: center;}

#highlight a {text-decoration: none;}
#highlight a:hover {color: #000;}

/* -- 480 --*/
@media only screen and (min-width: 480px){
nav a#contact, nav a#speaking, nav a#work {font-size: 1em;margin: 0 3% 0 0;}
div#me2 {background-image: url(../img/steve-fisher-huh.png);}
.rowtwo {float: left;}
.feature{margin: 0 1.04166667% 0 ; /* 40 / 960 = 4.166667% */width: 48.259%; /* 450 / 960 = 44.791667% */vertical-align: top;}
.feature.second{margin: 0;}
.grid h2{display: block;float: left;margin: 0 0 30px 10px;padding: 0;width: 95%}
footer ul{text-align: center;}
footer ul li{display:inline-block;	zoom: 1;
	*display:inline;}
footer {text-align: center;}
}

/* -- 600 --*/
@media only screen and (min-width: 600px){
img#wordmark {float: left; width: 60%;}
nav#main {margin:0 0 5%;}
img#me {float: right; margin:0; width: 100%;}
div#me2 {float: right; margin:-8% 2% 0 0; width: 38%;}
#highlight {background:#26b3eb;float:left;margin: -4% 0 6%; width: 100%;-webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 1);-moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 1);box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 1);-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 10px;-webkit-border-radius: 0px 10px 0px 10px;border-radius: 0px 10px 0px 10px;}
#highlight h1 {line-height: 100%;margin-bottom: 0; text-align: center;font-size: 1.9em;text-shadow: 0px 1px 0px #ffffff;}
section[role="main"] {float: left;}
.compact {display:inline;}
}

/* -- 768 --*/
@media only screen and (min-width: 768px){
#highlight h1 {font-size: 2.4em;}
.feature, .feature.second{margin: 0 2.083333% 0 0; /* 40 / 960 = 4.166667% */width: 31.55555556%; /* 293.333333 / 960 = 30.555556% */}
.feature.third{margin: 0;}
.grid h2{display: block;float: left;margin: 0 0 30px;padding: 0;width: 100%}
#contact-wrapper #contact-title{float: left;width: 30%}
#contact-wrapper #contact-form{float: right;width: 66%;}
#contact-form {position: relative;margin-top: 5px;}
}

/* -- 992 --*/
@media only screen and (min-width: 992px){
#highlight h1 {font-size: 3.2em;}
h3{font-size:22px;font-size:2.2rem;}
div#me2 {background-image: url(../img/steve-fisher-fighter.png);}
.feature{margin: 0 2.166667% 0 0; /* 40 / 960 = 4.166667% */ width: 31.5555556%; /* 293.333333 / 960 = 30.555556% */}
#social{margin: 0 auto;max-width: 1340px;width: 100%;}
}

/* -- 1382 --*/
@media only screen and (min-width: 1382px){
#highlight h1 {font-size: 4.4em;}
div#me2 {background-image: url(../img/steve-fisher-whoa.png);}
}

/* -- Density --*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5){

}