/* --------------------------------------------------------
Microsite - HTML5 Example Page
-------------------------------------------------------- */

/*
Colors:
#484848 - almost black - text
#e34c26 - orange - active links, comments
#f5f5f5 - light grey - code box
#4b4f54 - dark grey - code box content
*/

/* CSS Reset ------------------------- */

/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,embed,iframe,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}

/* Webfonts ------------------------- */

@font-face {
  font-family: 'nerislight';
  src: url('../fonts/Neris-Light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'neristhin';
  src: url('../fonts/Neris-Thin-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: 'nerissemibold';
  src: url('../fonts/Neris-SemiBold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

/* General Styles ------------------------- */

body,
input, textarea, select, button {
  color: #484848;
  font: 100% 'nerislight', sans-serif;
  line-height: 1.42em;
}

body {
  color: #484848;
  background-color: white;
  padding: 1em;
}

p {
  margin-bottom: 1.2em;
}

strong {
  font-weight: bold;
}

em, cite {
  font-style: italic;
}

a:link, a:visited {
  color: #484848;
  text-decoration: none;
  border-bottom: 1px dotted #484848;
}

a:focus, a:hover, a:active {
  color: #e34c26;
  border-bottom-color: #e34c26;
}

h1, h2, h3, h4, h5, h6 {
  display: block;
  margin: 0 0 1.4em;
  font-size: 1em;
  font-weight: bold;
  clear: both;
}

/* Layout ------------------------- */

body {
  min-width: 310px;
  max-width: 960px;
}

footer {
  margin-top: 3.5em;
}

/* Content styles ------------------------- */

h1 {
  font-size: 1.6em;
}

pre, code {
  /*font-family: "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;*/
  font-family: 'neristhin', monospace;
  background-color: #f5f5f5;
  color: #4b4f54;
}

pre {
  padding: 1em;
  margin-bottom: 1em;
}

code {
  padding: 0.2em 0.4em;
}

button.copy {
  display: block;
  margin-left: auto;
  margin-right: 0;

  margin-bottom: -2px;
  padding: 3px 8px;
  font-size: 0.7em;
}

/* Content Typo & Layout ------------------------- */

footer p {
  font-size: .7em;
  line-height: 1.3em;
}
@media print {
  pre {
    padding: 0;
  }
}

noscript img {
  border: 0;
}