body {
  font: 0.8em/1.5em Times, serif ;
  background: #000 url(background.png) -30px 0px no-repeat fixed;
  color: #ECEFF1;
  padding: 0 0 0 470px;
  margin: 0;
}

* { 
  text-transform: lowercase;
  padding:0;
  margin:0;
}

p {
  margin: 1em 0 0 0;
  padding: 0 0 1em 0;
}

p:nth-child(2):first-line {
  font-weight: bold;
}

p:nth-child(3), p:nth-child(4), p:nth-child(5) {
  text-indent: 1em;
  margin-top: -0.8em;
}


h3 {
  font-size: 1.2em;
}

ul {
  list-style: none url(dot.png);
  padding: 1em 0 0 0;
  margin-left: 3em
}

li {
  margin-bottom: 0.3em;
}

a {
  color: #eee;
  background: transparent;
  text-decoration: none;
}

abbr {
  (at the detriment of accessibility, unfortunately) */
  border: none;
}

.page-wrapper {
  background: #000 url(bottom_corner.png) no-repeat bottom right;
  color: inherit;
  width: 500px;
}

header {
  background: url(header.png) no-repeat top left;
  width: 300px;
  height: 170px;
}

h1, h2 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.preamble, .supporting div {
  padding: 0 35px 0 35px;
  text-align: justify;
}

.preamble {
  background: url(bracket-l1.png) no-repeat top left;
}

.participation {
  background: url(bracket-l2.png) no-repeat top left;
}

.requirements {
  background: url(bracket-l3.png) no-repeat top left;
}

.benefits {
  background: url(bracket-r1.png) no-repeat top right;
}

.explanation {
  background: url(bracket-r2.png) no-repeat top right;
}

.sidebar {
  position: absolute;
  top: 145px;
  left: 215px;
  background: url(menu-top.png) no-repeat top right;
  width: 248px;
  height: 50px;
}

.sidebar .wrapper {
  margin-top: 30px;
  background: url(menu-body.png) #000;
  color: inherit;
}

.design-selection, .design-archives, .zen-resources {
  padding: 0 15px 0 15px;
}

.sidebar .wrapper>.design-selection {
  background: url(flower.png) no-repeat top left;
  margin-left: -65px;
  padding-left: 80px;
  min-height: 150px;
}

.zen-resources {
  background: url(menu-bottom.png) no-repeat bottom right;
  padding-bottom: 2.5em;
}

.page-wrapper>.sidebar {
  background: url(menu-top.png) no-repeat top right;
}

.sidebar .wrapper{
  visibility: visible;
}

.page-wrapper {
  padding-bottom: 50px;
  margin-bottom: -2em;
}

p:hover {
  color: #aaa;
  background: transparent;
}

p:hover a {
  color: #fff;
  background: transparent;
}

.extra1 {
  position: absolute;
  top: 165px;
  left: 142px;
  background: url(flower.png) no-repeat top left;
  width: 115px;
  height: 150px;
}

body.extra1 {
  display: none;
}

.extra2, .extra3, .extra4, .extra5, .extra6 {
  display: none;
}