body {
background: #ddd;
font-size: 11pt;
}

div.pure-u-1 > div {
  padding: 0em 1em 0em 1em;
  border-left: 1px dashed lightgray;
  border-right: 1px dashed lightgray;
}

div.footer,
div.content {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  background: white;
  padding: 0.5em 1em;
}

div.footer {
  padding-top: 2px;
  padding-bottom: 4px;
}

i.code {
font-family:monospace,monospace;
font-style: normal;
font-size: 1em;
}

i.menu {
}

a:hover, a:active, a:visited, a:link {
text-decoration: none;
}

a {
  color: blue;
}

h2,
h3 {
-webkit-margin-after: 0;
margin-bottom: 0.4em;
color: #2060a0;

}

i.fa {
color: #2060a0;
display: inline;
margin-left: 0.5em;
}

strong.btn {
color: #2060a0;
display: inline;
margin-right: 0.25em;
}

p {
  line-height: 1.3em;
}

p.caption {
  font-size: small;
  font-style: italic;
  margin-top: 0.33em;
}

p.caption i {
  font-style: normal;
}

a:hover {
background: gold;
}

div.footer > div p {
display: inline-block;
!vertical-align: middle;
-webkit-margin-after: 0;
-webkit-margin-before: 0;
font-size: small;
margin-top: 1em;
}

img.pure-img {
  max-width: 99%;
}

li {
  !padding-bottom: 0.5em;
}