/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

body {
  font-size: 18px;
}

img {
  vertical-align: middle;
  width: 100%;
}

h3 {
  margin-top: 25px;
  color: #303030;
}

h1 {
  margin-top: 0;
  font-size: 1.95em;
  font-weight: 400;
  letter-spacing: -0.02em;
}

p {
  font-size: 1em;
  line-height: 1.35;
  margin-bottom: 1em;
  color: #262626;
  letter-spacing: -0.2pt;
}

/* Main, Sidebar, Nav */
.sidebar-image {
  margin-bottom: 1em;
}

#main,
#sidebar {
  position: absolute;
  top: 40px;
}
* {
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  font-stretch: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  -webkit-font-smoothing: antialiased !important;
  vertical-align: baseline;
  font-family: "Georgia", serif;
  color: #262626;
}

#sidebar h2,
#nav h2 {
  font-family: sans-serif;
}

#sidebar h2 a,
#nav h2 a {
  text-decoration: none;
  font-family: sans-serif;
}

#nav h2 {
  margin-bottom: 0.4em;
  letter-spacing: -0.02em;
}

#nav img {
  max-height: 100px;
  width: auto;
  float: left;
}

#main {
  left: 280px;
  width: 620px;
}

#main h1 a {
  color: inherit;
  text-decoration: none;
}

#sidebar {
  left: 20px;
  width: 200px;
  padding-right: 20px;
  padding-top: 8px;
  text-align: right;
}
#sidebar h2 {
  font-size: 0.9em;
}
#sidebar ul {
  list-style-type: none;
  margin-bottom: 1em;
}
#sidebar li {
  font-size: 0.8em;
  margin-top: 0.5em;
}

#nav {
  display: none;
  margin-bottom: 20px;
  font-size: 0.8em;
}

.list-link {
  font-family: sans-serif;
  color: inherit;
  color: #262626;
}

#nav li {
  display: inline;
  margin-right: 7px;
}

#nav img.logo {
  width: 65px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 800px) {
  #sidebar {
    left: 0;
    width: 190px;
    padding: 20px 12px 0 0;
  }

  #main {
    left: 214px;
    width: 486px;
  }
}

@media only screen and (max-width: 700px) {
  #nav {
    display: block;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
    margin-bottom: 2.1em;
    padding-bottom: 2.2em;
  }

  #sidebar {
    display: none;
  }

  #main {
    left: 15px;
    width: calc(100% - 30px);
  }
}


/* Post */

.post-info {
  color: grey;
  margin-bottom: 1em;
  margin-top: 0.7em;
  font-family: sans-serif;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 1em;
  font-size: 0.9em;
  letter-spacing: -0.02em;
}

.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4 {
  font-family: sans-serif;
  margin-bottom: 0.3em;
}

.post-body li {
  margin-bottom: 0.66em;
  line-height: 1.3
}

.post-preview {
  font-size: 0.9em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 0.7em;
  margin-bottom: 2.1em;
}

.post-preview h1 {
  margin: 0;
  margin-bottom: 0.35em;
  font-size: 1.6em;
}

.post-preview .post-info {
  border: 0;
  margin: 0;
  padding: 0;
  margin-top: 0.25em;
  margin-bottom: 0.7em;
}

.post-body li {
  margin-bottom: 0.4em;
}


/* Resume Items */
.resume-body {
  margin-left: 1em;
}

.resume-date {
  color: grey;
  margin-bottom: 1em;
  margin-top: 0.7em;
  font-family: sans-serif;
  font-size: 0.9em;
  letter-spacing: -0.02em;
}

.resume-item {
  margin-left: 1em;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding-top: 1em;
}


.resume-body li {
  margin-left: 1em;
  list-style-position: outside;
  font-size: 16px;
  list-style-type: circle;
}

/* Links */
a:link, a:visited {
  color: #bd86c1;
}

a:hover, a:active {
  color: #d064d8;
}

a.list-link:link, a.list-link:visited{
  color: #262626;
}

a.list-link:hover, a.list-link:active{
  color: #bd86c1;
}

a.nav-link:link, a.nav-link:visited, a.nav-link:hover, a.nav-link:active {
  color: #262626;
}