@font-face {
  font-family: OFL Sorts Mill Goudy;
  src: url("../support/OFLGoudyStM.otf"); }

@font-face {
  font-family: MEgalopolisExtra;
  src: url("../support/MEgalopolisExtra.otf"); }

body {
  background: #f0ecc6;
  background-color: #e5df9e;
  background-image: -moz-linear-gradient(100% 100% 90deg, #e5df9e, #f5f3da);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f3da), to(#e5df9e));
  background-repeat: no-repeat;
  width: 940px;
  margin: auto;
  padding: 2em;
  font-family: OFLGoudyStM, Goudy, Didot, Times, serif; }

p a {
  color: black;
  text-decoration: none;
  text-shadow: 0px 0px 4px #ff99ff; }
  p a:hover {
    text-shadow: 2px 2px 2px #cc66cc;
    text-decoration: underline; }

.tooltip, .error {
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  border: 3px solid #663366;
  box-shadow: 2px 2px 10px #333333;
  height: auto;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  color: white;
  font-family: MEgalopolisExtra; }

.tooltip {
  padding: 1em 2em;
  font-size: 14px; }

.error {
  padding: 0.5em;
  font-size: 10px; }
  .error em {
    display: block;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: #663366 transparent transparent;
    position: absolute;
    bottom: -22px;
    left: 60px; }

#header .logo {
  margin-left: 1em; }
#header ul {
  list-style-type: none;
  margin-top: 0;
  float: right; }
  #header ul li {
    float: left;
    background-color: #ba8826;
    color: #f0ecc6;
    padding: 0.4em 1em;
    margin-left: 0.75em;
    border: 1px solid;
    border-bottom-size: 0;
    border-color: #ba8826;
    border-top-color: white;
    background-image: url("../images/grad_ambient.png");
    border-bottom-color: #896319;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px; }
    #header ul li a {
      color: inherit;
      text-decoration: none; }
    #header ul li.active, #header ul li.active:hover {
      background-color: #663366;
      border-color: #663366;
      background-image: url("../images/grad_border.png"); }
    #header ul li:hover {
      background-color: #5a0c14;
      background-image: url("../images/grad_shadow.png");
      border-color: #5a0c14; }

dl dd {
  margin-left: 2em;
  margin-bottom: 0.5em;
  font-style: italic; }

h3 {
  font-weight: normal;
  font-size: 0.8em;
  text-align: center;
  padding: 0.5em;
  text-decoration: underline; }

#content {
  background-color: #531830;
  background: -webkit-gradient(linear, left top, left bottom, from(#380c1e), to(#6e242d));
  background-color: #2b0d19;
  background-image: -moz-linear-gradient(100% 100% 90deg, #2b0d19, #671e3b);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#671e3b), to(#2b0d19));
  background-repeat: no-repeat;
  color: #f0ecc6;
  border-color: #663366;
  border-width: 10px;
  border-style: solid;
  padding: 2em;
  padding-top: 0;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px; }
  #content h1 {
    background-color: #f0ecc6;
    color: black;
    padding: 0.3em;
    margin: 0.75em;
    font-size: 1.5em;
    font-family: MEgalopolisExtra; }
  #content p {
    margin: 0.5em 0; }
  #content img {
    border: 2px solid; }
  #content img.key, #content .heart {
    margin: 1em; }
  #content img.key {
    border-color: #f0ecc6;
    margin-top: 0; }
  #content img.supplement {
    border-color: #663366;
    margin: 2em auto;
    margin-bottom: 0;
    display: block; }
  #content a.polaroid img {
    border-color: #ba8826;
    margin: 0 1em; }
  #content .heart {
    background-color: #f0ecc6;
    color: black;
    padding: 1em;
    margin-bottom: 0; }
    #content .heart.narrow {
      margin-left: 22em; }
  #content ul.callout {
    list-style-type: disc;
    width: 33%;
    background-color: #ba8826;
    padding: 1em;
    float: right;
    padding-left: 2em;
    margin-left: 1em; }
    #content ul.callout li {
      margin: 0.4em 0; }
  #content ul.products {
    clear: left;
    margin: auto;
    display: block; }
    #content ul.products li {
      float: left;
      width: 150px;
      background-color: #ba8826;
      padding: 10px;
      margin: 5px 2.7em; }
      #content ul.products li a {
        font-size: 0.9em;
        color: #663366; }
  #content p.bless {
    font-style: italic; }
  #content .video, #content .audio {
    text-align: center;
    border: 5px solid;
    border-color: #663366;
    margin: 1em auto; }
  #content .video {
    width: 640px; }
  #content .audio {
    width: 425px; }

#footer {
  margin-top: 1em; }
  #footer .stephan {
    float: right;
    font-size: 0.5em;
    text-align: right; }
  #footer .ads {
    width: 468;
    margin: auto;
    display: block;
    text-align: center;
    margin-top: 4px; }
    #footer .ads a {
      text-decoration: none;
      margin: 0 1em; }
    #footer .ads h3 {
      font-size: 0.7em;
      color: grey;
      margin-bottom: 1em; }

form.contact {
  width: 420px;
  margin-top: 2em;
  border: 2px solid;
  border-color: #531830;
  padding: 1em; }
  form.contact input.button {
    float: right; }