* {box-sizing:border-box;}

html {background-image:url(/framework/background-tile-white.png);}

body {
  background-color:rgba(100,100,100,.25);
  font-family:"Open Sans", sans-serif;
  font-size:16px;
  padding:0;
  margin:0;
  line-height:1.5em;
}

h1, h2, h3 {
  font-family:"Alegreya", serif;
  font-size:2em;
  margin:0 15px;
  line-height:1.2em;
  font-weight:normal;
}

h1 {
  text-align:center;
  font-size:3em;
  margin:1em;
}

h3 {
  font-size:1.5em;
  margin:15px;
}

section.content h2,
section.content h3 {margin:0 0 20px;}

article {
  background-color:rgba(255,255,255,.75);
  display:block;
  margin:0 auto;
  max-width:800px;
  padding:10px;
  width:100%;	
}

article section.content,
article section.lookup {margin:0 10px;}

article figure {
  background-color:#efefef;
  border:1px solid #e7e7e7;
  line-height:0;
  margin:1em 0;
  padding:10px;
  width:100%;
}

article figure img {width:100%;}

article figure figcaption {
  line-height:1.5em;
  margin:.5em 0 0;
  padding:0;
}

article blockquote {
  font-style:italic;
  margin:3em 0;
  position:relative;
  padding:10px 60px 25px;
}

article blockquote p.quoter,
article blockquote p:last-of-type {text-align:right;}

article blockquote:before,
article blockquote:after {
  font-family:"Times New Roman",serif;
  font-size:5em;
  font-weight:700;
  padding:0;
  position:absolute;
}

article blockquote:before {
  content:open-quote;
  top:0;
  left:0;
}

article blockquote:after {
  content:close-quote;
  bottom:0;
  right:0;
}

article ol li,
article ul li {margin:.5em 0;}

article code {
  background:#fff;
  border:1px solid #ccc;
  border-radius:6px;
  color:#000;
  display:block;
  font-family:monospace;
  overflow:scroll;
  padding:20px;
  text-wrap:wrap;
}

article .at.ngp-form {font-family:"Open Sans", sans-serif;}
article .at.ngp-form section.at-inner {background:none;}
article .at.ngp-form .FastAction {padding:10px;}
article .at.ngp-form header.at-title {font-family:"Alegreya", serif;}
article .at.ngp-form fieldset {padding:10px 0;}
article .at.ngp-form fieldset legend {font-family:"Alegreya", serif;}
article .at.ngp-form .at-form-submit {padding:0;}

article .at.ngp-form .at-step > ::before {
  font-size:12px;
  line-height:18px;
}



@media (min-width:800px) {


  body {padding:20px 0;}
  article {padding:20px;}

}