* {
  margin: 0px;
  padding: 0px;
}

body {
  background: #fff url(images/back.jpg) top left;
  color: #321800;
  font-family: "Georgia", "Times New Roman", serif;
  line-height: 1.4em;
}

#page-top {
  background: transparent url(images/page-top-back.gif) center top no-repeat;
  height: 211px;
  width: 100%; 
}

#page-frame {
  background: transparent url(images/content-out-back.gif) center top repeat-y;
  width: 100%;
}

#content-frame {
  background: transparent url(images/content-top-back.gif) center top no-repeat;
}

#content-wrapper {
  background: transparent url(images/content-in-back.jpg) center top repeat-y; 
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

#content-wrapper #content-main {
  margin: 0px 78px;
  text-align: left;
}

#content-header-home {
  background: transparent url(images/header-home.jpg) center top no-repeat; 
  height: 364px;
}

#content-header {
  background: transparent url(images/header-all.jpg) center top no-repeat; 
  height: 364px;
}

/*************************************/

/* home page link and menu + lang switch */

#page-menu {
  margin-left: auto;
  margin-right: auto;
  width: 964px;
}

#lang-switch {
  color: #8d1e0d;
  float: right;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

#lang-switch:hover {
  background-color: #fd9b21;
  color: #8d1e0d;
  text-decoration: none;
}

#home-page-link {
  display: block;
  height: 130px;
  text-decoration: none;
  width: 430px;
}

#home-page-link span {
  display: block;
  text-indent: -5000px;
}

#page-menu ul {
  list-style-type: none;
  margin-left: 108px;
}

#page-menu ul li {
  float: left;
  margin-right: 55px;
  margin-top: 40px;
}

#page-menu ul li a {
  color: #2c2105;
  xdisplay: block;
  font-size: 16px;
  height: 41px;
  line-height: 41px;
  padding-bottom: 12px;
  text-decoration: none;
}

#page-menu ul li a:hover, #page-menu ul li a.active {
  background: transparent url(images/menu-back.gif) bottom left repeat-x;
  color: #6f1203;
}

/*************************************/

/* footer */

#footer {
  background: transparent url(images/footer-back.gif) center top no-repeat; 
  height: 187px;
}

#footer p {
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  width: 964px;
}

#footer p span {
  display: block;
  margin: 0px 60px;
}

#footer p span#created {
  float: right;
}

#footer p span#created a {
  color: #932210;
  text-decoration: none;
}

/*************************************/

/* home page content styling */

#home-column-left {
  float: left;
  width: 514px;
}

#home-column-right {
  background: transparent url(images/home-right-column-back.jpg) top left repeat-y;
  float: right;
  width: 330px;
}

#home-column-right div {
  margin: 0px 13px 0px 60px;
}

#home-column-right div p {
  color: #932210;
  margin: 1em 0px;
}

#home-column-right div p#about-author-link {
  background: transparent url(images/author-link-back.gif) top left no-repeat;
  padding: 1em 0px;
  text-align: center;
}

#home-column-right div p#about-author-link a {
  background: transparent url(images/author-link-arrow.gif) center left no-repeat;
  color: #932210;
  display: block;
  font-weight: bold;
  padding-left: 3em;
  text-align: left;
  text-decoration: none;
}

div.clear {
  clear: both;
}

#home-column-left p {
  color: #4a2c10;
  margin: 1em 0px;
}

#home-column-left h1 {
  background: transparent url(images/header-ornament.gif) 3.5em 0px no-repeat;
  color: #932210;
  margin: -35px 0px 0em 0px;
  padding-bottom: .5em;
}

/**********************************/

/* general content styling */

#content-main h1 {
  background: transparent url(images/header-ornament.gif) 3.5em 0px no-repeat;
  color: #932210;
  margin: -35px 0px 0em 0px;
  padding-bottom: .5em;
}

#column-wrapper {
  margin: 0px 13px 0px 30px;
}

#column-wrapper p {
  color: #4a2c10;
  margin: 1em 0px;
}

#column-wrapper p a {
  color: #932210;
  text-decoration: none;
}

#column-wrapper ul li {
  margin: 1em;
}

#column-wrapper #top-link {
  background: transparent url(images/top-link-back.gif) center top no-repeat;
  margin-top: 2em;
  padding: 1.5em 0em 2em 0em;
  text-align: center;
}

#column-wrapper #top-link a {
  background: transparent url(images/top-link-arrow.gif) left top no-repeat;
  color: #932210;
  font-weight: bold;
  padding-left: 3em;
  text-decoration: none;
}

#column-left {
  float: left;
  width: 50%;
}

#column-left .column-inner {
  margin-right: 45px;
}

#column-right .column-inner {
  margin-left: 45px;
}

#column-right {
  float: left;
  width: 50%;
}

#column-wrapper h2 {
  color: #932210;
  font-size: 24px;
  margin: 1.5em 0em .5em 0em;
  text-align: center;
}

p.image {
  color: #932210 !important;
  font-size: 14px;
  line-height: 1em;
  text-align: center;
}

p.image span.desc {
  display: block;
  font-style: italic;
  line-height: 1.2em;
  text-align: left;
}

/*********************************/

/* headers */

#content-main h1#zbk {
  background-position: 12.5em -0.1em;
}

#content-main h1#autor {
  background-position: 5.5em -0.1em;
  margin-left: 30px;
  margin-bottom: 10px;
}

#content-main h1#kontakt {
  background-position: 4.5em -0.1em;
  margin-left: 30px;
  margin-bottom: 10px;
}

#content-main h1#linki {
  background-position: 3em -0.1em;
  margin-left: 30px;
  margin-bottom: 10px;
}

/*********************************/

/* table of contents styling*/

div#content-table {
  background: transparent url(images/separator.gif) top center no-repeat;
  padding: 3em 1em 0em 1.5em;
}

div#content-table div {
  background: transparent url(images/separator.gif) bottom center no-repeat;
  padding: 0em 0em 4em 0em;
}

div#content-table div ul {
  margin-left: 1em;
}

div#content-table div ul li a {
  color: #2c2105;
  text-decoration: none;
}

div#content-table div ul li a:hover,
div#content-table div ul li a.active {
  background-color: #fd9b21;
}

/********************************/

/* book promotion styling */

p#book-promo {
  margin: 2em 0em;
}

/******************************/

/* contact form styling */

#contact-form {
  color: #932210;
  font-family: "Georgia", "Times New Roman", serif;
}

#contact-form input,
#contact-form textarea {
  background: #fff url(images/form-item-back.gif) top left repeat-x;
  border: 1px solid #c2bcaa;
  display: block;
  height: 32px;
  width: 100%;
}

#contact-form textarea {
  height: 6em;
}

#contact-form #form-wrapper {
  background: transparent url(images/form-back.jpg) top left;
  margin: 1em 1.5em 3em 0em;
  padding: 1em 1.5em;
  position: relative;
}

#contact-form #submit-button {
  background-color: #fdb921;
  background-image: none;
  border: none;
  color: #932210;
  display: inline;
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  width: 68px;
}

#contact-form #submit-wrapper {
  background: transparent url(images/submit-wrapper-back.gif) top left no-repeat;
  margin-top: 1em;
  padding: 1em 0em;
  text-align: right;
}

#contact-form #submit-wrapper span {
  background: transparent url(images/form-submit-arrow.gif) center left no-repeat;
  padding-left: 3em;
}

#contact-form .form-message {
  padding: 1em 0em;
}

#contact-form h3 {
  font-size: 24px;
  margin-bottom: 1em;
}

#form-wrapper #form-stamp {
  background: transparent url(images/form-stamp.jpg) top left no-repeat;
  display: block;
  height: 101px;
  left: 349px;
  position: absolute;
  top: -23px;
  width: 84px;
}

/********************************/

/* links styling */

#column-wrapper ul#links-list {
  list-style-type: none;
  padding: 1.5em 0em;
}

#column-wrapper ul#links-list li {
  background: transparent url(images/links-list-back.gif) bottom left no-repeat;
  margin: 0px;
  padding: .5em 0em;
  overflow: hidden;
  width: 100%;
}

#column-wrapper ul#links-list a {
  color: #932210;
  display: block;
  float: left;
  text-decoration: none;
  width: 30%;
}

#column-wrapper ul#links-list span {
  display: block;
  float: left;
  width: 70%;
}



