/*
Theme Name: DNA Lounge
Theme URI: https://www.dnalounge.com/
Description: It's green.
Author: jwz
Version: 1.0
Text Domain: dnalounge
*/

/* My one custom class used in posts, specially handled in theme's RSS */
blockquote.cite, .commentlist blockquote.cite {
  margin: 1em; padding: 1em; border: 1px solid;
}

/* Do a similar thing for regular blockquotes inside comments */
.commentlist blockquote {
  margin: 1em 3em; padding: 0 0 0 1em; border: 0; border-left: 2px solid;
}


/* I'm just cooler than you. */
.comment-author-jwz       > .comment-body,
.comment-author-jwz > div > .comment-body   { color: #AFA; }
.comment-author-jwz       > .comment-author,
.comment-author-jwz > div > .comment-author { color: #CFC;
  border-color: #080; background: #040; }
.comment-author-jwz       > .comment-body blockquote,
.comment-author-jwz > div > .comment-body blockquote { color: #0F0; }


.commentlist, .commentlist ul { list-style: none; margin: 0; padding: 0; }
.commentlist li.comment { position: relative; }
.commentlist { word-wrap: break-word; }

#comments, .nocomments { font-size: 10pt; font-weight: bold; }
#comments { margin-top: 2em; }
.nocomments { border-top: 1px solid; padding: 0.5em 0; margin-top: 2em; }

.commentlist li.comment { border: 0; margin: 0; 
  font-size: 10pt; line-height: 13pt; }
#comments-title { display: none; }
/*h3#comments { display: none; }*/
/*#reply-title { display: none; }*/
.comment-author {
 padding: 0.25em 1em; border: 1px solid #040; background: #020; }

/* Interferes with ".photo" from dnalounge.css */
.commentlist .avatar {
  position: absolute; left: 0; top: -2px;
  border: 1px solid #040;
  width: 40px; height: auto; margin: auto;
  display: inline;
}

.commentlist li.comment { padding-left: 0; margin-top: 1em; }
.comment-author { margin-left: 40px; }
.comment-meta   { margin-left: 40px; padding: 0.25em 0 0 1em; }

.commentlist .comment-body,
.commentlist .reply { margin-left: 1em; padding-bottom: 0; }
.commentlist .reply { padding-bottom: 0.5em; }

#content .commentlist ul.children {
  margin:       0 0 1em 1em;
  padding-left: 1em;
  border-left:  1px dashed #040; 
  border-bottom-left-radius: 6em;
}

cite.fn { font-style: normal; font-weight: bold; }



/* do not let people post wide images or embeds in comments */
.commentlist img { max-width: 400px; max-height: auto; }
.commentlist object, .commentlist embed { max-width: 400px; max-height: 300px; }
.commentlist .video_floater { max-width: 400px; max-height: 300px; }
.commentlist object, .commentlist embed { border: 1px solid; }
/* center and border images in comments */
.commentlist img { display: block; border: 1px solid; margin: 1em auto; }
.commentlist .video_floater { display: block; margin: 1em auto; }
/* do not let people be dumb with PRE in comments */
.commentlist pre { font-size: 8pt; max-width: 450px; overflow: auto; }

/* Live Comment Preview plugin */

#commentPreview .commentlist { margin-top: 0 !important; }
#commentPreview {
  background: #020; padding: 0.5em;
  min-height: 2em;
  border: 1px solid #0D0;
  border-bottom-left-radius: 1.2em 2.6em;
}
#commentPreview cite:before {
  content: "Comment Preview -- "; font-weight: bold; }
#commentPreview .reply { display: none; }
#commentPreview .comment-meta { display: none; }
#commentPreview .comment-author { margin-bottom: 2em;
 background: #040; border-color: #060; }


/* posting responses */

#content textarea,
#content input[type=text],
#content input[type=submit],
.widget-area input[type=text],
.widget-area input[type=submit] {
  color: #0F0; background: #333; border-color: #080;
  -webkit-appearance: none;
  border-radius: 0;
  line-height: 15pt; /* redundant, needed for iPad */
}
#content textarea, #content input[type=text] { font-size: 12pt; }
#commentform textarea { width: 99%; }
#content input[type=submit],
.widget-area input[type=submit] {
  background: #040;
}


#comment-user-details { position: relative; }
#alt-login-methods {
 position: absolute; left: 27em; z-index: 1;
 white-space: nowrap; overflow: hidden;
}
#alt-login-methods > p { margin: 0 2px 6px 0; text-align: right; }
.comment-form-author, .comment-form-email, .comment-form-url {
  position: relative; line-height: 1.5em;
}
.comment-form-author input[type=text],
.comment-form-email input[type=text],
.comment-form-url input[type=text] {
  max-width: 50%; position: absolute; left: 4em; }
#openid_comment {
  position: absolute; top: -1em; right: -1em;
  background: #000;
}

/* OpenID no longer working as of WP 4.4 */
/*
.comment-form-url > label:after {
  position: absolute; left: 27em; content:"Or use your OpenID URL";
  padding-left: 2em;
  background-color: #000;
  background-image: url('/backstage/log/openid16.png');
  background-position: 3px 50%;
  background-repeat: no-repeat; 
  z-index: 1;
} */


/* Postmatic Social Commenting plugin */

#respond #postmatic-social-comment-wrapper {
  float: none;
  margin-top: 0;
  padding-left: 0.5em;
  padding-top: 0;
  font-size: inherit;
}

#respond .postmatic-social-comment-logout {
  font-size: inherit;
  display: inline-block;
  margin-top: 1em;
  margin-left: 2em;
}

#respond .postmatic-social-comment-logout a {
  max-width: 6em;
  background: #040;
}

#respond .postmatic-social-comment-buttons:before {
  content: "Or authenticate with: ";
  font-weight: bold;
}

#respond .postmatic-sc-button {
  margin-left: 0.5em;
  min-width: 1em;
  text-align: center;
}



#cancel-comment-reply { display: none; }

#respond { border-top: 1px solid #0F0; }
#respond .required { color: #F00;
   font-size: 24pt; line-height: 6pt; vertical-align: bottom;
}
#respond .form-allowed-tags { color: #080; }
#respond label { margin-left: 0.5em; }
#respond abbr { border: none; }

#respond .form-allowed-tags,
#respond .form-allowed-tags code { font-size:  9pt; line-height: 11pt;
  -webkit-text-size-adjust: none !important; }

.comment-form { padding-top: 0.5em; }


/* Better to overflow the page than have buttons overlap fields? */
/*#respond { min-width: 36em; }*/


#respond > h3 { display: none; }

/* Distinguish top-level comments from nested replies */
/*#content > #respond:before {
  content: "Top-level reply"; font-weight: bold; } */
.comment > #respond {
  margin-left: 2em;
  padding-left: 2em;
  border-left:  1px dashed #040;
  border-bottom-left-radius: 6em;
 }

@media screen and (max-width: 660px) {	/* iPhone-ish. */

  #content { overflow: hidden; }

  #content .commentlist ul.children {
    border-left-color: #0F0;
    padding-left: 0.3em;
    margin-left: 0.2em;
  }
  #content .commentlist .depth-1 { padding-left: 1em; }
  .commentlist .comment-body { margin-left: 0.2em; }

  .commentlist img { max-width: 90%; max-height: auto; }
  .commentlist object, .commentlist embed { max-width: 200px; max-height: 150px; }

  #respond .postmatic-social-comment-buttons:before {
    content: "Or auth with: ";
  }

}