/*
  Comment list and entry styling
*/

.EPC-RSS-link {
  position: relative;
  float: right;
}

.EPC-list a { text-decoration: none; }
.EPC-list a:link    { color: #33F; }
.EPC-list a:visited { color: #33F; }
.EPC-list a:hover   { color: #007; }
.EPC-list a:active  { color: #33F; }

.EPC-list {
  margin: 0px auto;
  margin-right: 1em;
}

.EPC-depth {
  margin-left: 1em;
}

.EPC-entry {
  margin: 1px;
  padding: 1px;
}

.EPC-owner-comment {
  margin: 1px;
  padding: 1px;
}

.EPC-entry-name {
  display: inline-block;
  margin: 1px;
  padding: 1px;
}

.EPC-owner-comment .EPC-entry-time a:link    { color: #009; }
.EPC-owner-comment .EPC-entry-time a:visited { color: #009; }
.EPC-owner-comment .EPC-entry-time a:hover   { color: #77F; }
.EPC-owner-comment .EPC-entry-time a:active  { color: #009; }

.EPC-entry-time:before { content: " - "; }
.EPC-entry-time {
  display: inline-block;
  margin: 1px;
  padding: 1px;
}

.EPC-entry-comment {
  margin: 1px;
  padding: 1px;
  border: 1px solid rgba(0,0,0,40);
  text-align: left;
}

.EPC-entry-reply {
  text-align: right;
  margin: 1px;
  padding: 1px;
  background-color: white;
}

/*
  Comment form styling
*/

.EPC-form {
  margin: 1px;
  padding: 1px;
  text-align: left;
}

.EPC-form-name {
  margin: 1px;
  padding: 1px;
}

.EPC-user-name {
  /* trusted user name styling */
  margin-left: 0.3em;
  font-weight: bold;
  font-style: italic;
}

.EPC-form-name input {
  margin: 1px;
  padding: 1px;
  border: 1px solid rgba(0,0,0,40);
  background-color: #EEE;
  color: #333;
}

.EPC-form-email {
  margin: 1px;
  padding: 1px;
}

.EPC-user-email {
  /* trusted user email styling */
  margin-left: 0.3em;
  font-weight: bold;
  font-style: italic;
}

.EPC-form-email input {
  margin: 1px;
  padding: 1px;
  border: 1px solid rgba(0,0,0,40);
  background-color: #EEE;
  color: #333;
}

.EPC-form-comment {
  margin: 1px;
  padding: 1px;
}

.EPC-form-comment textarea {
  display: block;
  width: 100%;
  height: 10em;
  margin: 1px;
  padding: 1px;
  border: 1px solid rgba(0,0,0,40);
}

.EPC-security {
  margin: 1px;
  padding: 1px;
}

.EPC-security-question {
  display: inline-block;
  margin: 1px;
  padding: 1px;
}

.EPC-security-question:before {
  font-style: italic;
  content: "Security question: ";
}

.EPC-security-answer {
  display: inline-block;
  margin: 1px;
  padding: 1px;
  border: 1px solid rgba(0,0,0,40);
  background-color: #EEE;
  color: #333;
}

.EPC-form-buttons {
  margin: 1px;
  padding: 1px;
  text-align: right;
}

.EPC-form-buttons input {
  margin: 1px;
  padding: 1px;
}

.EPC-form-clear {
  margin: 1px;
  padding: 1px;
}

.EPC-form-submit{
  margin: 1px;
  padding: 1px;
}


/*
  What happens to elements that were filling in incorrectly?
*/

.EPC-error-message {
  color: red;
}

.EPC-error {
  border: 2px solid red !important;
}