* { margin: 0px; }
  body { background: #111; color: #FFF;  padding: 0; }
  body { font: 12pt "Hevetica Neue",Helvetica,Arial,sans-serif;  }  
  
  .page-block { border: 1px solid #FFF; text-align: center; background: #000 url('/archen/guestbook/files/images/marble-background.jpg'); padding: 5px; width: 590px; z-index: 6; position: relative; }
  .no-side-border { border-width: 0px 1px; }

  iframe { width: 98%; height: 276px; border: 3px solid #450000;  }

  .fields { text-align: right; width: 440px; }
  .fields input, .fields select { margin-left: 10px; border: 1px solid #800; padding-left: 4px; width: 200px; font: 12pt Arial,sans-serif; }
  .fields div { margin: 10px; }

  input:focus { background-color: #FFCFCF; }
  textarea:focus { background-color: #FFCFCF; }
  textarea { width: 560px; height: 120px; padding: 9px; margin: 4px auto; font: 12pt Arial,sans-serif;  }

  #character_pic {  width: 100px; height: 100px; float: right; margin: 10px 26px 0px 0px; }
  .arrow { background-image: url('/archen/guestbook/files/images/sign-choose.png'); }
  .icon  { border: 1px solid #800; }

  .bottom input { width: 100px; border: 1px solid #FFF; background: #800; color: #FFF;  font-weight: bold; cursor: pointer; } 
  .bottom input:hover { background: #611; }
  .clabel { text-align: left; padding-top: 15px; border-top: 1px dashed #666; margin: 9px 0px 0px 0px; }

  a  { color: #FFF; text-decoration: none; }
  p  { text-align: justify; padding: 9px 18px;  }
  h1 { margin: 9px 0px -4px 0px; font: 100 26pt "Helvetica Neue",Georgia,serif; color: #000; padding: 0;  z-index: 7; position: relative; line-height: 1em; text-align: center;  width: 590px; }
  h4 { text-align: left; margin: 9px 0px; font: italic 12pt Verdana,sans-serif; color: #FDD; border-bottom: 1px dashed #666;  }

  .banner-wrap { position: fixed; top: 0; left: 0; background: #FFF; height: 444px; width: 100%; z-index: 3; } 
  .sign-banner { position: absolute; bottom: 0px; left: 596px; display: block; }
  .shade-block { position: fixed; top: 0; left: 911px; height: 100%; background: #555; opacity: 0.2; width: 100%;  z-index: 12;  }
  .link-block  { position: fixed; left: 600px; top: 444px; background: #333; z-index: 3; text-align: left; width: 100%; }
  .link-block a { padding: 15px; text-align: center; display: inline-block; width: 122px; margin: 3px 0px 3px 0px; background: #444; font: lighter 14pt "Helvetica Neue",Helvetica,Arial,sans-serif; }
  .link-block a:hover { background: #611; }