#comments p {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
}

div#comments {
  margin: 20px auto;
  border: 1px solid rgb(156,156,156);
  border-radius: 7px;
  padding: 15px 40px 15px 40px;
  box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.45 );
  background-color: rgb(254,254,254);
}

.hide-text {
  position: absolute;
  width: 0;
  overflow: hidden;
}

.expand {
  position: absolute;
  width: 0;
  overflow: hidden;
}

/* Comments and Messages
-------------------------------------------------------------------------------------- */
#comment-controls {
	float: right;
	position: relative;
}
#comment-controls div.filter-inactive, #comment-controls div.filter-active {
	color: #666666;
	font-size: 11px;
	padding-left: 18px;
}
#comment-controls div.filter-active {
	background: url(/static/disclosure-triangle.gif) no-repeat 0 2px;
	cursor: pointer;
}
#comment-controls div.open {
	background-position: 0 -16px;
}
#comment-controls div.filter-options {
	background-color: #fff;
	border: 1px solid #c9c7c7;
	display: none;
	font-size: 11px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 20px;
}
#comment-controls div.filter-options a {
	display: block;
	padding: 2px 10px;
	text-align: right;
	text-decoration: none;
}
#comment-controls div.filter-options a:hover {
	background-color: #eee;
}

#comments {
	clear: both;
}
#comments h2 {
	color: #333;
	float: left;
	font-weight: bold;
	font-size: 16px;
}
form#comment-listing {
	float: right;
}
form#comment-listing label {
	padding-right: 5px;
}
div.comment, div.message {
	background-color: #f7f7f8;
	border: 1px solid #bbbcbf;
	clear: both;
	margin: 0 0 12px;
	padding: 5px;
}
div.comment {
	margin: 10px 0px 0px 0px;
	padding: 2px 0 2px 15px;
}
div.comment div.entry {
	padding-right: 15px;
}
div.comment div.comment {
	margin-right: -1px !important;
}
div.comment div.comment,
div.comment div.comment div.comment div.comment,
div.comment div.comment div.comment div.comment div.comment div.comment,
div.comment div.comment div.comment div.comment div.comment div.comment div.comment div.comment,
div.message div.message,
div.message div.message div.message div.message,
div.message div.message div.message div.message div.message div.message,
div.message div.message div.message div.message div.message div.message div.message div.message {
	background-color: #fff;
	margin: 10px 0 8px;
}
div.comment div.comment div.comment,
div.comment div.comment div.comment div.comment div.comment,
div.comment div.comment div.comment div.comment div.comment div.comment div.comment,
div.comment div.comment div.comment div.comment div.comment div.comment div.comment div.comment div.comment,
div.message div.message div.message,
div.message div.message div.message div.message div.message,
div.message div.message div.message div.message div.message div.message div.message,
div.message div.message div.message div.message div.message div.message div.message div.message div.message {
	background-color: #f7f7f8;
}
.new-comment,
div.comment div.new-comment {
    border: 5px solid #eed1ee !important;
    padding: 0 0 0 10px !important;
    margin-right: 0 !important;
}
div.retracted {
    text-decoration: line-through;
}
div.comment-meta {
	color: #7f7f83;
}
div.comment-meta span {
	float: left;
	font-size: 13px;
	margin: 0 10px 0 0;
}
div.comment-meta span.comment-author {
	text-align: left;
}
div.comment-meta span.comment-author a {
	color: #538d4d;
	font-weight: bold;
	text-decoration: none;
}
div.comment-meta span.comment-date {
	color: #999;
	font-style: italic;
	margin: 0 20px 0 0;
}
div.comment-meta span.votes {
	color: #538d4d;
}
div.comment-meta a.expand {
	float: right;
}
div.message .tagline {
    padding: 0 5px;
    margin: 0;
}
div.message .head.new {
    color: orangered;
}
div.message .subject {
    color: #538d4d;
    padding: 0 5px;
    margin: 0;
}
div.message-content {
	clear: both;
	padding: 9px 5px 0;
}
div.comment-content {
	clear: both;
	padding: 9px 0 0;
}
div.comment-links, div.message-links {
	padding: 0 5px 5px;
}
div.comment-links {
	padding: 0 0 2px;
        margin-top: -10px;
}
div.comment-links ul, div.message-links ul {
	list-style: none;
	margin: 0;
}
div.comment-links ul li, div.message-links ul li {
	border-right: 1px solid #bbbcbf;
	float: left;
	line-height: 1em;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}
div.comment-links ul li:last-child, div.message-links ul li:last-child {
	border-right: none;
}

div.tools span.error, div.comment-links span.error {
    clear: left;
    display: block;
    padding-top: 5px;
    margin: 0;
    line-height: 1em;
}
div.comment-links span.error {
    padding-top: 10px;
}

div.comment-links ul {
	float: right;
}
div.comment-links ul.votes {
	float: left;
}
div.comment-links ul li {
	border-right: none;
	margin: 0 0 0 5px;
	padding: 0;
}
div.comment-links ul.votes li {
	margin: 0 5px 0 0;
}
div.comment-links ul li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 0;
        overflow: hidden;
	padding: 20px 0 0;
}
div.comment-links ul li a:hover, div.comment-links ul li a.mod {
	background-position: 0 -20px;
}

/* color changes
----*/
div.comment-meta span.comment-author a {
  color:#6a8a6b;
}
div.comment-meta span.votes {
  color:#6a8a6b;
}

div.comment-links ul li a {
  height: auto;
}

div.comment-links {
  margin-top: -20px;
  overflow: auto;
    width: 100%
}
