html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
table { border-collapse:collapse; border-spacing:0; }
table { font-size:inherit; font:100%; }
td, td img { vertical-align:top; } 
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea { color:#222; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
ul { list-style-type: disc outside; }
ol { list-style-type: decimal outside; }
small { font-size:85%; }
strong, th { font-weight: 600; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }

::-moz-selection{ background: #10C76B; color:#fff; text-shadow: none; }
::selection { background:#10C76B; color:#fff; text-shadow: none; } 


button {  width: auto; overflow: visible; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#005873; }
a:hover { background:#005873; color: white;}
a:link { -webkit-tap-highlight-color: #10C76B; } 
body { font:100% "chaparral-pro-1","chaparral-pro-2", "Times New Roman", serif; *font-size:small; *font:x-small; line-height:1.25; }
h1,h2,h3,h4,h5,h6{font-family: "league-gothic-1","league-gothic-2",Haettenschweiler, sans-serif;}
h1{font-size: 40px; margin-top: .5em; line-height: 1em;}

h2{font-size: 1.75em; /* 28px */
  line-height: 1.4286em; /* 40px */
  margin-top: 0.7143em;
}
h3{font-size: 1.5em; /* 24px */
  line-height: 1.6667em; /* 40px */
  margin-top: 0.8333em;
  margin-bottom: 0em;
}
h4{ font-size: 1.25em; /* 20px */
  line-height: 1em; /* 20px */
  margin-top: 1em;
  margin-bottom: 0em;
}
h5{font-size: 1.125em; /* 18px */
  line-height: 1.1111em; /* 20px */
  margin-top: 1.1111em;
  margin-bottom: 0em;
}
h6{font-size: 1em; /* 16px */
  line-height: 1.25em; /* 20px */
  margin-top: 1.25em;
  margin-bottom: 0em;
}
p{margin: 10px 0;}

 /* Site Styles */
html{background: url(../images/bg-spot.png) top left repeat;}
nav a:hover{background: #404357;background:rgba(64,67,87,.6); color:white;}
a:active{position:relative; top: 2px;}
#content a{-webkit-transition: -webkit-transform ease-in .15s;display: inline-block; padding: 0 2px; border-radius:3px;}
#content a:hover{color: white; background:#005873; text-decoration: none; }
#content a:active{position: relative; top:1px;}
/*body{background: rgba(255,255,255,.6); margin:20px ; border-radius: 5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0, .2); padding:10px;}*/
#logo{float: left; width:38px; height: 74px;}
a#logo:hover{-webkit-box-shadow: 0 10px 15px rgba(0,0,0,.3); border-radius: 5px; background: transparent;}

div.container{max-width: 78em; margin: 20px auto;}
header{padding:20px;}
hgroup{float: right; margin-top:12px;}
hgroup h1{font-size: 32px; font-weight: 300; text-align: right;}
hgroup h2{font-size: 18px; text-align: right;font-family: "chaparral-pro-1","chaparral-pro-2", "Times New Roman"; font-style: italic;font-weight: 300;}
nav {float: left; padding-top: 15px;clear: right;max-width: 60.5em; width:90%; margin-left:2.4%;}
header aside{float: left;display: inline;font-weight: 300; font-style: italic;width:90%;margin-left:3%;}
nav ul li{float: left;margin-right: 2px;}
nav ul{float: left;margin-left: 0;}
nav a{color: #005873;display: inline-block; font-family: "league-gothic-1","league-gothic-2", Haettenschweiler, "Trebuchet MS", sans-serif; font-size: 1.25em; padding: 5px;text-transform:uppercase; text-decoration: none; text-shadow:inset 0 0 2px rgba(0,0,0,.5);letter-spacing:1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

p.intro{font-size: 26px;margin: 1em 0;}
section#content{padding: 0 7.5%;}
div.link-to-site:hover span.arrow{
    -webkit-animation-name: move-arrow;
    -webkit-animation-duration: .7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes move-arrow {
    0% {left: 0;}
    25% {left: 3px;}
    50% {left: 0;}
    100% {left: -3px;}
}

span.arrow{position: relative;display: inline-block;line-height: 1; padding: 0 3px; border-radius: 3px;color: #10C76B; text-shadow: 0 1px 0px rgba(0,0,0,.5);font-weight: bold;}

footer{background: rgba(0,0,0,.7);}
.project{float: left;margin:16px 8px 16px 0; background: white; padding: 4px 4px 16px 4px; width: 304px;-webkit-box-shadow:0px 3px 8px rgba(0,0,0,.2); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;-webkit-transition:all linear .1s;}
.project .title{display: block; padding: 4px 8px; font-weight: 600; text-align: center;}
.project img{border: 2px solid #ddd;}
.project:hover{-webkit-transform: scale(1.04);-webkit-box-shadow: 0 10px 55px rgba(0,0,0,.6);-moz-box-shadow: 0 10px 37px rgba(0,0,0,.6); position:relative; z-index:5;}
.project:hover a{text-decoration: none;}
.project:active{position:relative; top: 2px;}
.project:active a:active{top:0;}
#content .project a{padding: 0; text-align:center; display: block;}
#content .project a:hover{padding: 0; background: white;color: #005873; }
.description{ width: 45%; max-width: 464px; min-width: 300px;float: left; margin-right: 32px;}
div.images{float: left; margin-top: 10px; width: 50%;}
div.images img{max-width:100%;height: auto;}
figure{margin-bottom: 16px; text-align: center; }
figure img{border: 2px solid #ccc;}
figcaption{display: block; text-align: center; font-style: italic;}
.job-desc, .article-content{float: left; width: 60%; margin-right: 5%;}
.job-meta, .article-meta{float: left; width: 20%; margin-top: 10px;}
.job-desc{clear: left;}
.job{float: left;width: 100%;}
.article-meta{margin-top: 70px;}
.location{display: block;}
.contact .article-meta{margin-top: 10px;}
.contact .article-meta h2:first-child, .article-meta h4:first-child{margin-top: 0;}
.comments{clear: both;float: left;position: relative;width: 85%;}
/*  Resume page  */
.jobs{float: left; width: 84%;}
.experience{height: 100%;position: relative;}
.section-type h1{text-transform: uppercase; font-size: 1.25em;}
.section-type{float: left;width: 10%; margin-right: 5%;height: 100%;}


/* print styles */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

@media screen and (max-width: 1010px) {
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
  #logo, header aside, nav ul{position: relative; margin: 0 auto;display: block; float: none; text-align:center;}
  header nav{float: none; margin: 0;}
  nav{clear: none; width: 100%;}
  nav ul{width: 295px;}
  nav ul li:last-child{margin: 0;}
  div.description, div.images{ width: 90%; max-width:90%;}
}
@media screen and (max-width: 1155px) {
section#content{padding: 0 3%;}
}
@media screen and (max-width: 650px) {
.section-type, .jobs, .job-desc, .job-meta, .article-content, .article-meta{float:none; width: 100%;}
p.intro{font-size: 18px;}
ul { list-style-type: disc inside; margin-left: 32px; }
ol { list-style-type: decimal inside; margin-left: 32px;}

}

.wf-loading nav a, .wf-inactive nav a{
   font-size: .9em;
    letter-spacing: -1px;font-weight: bold;
}
@media screen and (max-device-width: 480px) {
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
  nav ul{width: 300px;}
  .wf-loading nav a, .wf-inactive nav a{
   font-size: .8em;
    letter-spacing: -1px;font-weight: bold;
}
  .project{margin: 8px auto; position: relative; float: none; padding: 2px 2px 4px 2px;}
}