* {
  margin: 0;
  padding: 0;
}

/* The body formatting */

body {
  background: #231f21 url(background.png) no-repeat fixed left bottom;
  font: 62.5%/100% Georgia, serif;
  color: #FFFFFF;
  margin: 0 15px;
}

/* Links */

a {
  text-decoration: underline;
}
a:hover {
  color: #EC008D;
}
a:visited {
  color: #A69FA2;
}

a img {
  border: 2px solid #FFFFFF;
}
a:hover img {
  border: 2px solid #EC008D;
}
a:visited img {
  border: 2px solid #3C3839;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
/*  font: "Lucida Sans Unicode", "Lucida Console", Verdana, sans-serif; */
}
h1 {
  color: #FFFFFF;
  font-size: 2.8em;
  line-height: 2.8em;
}
h2 {
  background: #231f21 url(options.gif) no-repeat top left;
  padding-left: 2.0em;
  font-size: 1.8em;
  line-height: 2.4em;
  color: #ED008E;
  border-top: 1px solid #971F5F;
}
h2 a {
  color: #ED008E;
}
h2 a:hover {
  color: #ffffff;
}
h3 {
  background: #ED008E;
  color: #FFFFFF;
}
.header h1 {
  background: #971857 url(butterfly-2.png) no-repeat right center;
  padding: 0 0 0 1em;
}


/* Paragraphs and text formatting */

p {
  line-height: 1.7em;
  font-size: 1.3em;
  margin-bottom: 1.1em;
}
p.loud {
  color: #ED008C;
  font-size: 2.0em;
  margin: 0em;
  font-variant: small-caps;
  font-weight: bold;
  text-shadow: white 0px 0px 3px;
}
blockquote {
  display: block;
  padding: 0em 2.4em;
  min-height: 25px;
  background: #231F20 url(blockquote.gif) no-repeat left top;
  font-size: 1.4em;
  margin: 1em 0em;
  line-height: 1.5em;
  font-variant: small-caps;
  font-weight: bold;
  text-shadow: #ED008C 0px 0px 3px;
}
span, em {
  color: #ED008C;
}
table {
  line-height: 1.2em;
  font-size: 1.0em;
  margin-top: 0.7em;
}

/* Lists */

.wrapper ul li {
  color: #A01F62;
  list-style: square;
  line-height: 1.9em;
}
.wrapper ul {
  text-align: left;
  display: block;
  margin: 1em 0 1em 1.4em;
}

.wrapper ul li span, .wrapper ul li b, .wrapper ul li strong {
  color: #FFFFFF;
  font-weight: normal;
  font-size: 1em;
}

/* The layout */

.header {
  clear: both;
  margin-bottom: 0em;
  line-height: 2.4em;
  padding: 0.35em 1em;
}
.header p {
  margin-left: 1.8em;
  font-size: 1.5em;
}
.header a {
  text-decoration: none;
}
.header a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.wrapper {
  float: right;
  width: 72%;
  clear: both;
  padding: 1em 1.4em 1.4em 1.4em;
  font-size: 1.1em;
}
.footer {
  clear: both;
  margin-top: 5em;
  line-height: 2.4em;
  background: #971857;
  padding: 0.35em 1em;
}
.footer a {
  padding: 0.8em 0.3em;
  text-decoration: none;
  font-weight: bold;
}
.footer a:hover {
  background: #ED008C;
  color: #FFFFFF;
}
.wrapper .options {
  background: #231F20 url(options.gif) no-repeat 0.6em center;
  height: 4.2em;
  line-height: 4.2em;
  border: 1px solid #971F5F;
  padding-left: 4em;
  margin: 1em 0;
}
.wrapper p {
  margin: 0.4em 0 0.4em 0.8em;
}
.wrapper h2 {
  margin: 1.8em 0 0 0;
}

.box {
  border: 1px solid #971F5F;
  margin: 0 0 0 0;
  padding: 0 0.8em;
}