*{
  margin:0;
  padding:0;
  font-family: Garamond, "Times New Roman", Bodony, serif;
  font-size: 12px;
}

img {
  border: none;
  border-width: 0px;
}

img, div {
  behavior: url("./styles/iepngfix.htc");
}

html,body {
  height:100%;
  text-align: center;
}

body {
  background: transparent url('../images/background.jpg') repeat;
}

.invisible {
  display: none;
}

table {
  margin: 0 auto;
  height: 100%;
  min-height: 600px;
}

tr {
  background: transparent;
}

#content {
  background: #FFFFFF;
}

#content td {
  height:100%;
  padding: 25px;
  border: 1px solid black;
  text-align: center;
}

#content .top {
  vertical-align: top;
}

#content .middle{
  vertical-align: middle;
}

#footer{
  position: relative;
  height:10px;
  display: block;
  z-index: 0;
}

#header{
  position: relative;
  display: block;
  height: 20px;
  z-index: 1;
}

/*Элементы вокруг листка*/
#plate, #book, #menu1, #menu2, #pencil, #edge_top, #edge_bottom, #napkin, #napkintext {
  position: absolute;
  z-index: 2;
}

#plate {
  right: -235px;
  bottom: 0px;
}

#book {
  left: -310px;
  top: 0px;
}

#menu1 {
  left: -200px;
  top: 100px;
}

#menu2 {
  right: -240px;
  top: -25px;
}

#pencil {
  right: -200px;
  top: 170px;
}

#edge_top {
  left: 0px;
  top: 20px;
  z-index: 2;
}

#edge_bottom {
  left: 0px;
  bottom: 8px;
  z-index: 2;
}


#napkin {
  left: -265px;
  bottom: 0px;
}

#napkintext {
  left: -270px;
  bottom: 10px;
}

/***************************************
 *          Главная
***************************************/
#content h1{
  font-weight: normal;
  font-size: 24px;
}

/***************************************
 *          Гостевая
***************************************/
#guestbook {
  height: 100%;
  /*vertical-align: top;*/
  position: relative;
  z-index: 3;
  font-size: 16px;
}

#guestbook p {
  margin: 5px 0px 10px 0px;
  font-size: 16px;
}

#guestbook form {
  padding-left: 70px;
  text-align: left;
}

#guestbook form p {margin: 5px 0px 5px 0px;}

#guestbook form input, #guestbook form textarea {  border: 1px solid black;}

#userName {width: 200px;}
#userResponse {width: 325px;}
#userValidation {width: 35px;}
#guestbook form #validation {margin-top: 10px;}
#validation input {height: 16px;}

#validation input, #validation img {
  vertical-align: middle;
  margin-left: 10px;
}

#validation img {
  cursor: pointer;
}

#responsemsgs {
  margin-top: 20px;
  text-align: left;
}

#responsemsgs p {
  margin: 0;
  padding: 0;
}

#responsemsgs .author {
  font-weight: bolder;
  padding: 5px 5px 0px 5px;
  border-top: 1px dotted #dcdcdc;
}

#responsemsgs .response {
  margin:  0px 10px 10px 15px;
}

/***************************************
 *          Графика. Содержание.
***************************************/
#graphica {
  height: 100%;
}

#graphica div {
  height: 80px;
  clear: both;
  text-align: left;
  padding-top: 12px;
  position: relative;
  z-index: 3;
}

#graphica h2 {
  font-size: 16px;
  /*font-weight: normal;*/
  padding-top: 30px;
}

#graphica a{
  display: block;
  color: #FF9924;
  font-weight: bolder;
  font-size: 14px;
}

#graphica img{
  float: right;
  border: 1px solid black;
}

/***************************************
 *          Графика. Галлерея.
***************************************/
#gallery {
  position: relative;
  height: 100%;
  z-index: 3;
}

#gallery  .navigation {
  height: 75px;
}

#galleryPage {
  margin-top: 15px;
}

#galleryPage div{
  float: left;
  width: 214px !important;
  width: 220px;
  padding: 20px 5px 0px 5px;
  position: relative;
  z-index: 3;
}

#galleryPage img{
  border: 1px solid black;
  cursor: pointer;
}

#gallery h2{
  margin-top: 5px;
  font-size: 14px;
}

#galleryMenu {
  position: absolute;
  bottom: 10px;
  left: 0px;
  width: 460px;
  text-align: center;
  z-index: 3;
}

#galleryMenu a{
  color: #FF9924;
  font-size: 13px;
}

/***************************************
 *          Проза и Избранная Публицистика
***************************************/
#proza div, #publicism div {
  text-align: justify;
  margin-top: 15px;
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
}

#proza div h2, #publicism div h2 {
  font-size: 14px;
  /*padding-bottom: 5px;*/
  padding: 0px 10px 0px 10px;
  display: inline;
}

#proza div p {
  font-size: 13px;
}

#proza div a, #publicism div a {
  color: #FF9924;
  font-size: 13px;
  font-weight: normal;
  padding: 10px 0px 15px 0px;
}

/***************************************
 *      Навигация по разделу
***************************************/
#galleryPage .navigation, #proza .navigation, #publicism .navigation, .back a{
  text-align: center;
  width: 428px !important;
  clear: both;
}

#galleryPage .navigation a,  #proza .navigation a, #publicism .navigation a, .back a{
  color: #FF9924;
  font-size: 14px;
  font-weight: bolder;
  padding: 15px;
}

/***************************************
 *        Контакты
***************************************/
#contacts div {
  margin-top: 15px;
  font-size: 16px;
  position: relative;
  z-index:3;
}

#contacts div p{
  /*font- weight: normal;*/
  padding: 3px;
  font-size: 15px;
}

#contacts a, #contacts #phone {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 10px;
}

 #contacts a {
  color: #FF9924;
  display: block;
}

.back {
  padding: 20px 0px 0px 0px;
}
/***************************************
 *        Обо мне
***************************************/
#about {
  text-align: left;
  position: relative;
  z-index: 3;
}

#about p {
  font-size:15px;
}

#about h1{
  text-align: center;
}

#about h2{
  font-size: 16px;
  padding-top: 10px;
}