/**** Comments Style.css ***/

.commentintro {color:#777; font-weight:100; }
.commentlist {list-style: none; clear: both;}
.commentlist li.alt {
    background: #F9F9F9;
    border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb;
}
.commentlist a {color: #689; font-weight: 700;}
.commentlist a:hover {color: #c00;} 
.commentauthor {padding-top:5px; margin-bottom: 0;}
.commentmetadata {padding: 0 10px;}
.gravatar { float: left; display: inline; padding:0 10px; }
.gravatar a img {background: #fff; border: none; box-shadow:2px 2px 4px #bbb;}
.gravatar a:hover img {border: none;}
.commentcount {float: right; font-size: 2.0em; padding: 0;}
.commentcount a {color: #eee;}
.commentcount a:hover {color: #bbb; border: none;}

.commentfeed {
  background:url("https://house-of-chicago.de/data/load/img/comment_feed.jpg") no-repeat scroll left top transparent;
  border: none;
  padding: 0;
  text-indent:15px;
}
.comment-author-link {}
.commentmetadata {font-size: 0.8em; color: #bbb; font-weight: 100;}
.commentmetadata a {color: #aaa; font-weight: 100; }
#pingcontainer {margin-top: 15px;}
.ping-text {
  color: #777;
  font-size: 0.85em;
  padding-top: 4px; padding-left: 8px;
  border-left:6px solid #f1fafa;
}
.pings {
    border-top: 1px solid #fff; border-bottom: 1px solid #fff;
    margin-bottom: 0; padding: 5px;
}
.pings:hover {
    background: #f9f9f9;
    border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb;
}
li .pings:hover a {display:block;}

/***** comment form *****/
#respond { }

#commentform {margin-top: 10px;}

#commentform label { color: #444; padding-left: 10px; }

#commentform textarea {
	font-size: 1.2em;
	background:url(https://house-of-chicago.de/data/load/img/bg-input_.jpg) repeat-x scroll left bottom #fff;
	width: 90%;
	/** height: 115px; **/
	border: 1px solid #ddd;
	padding: 5px;
}
textarea:focus, input[type="text"]:focus { padding: 5px; background: #fff; }

#commentform #submit {
	font-size: 1.2em;
	border-radius: 4px;
	padding: 4px 18px;
}
#commentform #submit:hover { color: green; }


/**** Responsive.css ***/

@media only screen and (min-width: 220px)  and (max-width: 759px) {
.commentlist { margin: 0;}
}