/* CSS Document */

body
{
  font-family: verdana, arial, times new roman, courier new, courier, fixedsys;
  font-size: 12px;
  background-color: #000000;
  color: #eeeeee;
  margin: 0px auto;
  letter-spacing: 0.12em;
  background-image: url(./img/back.png);
}

h1, h2, h3 { font-family: tahoma, verdana, arial, times new roman, courier new, courier, fixedsys; }
h1 { font-size: 19px; font-weight: bold; margin: 0px 0px 0px 0px; margin-bottom: 10px; margin-top: 10px; text-align: center; }
h2 { font-size: 17px; font-weight: bold; margin: 0px 0px 0px 0px; margin-bottom: 10px; margin-top: 10px; }

a { color: #d5dadd; text-decoration: none; }
a:hover { color: #d5dadd; text-decoration: underline; }
a:active { color: #d5dadd; text-decoration: underline; }
a:visited { color: #d5dadd; text-decoration: none; }

p { margin: 5px 5px 5px 5px; }

ul { list-style-type: disc; }
ul b { font-weight: 600; }
ul li ul { list-style-type: circle; margin-top: 5px; padding-left: 20px; padding-top: 2px; }

form ul li { margin-top: 2px; }
form ul li input { margin-top: 3px; margin-bottom: 2px; }
textarea { margin-top: 3px; }
input, textarea { font-family: tahoma, verdana, arial, times new roman, courier new, courier, fixedsys;  font-size: 12px; }
.marginedFormLi { margin-top: 10px; }
.circledFormLi { margin-top: 10px; list-style-type: none; padding-right: 50px; }
.submitButton { margin-top: 0px; margin-bottom: 0px; }

.gbookReadMessages { margin-top: 20px; }

#indexContainer { color: #bbbbbb; padding: 0px 0px 0px 0px; width: 770px; margin: 0px auto; margin-top: 30px; margin-bottom: 30px; }
div#indexHead { background-color: #bbbbbb; text-align: right; width: 770px; height: 50px; margin: 0px auto; padding: 0px 0px 0px 0px; }
#indexHeadText { color: #333333; font-size: 20px; margin-right: 20px; line-height: 50px; }
div#indexContentContainer { background-color: #2a2a2a; margin: 0px auto; width: 770px; padding: 0px 0px 0px 0px; }
#indexContentMenu { background-color: #505050; height: 25px; width: 770px; text-align: right; }
#indexContentMenuText { font-variant: small-caps; font-size: 12px; position: relative; left: -30px; line-height: 25px; }
#indexContent { line-height: 130%; width: 710px; padding: 30px 30px 30px 30px;  }
div.indexContentSubEntry { width: 670px; padding: 20px 20px 20px 20px; background-color: #222222; margin: 0px 0px 0px 0px; margin-bottom: 10px; }
div.indexContentSubSubEntry { width: 630px; padding: 20px 20px 20px 20px; background-color: #2a2a2a; margin: 0px 0px 0px 0px; margin-bottom: 10px; }
#indexCopyright { color: #444444; font-size: 90%; font-variant: small-caps; text-align: center; width: 750px; margin: 0px auto; margin-top: 7px; }
#indexCopyright a { color: #444444; }
#indexCopyright a:hover { color: #444444; }
#indexCopyright a:active { color: #444444; }
#indexCopyright a:visited { color: #444444; }
#indexContentMenuText a { color: #dddddd; text-decoration: none; }
#indexContentMenuText a:hover { color: #dddddd; text-decoration: underline; }
#indexContentMenuText a:active { color: #dddddd; text-decoration: underline; }
#indexContentMenuText a:active { color: #dddddd; text-decoration: none; }
#indexContent p { margin: 0px 0px 0px 0px; margin-bottom: 20px; }
#indexContent p:first-line { margin-left: 10px; }

small { font-size: 9px; }

.userFormIcon { width: 16px; height: 16px; position: relative; top: 3px; margin-right: 5px; }