@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(LatoR.woff) format('woff');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(LatoR.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(RobotoL.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(RobotoM.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(RobotoLI.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(RobotoL.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(RobotoM.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(RobotoLI.woff2) format('woff2');
}

body {
  font-family: 'Roboto', sans-serif;
  max-width: 720px;
  margin: 0 auto;
  padding-top: 3em;
  padding-bottom: 48px;
  font-size: 17px;
  line-height: 1.412;
  font-weight: 300;
}

a:link {
  color: #00C;
}

th, strong {
  font-weight: 500;
}

h1, h2, h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #222;
}

h1, h2, h3, p, table {
  position: relative;
  margin: 0;
  padding: 0;
  margin-top: 12px;
  margin-bottom: 12px;
}

ul {
  margin-bottom: 12px;
}

pre {
  margin-bottom: 24px;
}

h1 {
  font-size: 42px;
  margin-top: 34px;
  padding-top: 24px;
  padding-bottom: 12px;
}

h2 {
  margin-top: 48px;
  top: -5px;
}

h3 {
  margin-top: 24px;
  padding: 12px 0;
  padding-bottom: 0px;
  margin-bottom: -4px;
  top: -10px;
}

p {
  top: -7px;
}

h2 + p {
  margin-top: 36px;
}

pre + h3 {
  margin-top: 36px;
}

blockquote {
  margin: 0;
  padding: 0;
  padding-left: 24px;
  padding-right: 24px;
  /* border-left: 12px solid #eee; */
  /* margin-bottom: 24px; */
}

/*
body { background: url("12px.png"); }
h1, h2, h3, p { outline: 1px solid #0cf; }
*/

pre, code {
  font: 13px Monaco;
  color: #222;
}

pre {
  background: #f6f6f6;
  padding: 10px;
  border: 2px solid #eee;
}

table {
  margin-bottom: 24px;
}

table.gallery td {
  background: #f6f6f6;
}

table.gallery td pre {
  border: none;
}

p.logo {
  float: right;
  margin-top: -84px;
}

th, td {
  border: 2px solid #ddd;
  padding: 0 3px;
}