body {
  margin: 0 auto;
  padding: 0 1.125em; /* padding incase veiwport gets squished */
  font-size: 14.22px; /* gives a nice round row height of ~16px */
  font-family: Helvetica, Arial, sans-serif;
  line-height: 15.9975px;
  max-width: 832px; /* gives p tags a col width of about 72 chars max */
  color: #000;
  /* the baseline */
  /* background: #fff url("/images/baseline.png") top left; */
}

#logo {
  display: block;
  text-decoration: none;
  height: 82px;
  margin-top: 50px;
  background: url('/images/logo.png') left top no-repeat;
  overflow: hidden;
  text-indent: -3000em;
}

/* 
#in-short {
  font-family: "kulturista-web-1","kulturista-web-2", serif;
  font-style: italic;
  font-size: 16px;
  line-height: 19px;
  margin:  0 0 16px 0;
  padding: 0;
  background: url('/images/in-short.png') left top no-repeat;
} 
*/

#in-short {
  font-family: "kulturista-web-1","kulturista-web-2", serif;
  font-style: italic;
  font-size: 16px;
  line-height: 19px;
  width: 830px;
  height: 38px;
  margin: 47px 0 18px 0;
  padding: 0;
  text-indent: -3000em;
  overflow: hidden;
  background: url('/images/in-short.png') left top no-repeat;
}

hr {
  background: url('/images/bar.png') center left repeat-x;
  height: 21px;
  border: none;
}

h2 {
  float: left;
  font-family: "kulturista-web-1","kulturista-web-2", serif;
  font-weight: bold;
  font-size: 39px;
  line-height: 44px;
  margin: 0 16px 0 0;
  text-indent: -3000em;
  overflow: hidden;
}

p, ul {
  margin: 20.9034px 0;
  padding-left: 340px; /* widest heading + margin-right: 15.9975px; */
  line-height: 19.908px;
  word-spacing: 0.125em;
}

/*h2.a-while-back { margin-top: 18px; } */
h2.a-while-back {
  width: 281px;
  height: 31px;
  margin-top: 20px;
  background: url('/images/a-while-back.png') left top no-repeat;
}

p.a-while-back { margin-top: 44px; }

/* h2.greater-good-was { margin-top: 0px; } */
h2.greater-good-was {
  width: 310px;
  height: 40px;
  margin-top: 2px;
  background: url('/images/greater-good-was.png') left top no-repeat;
}

p.greater-good-was { margin-top: 2.89em; }


/*h2.greater-good-is { margin-top: ; } */
h2.greater-good-is {
  width: 266px;
  height: 40px;
  margin-top: 2px;
  background: url('/images/greater-good-is.png') left top no-repeat;
}

p.greater-good-is { margin-top: 2.8em; }

ul, li { list-style: disc; }
li { margin-left: 1em; }

p#nerd-olympics {
  padding: 0;
  color: #d1d1d1;
  margin: 1.3em 0;
}

p#nerd-olympics a { color: inherit; }

abbr { letter-spacing: 0.1em; }