/* Comments */

.comment_response { background:url(/magazine/graphics/clipboard.png) no-repeat top; clear:both; }
#comments .comments_question { color:#000; font:bold 1.385em/20px Trebuchet MS, Arial, Helvetica, sans-serif; padding:5px 15px 12px; margin:15px 0 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e6e4e6; }
#comments h2 { padding:0 0 4px ; margin:0 0 0 10px; color:#AF1E2C; font-weight: bold; font-size:1.231em; line-height:16px; background: url(/magazine/graphics/border_dotted.gif) repeat-x bottom; zoom:1; } /* :hack: fix peekaboo */
#comments ul { margin:0; padding:0; list-style:none; }
#comments ul li { margin-bottom:15px; padding:0; zoom:1; background:none; }/*ie7+6 :hack: haslayout fix*/
#comments ul li p { padding:0 15px 15px; margin:0; color:#454545;}
#comments ul li .byline { margin:0; padding:15px 15px 5px; color:#AF1E2C; font-size: 1em; }
#comments ul li.even { background: #E6E4E6 url(/magazine/graphics/content_top.gif) no-repeat top; }
#comments ul li.even .meta { background: url(/magazine/graphics/content_bottom.gif) no-repeat bottom; }
#comments ul li.editor_comment { background: url(/magazine/graphics/comment_editor_top.gif) no-repeat top; }
#comments ul li.editor_comment p { background: url(/magazine/graphics/comment_editor_bottom.gif) no-repeat bottom; }
#comments ul li.editor_comment p.byline { background: none; }
#comments ul li .meta { margin:0; padding:0 15px 15px; clear: left; font-size: 1em; font-style: italic; color:#333; }
#comments ul li .icon { margin-bottom:10px; }
#comments ul li .icon img {border: 2px solid #fff;}

#comments ul li .userdetails { margin-bottom:5px; color:#666; }
#comments ul li .userdetails a { font-weight:bold; }
#comments ul li .userdetails, .comments_list li .meta { font-size:.85em; }

#comments_form { margin:15px 0 0; clear:both; }
#comments_form form label * {vertical-align: middle;}
#comments_form form label input {margin-top: 0; margin-right:8px; #margin-right:7px; }
#comments_form form label #notifyme { margin-right:5px; }
#comments_form h2 { font-size:1.231em; text-transform: none }
#blogPost #comments_form .formbox_sleeve fieldset textarea.formlarge {width: 70%;}
#comments_form .meta img {margin:0 }
#comments_form {padding-bottom: 0;}
#comments_form span.note, #comments_form.formbox span.note label {float: none; display: block; width: 285px; }
#comments_form .note * { vertical-align:top; #vertical-align:middle; }
#comments_form .button {margin: 10px 0 0 125px; display: block; }
