/*******************************************************************************
*  Стили для сайта  ************************************************************
*******************************************************************************/


body {
  height: 100%;
  width: 100%;
  font-family: Georgia;
  color: #87877b;
  font-size: 100%;
}

a {
  color: #87877b;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a.enter-link {
  padding-right: 5px;
  letter-spacing: 1px;
}


.no-display { display: none; }


#top-menu-wrapper {
  padding: 10px 0 4px 0;
  font-size: 0.8em;
  margin: 0 auto;
}
#top-menu-wrapper.main-page { display: none; }

#genres-menu-wrapper {
  padding-top: 0px;
  margin: 0 auto;
}
#genres-menu-wrapper.main-page { display: none; }

#top-menu {
  height: 17px;
}
#top-menu, #genres-menu {
  margin: 0 auto;
}
#top-menu li, #genres-menu li {
  border-left: 1px #87877b solid;
  padding: 0 4px 0 7px;
  letter-spacing: 1px;
  color: #000;
  display: inline;
}
#top-menu li.first, #genres-menu li.first {
  border-left: 0px;
}


#photo-wrapper {
  height: 421px;
  padding-top: 10px;
  background: url(../images/ajax-loader.gif) no-repeat center center;
}

#photo-wrapper img, .gallery-photo {
  border: 1px #000 solid;
}

.hidden {
  opacity: 0.01;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1); /* IE 5.5+*/
}

#nav-wrapper {
  padding-top: 12px;
  font-size: 0.7em;
}

.nav-right { cursor: pointer; }

a.nav-disabled {
  color: #000;
  cursor: default;
}
a.nav-disabled:hover {
  text-decoration: none;
}

#galleries-list {
  padding-top: 14px;
}

#galleries-list li {
  color: #000;
  display: inline;
  padding-right: 7px;
  font-size: 0.8em;
}


#contacts-wrapper {
  width: 619px;
  height: 421px;
  background: url(../images/contacts_bg.png) no-repeat left top;
  text-align: left;
  margin: 14px auto 0;
}

#contacts-inner { padding: 30px 0 0 60px; font-size: 1.1em; }

#contacts-inner p { line-height: 22px; }

#contacts-inner dl {
  overflow: hidden;
  padding-top: 33px;
  zoom: 1;
}

#contacts-inner dl dt, #contacts-inner dl dd {
  float: left;
  padding-bottom: 12px;
}

#contacts-inner dl dt { clear: both; }

#contacts-inner dl dd, #contacts-inner dl dd a { color: #34332e; }


#about-wrapper, #blog-wrapper, #projects-wrapper {
  height: 421px;
  width: 619px;
  margin: 18px auto 0;
  border: 1px #ccc solid;
}

#about-wrapper.slide-1 { background: url(../images/about_bg_1.png) no-repeat left top; }
#about-wrapper.slide-2 { background: url(../images/about_bg_2.png) no-repeat left top; }
#about-wrapper.slide-2 h2 { margin: 65px 0 23px; }
#about-wrapper.slide-3 { background: url(../images/about_bg_3.png) no-repeat left top; }
#about-wrapper.slide-3 h2 { margin: 74px 0 23px; }
#about-wrapper.slide-4 { background: url(../images/about_bg_4.png) no-repeat left top; }
#about-wrapper.slide-4 h2 { margin: 50px 0 23px; }

#about-wrapper h2 { font-weight: normal; }
#about-wrapper.slide-2, #about-wrapper.slide-3, #about-wrapper.slide-4 { line-height: 18px; }

#about-wrapper img, #about-wrapper p {
  float: left;
  text-align: left;
  font-size: 1.1em;
  line-height: 27px;
  margin-top: 30px;
}

#about-wrapper img {
  margin-left: 30px;
  border: 1px #777 solid;
}

#about-wrapper p {
  padding-left: 24px;
  padding-top: 40px;
}

#about-wrapper p span {
  font-size: 0.9em;
  display: block;
  padding-top: 20px;
}


#blog-wrapper { background: url(../images/blog_bg.png) no-repeat left top; }
#blog-wrapper img { margin-top: 42px; }
#blog-wrapper p { padding-top: 20px; line-height: 18px; }
#blog-wrapper p a { text-decoration: underline; }

#projects-wrapper { background: url(../images/projects_bg.png) no-repeat center bottom; }
#projects-wrapper p { padding-top: 60px; }
#projects-wrapper p.link { padding-top: 40px; }
#projects-wrapper p.link a { text-decoration: underline; }