/* New post box */
/* Posts and replies */

.post, .reply {
  border: 1px solid #AAA9A9; 
  background: #f9f9f9;
  min-height: 90px; 
  padding: 10px; 
  font-family: arial; 
  overflow: hidden;
  width: 670px; 
  margin: 0 0 10px 0;
}

.reply {
  width: 620px; 
  margin: 0 0 10px 50px;
}

.post .text, .reply .text {
  margin: 10px 0 0 50px; 
}

.post div {
  overflow: hidden; 
}

.post .info {
   float: left; 
}

.post a {
  float: right; 
  color: #989898; 
  font-size: .8em; 
}

.guestbooknav {
  float: right; 
  overflow: hidden; 
}

#newcomment {
  float: left; 
  overflow: hidden;
  padding: 0 0 10px 0; 
}

.guestbooknav a, #newcomment a {
  color: #d41c1c;
  margin: 0 0 0 10px; 
  font-family: arial; 
  font-size: .8em; 
}

#newcomment a {
  margin: 0 0 0 0; 
}

form {
  margin: 20px 0 0 0;  
}

.labels {
  font-size: 1em;   
}

label {
  width: 150px; 
  float: left; 
  vertical-align: top;
  font-family: arial; 
  font-size: .8em;
}

#name, #form_key {
  width: 500px; 
  margin: 2px 0;
  border: 1px solid #AAA9A9; 
}

#text {
  width: 500px;
  height: 100px; 
  border: 1px solid #AAA9A9; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* The width of the textfield isn't correct in webkit-browsers. This is a fix. */
  #text {
    width: 496px;
  }
}

#submit {
  width: 150px; 
}

#errors {
  margin: 20px 0 0 0;
  border: 1px solid red;
  background: #FF9F9A;  
  padding: 5px; 
}

#errors li {
  font-family: arial; 
  font-size: .8em; 
}

#success {
  margin: 20px 0 0 0;
  border: 1px solid green;
  background: #9affaf;  
  padding: 5px; 
	font-family: arial; 
	font-size: .8em; 
}