@charset "utf-8";

/* ****************************************************************************
 * COMMENTS WIDGET
 *
 * ****************************************************************************
 */

/*
 * Comment Wrapper
 * ****************************************************************************
 */

/* Override of the comment wrapper using its id */
#comments {
  margin-top            : 0px;
}

.comment-wrapper {
  float                 : left;
  padding               : 0px 0px 0px 0px;
  width                 : 100%;
  margin                : 15px 0px 20px 0px;
}

.comment-wrapper h3 {
}

.comment-wrapper p {
  margin                : 0px 0px 20px 0px;
  /*font-size             : 13px;*/
}

.comment-wrapper .title {
  font-family           : Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  padding               : 0px 0px 7px 0px;
  font-size             : 16px;
  font-weight           : 600;
  margin                : 15px 0px 0px 0px;
}

.comment-wrapper .first-time-message {
  display               : none;
}



/*
 * Comments List
 * ****************************************************************************
 */
ol.comment-list {
  margin-left           : 0px;
  padding               : 0px 0px 0px 0px;
}

ol.comment-list li {
  width                 : 100%;
  float                 : left;
  padding               : 0px;
  clear                 : both;
  list-style-type       : none;
  margin-bottom         : 0px;
}



/*
 * Comments List Item
 * ****************************************************************************
 */
.tm-comment-item {
  padding               : 20px 20px 20px 20px;
}



/*
 * Comment Body
 * ****************************************************************************
 */
.comment-body {
  float                 : left;
  margin                : 0px 0px 0px 0px;
  width                 : 100%;
  padding               : 0px 0px 10px 0px;
}

/* Add a bottom line to all orphan comment items
 * It will be overridden (on next lines) if owns to a comment-wrapper
*/
.comment-body {
  border-bottom         : 1px solid #E5E5E5;
}

/* add a top line to all comment items that owns to a comment-wrapper */
.comment-wrapper .comment-list .comment-body {
  border-top            : 1px solid #E5E5E5;
  border-bottom         : 0px none;
}

/* add a bottom line only to the last comment item in the first level that owns to a comment-wrapper */
.comment-wrapper > .comment-list > .tm-comment-item:last-child .comment-body {
  border-bottom         : 1px solid #E5E5E5;
}

.comment-body ul {
  padding               : 0px 0px 0px 20px;
}

.comment-body ol {
  padding               : 0px 0px 0px 20px;
}

.comment-body .field-item {
  clear                 : both;
  font-size             : 90%;
  line-height           : 20px;
  padding               : 5px 0px 10px 0px;
}

.comment-body a {
  color                 : #336699;
  text-decoration       : none;
}

.comment-body a:hover {
}



/*
 * Comment Meta
 * ****************************************************************************
 */
.comment-meta {
  font-size             : 13px;
  margin                : -4px 0px 0px 0px;
}

.comment-meta time {
  color                 : #A3A3A3;
  text-decoration       : none;
  font-size             : 12px;
}



/*
 * Comment Author
 * ****************************************************************************
 */
.comment-author img {
  float                 : left;
  display               : block;
  max-width             : 100px;
  padding               : 0px;
  margin                : 0 15px 8px 0px;
}



/*
 * Comment Reply action
 * ****************************************************************************
 */

.comment-reply-edit {
  width                 : 100%;
}

.comment-reply-edit ul {
  padding-left          : 0px;
}

.comment-reply-edit .links.inline li{
  float                 : left;
  font-size             : 80%;
  margin-right          : 10px;
  margin-bottom         : 0px;
  list-style-type       : none;
  width                 : auto;
  clear                 : none;
}



/*
 * New Comment Form
 * ****************************************************************************
 */
form.comment-form {
  padding               : 10px 0px 20px 0px;
}
/*
form.comment-form .form-item {
  margin-bottom         : 10px;
}

form.comment-form label {
  width                 : 100%;
}

form.comment-form input[type=text] {
  border                : solid 1px #CCC;
  width                 : 100%;
}

form.comment-form textarea {
  border                : solid 1px #CCC;
}

form.comment-form .form-submit {
  margin-right          : 10px;
  float                 : left;
}*/



/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
}


/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
}


/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
  /* Comment Wrapper
   ---------------------------------------------------------------------------*/
  .comment-wrapper {
    margin              : 0px 0px 10px 0px;
    width               : 280px;
  }

  form.comment-form {
    padding             : 20px 0px 10px 0px;
  }
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* Comment Wrapper
   ---------------------------------------------------------------------------*/
  .comment-wrapper {
    float               : none;
    margin              : 0px 0px 10px 0px;
    width               : 100%;
  }
}