body {
  margin: 3px;
  padding: 5px 0;
  font-family: sans-serif;
  font-size: 12pt;
  line-height: 110%;
  color: #000;
  background-color: white;
  min-width: 1000px;
}

.name {
  font-size: 1.2em;
  color: #009967;
  border-bottom: 1px solid #bbbbbb;
  font-weight: normal;
  height: 1em;
  overflow:hidden;
  margin: 0.2em 0 0;
  width: 100%;
}

.name:hover {
 color: #009967;
 text-decoration: underline;
}

#answercomment {
 color: blue;
}

#answercomment:hover {
 text-decoration: underline;
}

.commentoper {
 float: right;
}

.listitem0 {
font-size: 1.2em;
border-bottom: 1px solid #bbbbbb;
height: 1em;
overflow:hidden;
margin: 0.2em 0 0;
}

.listitem0 a {
  color: green;
}
.listitem0 a:hover {
  color: lightgreen;
  text-decoration: none;
}

.listitem1 {
font-size: 1.2em;
border-bottom: 1px dashed #dd0000;
height: 1em;
overflow:hidden;
margin: 0.2em 0 0;
}

.listitem1 a {
  color: green;
}
.listitem1 a:hover {
  color: lightgreen;
  text-decoration: none;
}

.namelist {
font-size: 1em;
display:block;
float:left;
white-space:nowrap;
width:30%;
height:1em;
overflow:hidden;
}

.part {
font-size: 0.8em;
color: #666666;
margin:0 4em 0 1em;
}

.url {
 position: absolute;
 left: -1000px;
}

.short {
 position: absolute;
 left: -1000px;
}

.clocklist {
font-size: 0.7em;
float:right;
}

.tags {
 font-size: 0.7em;
 line-height: 100%;
}

a {
 color: #2222aa;
// font-weight:normal;
 text-decoration:none;
}
a:visited {
 color: #1111aa;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}

hr {
 color: orange;
}

pre {
  white-space: pre-wrap;
  margin: 0;
  font-size: 0.9em;
  background: #efefe0;
}

p {
  margin: 0;
}

img {
 border:0 none;
}

.text-area {
  width: 95%;
  height: 250px;
}

.inp {
  width: 100%;
  background: lightgrey;
}

.namedarea {
  width: 100%;
  height: 6em;
}

.clock {
  font-size: 70%;
  color: #777777;
  line-height: 100%;
}

.text {
//  border: dashed 1px #634F36;
  background: #f5fff5;
  font-size: 0.95em;
  font-family: monospace;
  padding: 7px;
  margin: 0 0 0.3em;
}

.textcom0 {
  background: #e0f0f0;
  font-size: 0.9em;
  font-family: monospace;
  padding: 4px;
}

.textcom1 {
  background: #ffe0f0;
  font-size: 0.9em;
  font-family: monospace;
  padding: 4px;
}
.sitecomment {
// margin: 0 0 0.3em;
}

.text #images {
  width:80%;
  margin:0 10%;
}

#fullhtml {
  font-family: sans-serif !important; 
  white-space: normal !important; 
}

.header {
 background-image: url(/images/fonrainy.jpg);
 background-attachment: scroll;
 background-repeat: no-repeat;
 background-position: left top;
 height:36px;
 margin: 1px;
}
#logo {
 float:left;
}

#headerright {
}

.footer {
  margin: 0;
  width: 100%;
  float:left;
}

.search {
  float:left;
  margin: 6px;
}

.login {
  float:right;
  margin: 12px;
}

.pages {
 float: left;
 width: 99%;
 font-size: 0.8em;
}
.pages a {
padding: 5px;
}
.yellow {
  background: yellow;
}

.main {
 margin: 0;
 float: left;
 width: 85%;
}

#sidebar {
 margin: 4px;
 float: right;
 width: 14%;
}
#sidebar a {
  color: green;
}
#sidebar a:hover {
  color: red;
}

#editcom {
 width: 90%;
 height: 100px;
}

#newmess {
 float: left;
 width: 100%;
}

#newfile {
 float: left;
 width: 100%;
}

#nav, #nav ul {
  font-size: 0.72em;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  background: #515151;
  float: left;
  width: 100%;
  z-index: 2;
}
#nav li {
  float: left;
  position: relative;
  background: #515151;
  border-right: 1px solid grey;
  border-bottom: 1px solid grey;
  back\ground: none;
}

#nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 8.5em;
  padding: 0.3em 0.5em;
  background:  #515151;
}
#nav a:hover {
  color: #000;
  background: #ccc;
}
#nav li:hover,
#nav li.jshover {
  background: #333;
}

#nav li ul {
  font-size: 1em;
  display: none;
  position: absolute;
  background: #515151;
//  padding: 0.5em 0;
  width: 11.99em;
}
#nav li li a {
  width: 10.95em;
  background: none;
}
#nav li:hover ul,
#nav li.jshover ul {
  display: block;
}

#nav li:hover li ul,
#nav li.jshover li ul {
  display: none;
  width: 9.99em;
  top: -0.65em;
  left: 8.5em;
  lef\t: 9.6em;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display: block;
}

#gallery {
// background-image: url(/images/372.jpg);
// background-attachment: scroll;
// background-repeat: repeat;
// background-position: center top;
 background-color: #f1f1e1;
 width: 85%;
 float: left;
 padding-bottom:100px;
}
.cell {
 border: 1px dotted gray;
 background-image: url(/images/fon.png);
 width: 185px;
 height: 185px;
 float: left;
 margin: 6px;
 display: table;
}
.cellprisoner {
 width: 185px;
 height: 185px;
 display: table-cell;
 vertical-align: middle;
}
.row {
 width: 804px;
 margin: 0 auto;
}
.gall {
 width: 806px;
 margin: 0 auto;
 text-align: center;
}
#content {
}
.edit {
width: 100%;
height: 550px;
}
.mycomment {
width: 100%;
height: 150px;
}
.gallerydescr {
width:600px;
height:200px;
}
.tab ul{
 border:2px; margin:0; padding:0; list-style:none;
 border-bottom:solid 1px #DEDEDE;
 height:29px;
// padding-left:20px;
}
.tab li{
 border:0; margin:0; padding:0; list-style:none;
 float:left;
 margin-right:1px;
}
.tab a:link, .tab a:visited{
 display:block;
 float:left;
 height:30px;
 background:url(/images/tab-round.png) no-repeat right -30px;
 color:#777;
 font-weight:bold;
 font-size:0.8em;
 text-decoration:none;
 padding-right:14px;
}
.tab a span{
 display:block;
 float:left;
 height:30px;
 background:url(/images/tab-round.png) no-repeat left -30px;
 padding-left:14px;
 line-height:30px;
 cursor:pointer
}
.tab a:hover{
 background:url(/images/tab-round.png) no-repeat right -60px;
}
.tab a:hover span{
 background:url(/images/tab-round.png) no-repeat left -60px;
}
.active a:link, .active a:visited, .active a:visited, .active a:hover{
 background:url(/images/tab-round.png) no-repeat right 0;
}
.active a span, .active a:hover span{
 color:red;
 background:url(/images/tab-round.png) no-repeat left 0;
}