/* Comment Styles - cancerandcareers.org */
#main ul.comment-block {
  list-style: none;
  margin-left: 0;
  margin-top: 1em; }
  #main ul.comment-block.comment-admin {
    margin-left: 0; }
  #main ul.comment-block li {
    margin-bottom: 5px;
    padding: 6px 12px; }
    #main ul.comment-block li .first span em {
      font-style: italic;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 0.92857em;
      color: #828282; }
    #main ul.comment-block li .comment-thumb img {
      border: 4px solid #fff; }
    #main ul.comment-block li .col span.commenter {
      font-size: 1.5em;
      font-family: "Open Sans Condensed", helvetica, arial, sans-serif;
      font-style: normal;
      font-weight: 400;
      color: #525252;
      padding-top: 10px; }
    #main ul.comment-block li .col span.commenter a {
      text-decoration: underline; }
    #main ul.comment-block li.staff {
      background: #555; }
      #main ul.comment-block li.staff .col span.commenter {
        color: #fff; }
      #main ul.comment-block li.staff .col span.commenter a {
        color: #fff; }
      #main ul.comment-block li.staff .col span em {
        color: #fff; }
    #main ul.comment-block li.career-coach {
      background: #EAF8FF; }
      #main ul.comment-block li.career-coach .col span {
        display: block; }
    #main ul.comment-block li.cancer-rights-attorney {
      background: #e88429 url(/images/new/stripe-attorney-comment.png) repeat 0 0;
      border-top: 2px solid #df7718;
      border-bottom: 2px solid #df7718; }
      #main ul.comment-block li.cancer-rights-attorney .edit-comment a,
      #main ul.comment-block li.cancer-rights-attorney .delete-comment a,
      #main ul.comment-block li.cancer-rights-attorney .col,
      #main ul.comment-block li.cancer-rights-attorney .col span em {
        color: #fff; }
  #main ul.comment-block li.staff * {
    color: #f0f0f0; }
  #main ul.comment-block ol {
    list-style: decimal;
    margin-left: 25px; }
    #main ul.comment-block ol li {
      padding: 0; }

.top-border {
  border-top: 1px solid #e6e6e6;
  margin-top: 1em;
  padding-top: 1em; }

/* -- Clearfix -- */
.clearfix:before, .clearfix:after,
ul.comment-block > li:before, ul.comment-block > li:after {
  content: " ";
  display: table; }

.clearfix:after,
ul.comment-block > li:after {
  clear: both; }

.clearfix,
ul.comment-block > li {
  *zoom: 1; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --- 600 => --- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (min-width: 600px) {
  .comment-block li.career-coach div.comment-thumb {
    background: url(/images/icon-comment-thumb-career-coach.png) no-repeat 12px bottom;
    padding-bottom: 33px; }

  .comment-block li.staff div.comment-thumb {
    background: url(/images/icon-comment-thumb-cac-staff.png) no-repeat 12px bottom;
    padding-bottom: 33px; }

  .comment-block li.cancer-rights-attorney div.comment-thumb {
    background: url(/images/icon-comment-thumb-attorney.png) no-repeat 12px bottom;
    padding-bottom: 33px; }

  .comment-block li.staff .first span, .comment-block li.staff .first .commenter, .comment-block li.staff .first span em, .comment-block li.staff p, #content .comment-block li.staff .col, #content .comment-block li.staff .col h3 {
    color: #fff; }

  /* -- Clearfix -- */
  .clearfix:before, .clearfix:after,
  #all-tags:before, #all-tags:after {
    content: " ";
    display: table; }

  .clearfix:after,
  #all-tags:after {
    clear: both; }

  .clearfix,
  #all-tags {
    *zoom: 1; } }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --- 768 => --- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (min-width: 768px) {
  ul.comment-block > li {
    margin-left: 34px;
    padding: 16px 0;
    position: relative; }
    ul.comment-block > li .col {
      width: 66.860465%;
      /* 460/688 */
      padding-top: 11px;
      padding-right: 25px;
      float: right; }
    ul.comment-block > li .first {
      width: 25.15349%;
      /* 173/688 */
      padding-top: 0;
      padding-right: 0;
      float: left; }
    ul.comment-block > li .first .comment-thumb {
      margin-left: -34px;
      margin-right: 1em;
      float: left; }

  .page ul.comment-block li .first .comment-thumb img {
    margin: 0; }

  #comments h2.left {
    float: left;
    margin-top: 0;
    white-space: nowrap; }

  #comments .right {
    float: right;
    line-height: 24px;
    font-size: 13px; }

  ul.comment-block li .col h3 {
    margin-top: 0 !important; }

  .top-border {
    margin-top: 40px;
    padding-top: 40px; } }
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --- 960 => --- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (min-width: 960px) {
  .comment-block li .col {
    width: 406px;
    padding-top: 11px;
    padding-right: 25px; }

  .comment-block li .first {
    width: 200px;
    padding-top: 0;
    padding-right: 0; }

  .comment-block li.career-coach div.comment-thumb,
  .comment-block li.staff div.comment-thumb {
    padding-bottom: 38px; } }