#comments {
  padding: 0;
  width: 800px; }
  #comments .comment {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #comments .comment * {
      display: inline-block; }

.delete-comment {
  border: solid silver 1px;
  height: 24px;
  cursor: pointer;
  width: 24px;
  padding: 2px;
  background-color: white;
  margin-right: 0.3em; }
  .delete-comment {
    vertical-align: middle; }
  .delete-comment img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%; }

.comment-name {
  margin-right: 0.3em; }

.comment-body {
  margin-left: 0.3em; }

#comment-name {
  border: solid silver 1px;
  height: 20px;
  padding: 1px 0.5em;
  width: 10em;
  margin-right: 0.3em; }
  #comment-name {
    vertical-align: middle; }

#comment-body {
  border: solid silver 1px;
  height: 20px;
  padding: 1px 0.5em;
  width: 30em;
  margin-right: 0.3em; }
  #comment-body {
    vertical-align: middle; }

#add-comment {
  border: solid silver 1px;
  height: 24px;
  cursor: pointer;
  width: 24px;
  padding: 2px;
  background-color: white; }
  #add-comment {
    vertical-align: middle; }
  #add-comment img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%; }