

.comment_bloc, .comments_holder {
  overflow: auto;
  padding: 10px;
  background-color: #FFFFF0!important;
  font-style: normal;
  color: #555;

  .comment_form  {
    textarea {
      display: block;
      width: 100%;
      margin: auto;
      margin-bottom: 10px;
      border: 1px solid #dedede;
    }

    ul { margin-left: 10px; }
    button {
      &.close {margin-left: 0;}
      &.right {margin-right: 0;}
    }

    .markdown {
      color: @lightGrey;
      margin-left: 310px;
    }

    &#commentGlobal .markdown {
      margin-left: 461px;
    }
  }

  .comment {
    display: block;
    border: 1px solid #CCC;
    margin-bottom: 10px;

    &.done {
      opacity: 0.4;
    }

    .comment_user {
      height: 33px;
      line-height: 26px;
      padding: 0 6px;
      border-bottom: 1px solid #CCC;
      .gradient(#e7f5ed, #d7e5dd, #d7e5dd);
      line-height: 33px;
      font-style: normal;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
      color: @lightGrey;

      strong {
        color: @darkGrey;
        margin-right: 8px;
      }

      img.avatar {
        float: left;
        margin: 4px 4px 0 0;
      }

      button { margin: 4px 0 0 0 }
    }

    .comment_body {
      padding: 6px;
      line-height: 20px;
      font-style: normal;
      background: white;
      h1{
        font-size: 1.5em;
        font-weight: bold;
      }
      h2 {
        font-size: 1.2em;
        text-transform: none;
        color: #555
      }
      ul {
        li {
          list-style-position: inside;
          list-style-type: disc;
          ul {
            margin-left: 25px;
          }
        }
      }
      ol {
        li {
          list-style-position: inside;
          list-style-type: decimal;
          ul {
            margin-left: 25px;
          }
        }
      }
      pre {
        background-color: @lighterGrey;
        .radius(5px);
        color: @darkGrey;
        font-family: monospace;
        margin: 8px 5px;
        padding: 8px;
      }
      code {
        background-color: @lighterGrey;
        color: @darkGrey;
        font-family: monospace;
        padding: 2px 3px;
      }
      em {
        color: @grey;
        font-style: italic;
      }
      a {
        color: @blue;
      }
    }
  }
}
