/**
 * styles/comments.css
 * Stylesheet for comments only on TibetSun.com
 * Is called from theme_setup.php - sep 2013.
 *
 * history:
 *   13 dec 2017 jw - add styling for 'greg's comment length limiter' box.
 *   26 sep 2013 jw - refine styling.
 *
 * Note: i don't think we're using all of these classes! - sep 2013.
 *
 */
/* {{ the comments: */
div#have-your-say {
  margin-top:       10px;
  padding-top:      1ex;
}
div#have-your-say h2 {
  font-size:        110%;
  color:            #c00;
}
h2#the-question {
  color:            #000    !important;
  font-weight:      bold;
  font-size:        100%;
  margin-bottom:    0;
}
div#have-your-say > h3 { /* don't want to see the default h3 */
  display:          none;
}
div#have-your-say h3#comments-title {
  display:          block;
  margin-top:       0;
  margin-left:      10px;
  font-weight:      normal;
  font-size:        90%;
}
div#have-your-say h3#comments-title a {
  text-decoration: underline;
}
div#comments {
  padding-top:      1ex;
  border-top:       1px dashed #cccccc;
  margin-top:       2ex;
}

/* no comments */
p.nocomments {
  margin:           8px 12px;
  padding:          8px 12px;
  background-color: #ffdfcf;
}

div#have-your-say div#comments {
  margin-top:       0;
  border-top:       1px solid #ccc;
}

  /* { The Comments: */
div#comments ol,
div#comments ul.children,
div#comments ul.children li {
  list-style-type:  none;
  list-style-image: none;
}
div#comments li span.cmnt-num {
  float:            left;
  margin-left:      -20px;
  line-height:      1.5;
}
div#comments img.avatar {
  margin-left:      10px;
  margin-right:     20px;
  float:            left;
}

div#comments li.comment {
  margin-top:       30px;
  padding-top:      2ex;
  border-top:       1px dashed #ccc;
}
ul.children li {
  margin-left:      36px !important;
  font-size:        100%;
}
ul.children li:first-child {
  margin-top:       2ex !important;
  margin-left:      36px !important;
}

div.comment-author {
  margin-left:      20px;
}
div#comments span.says cite  {
  font-size:  110%;
  font-style: normal;
}
div#comments span.date  {
  display:    block;
  font-size:  85%;
  font-style: italic;
  padding-top:  4px;
  padding-left:  20px;
}

div.comment-body {
  margin-left:      -22px;
  font-size:    120%;
  line-height:  1.4;
}
div.comment-body span.edited {
  font-size:   85%;
  color:       #999;
}

div#comments div.reply {
  font-size:  90%;
}
div#comments div.reply a {
  color:            #000;
  background-color: #ff97c4;      /* dark rose */
  padding:          4px 6px;
  border-radius:    4px;
  box-shadow:       2px 2px #ccc;
  /* text-shadow:      1px 1px #fff; */
}
  /* } The Comments. */

div#respond {
  display:  table;
  clear:    both;
  margin:   40px 0 0 0;
  border:   1px dashed #cccccc;
}
div#have-your-say div#comments p.logged-in-as {
  margin-top: 0;
}
div#comments h2 {
  color: #cc0000;
}
div#comments div.content_html {
  padding: 0 1em;
}
div.comment-meta {
  font-size: 90%;
}
div.comment-meta a {  /* make the link invisible - why a link here? */
  color: #000;
  cursor: text;
}
div.comment-meta a:hover {
  text-decoration: none;
}
div.comment-meta a:before {
  content: '[';
}
div.comment-meta a:after {
  content: ']';
}

  /* { comment policy and notes: */
div#comment-policy h3 {
  margin:                auto !important;
  margin-bottom:         30px !important;
  padding:               10px !important;
  font-size:             90%  !important;
  -moz-border-radius:    8px;
  -webkit-border-radius: 8px;
  border-radius:         8px;
  background-color:      #ffdfcf;
}
div#comment-policy h3:hover {
  text-decoration:  none;
}
form.comment-form > h3, 
div#comment-policy > h3 {
  color:            #ff97c4 !important;
  margin-top:       0;
  font-size:        100%;
  margin-left:      10px;
  margin-bottom:    5px;
  text-align:       center;
}
div#comment-policy div#note, 
p#respect {
  font-size:        100%;
  text-align:       center;
  line-height:      1.5;
  padding:          12px 0 20px 0;
  width:            450px;
  margin:           auto;
}
div#comment-policy div#note {
  background-color: #ffc4dc;    /* med pink */
}

p#respect {
  font-size:        90%;
  background-color: #fafafa;
  margin:           0 auto 10px auto;
  padding:          12px;
  width:            400px;
  border:           1px dashed #ccc;
  box-shadow:       2px 2px 8px #ccc;
  border-radius:    12px;
}

div#respond span#showit {
  display:          inline-block;
  background-color: #ff97c4;
  border-radius:    12px;
  padding:          4px 12px;
  margin-top:       10px;
  box-shadow:       2px 2px 4px #ccc;
}
div#respond span.collapseomatic {
  background-image: none;
  font-weight:      normal;
  font-size:        90%;
}
h3#reply-title {  /* wordpress is making this somewhere */
  display:   none;
}

ul#comment-notes {
  text-align:       left;
  width:            340px;
  margin:           20px auto 0 auto !important;
  padding:          12px 20px 20px 20px !important;
  border:           1px solid green; 
  border-radius:    12px;
}
ul#comment-notes small {
  font-size:        90%;
}
ul#comment-notes li {
  list-style-image:  none;
  margin-top:        1ex !important;
}
ul#comment-notes > li {
  margin-left:       0   !important;
  list-style-type:  none !important;
}
ul#comment-notes > li > li {
  margin-left:      10px !important;
}
ul#comment-notes > li:before {
  content:          '✩ ';
  color:            #c00;
}

ul#comment-notes > li#tldr {
  font-size:        100%;
  margin-left:      20px  !important;
}
ul#comment-notes > li#tldr:before {
  content:          '';
}

ul#comment-notes a.ttp:hover span {
  top:              14px;
  left:             10px;
  width:            400px;
}

    /* some quotes in the notes */
dl#touchstones dt:before {
  content:          '\201c';              /* left double quote */
}
dl#touchstones dt:after {
  content:          '\201d';              /* right double quote */
}
dl#touchstones dt.noq:before {
  content:          '';                   /* don't want quote */
}
dl#touchstones dt.noq:after {
  content:          '';                   /* don't want quote */
}
dl#touchstones dd:before {
  content:          '\2014\2002' ;        /* em dash and en space */
}
  /* } comment policy and notes. */

  /* { post message: */
em.comment-awaiting-moderation {
  display:           block;
  margin-top:        8px;
  padding:           8px;
  background-color:  #ffc;
  opacity:           .8;
  border:            1px dashed #ccc;
  border-radius:     12px;
  color:             green;
  text-shadow:       1px 1px 1px #fff;
  text-shadow:      -1px -1px #fff;
}
em.comment-awaiting-moderation:before {
  content: 'Thank you for sharing your ideas! ';
}
em.comment-awaiting-moderation:after {
  content: ' Please check back. ';
}
  /* } post message. */
/* }} the comments. */


/* {{ the comment form: */
form#commentform {
  padding:  	    12px;
  margin:    		auto;
}
form#commentform p {
  clear:			both;
}
form#commentform p label {
  vertical-align:   top;
  margin-right:     10px;
  font-weight:      bold;
  width:            100px;
  font-size:        90%;
  display:          block; /* so it will get width! */
  float:            left;
}
form#commentform p label[for=humanvalue] {
  width: 			auto;
}
form#commentform p label[for=humanvalue]:after {
  content: 			'';
}
form#commentform p span.required {
  font-weight:  	bold;
  float:        	right;
  color:        	#c00;
  font-size:    	120%;
}
form#commentform p.comment-form-comment span.required {
  vertical-align:   top;
  font-size:        80%;
}
form#commentform input {
  padding: 			2px 4px;
  width:   			300px;
}
form#commentform p.form-allowed-tags {
  font-size: 		90% !important;
  margin-left:  	8em;
  margin-right: 	3em;
}
div#comments form#commentform input:focus,
div#comments form#commentform textarea:focus  {
  background-color: #ffc;
}
form#commentform label.required:after,
form#commentform p.comment-form-comment label:after,
form#commentform p.comment-form-rbt label:after {
  content:    		'\2002✩';
  color:      		#c00;			/* maroon */
  font-size:  		80%;
  white-space:		nowrap;
}
p.comment-form-rbt span.required {
  display:  		none;
}
textarea#comment {
  width:         	380px;
  height:        	150px;
  margin-right:  	16px;
  margin-bottom: 	10px;
}
form#commentform p.form-submit  {
  margin-left:  	110px;
  clear:        	both;
}
form#commentform input#submit  {
  background-color: #ff97c4;      /* dark rose */
  color:            #000;
  font-weight:      bold;
  border:           none;
  border-bottom:    2px solid #ccc;
  border-right:     2px solid #ccc;
  padding:          5px;
  cursor:			pointer;		/* this should happen already because of 'type="submit"', but ... */
}

    /* { greg's comment length limiter */
span.countdownbox {
  font-size:        .8em;
  margin-left:      90px;
  margin-top:       -25px       !important;
  display:          block;
}
span.countdownbox input {
  font-size:        .85em;
  text-align:       right;
  margin-right:     -.6em;
  padding:          0;
  border:           none;
  background-color: transparent;
}
    /* } greg's comment length limiter */

/* }} the comment form. */

/* e o f */