/*------------------------------------------------------------------
basic html tags redefined
-------------------------------------------------------------------*/
/* resets */
body {
  font-family: "UniversCondensedBoldItalic", sans-serif;
  font-style: italic;
  font-size: 13px;
  color: #505050;
  letter-spacing: 0.19em;
}

body,
#wrapper {
  color: #505050;
  background-color: #1e1e1e;
}

a,
#content-pages .delimiter {
  color: #505050;
}

a:hover,
a.mark {
  color: #fff;
}

#wrapper {
  width: 836px;
}

#main {
  margin-bottom: 0px;
}

#content-main,
h1,
h2,
h3 {
  font-size: 13px;
}

#logo {
  background-image: url("../img/scheffold-vizner-logo-fineart.png");
  display: block;
  height: 20px;
  left: 664px;
  margin-top: -17px;
  position: absolute;
  width: 200px;
  opacity: 100;
}

/* navigation */

#nav-pages,
#nav-years,
#nav-section {
  height: 13px;
}

#nav-pages {
  margin-bottom: 4px;
}

#nav-years {
  margin-bottom: 6px;
}

#nav-section {
  padding-top: 7px;
  border-top: 2px solid #505050;
}

/* content */

.richtext strong,
.richtext em {
  font-style: italic;
  font-weight: normal;
}

/* normal */
.richtext {
  color: #505050;
}

.richtext strong,
.richtext em,
.richtext h1,
.richtext h2,
.richtext h3 {
  color: #fff;
}

.richtext h1,
.richtext h2,
.richtext h3 {
  font-size: 16px;
  margin-bottom: auto;
  line-height: 24px;
}

/* vice versa */

.parent-projects-fineart .richtext {
  color: #fff;
}

.parent-projects-fineart .richtext strong,
.parent-projects-fineart .richtext em {
  color: #505050;
}

.parent-projects-fineart .richtext h1,
.parent-projects-fineart .richtext h2,
.parent-projects-fineart .richtext h3 {
  color: #fff;
  font-size: 13px;
}

#content-main {
  width: 836px;
  height: auto !important;
  max-height: 9999px; /* set it high, because i can not remove it */
}

#image-overview-wrapper {
  width: 100%;
  height: 538px;
  position: relative;
}

#image-overview {
  width: 100%;
}

#image-overview img {
  display: block;
  position: absolute;
  bottom: 0px;
}

#gallery-center-pusher {
  float: left;
  height: 50%;
  /*margin-bottom: will be set from javascript;*/
  position: relative;
  width: 100%;
}

.projectsfineart-template #content-main div.richtext {
  height: 120px;
  margin-bottom: 23px;
}

#content-main div#image-text.richtext {
  height: 105px;
  margin-bottom: auto;
}

#gallery-fineart {
  display: none;
}

.pf .richtext {
  margin-top: 29px;
}

.pf .richtext p:first-child,
.pf .richtext p {
  margin-top: 0px;
  line-height: 24px;
}
