* {
  margin                : 0;
  padding               : 0;
}

html, body {
  background-color      : #f4f4ea;
  color                 : #5f5f5f;
}

body {
  font-family           : 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Sans-Serif;
  font-size             : 1em;
  /*background-image      : url(../img/ark.jpg);*/
}

img {
  border                : 0 solid transparent;
}

div#wrapper {
  width                 : 60em;
  margin                : 2em auto;
  position              : relative;
  text-align            : center;
}

h1 {
  width                 : 60%;
  margin                : 0 auto 1.2em 7.1em;
  text-align            : left;
  text-transform        : uppercase;
  font-size             : 1.7em;
  letter-spacing        : .5em;
  margin-right          : .5em;
}

h1 a:link,
h1 a:active,
h1 a:visited,
h1 a:hover span.part {
  color                 : #5f5f5f;
  text-decoration       : none;
}

h1 a:hover,
h1 span.part,
a:link,
a:active,
a:visited {
  color                 : #ea8030;
  text-decoration       : none;
}

a abbr {
  border-bottom         : none;
}

p.success {
  font-weight           : bold;
  margin-top            : 2em;
}

div#content {
  position              : relative;
  font-size             : .8em;
  margin                : 0 16em 0 12em;
  border                : 2px dotted #d6c492;
  text-align            : left;
  /*background            : #f1f1dd url('/img/rare_folk_transparent.png') no-repeat bottom right;*/
  background            : #fff url('/img/rare_folk_transparent.png') no-repeat bottom right;
  padding               : 0 2em;
  height                : auto !important;
  height                : 25em;
  min-height            : 25em;
}

div#content h2 {
  font-size             : 1.1em;
  text-transform        : uppercase;
  font-weight           : bold;
  margin                : 2em 0 0 0;
}

div#content h2 a:link,
div#content h2 a:active,
div#content h2 a:visited {
  color                 : #5f5f5f;
}

div#content h3 {
  font-size             : 1em;
  text-transform        : uppercase;
  margin-top            : 1.5em;
}

div#content div#persons h3 {
  font-size             : 1em;
  text-align            : right;
  color                 : #ea8030;
  margin-top            : -.7em;
}

div#content div#persons h3 a span {
  display               : block;
  font-weight           : normal;
  text-transform        : lowercase;
}

div#content div#persons h3 a span.parenthesis {
  display               : none;
}

div#content a:hover {
  text-decoration       : underline;
}

div#content p, div#info dl dd {
  margin                : .2em 0 2em 0;
  text-align            : justify;
}

div#content div.article {
  clear : both;
}

div#content hr {
  clear                 : both;
  visibility            : hidden;
}

div#content address {
  font-style            : normal;
}

div#content address span {
  display               : block;
}

div.home h1 {
  visibility            : hidden;
}

div.home div#content {
  background-image      : url(../img/rare_folk.png);
  letter-spacing        : .4em;
  padding               : 10em 0 0 10em;
}

* > div.home div#content {
  padding               : 0 2em;
  height                : 28em;
}

div.home div#content h2 {
  letter-spacing        : .5em;
  margin                : 2em 0 0 2em;
  width                 : 10em;
  font-size             : 3em;
}

div.home div#content h2 span.part {
  color                 : #ea8030;
}

div.home div#content p {
  /*margin                : 0 0 12em -10em;
  letter-spacing        : .3em;
  width                 : 250px;
  padding               : 0 0 0 20px;
  border:1px solid red;*/
  line-height           : 2.5;
  position              : absolute;
  left                  : 75px;
  width                 : 200px;
  text-align            : right;
  letter-spacing        : .2em;
}

* > div.home div#content p {
  margin                : 4em 0 12em 0;
}

div.home div#content p span.quote-start {
  color                 : #ea8030;
  font-size             : 5em;
  float                 : left;
  display               : block;
  margin                : -.5em .2em 0 0;
}

div.home div#content p span.quote-end {
  display               : none;
}

ul#menu {
  width                 : 11.6em;
  position              : absolute;
  left                  : 0;
  top                   : 4em;
  /*float                 : left;*/
  text-align            : right;
  list-style-type       : none;
  font-size             : .9em;
}

ul#menu li {
  margin-top            : 2em;
}

ul#menu li a {
  display               : block;
  border                : 2px solid #f4f4ea;
  padding               : .2em 2em .2em 1em;
  margin-right          : 2px;
}

ul#menu li a:link,
ul#menu li a:active,
ul#menu li a:visited {
  text-decoration       : none;
  color                 : #5f5f5f;
}

ul#menu li a:hover,
ul#menu li.active a {
  /*background-color      : #f1f1dd;*/
  background-color      : #fff;
  border                : 2px dotted #d6c492;
  border-right-color    : #f4f4ea;
}

ul#menu li.mailto {
  margin-top            : 5em;
}

ul#menu li.mailto a:link,
ul#menu li.mailto a:active,
ul#menu li.mailto a:visited {
  text-decoration       : underline;
}

ul#menu li.mailto a:hover {
  background-color      : transparent;
  border                : 2px solid transparent;
  text-decoration       : none;
}

div#info {
  color                 : #7f7f7f;
  font-size             : 1.1em;
  margin                : 7em 0 8em 4em;
  width                 : 25em;
}

div#info dl dt {
  font-weight           : bold;
  font-size             : 1em;
  text-transform        : uppercase;
}

div#bottom {
  margin-top            : 5%;
}

div#content ul.addr {
  list-style-type       : none;
  margin-bottom         : 1em;
}

div#content ul.addr abbr {
  display               : -moz-inline-box;
  display               : inline-block;
  width                 : 2em;
}

div#content ul.mail {
  float                 : right;
  list-style-type       : none;
}

div#content ul.mail li {
  text-align            : right;
}

div#content form {
  clear                 : right;
  padding-top           : .2em;
}

div#content form p {
  margin                : 1em 0;
  padding               : 0;
}

div#content form div {
  margin                : .4em 0;
}

div#content form label {
  line-height           : 1.4;
  display               : -moz-inline-box;
  display               : inline-block;
  width                 : 5em;
  vertical-align        : top;
}

div#content form input.text, textarea {
  font-family           : 'Courier New', Courier, Monospace;
  font-size             : 1em;
  border                : 1px inset #ccc;
  color                 : #000;
}

div#content form input.text {
  display               : inline-block;
  width                 : 20em;
}

div#content form textarea {
  width                 : 40em;
  height                : 20em;
}

div#content form input.button {
  padding               : 2px 8px;
  border                : 1px outset #ccc;
  background-color      : white;
  margin-bottom         : .4em;
}

div#content form .error {
  color                 : #c00;
}

div#content form ul {
  padding-left          : 1em;
  margin-bottom         : 1em;
}

div#news {
  position              : absolute;
  top                   : 4.2em;
  right                 : 0;
  width                 : 12em;
  text-align            : left;
}

div#news div.article {
  border                : 2px dotted #d6c492;
  /*background-color      : #f1f1dd;*/
  background-color      : #fff;
  padding               : .5em;
  margin-bottom         : 1em;
  font-size             : .8em;
}

div#news div.article h2 {
  font-size             : 1em;
  font-weight           : bold;
  text-transform        : uppercase;
}

div#news div.article img {
  margin                : 0 !important;
  width                 : auto !important;
  width                 : 13em;
  max-width             : 13em;
  height                : auto !important;
  height                : 11em;
  max-height            : 11em;
}

div#footer {
  margin-top            : 1em;
  font-size             : .8em;
}