/* -----------------------------------------------------------------------------------------------------------------------*/
/* Global Items */

  body { background-color: #e6e6e6; }      /* entire body background color */
  a:hover { color: #ff6020!important; }    /* highlight link/url with mouseover, sitewide setting */
  div#main { padding: 5px; margin: 5px; }  /* page bordering, no hugging edges hopefully */
  div.topmenu { font-size: 110%; padding: 2px; }        /* keep menu links from hugging the edge */

  div.announcement { background-color: #fff;
    border-radius: 5px;
    border: 1px solid #f00;
    margin: 10px;
    margin-right: 15px;
    padding: 10px;
    color: #000; }

  div.announcement pre { color: #000; border: 1px solid #99a; }
  div.welcome { padding-top: 10px; }

   div#deadbeef { width: 500px; margin: 20px; padding: 20px; text-align: center; font-size: large; background-color: #fff; }

  span.storylink span.hostname { color: #666; }

/* -----------------------------------------------------------------------------------------------------------------------*/
/* Markdown Tutorial. What a mess. */

  div.markdown-tutorial.cb.ng-scope {
    border: 0px;
    background-color: #ffe;
    margin: 0px;
    padding: 10px; } /* entire body of markdown popup */
  
  div.markdown-tutorial.cb.ng-scope h1 {
    border: 0px;
    background-color: transparent;
    margin: 0px;
    padding: 10px;
    padding-bottom: 0px; } /* just the header of markdown popup */

  accordion.markdown-tutorial-accordion div.panel-group {
    padding: 10px;
    background-color: transparent; }

  accordion.markdown-tutorial-accordion div.panel { margin-bottom: 20px; }
  
  accordion.markdown-tutorial-accordion div.panel.panel-default  {
    border: 1px solid #ccc;
    border-right: 2px solid #339; 
    border-bottom: 2px solid #339; } /* make image buttons in threads more visible */
    padding: 4px;
    margin-bottom: 20px;
    background-color: #fff; }

  accordion.markdown-tutorial-accordion div.panel.panel-default.ng-isolate-scope div.panel-heading {
    padding: 0px;
    margin: 0px;
    background-color: transparent; }

  accordion.markdown-tutorial-accordion div.panel.panel-default.ng-isolate-scope div.panel-heading h4.panel-title {
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    background-color: transparent; }

  accordion.markdown-tutorial-accordion div.panel.panel-default.ng-isolate-scope div.panel-heading h4.panel-title a.accordion-toggle {
    border: 0px;
    padding: 15px;
    margin: 0px;
    background-color: transparent; }

  accordion.markdown-tutorial-accordion div.panel.panel-default.ng-isolate-scope div.panel-body { margin-bottom: -20px; }

  accordion.markdown-tutorial-accordion div.panel-group {
    padding: 10px;
    width: 90%;
    background-color: transparent;
    margin-bottom: -20px; } /* markdown list */

  zombn-markdown-example.ng-isolate-scope pre.raw.ng-binding {
    color: #000;
    border: 1px dashed #933;
    white-space: pre-wrap;
    background-color: #f6f6f6; } /* wrap the text in the pre box for markdown example so no scrolling needed */
  
  zombn-markdown-example.ng-scope.ng-isolate-scope div.cooked.ng-binding pre {
    background-color: #fee;
    color: #000;
    border: 1px solid #933;
    width: 80%;
    margin-left: 5%; } /* fix pre codebox to look like it should */

  zombn-markdown-example div.cooked hr {
    height: 1px;
    margin-top: 5px;
    background-color: #ccc; } /* make hr lines more visible in markdown examples */

  accordion.markdown-tutorial-accordion div.panel.panel-default.ng-isolate-scope div.panel-collapse.in div.panel-body hr.ng-scope {
    height: 1px;
    margin: 10px;
    background-color: #ccc; } /* make hr lines more visible in markdown examples */
  
  zombn-markdown-example.ng-scope.ng-isolate-scope div.cooked.ng-binding h1 {
    font-size: small;
    background-color: #ffe;
    padding: 5px;
    padding-left: 15px;
    border: 1px solid #393;
    color: #000;
    width: 80%;
    margin-left: 5%; } /* this is an example of how i make more work for myself */



/* -----------------------------------------------------------------------------------------------------------------------*/
/* Search Page */


  div.search-criteria {
    margin: 20px; padding: 10px; padding-left: 25px;
    border-radius: 10px;
    width: 70%;
    min-width: 600px;
    background-color: #ddf;
    border: 1px solid #999;
    border-right: 2px solid #666; 
    border-bottom: 2px solid #666;}

  div.search-criteria button.btn.btn-primary {
    padding: 5px;
    margin: 5px;
    font-size: medium; }

  .thread-search h4, .comment-search h4 {
    background-color: #ffd;
    border: 1px solid #993;
    border-bottom: 2px solid #993;
    border-radius: 5px;
    font-weight: normal;
    color: #000;
    width: 70%;
    min-width: 600px;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 20px; }

  div.search-results { padding: 10px; }
  
  div.search-result { margin: 10px; }
  
  div.search-result div.desc { border-radius: 5px 5px 0 0;
    border: 2px solid #339; padding: 5px; padding-left: 15px; background-color: #dfd; }
  div.search-result div.desc a { color: #000; }
  
  div.search-result div.comment-body { background-color: #fff;
    border-radius: 0 0 5px 5px; padding: 0px; padding-left: 10px; padding-right: 10px; margin-top: -2px; }
 
  div.search-result div.comment-body img {
    max-width: 90%;
    max-height: 700px; /* oversized images fix */
    padding: 10px;
    margin: 10px;
    border: 1px dashed #339; } /* make it obvious it's an image inline */

  div.search-criteria .example { font-style: italic; padding-left: 50px; }

  .search-criteria > label { margin-bottom: 0; }

  div.thread-search div.search-results { border-radius: 5px;
    border: 2px solid #339; padding: 10px; margin: 20px; background-color: #fff; }
  div.thread-search div.search-results a { color: #000; }



/* -----------------------------------------------------------------------------------------------------------------------*/
/* Inbox Page */

  div.pminbox.container-fluid, div.pmview.container-fluid { margin-left: 10px; }

  div.pmview div.row.heading h4,
  div.pmcompose div.row.heading h4,
  div.pminbox div.row.heading h4 {
    background-color: #E7BDF2;
    font-size: 14pt;
    border-radius: 10px;
    border: 0px;
    border-bottom: 2px solid #666;
    width: 70%;
    min-width: 600px;
    padding: 10px;
    padding-left: 20px; }
  
  button.btn.btn-primary.dropdown-toggle span.caret { margin-left: 5px; }
  div.pmcompose div.row.feedback { background-color: #dfd; }
  div.pminbox div.row.heading h4 { margin: 10px; margin-top: 20px; }
  div.pmcompose div.row.heading h4 { margin: 0px; margin-top: 20px; margin-bottom: 10px; }
  div.pminbox div.row.top-buttons { margin-right: 20px; border: 0px; margin-bottom: 10px; }
  div.pminbox div.row.headings { margin-right: 20px; border: 0px; }
  div.send-pm a { padding: 10px; margin: 10px; color: #000; }
  div.send-pm { padding: 10px; margin: 5px; padding-left: 0px; margin-left: 0px; }  

  div.pmview div.row.sent, div.pmcompose div.row.from {
    border: 1px solid #999;
    padding-left: 10px;
    background-color: #dfd;
    width: 30%;
    min-width: 150px;
    margin-top: 10px; }

  div.pmview div.row.from, div.pmcompose div.row.to {
    border: 1px solid #999;
    padding-left: 10px;
    background-color: #fdd;
    width: 30%;
    min-width: 150px;
    margin-top: -1px;
    margin-bottom: 10px; }
  
  div.pmcompose div.row.preview { margin-left: 0px; width: 70%;
    min-width: 600px; }
  div.pmcompose div.row.body textarea { width: 70%;
    min-width: 600px; }

  .fa.fa-paper-plane.fa-2x,
  div.row.send-button button.btn.btn-lg { font-size: medium; }
  
  div.pmview div.row.buttons div.col-xs-2,
  div.row.top-buttons div.col-xs-2 {
    text-align: center;
    border-radius: 5px;
    border: 10px solid #fff;
    padding: 0px;
    height: 50px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px; }
  
  div.row.entry, div.row.headings { width: 80%; }

  div.row.headings div.col-xs-2, div.row.headings div.col-xs-6 { background-color: #dcd; border: 1px solid #000; }
  div.row.entry, div.row.entry.odd { margin-top: -1px; padding: 2px; background-color: #fef; border: 1px solid #666; }

  div.row.entry div.col-xs-2, div.row.entry div.col-xs-6 {
    padding: 8px; border-left: 1px solid #666; border-right: 1px solid #666; }

  div.row.entry div.col-xs-2 button.btn.btn-primary.dropdown-toggle { padding: 0px; padding-left: 5px; padding-right: 5px; }

  div.pmview div.row.body {
    border: 1px solid #666;
    width: 70%; 
    vertical-align: text-top; 
    border-radius: 4px;
    background-color: #F5F7DA;
    padding: 2px;
    padding-left: 10px;
    font-size: 11pt;
    color: #000;
    font-weight: normal; }


div.pmcompose, div#oya div.pmview, div#oya div.pminbox  { margin-left: 20px; }
div#oya div.pmview { margin-top: 20px; }  


/* -----------------------------------------------------------------------------------------------------------------------*/
/* Public Profile Items */

  div.muted-icon i.fa.fa-microphone-slash { padding-top: 20px; padding-left: 20px; color: #f00; }
  .public-profile.muted { border: 10px double #900; }

  div.public-profile, div.private-profile { margin: 20px; }

  div.panel.panel-default  {
    margin-bottom: 10px; 
    border: 1px solid #999;
    border-right: 2px solid #666; 
    border-bottom: 2px solid #666;}

 .public-profile-accordion div.panel-group div.panel.panel-default div.panel-heading { background-color: #dfd; }

 .public-profile-accordion div.panel-group div.panel-body { background-color: #fff; }

  #public-profile-heading {
    background-color: #cfc;
    font-size: 14pt;
    margin: 10px;
    border-radius: 10px;
    border: 0px;
    border-bottom: 2px solid #666;
    width: 70%;
    min-width: 600px;
    padding: 10px;
    padding-left: 20px; }

  .panel-group { margin: 10px; width: 70%;
    min-width: 600px; }

  div.panel-heading h4.panel-title a.accordion-toggle {
    margin-left: 20px;
    padding: 8px;
    background-color: transparent; }

  div.panel-body div.public-bio zombn-bio div.has-bio p {
    border: 1px dashed #666;
    padding: 10px;
    margin: 0px;
    background-color: #efe; }

  div.panel-body div.public-bio zombn-bio div.no-bio {
    border: 1px dashed #666;
    padding: 10px;
    margin: 0px;
    background-color: #fee; }

  div.poster-stats h4 { border-radius: 10px; background-color: #ddd; padding: 5px; padding-left: 10px; border: 0px; border-bottom: 1px solid #666; }  

  div.poster-stats > div { border-radius: 5px; padding: 5px; padding-left: 15px; margin-bottom: 1px;
    background-color: #eee; }

  div.poster-stats div.killfiles i.fa.fa-frown-o,
  div.poster-stats div.votes span.frownyboard i.fa.fa-frown-o { color: #f0f; font-weight: bold; }
  
  div.poster-stats div.submissions { border-radius: 5px 5px 0 0; } /* top row of stats boxes */

  div.poster-stats div.comments,
  div.poster-stats div.votes,
  div.poster-stats div.tags,
  div.poster-stats div.killfiles,
  div.poster-stats div.friends,
  div.poster-stats div.no-friends,
  div.poster-stats div.repliedby,
  div.poster-stats div.cools,
  div.poster-stats div.no-cools { border-radius: 0px; } /* no rounding for stats rows below top and above bottom */

  div.poster-stats div.cooled,
  div.poster-stats div.no-cooled	   { border-radius: 0 0 5px 5px; } /* bottom row of stats boxes */

  zombn-leader .leaderboardstars i.fa.fa-star,
  zombn-leader .leaderboardstars i.fa.fa-star-half-o {color: #f93; }
  zombn-leader .leaderboardstars i.fa.fa-diamond { color: #09c; font-size: 110%; }
  div.poster-stats a    { color: #900; }

  div.panel-body div.public-bio.ng-scope zombn-bio.ng-isolate-scope div.ng-scope p.ng-scope {
    padding: 8px;
    background-color: #efe; }
    
  div.public-profile-joined {  
    padding: 8px;
    margin-bottom: 1px;
    padding-left: 15px;
    border-radius: 5px 5px 0 0;
    background-color: #dfd; }

  div.public-profile-oz {
    border-radius: 0 0 5px 5px;
    padding: 8px;
    padding-left: 15px;
    background-color: #dfd;  }

  div.public-profile-last-seen {  
    padding: 8px;
    margin-bottom: 1px;
    padding-left: 15px;
    background-color: #ddf; }

  div.public-profile-never-seen {  
    padding: 8px;
    margin-bottom: 1px;
    padding-left: 15px;
    background-color: #fdd; }

  div.public-profile-invitedby {
    padding: 8px;
    padding-left: 15px;
    border-radius: 0 0 5px 5px;
    background-color: #cef;  }

  div.public-profile-saint {
    background-color: #fec;
    border-radius: 5px;
    padding: 8px;
    padding-left: 15px; }

  #post-history {
    border: 1px dashed #666;
    padding: 10px;
    margin: 0px;
    padding-left: 20px;
    background-color: #efe; }
  
  #post-history li { margin-left: 10px; padding: 5px; }
  #post-history li a:link { color: #000; }
  #post-history li a:visited { color: #226; }

/* -----------------------------------------------------------------------------------------------------------------------*/
/* Private Profile Page Items */

  .private-profile-intro {
    padding: 8px;
    padding-left: 20px;
    background-color: #ccf;
    margin: 10px;
    border-radius: 10px;
    border: 0px;
    border-bottom: 2px solid #666;
    width: 70%;
    min-width: 600px;
    font-weight: bold;
    font-size: 14pt; }

  div.ng-scope div.ng-scope div.private-profile.ng-scope div a {  /* all OTHER buttons in private profile */
    margin: 1px;
    margin-left: 30px;
    border-radius: 4px;
    color: #000;
    background-color: #eef;
    padding: 4px;
    border: 1px solid #999;
    border-right: 2px solid #66a;
    border-bottom: 2px solid #66a; }

  .private-profile-accordion div.panel-group div.panel.panel-default div.panel-heading { background-color: #ddf; }

div.private-profile div.panel-group div.panel-heading h4.panel-title a{
    border-radius: 4px;
    font-size: 1em;
    padding: 8px;
    margin: 10px;
    background-color: transparent;
    border: 0px;}


  div.panel.panel-default.ng-isolate-scope div.panel-heading a.accordion-toggle { /* the blue bar in each panel */
    margin-left: 20px;
    padding: 8px;
    background-color: transparent;
    border: 0px; }

  div.cashbox div.subscribe div.sub-ack, div.cashbox div.one-time-donation div.one-time-ack {
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #933;
    background-color: #fdd; }

  div.cashbox div.one-time-donation, div.cashbox div.subscribe { padding: 10px; margin-top: 20px; margin-bottom: 20px; }

  #password + div > button {
    margin-left: 10px;
    margin-top: -120px; } /* password button */

  #password {
    margin: 10px;
    padding-left: 0px;
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 80px; } /* password entry box */
    
  #email {
    margin-top: -30px;
    margin-left: 10px;
    width: 80%;
    padding: 10px;
    padding-top: 20px;
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #666; } /* email entry box */

  #prefs {
    margin: 10px;
    background-color: #fff;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-top: 0px; } /* preferences list */

  #prefs.ng-scope div button.btn.btn-default {
    margin-top: 10px;
    margin-left: 10px; } /* prefs button */

  div.killfile div.panel-body {
    margin: 10px;
    background-color: #fff;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-top: 10px; } /* killfile box */
  
  div.killfile input { margin-top: 30px; }
  div.killfile-entry select { margin-left: 30px; }
  div.killfile-entry .fa-times { padding: 0px; margin: 0px; margin-right: -4px; }
  div.killfile-entry .killfile-handle { padding: 5px; background-color: #fdd; margin-left: 30px; margin-right: 30px; }

  div.killfile-entry.ng-scope span.filler {
    text-align: center;
    padding: 5px;
    background-color: #ddf;
    margin-left: 30px;
    margin-right: 30px; }
  
  div.killfile-entry.ng-scope select option { padding-left: 5px; color: #f22; }
  div.killfile-entry.ng-scope { margin-left: -45px; }
  div.killfile-entry.ng-scope a { text-align: center; } 
  div.killfile-submit { padding: 20px; }
  div.killfile-entry { padding-left: 20px; padding-top: 10px; } /* space out elements within the killfile box */


  zombn-my-bios.ng-isolate-scope div button.btn.btn-sm { 
    font-size: 1em;
    padding: 6px;
    margin: 10px; }

  zombn-my-bios.ng-isolate-scope div div.new-bio.in textarea { width: 100%; }

  zombn-my-bios.ng-isolate-scope div div.new-bio.in button#submit-new-bio {
    margin-top: 0px;
    margin-left: 10px; }

  zombn-my-bios.ng-isolate-scope div div.my-bios.ng-scope div.my-bio.ng-scope div.actions {
    margin-top: 3px;
    margin-left: 10px; }

  zombn-my-bios.ng-isolate-scope div div.my-bios.ng-scope div.my-bio.ng-scope div.content {
    border: 1px dashed #666;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 10px;
    background-color: #ddf; }

 div.pub-invitees {
    border: 1px dashed #666;
    margin: 0px;
    padding: 10px;
    background-color: #dfd; }
 div.pub-invitees a { padding: 5px; color: #000; }

  zombn-my-bios.ng-isolate-scope div button.btn.btn-default {
    font-size: 1em;
    padding: 6px;
    margin: 10px; }

  div#changelog-link a,
  div.row.top-buttons div.btn-group label.btn.active,
  div.actions span.publicized-bio {
    border-radius: 4px;
    font-size: 1em;
    padding: 8px;
    margin: 10px;
    background-color: #dfd;
    border: 1px solid #393;
    border-right: 2px solid #393; 
    border-bottom: 2px solid #393; }   /* Green publicized bio button */

div.row.top-buttons div.btn-group label.btn, 
div.row.top-buttons div.btn-group button.btn { border-radius: 5px; margin: 10px; }

  div.my-bio div.content blockquote.ng-scope p a {
    border: 0px!important;
    margin: 0px!important;
    padding: 0px!important;
    background-color: transparent!important; } /* To fix where people cut and post quoted text into bios */


    accordion.private-profile-accordion div.panel-group div.cashbox.panel div.panel-body,
  accordion.private-profile-accordion div.panel-group div.bios.panel div.panel-body {  
    margin: 0px;
    padding: 5px;
    background-color: #fff; }

  div.invites div.panel-body {  
    margin: 5px;
    padding: 5px;
    background-color: #fff; }

  div.invites.panel.panel-default.ng-isolate-scope { margin-bottom: 40px; }
  
  zombn-my-invites div.no-invites { border: 1px dashed #933; background-color: #fdd; padding: 5px; margin-bottom: 20px; }
  
  div.my-invites div.my-invite.ng-scope { margin-bottom: 30px; }
  div.new-invite { margin-bottom: 10px; }



    

/* -----------------------------------------------------------------------------------------------------------------------*/
/* Comments Pages Bordering Items */


  .tag-story { width: 50%; } /* shrink and de-pad the tagbox */
  .tag-story, .pager { margin: 0px; padding: 0px; }     /* pagination navigation shrinkage */
  ul.pagination { margin: 0px; padding: 0px; }

  ul.pagination li a { padding: 10px; padding-top: 4px; padding-bottom: 4px; margin: 1px; border: 1px solid #aaa; }  /* subtle borders on pagination buttons */

  ul.pagination li a:hover {
    margin: 0px;
    margin-top: 1px;
    border: 1px solid #666;
    border-left: 2px solid #666; 
    border-right: 2px solid #666; }  /* subtle borders on pagination buttons */
  

  .commentpage-bottom-navbar { text-align: center; margin-top: 25px; }
  .commentpage-bottom-navbar button.btn.btn-default { text-align: center; margin: 10px; }
  .commentpage-bottom-navbar a.btn.btn-default { text-align: center; margin: 10px; }

  .comment_warning.nsfw, .comment_warning.sfw {
    padding: 10px;
    padding-left: 13px;
    color: #000;
    width: 70%;
    min-width: 600px;
    border-radius: 10px;
    margin-left: 5px;
    margin-bottom: 15px; }

  .comment_warning.sfw {
    border: 1px solid #393;
    background-color: #dfd; }

  .comment_warning.nsfw {
    background-color: #fcc;
    border: 1px solid #933; }

    h1 { padding: 15px; 
       font-size: medium;
       border-radius: 10px;
       width: auto;
       border: 0px;
       border-bottom: 2px solid #666;
       background-color: #cfc; margin: 15px; margin-left: 5%; margin-right: 5%; } /* Headline */

  div#main.ng-scope h1.nsfw { background-color: #fcc; }

  h1 a:link { color: #000; }
  h1 a:visited { color: #000; }  /* make headline links in comments black */

  #main.ng-scope div button.btn.btn-default { margin-top: 10px; }
  #main.ng-scope div a.btn.btn-default { margin-top: 10px; } /*  fixing of comment thread button options */

  #main.ng-scope #comment-form button.btn.btn-default {
    padding: 5px;
    margin-top:  10px;
    margin-left: 10px; } /* fix the submit button */

  textarea#comment { width: 70%; min-width: 600px; } /* shrink comment input box */
  textarea#comment { padding: 5px; border: 1px solid #666; background-color: #F5F7DA; }

  #comment-form label { margin-left: 5px; margin-top: 10px; }
  #preview.ng-pristine { margin-left: 5px; margin-top: 10px; }
  #preview.ng-dirty { margin-left: 5px; margin-top: 10px; } /* fix alignment of Preview items at bottom */

  .preview hr { padding: 0px; margin: 0px; } /* de-pad the preview box */
  div.preview {
    background-color: #fff;
    padding: 5px;
    margin-bottom: 20px;
    margin-left: 5%;
    margin-right: 5%;
    border: 2px solid #f33;
    border-radius: 10px; } /* beautify the preview box */


/* -----------------------------------------------------------------------------------------------------------------------*/
/* Comments Thread Header and Code Items */

  .preview li, .cb li { margin-left: -10px; } /* fix broken bullet points list for some browsers */

  .preview code, .cb code {
    color: #000;
    background-color: #f8f0f0;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 2px;
    padding: 0 5px;}

  .preview pre, zombn-comment div.c pre {
    background-color: #f8f0f0;
    color: #000;
    border: 1px solid #dd9;
    border-radius: 5px;
    width: 90%;
    margin-left: 1%; } /*  big box containing code */


 
.preview pre code, zombn-comment div.c pre code { border: 0; } /* needed only to fix borders from appearing within big box */

  .preview h6, .cb h6,
  .preview h5, .cb h5,
  .preview h4, .cb h4,
  .preview h3, .cb h3, 
  .preview h2, .cb h2,
  .preview h1, .cb h1 {
    font-size: small;
    font-weight: normal;
    border: 0;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    margin: 5px; 
    margin-left: 1%;
    margin-right: 1%;  }


  .preview h1, .cb h1 { display: block; background-color: #fcc; color: #000; width: 85%; }
  .preview h2, .cb h2 { display: block; background-color: #cfc; color: #000; width: 85%; }
  .preview h3, .cb h3 { display: block; background-color: #ccf; color: #000; width: 85%; }
  .preview h4, .cb h4 { display: block; background-color: #fda; color: #000; width: 85%; }
  .preview h5, .cb h5 { display: block; background-color: #ddd; color: #000; width: 85%; }

  .preview h6, .cb h6 { margin: 5px; display: inline; }

  blockquote div.spoiler-warning { padding-left: 5px; }
  div.spoiler-warning, h6.spoiler { font-size: 10pt; }


 .preview blockquote h1,
 .preview blockquote h2,
 .preview blockquote h3,
 .preview blockquote h4,
 .preview blockquote h5,
 .preview blockquote h6,
 .cb blockquote h1, 
 .cb blockquote h2,
 .cb blockquote h3,
 .cb blockquote h4,
 .cb blockquote h5,
 .cb blockquote h6 {
    padding: 2px;
    font-size: 8pt;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    margin: 3px; }

.cb blockquote code,
.preview blockquote code,
.cb blockquote pre,
.preview blockquote pre {  padding: 2px; font-size: 8pt; }

/* -----------------------------------------------------------------------------------------------------------------------*/
/* Comments Thread, Items Actually Inside Comments */

  .anchor-scroll-target {
    border: 0px;
    border-left: 10px solid #aad;
    border-radius: 10px;
    background-color: #aad;
    margin-top: 10px;
    padding-bottom: 4px; 
    padding-top: 0px;
    margin-left: -5px;
    padding-left: 5px;  }  /* jump to first unread highlight */

  .cx2 .fa.fa-exclamation-circle, .cx1 .fa.fa-exclamation-circle {
    margin-right: -9px;
    font-size: medium;
    background-color: #000;
    border-radius: 5px;
    padding: 4px;
    border: 1px solid #000;
    color: #ee3; }

  .cx1 .fa.fa-exclamation-circle { color: #ee3; }
  .cx2 .fa.fa-exclamation-circle { color: #f33; } /* strike warning color */

  .c a > img { padding: 5px; margin: 5px; border: 1px dashed #f00; }

  .comments button.btn.btn-sm {
    margin-top: 20px;
    margin-bottom: -5px;
    background-color: #eee;
    color: #888;
    border: 1px solid #aaa; 
    border-right: 2px solid #baa; 
    border-bottom: 2px solid #baa; } /* Plonked button */
  
  .comments button.btn.btn-sm:hover {
    margin-top: 20px;
    margin-bottom: -5px;
    background-color: #ddd;
    color: #888;
    border: 1px solid #aaa; 
    border-left: 2px solid #baa; 
    border-top: 2px solid #baa; }


  div.collapsed-image button.btn.btn-sm {
    background-color: #ddf;
    color: #000;
    padding: 4px;
    margin: 10px; 
    border: 1px solid #ccc;
    border-right: 2px solid #339; 
    border-bottom: 2px solid #339; }

div.collapsed-image button.btn.btn-sm { white-space: normal!important; }
  
  div.collapsed-image button.btn.btn-sm:hover {
    background-color: #ccd;
    border: 1px solid #ccc; 
    color: #000;
    padding: 4px;
    margin: 10px;
    border-left: 2px solid #339; 
    border-top: 2px solid #339; }  /* make image buttons in threads more visible */


  .sleeping-comment zombn-comment div.c { padding: 5px; margin: 0px; margin-bottom: 4px; }
  .sleeping-comment zombn-comment div.c .reply { margin-top: -20px;
                                                 visibility: unset; } /* plonked comment visibility sizing */
  .sleeping-comment zombn-comment div.c .reply a { color: #f9f9f9; }
  
  .sleeping-comment { border: 1px dashed #600; margin-top: 6px; }
  .sleeping-comment div.ch { margin-top: 0; }




blockquote figure.captioned-image { margin-left: 10px; }

zombn-comment div figure.captioned-image figcaption { margin: 0; margin-left: 10px; margin-right: 10px; padding: 0; font-size: 10px; 

font-style: italic; color: #339; }

.cb video,
.cb img {
    border: 1px dashed #339; 
    max-width: 90%;
    max-height: 700px; /* oversized images fix */
    padding: 4px;
    margin: 0px;
    } /* make it obvious it's an image inline */


  blockquote {
    margin: 10px;
    padding: 0;
    border-radius: 0 10px 10px 0;
    background-color: #f0f0f0;
    font-style: italic;
    font-size: 12px;
    border-left: 2px solid #555; } 

  ul.commentoptions {
    background-color: #ffe;
    position: relative;
    border: 1px solid #000;
    z-index: 5;
    margin-top: -2px;
    margin-bottom: 0px;
    color: #000;
    overflow: auto;
    width: 100%;
    font-size: smaller;
    padding: 1em; }

  div.z {
    border-radius: 5px;
    color: #fff;
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: 5%;
    margin-right: 5%;
    padding: 5px;
    padding-left: 35px;
    background-color: #744; } /* pad out and highlight zapped posts */

  div.cb {
    width: 100%;
    padding: 10px;
    background-color: #fff; 
    border-radius: 0 0 10px 10px; } 

  div.ch {
    border-radius: 10px 10px 0 0;
    margin-top: 1.5em;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    background-color: #666; } /* comment header background and border */

  div.uc { background-color: transparent; }

  div.uc.ch { width: 100%; background-color: #046380; } /* own comment header background color */

  .reply {
    text-align: right;
    font-size: smaller;
    width: 98%;
    position: relative;
    z-index: 2;
    margin-top: -20px;
    background-color: transparent; }


  div.time, div.more, div.vote, div.score {
    border-left: 0; } /* nuke the dividers in ch */

/* -----------------------------------------------------------------------------------------------------------------------*/
/* Frontpage Items */

  a.storystar i.fa.fa-star { margin-right: 5px; color: #f93; }
  a.storystar i.fa.fa-star-o { margin-right: 5px; color: #888; }

  div.headline_cell i.fa.fa-beer,
  div.headline_cell i.fa.fa-code,
  div.headline_cell i.fa.fa-cutlery,
  div.headline_cell i.fa.fa-flask,
  div.headline_cell i.fa.fa-music,
  div.headline_cell i.fa.fa-futbol-o,
  div.headline_cell i.fa.fa-puzzle-piece,
  div.headline_cell i.fa.fa-exclamation-triangle { padding-right: 5px; }

  .queue-info {
    clear: both;
    margin: 10px;
    margin-left: 1%;
    margin-right: 1%;
    padding: 5px;
    padding-left: 15px;
    width: 98%;
    border: 1px solid #666;
    border-radius: 5px;
    background-color: #F5F7DA; } /* the little "next headline" box */

  .new-comment-count {
    margin-left: 5px;
    border-radius: 4px;
    padding: 3px;
    border: 1px solid #983;
    background-color: #feb;
    display: inline-block; } /* new unread postcount box */
 
  .queue-info a:link { color: #000; text-decoration: none; }
  .queue-info a:visited { color: #000; text-decoration: none; } /* remove underline from links */

  .storytable_row.odd    { background-color: #fff; }
  .storytable_row        { border: 0; padding: 8px; background-color: #ddf; }
  .storytable_row.nsfw   { background-color: #fcc; }   /* colourize rows on frontpage */
  div.storytable_row.nsfw a { color: #f00; }

  div#queue div#headerrow,
  div.storytable_row.header { border-radius: 10px 10px 0 0; font-weight: bold; background-color: #046380; color: #fff; }
  /* frontpage grid and queue header colors */

  .headline_cell a:link    { color: #000; }
  .headline_cell a:visited { color: #226; }
  .comments_cell a:link    { color: #000; }
  .comments_cell a:visited { color: #226; }   /* change frontpage links to black for readability */

  div.headline_cell { font-size: small; padding-left: 10px; text-align: left; }
  div.comments_cell { font-size: small; margin-right: 10px; padding-left: 10px; text-align: left; }

  div.venues { min-width: 350px; max-width: 550px; font-size: small; }
  div.venues div.storytable { margin-right: 20px; }
  
  div.venues-and-tagcloud { margin-top: 20px; margin-bottom: 20px; }

  div.topics div.storytable div.storytable_row.header div.headline_cell,
  div.topics div.storytable div.storytable_row div.headline_cell { width: 80%; }
    
  div.topics .storytable_row.header div.comments_cell,
  div.topics div.storytable div.storytable_row div.comments_cell  { width: 200px; margin-left: 10px; }


 
/* -----------------------------------------------------------------------------------------------------------------------*/
/* Venues and Tagcloud Items */

  div.venues-and-tagcloud { margin-bottom: 0px; padding: 0px; } 

  div.venues .storytable_row_header { background-color: #046380; } /* header for venues/comments */
  div.venues .headline_cell a:link { text-decoration: none; }
  div.venues .headline_cell a:visited { text-decoration: none; }

  .form-group input#tag { width: 100%; } /* match tag entry to width of box */

  div.col-xs-3 { margin-top: 30px; background-color: #fff; } /* thread tagentry box */   

  div.col-xs-9.panel { background: transparent; } /* tagcloud in threads */

  div.outside-tag-stuff button.btn.btn-sm, div.fp-tagcloud button.btn.btn-sm {
    color: #000;
    position: relative;
    z-index: 2;
    border-radius: 4px;
    margin-bottom: 2px;
    padding: 3px;
    border: 1px solid #ccc;
    border-right: 2px solid #983;
    border-bottom: 2px solid #983;
    background-color: #feb;
    padding-top: 0px;
    padding-bottom: 0px; }

  div.outside-tag-stuff button.btn.btn-sm:hover, div.fp-tagcloud button.btn.btn-sm:hover {
    background-color: #ec9;
    border: 1px solid #ccc;
    border-left: 2px solid #983;
    border-top: 2px solid #983;}
  
  div.outside-tag-stuff button.btn.btn-sm { margin-bottom: 5px; margin-left: 50px; }
  
  div.fp-tagcloud button.btn.btn-sm { margin-bottom: -10px; margin-left: 0px; }
  
  div.fp-tagcloud { width: unset; padding: 0; margin-right: 10px; }  /* frontpage tagcloud shit */
  div.venues { width: unset; padding: 0; margin-bottom: 20px; margin-left: 10px; }

  div.jqcloud { border-radius: 10px; position: relative; z-index: 1; float: left; background-color: #044360; } /* affects all tagclouds */

  div.venue-heading.storytable_row.header div.headline_cell,
  div.venues div.storytable div.storytable_row div.headline_cell { width: 60%; }

  venue-heading.storytable_row.header div.comments_cell,
  div.venues div.storytable div.storytable_row div.comments_cell  { width: 35%; text-align: left; padding-right: 0px; margin-left: 10px; }


  .thread-tag-stuff .no-tags { /* tagcloud with no tags */
    position: relative;
    top: 65px;
    margin: 10px;
    padding: 35px;
    padding-left: 100px;
    padding-right: 100px;
    background-color: #a66;
    color: #fff;
    border: 1px solid #666;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-radius: 4px; }

  .tagged { background-color: #feb!important; } /* !important is needed to override */
  
  div.active-tag-container {
    margin: 10px;
    margin-left: 1%;
    margin-right: 1%;
    padding: 5px;
    padding-left: 15px;
    width: 98%;
    color: #000;
    border-radius: 5px;
    border: 1px solid #983;
    background-color: #feb;
    padding-top: 0px;
    padding-bottom: 0px; }
  
  div.active-tag-container button.btn.btn-sm { background-color: transparent; }
  
  div.active-tag-container button.btn.btn-sm i.fa.fa-times {
    border-radius: 4px;
    padding: 2px;
    border: 1px solid #983;
    background-color: #fdd; }

  div.fp-tagcloud { min-width: 360px; margin-top: -20px; }

  .thread-tag-stuff div.col-xs-3 { padding: 10px; border-radius: 10px; }
  div.outside-tag-stuff { padding-left: 15px; }

.venues-and-tagcloud div.jqcloud span { cursor: pointer; }
div.jqcloud span.w10 { color: #00f0ff; margin: 2px; font-size: 175%; }
div.jqcloud span.w9  { color: #10d0df; margin: 2px; font-size: 150%; }
div.jqcloud span.w8  { color: #20e0ef; margin: 2px; font-size: 135%; }
div.jqcloud span.w7  { color: #30d0df; margin: 2px; font-size: 125%; }
div.jqcloud span.w6  { color: #40c0cf; margin: 2px; font-size: 120%; }
div.jqcloud span.w5  { color: #50b0bf; margin: 2px; font-size: 115%; }
div.jqcloud span.w4  { color: #a0a0af; margin: 2px; font-size: 110%; }
div.jqcloud span.w3  { color: #b0b0bf; margin: 2px; font-size: 105%; }
div.jqcloud span.w2  { color: #b0b0cf; margin: 2px; font-size: 100%; }
div.jqcloud span.w1  { color: #c0c0cf; margin: 2px; font-size: 95%; }



/* -----------------------------------------------------------------------------------------------------------------------*/
/* Submission/Queue Page Items */

  div#queue-timer, div.greenlit { border: 1px solid #666; background-color: #fdd; margin-top: 10px; margin-left: 10px; padding: 5px; border-radius: 5px; }
  div#queue-timer { margin: 10px;
    margin-left: 1%;
    margin-right: 1%;
    padding: 5px;
    padding-left: 15px;
    width: 98%; }

  .storylink a:link { padding: 3px; color: #000; }
  .storylink a:visited { padding: 3px; color: #226; } /*  black links in the queue */

  div#queue div#headerrow { margin-top: 20px; }
 
  div.cellvote,
  div.celltimeremaining,
  div.cellstoryscore { text-align: center; width: 10%; padding: 5px; }
  div.cellstory { width: 70%; }

  div.storyentry { background-color: #fff; border-top: 1px solid #666; }
div#queue div.storyentry.ng-scope.last { border-radius: 0 0 10px 10px; }

  div#submitstoryblock, div#submitdiscussionblock { background-color: #fff; border: 1px solid #666; border-radius: 10px; width: 48%; padding: 20px; float: left; }

  div#submitstoryblock { margin-left: 10px; margin-top: 40px; }
  div#submitdiscussionblock { margin-right: 10px; float: right; }
  div#submitstoryblock h3, div#submitdiscussionblock h3 { margin-bottom: 10px; }

  div#footer { clear: both; }
  div#footer p { margin: 20px; }
  
  #discussionKickoff { width: 100%; }   
  #discussionHeadline { width: 100%; }   /* fix alignment issues with submission boxes in queue */

  h3 { margin-top: -10px; font-size: large; font-weight: bold; margin-bottom: -5px; } /* shrink down submission box titles */

  a.voteup { color: #0c0; }
  a.votedn { color: #f22; } /* vote buttons */


/* -----------------------------------------------------------------------------------------------------------------------*/
/* Form and input area Items */


  div.password-halp h3 { margin-top: 10px; }
  div#loginblock { background-color: #fff; }
  
div#loginblock { border-radius: 10px; padding: 20px; margin-left: 20px; width: 60% }
div#loginblock h3 { margin-bottom: 10px; }
  
  div.panel-body div#password input#password1,
  div.panel-body div#password input#password2,
  .password-halp-email input,
  #password.ng-dirty,
  #password.ng-pristine,
  #username.ng-dirty,
  #username.ng-pristine {
    height: auto; 
    border: 1px solid #666;
    border-radius: 4px;
    background-color: #F5F7DA;
    padding: 2px;
    margin: 0px;
    width: 50%;
    font-size: 12pt;
    color: #000;
    font-weight: normal; } /* fix for login page */
 
  div.search-criteria input,
  div.pmcompose div.row.subject input,
  div.pmcompose div.row.body textarea,
  div#email input,
  div.new-killfile-entry input,
  div.one-time-donation input,
  div.subscription-signup input.subscription-amount,
  div.invite-handle input,
  div.invite-email input,
  div#submitstoryblock input,
  div#submitdiscussionblock input,
  div#submitdiscussionblock textarea,
  input#tag {
    height: auto;
    border: 1px solid #666;
    border-radius: 4px;
    background-color: #F5F7DA;
    padding: 2px;
    font-size: 12pt;
    color: #000;
    font-weight: normal; } /* other input areas to match */

  #loginblock button {
    font-size: 1em;
    padding: 8px;
    margin: 10px;
    margin-bottom: 20px; }


/* -----------------------------------------------------------------------------------------------------------------------*/
/* Pingbox Items */


  .modal-dialog { width: 75%; }
  .modal-dialog a:link, .modal-dialog a:visited { color: #006; }
  .modal-content { border: 1px solid #000; background-color: #ffe; padding: 10px; margin: 10px; }
  .modal-content div.ng-scope, .notification-modal-entry .ng-binding .ng-scope { background-color: transparent; }
  .notification-modal-entry { background-color: transparent; margin: 10px; }
  .notification-killer { padding-left: 40px; }
  div.notification-killer a i.fa.fa-trash { margin: -20px; } /* move trashcan icon inside boundaries */


/* -----------------------------------------------------------------------------------------------------------------------*/
/* Dropdown Bubble Items */

  .alert-success, .alert-danger, .alert-warning {
    padding-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 45%;
    border: 1px dashed #666;
    padding-bottom: 10px; } /* fixes pink warning dropdown */

  .alert-danger { border: 1px solid #933; }
  .alert-success { border: 1px solid #393; } /* fixes green success dropdown */

  .alert.ng-isolate-scope.alert-success span.ng-binding.ng-scope {
    color: #393;
    font-weight: bold;
    background: transparent;
    margin: 10px; } /* Success dropdown */

  .alert-danger div span.ng-binding.ng-scope { font-weight: bold; background-color: transparent; } /* warning dropdown */
  

/* -----------------------------------------------------------------------------------------------------------------------*/
/* Invite Page */

  div.invites div.panel-body { padding: 30px;  }

  div.invite-container {
    width: 70%;
    min-width: 600px;
    padding: 20px;
    margin: 20px;
    border: 1px solid #000;
    background-color: #fff; }
      
  .invite-handle button.btn, .invite-buttons button.btn.btn-lg {
    padding: 5px;
    margin: 5px;
    font-size: small; }

  .invite-availability.ng-binding.available {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #dfd;
    border: 1px dashed #393; }

  .invite-availability.ng-binding.not-available {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fdd;
    border: 1px dashed #933;  }
  

/* -----------------------------------------------------------------------------------------------------------------------*/
/* Fixes that need to come after everything else. */


  pre code {
    margin-left: unset!important;
  /*  border: unset!important; */
    padding: unset!important;
    margin-right: unset!important; } /* fix pre & code differences */

  div.changelog btn.btn.btn-primary:hover,
  .pminbox label.btn:hover,
  div.row.inbox-button a.btn.btn-primary:hover,
  div.pminbox button.btn:hover,
  div.pmview div.row.buttons button.btn:hover,
  div.search-criteria button.btn.btn-primary:hover,
  div.row.send-button button.btn.btn-lg:hover,
  div.send-pm a:hover,
  #loginblock button:hover,
  #submitdiscussionblock button.btn.btn-default:hover,
  #submitstoryblock button.btn.btn-default:hover,
  .notifications-modal-button-group button.btn.btn-default:hover,
  #comment-form button.btn.btn-default:hover,
  div.commentpage-bottom-navbar a.btn.btn-default:hover,
  div.commentpage-bottom-navbar button.btn.btn-default:hover,
  div.subscription-signup button.btn:hover,
  div.one-time-donation button.btn:hover,
  div#prefs button.btn.btn-default:hover,
  div.killfile-submit button.btn.btn-default:hover,
  #password + div > button:hover,
  .invite-handle button.btn:hover,
  .invite-buttons button.btn.btn-lg:hover,
  zombn-my-bios.ng-isolate-scope div button.btn.btn-sm:hover,
  zombn-my-bios.ng-isolate-scope div button.btn.btn-default:hover,
  div.panel-body div.ng-scope zombn-my-invites.ng-isolate-scope wait.ng-isolate-scope div.new-invite.ng-scope a:hover {
    background: -webkit-linear-gradient(top,#fff6c6,#eda);
    background: -moz-linear-gradient(top,#fff6c6,#eda);
    background: -ms-linear-gradient(top,#fff6c6,#eda);
    background: -o-linear-gradient(top,#fff6c6,#eda);
    border: 1px solid #ccc;
    color: #000;
    border-radius: 4px;
    border-left: 2px solid #993;
    border-top: 2px solid #993; } 
  
  div.changelog btn.btn.btn-primary,
  .pminbox label.btn,
  div.row.inbox-button a.btn.btn-primary,
  div#fp-bottom-buttonbar button.btn.btn-default,
  div.pminbox button.btn,
  div.pmview div.row.buttons button.btn,
  div.search-criteria button.btn.btn-primary,
  div.row.send-button button.btn.btn-lg,
  div.send-pm a,
  #loginblock button,
  #submitdiscussionblock button.btn.btn-default,
  #submitstoryblock button.btn.btn-default,
  .notifications-modal-button-group button.btn.btn-default,
  #comment-form button.btn.btn-default,
  div.commentpage-bottom-navbar a.btn.btn-default,
  div.commentpage-bottom-navbar button.btn.btn-default,
  div.subscription-signup button.btn,
  div.one-time-donation button.btn,
  div#prefs button.btn.btn-default,
  div.killfile-submit button.btn.btn-default,
  #password + div > button,
  .invite-handle button.btn,
  .invite-buttons button.btn.btn-lg,
  zombn-my-bios.ng-isolate-scope div button.btn.btn-sm,
  zombn-my-bios.ng-isolate-scope div button.btn.btn-default,
  div.panel-body div.ng-scope zombn-my-invites.ng-isolate-scope wait.ng-isolate-scope div.new-invite.ng-scope a {
    background: -webkit-linear-gradient(top,#fff6c6,#ffc);
    background: -moz-linear-gradient(top,#fff6c6,#ffc);
    background: -ms-linear-gradient(top,#fff6c6,#ffc);
    background: -o-linear-gradient(top,#fff6c6,#ffc);
    border: 1px solid #ccc;
    color: #000;
    border-radius: 4px;
    border-right: 2px solid #993;
    border-bottom: 2px solid #993; }

  div#fp-bottom-buttonbar button.btn.btn-default { margin-left: 15px; margin-top: 10px; }
  div#fp-bottom-buttonbar button.btn.btn-default:hover { background: #fcc;
    border: 1px solid #f00;
    color: #f00;
    border-radius: 4px;
    border-left: 2px solid #f00;
    border-top: 2px solid #f00; } 
  
  zombn-comment .cb pre { border: 0px; background-color: transparent; }

  div.modal-content div.sunlight { margin-left: 10px; }
  div.modal-content div.sunlight div.submitter { margin-bottom: 10px; font-weight: bold; }

/* -----------------------------------------------------------------------------------------------------------------------*/

div.changelog btn.btn.btn-primary { margin: 20px; }
div.changelog { margin: 5px; padding: 5px; }
div.changelog-entry { background-color: #fff; width: 80%; border-radius: 5px; padding: 10px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #6a6; }

.anchor-scroll-target button.btn.btn-sm, .anchor-scroll-target button.btn.btn-sm:hover { margin-top: -1px; }

  div#changelog-link a { color: #000; }

div.profile-menu-dropdown { padding-top: 5px; border: 1px solid #999; z-index: 5; }
div.profile-menu-dropdown a { text-decoration: none; }

.storytable_row.visited .comments_cell.stale {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

div#floatbar { background-color: #336; margin-left: -10px; }

div#floatbar i.fa { vertical-align: middle; }

div#floatbar input { margin-top: 2px; }


/* -----------------------------------------------------------------------------------------------------------------------*/
/* End. */