/* $Id: comments.css,v 1.3 2010/01/11 07:32:49 jmburnz Exp $ */

/**
 * @file comments.css
 * Basic styles for comments.
 */

/**********************************************************
 *                     Comments
 **********************************************************/
/* Comment wrapper */
#comment-wrapper {}
h2#comment-wrapper-title {}

.new {
  background-color: crimson;
  color: white;
  padding: 1px 4px;
}

.comment-block {
  margin-bottom: 10px;
/*  border-radius: 7px; */
  background-color: #f1f1f1;
  padding: 4px 2px;
  vertical-align: top;
}
.comment {
  display: table;
  font-size: 12px;
  border-radius: 7px;
}
.comment .attribution {
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
}
.comment .comment-text {
  background-color: white;
  padding: 4px 8px;
  border: 1px solid #D3D7D9;
/*  border-radius: 5px; */
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 100%;
}

.comment-text a {
color: blue;
}
.comment-text a:hover {
 color: #85a0ea;
}

/*
.comment {
  margin-left: 2em;
  margin-bottom: 5px;  
  border: 1px dotted #cdd5e0;
  border-radius: 0px 20px 0px 20px;
  padding: 2px 5px;
  background-color: #f9f9f9;
}
*/
/* Over-ride default .inner styles. */
.comment-inner {}

.comment .indented {
  margin-left: 3em; /* LTR */
}

/* The title of each comment. */
.comment-title {}

.comment-id {}

.comment-title .new {color: #FF8000;}

.comment-title a:link,
.comment-title a:visited,
.comment-title a:active {
  text-decoration: none;
}

.comment-title a:hover {
  text-decoration: underline;
}

.comment .user-picture {
  float: left; /* RTL */
  margin: 0.3em 1em; /* LTR */
}

.comment .user-picture img {
  border: 1px solid #d3d7d9 ;
}

.comment-submitted {
  font-size: 10px;
  color: maroon;
}

.comment-submitted a {}
.comment-submitted a:hover {}

/* Comment content wrapper. */
.comment-content {
  margin: 0.5em 0;
}

.comment-links {
  font-size: 10px;
  clear: both;
  float: right;
  margin: 0.3em;
}
.comment-links ul {
  margin: 0;
}
.comment-links li {
  display: inherit;
  list-style-type: square;
  padding: 0.1em 0.3em;
}
/*
.comment-links a {
  background-color: #9c9c9c;
  color: white;  
  padding: 0.2em 0.5em;
}
.comment-links a:hover {
  background-color: #ffac2f;
  padding: 0.2em 0.5em;
  text-decoration: none;
}
.comment-edit {
 background: url(comm-edit.png) 0 0 no-repeat;
 border: none;
 float: right;
 height: 24px; 
 text-indent:-9999px;
 width: 24px; 
}
.comment-delete {
 background: url(comm-delete.png) 0 0 no-repeat;
 border: none;
 float: right;
 height: 24px; 
 width: 24px; 
}
*/

/* Zebra styles for comments. */
.comment.odd  {}
.comment.even {}

/* Style comments depending on the comment author. */
.comment-by-node-author {}
.comment-by-anon   {}
.comment-mine      {}

/* Theme comment status. */
.comment .unpublished {}