.evencomment {
   padding: 4px;
   position: relative;
   clear: both; 
/*   border-bottom: 1px dashed #ccc; */
}

.unevencomment {
   padding: 4px;
    position: relative;
    clear: both; 
/*    border-bottom: 1px dashed #ccc; */
   background-color: #ddd;
}

.error {
    background-color: white;
    color: red;
    border: 1px dashed #ccc;
    margin-bottom: 2em;
   padding: 4px;
  margin-top: 1ex;
}

.ok {
    background-color: white;
    color: green;
    border: 1px dashed #ccc;
    margin-bottom: 2em;
   padding: 4px;
  margin-top: 1ex;
}

.preview {
   padding: 4px;
    position: relative;
    clear: both; 
    border: 1px dashed #b70000;
  margin-top: 1ex;
}

.comid {
   width: 35%;
   position: relative;
   float: left; 
   margin-bottom: 1em; 
   margin-top: 1em; 
}

.comdate {
    font-size: smaller;
}

.comtext {
   width: 65%;
   position: relative;
   float: right; 
   margin-bottom: 1em; 
   margin-top: 1em; 
}

.id {
   font-size: smaller;
}

.id a:visited,
.id a:hover,
.id a:active,
.id a {
    color: black;
}

input[type="text"]:focus {
    border: 1px solid;
}

textarea:focus {
    border: 1px solid;
}

.clear {
   clear: both;
}