@-moz-document domain("dreamwidth.org") {
  /*
  VERSION: v2.0.3
  AUTHOR: KillTheCake
  NOTES: Check for latest versions! https://github.com/savwiley/DW-darkmode
  */
  @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
  
  :root {
    --skin-background: #191b1c;
    --skin-dimBackground: #232828;
    --skin-text: #9fa0a1;
    --skin-input: #252628;
  
    --skin-headers: #d4d2d2;
  
    --skin-link: #88d0f9;
    --skin-visited: #5babc1;
    --skin-hover: #ccf2ff;
  
    --skin-lightAccent: #4b4d4f;
    --skin-darkAccent: #121315;
  
    --skin-headerFont: 'Cinzel Decorative', cursive;
  
    --skin-userIcon: url(https://img.icons8.com/ultraviolet/15/000000/comet.png) no-repeat !important;
    --skin-communityIcon: url(https://img.icons8.com/ultraviolet/14/000000/earth-planet--v2.png) no-repeat !important;
    --skin-staffIcon: url(https://img.icons8.com/ultraviolet/14/000000/geography.png) no-repeat !important;
    --skin-anonIcon: url(https://img.icons8.com/ultraviolet/16/000000/fraud.png) no-repeat !important;
  
    --skin-editIcon: url(https://img.icons8.com/ultraviolet/16/000000/edit-property.png) no-repeat !important;
    --skin-editTagIcon: url(https://img.icons8.com/ultraviolet/16/000000/add-tag.png) no-repeat !important;
    --skin-addMemoryIcon: url(https://img.icons8.com/ultraviolet/17/000000/like.png) no-repeat !important;
    --skin-shareIcon: url(https://img.icons8.com/ultraviolet/16/000000/send.png) no-repeat !important;
    --skin-trackIcon: url(https://img.icons8.com/ultraviolet/16/000000/bell.png) no-repeat !important;
    --skin-stopTrackIcon: url(https://img.icons8.com/ultraviolet/16/000000/no-reminders.png) no-repeat !important;
    --skin-addTagsIcon: url(https://img.icons8.com/ultraviolet/14/000000/plus.png) no-repeat !important;
    --skin-trashIcon: url(https://img.icons8.com/ultraviolet/14/000000/trash-can.png) no-repeat !important;
    --skin-deleteIcon: url(https://img.icons8.com/ultraviolet/14/000000/cancel.png) no-repeat !important;
    --skin-screenIcon: url(https://img.icons8.com/ultraviolet/16/000000/no-idea.png) no-repeat !important;
    --skin-unscreenIcon: url(https://img.icons8.com/ultraviolet/16/000000/light-on.png) no-repeat !important;
    --skin-freezeIcon: url(https://img.icons8.com/ultraviolet/15/000000/circled-pause.png) no-repeat !important;
  
    --skin-accessIcon: url(https://img.icons8.com/ultraviolet/16/000000/add-key.png) no-repeat !important;
    --skin-subscribeIcon: url(https://img.icons8.com/ultraviolet/16/000000/bookmark-ribbon.png) no-repeat !important;
    --skin-postIcon: url(https://img.icons8.com/ultraviolet/16/000000/literature.png) no-repeat !important;
    --skin-pmIcon: url(https://img.icons8.com/ultraviolet/16/000000/filled-message.png) no-repeat !important;
    --skin-searchIcon: url(https://img.icons8.com/ultraviolet/16/000000/search.png) no-repeat !important;
    --skin-upgradeIcon: url(https://img.icons8.com/ultraviolet/16/000000/shopping-cart.png) no-repeat !important;
  
    --skin-coloredListDot: var(--skin-lightAccent) url(https://img.icons8.com/officel/11/000000/spinner-frame-2.png) 0.8em 0.9em no-repeat;
    --skin-bwListDot: var(--skin-visited) url(https://img.icons8.com/ios/11/000000/spinner-frame-2.png) 0.8em 0.9em no-repeat;
  
    --skin-arrowDown: url(https://img.icons8.com/ultraviolet/14/000000/chevron-down.png);
    --skin-arrowRight: url(https://img.icons8.com/ultraviolet/14/000000/chevron-right.png);
  }
  
  /* ------ GENERAL ------ */
  body:not(.has-navstrip):not(.lj-view-recent):not(.lj-view-archive):not(.lj-view-read):not(.lj-view-tags) {
    min-height: 100vh;
    background: var(--skin-background);
    accent-color: var(--skin-link);
  }
  
  #canvas {
    border-color: var(--skin-darkAccent);
    border-bottom: none;
  }
  
  #page {
    position: absolute;
    left: 5%;
    right: 5%;
    color: var(--skin-text);
  }
  
  #content-outer h1,
  #content-outer h2,
  #content-outer h3,
  #content-outer h4,
  #content-outer h5,
  #content-outer h6,
  #content-outer p,
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6,
  .entry-content p {
    color: inherit !important;
    border-color: inherit !important;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  .usercontent h1,
  .usercontent h2,
  .usercontent h3,
  .usercontent h4,
  .usercontent h5,
  .usercontent h6,
  .usercontent p {
    color: var(--skin-headers) !important;
    border-color: var(--skin-lightAccent) !important;
  }
  
  blockquote {
    color: var(--skin-headers);
  }
  
  blockquote > font {
    color: inherit;
  }
  
  .contents,
  .panel,
  .sidebar,
  .item {
    border-color: var(--skin-lightAccent) !important;
  }
  
  .panel {
    background: var(--skin-background);
    color: var(--skin-text);
  }
  
  .panel p,
  .panel li,
  .panel h3 {
    color: var(--skin-text) !important;
  }
  
  .sidebar p,
  .sidebar a,
  .panel p,
  .panel a,
  .panel ul {
    font-size: 12px;
  }
  
  .disabled {
    background-color: var(--skin-lightAccent) !important;
  }
  
  #page a:link,
  a.half_image,
  a.full_image,
  a.no_meta_text,
  a.meta_text {
    color: var(--skin-link);
  }
  #page a:visited {
    color: var(--skin-visited);
  }
  #page a:hover {
    color: var(--skin-hover);
  }
  
  img {
    filter: brightness(.9) contrast(1.1);
  }
  
  code {
    background: var(--skin-dimBackground);
    color: var(--skin-headers);
    border-color: var(--skin-text);
  }
  
  div#intro-box-main h1,
  div#intro-box-main p {
    color: var(--skin-dimBackground) !important;
  }
  
  body:not([class*="recent"])::-webkit-scrollbar,
  body:not([class*="recent"]) textarea::-webkit-scrollbar,
  #iconselector_icons::-webkit-scrollbar {
    background: var(--skin-dimBackground);
    width: 12px;
    height: 12px;
  }
  
  body:not([class*="recent"])::-webkit-scrollbar-thumb,
  body:not([class*="recent"]) textarea::-webkit-scrollbar-thumb,
  #iconselector_icons::-webkit-scrollbar-thumb {
    background: var(--skin-link);
  }
  
  body:not([class*="recent"])::-webkit-scrollbar-corner,
  body:not([class*="recent"]) textarea::-webkit-scrollbar-corner,
  #iconselector_icons::-webkit-scrollbar-corner {
    background: transparent;
  }
  
  /*  ------ ICONS REPLACEMENTS ------ */
  img[src*="community.png"],
  img[src*="user.png"],
  img[src*="anonymous.png"],
  img[src*="comm_staff.png"],
  img[src*="edit.png"],
  img[src*="tag_edit.png"],
  img[src*="memories_add.png"],
  img[src*="tellafriend.png"],
  img[src*="track.png"],
  img[src*="btn_trash.gif"],
  img[src*="delete.png"],
  img[src*="screen.png"],
  img[src*="unscreen.png"],
  img[src*="freeze.png"],
  img[src*="access_grant.png"],
  img[src*="access_grant_disabled.png"],
  img[src*="subscription_add.png"],
  img[src*="subscription_add_disabled.png"],
  img[src*="post.png"],
  img[src*="post_disabled.png"],
  img[src*="message.png"],
  img[src*="message_disabled.png"],
  img[src*="search.png"],
  img[src*="buy_account.png"],
  input[src*="add.png"] {
    width: 0;
    height: 0;
    text-decoration: none;
  }
  
  img[src*="community.png"] {
    background: var(--skin-communityIcon);
    padding: 15px 16px 0 0 !important;
  }
  img[src*="user.png"] {
    background: var(--skin-userIcon);
    padding: 15px 15px 0 0 !important;
  }
  img[src*="anonymous.png"] {
    background: var(--skin-anonIcon);
    padding: 15px 15px 0 0 !important;
  }
  img[src*="comm_staff.png"] {
    background: var(--skin-staffIcon);
    padding: 15px 18px 0 0 !important;
  }
  img[src*="edit.png"] {
    background: var(--skin-editIcon);
    padding: 15px 18px 0 0 !important;
  }
  img[src*="tag_edit.png"] {
    background: var(--skin-editTagIcon);
    padding: 15px 18px 0 0 !important;
  }
  img[src*="memories_add.png"] {
    background: var(--skin-addMemoryIcon);
    padding: 15px 18px 0 0 !important;
  }
  img[src*="tellafriend.png"] {
    background: var(--skin-shareIcon);
    padding: 15px 17px 0 0 !important;
  }
  img[src*="track.png"] {
    background: var(--skin-trackIcon);
    padding: 15px 15px 0 0 !important;
  }
  img[src*="untrack.png"] {
    background: var(--skin-stopTrackIcon);
    padding: 15px 15px 0 0 !important;
    transform: rotate(20deg);
  }
  img[src*="btn_trash.gif"] {
    background: var(--skin-trashIcon);
    padding: 15px 14px 0 0 !important;
  }
  img[src*="delete.png"] {
    background: var(--skin-deleteIcon);
    padding: 15px 14px 0 0 !important;
  }
  img[src*="screen.png"] {
    background: var(--skin-screenIcon);
    padding: 15px 14px 0 0 !important;
  }
  img[src*="unscreen.png"] {
    background: var(--skin-unscreenIcon);
    padding: 15px 14px 0 0 !important;
  }
  img[src*="freeze.png"] {
    background: var(--skin-freezeIcon);
    padding: 15px 14px 0 0 !important;
  }
  img[src*="access_grant.png"] {
    background: var(--skin-accessIcon) !important;
    padding: 15px 18px 0 0 !important;
  }
  img[src*="access_grant_disabled.png"] {
    background: var(--skin-accessIcon) !important;
    padding: 15px 18px 0 0 !important;
    filter: grayscale(100%);
  }
  img[src*="subscription_add.png"] {
    background: var(--skin-subscribeIcon) !important;
    padding: 15px 18px 0 0 !important;
  }
  img[src*="subscription_add_disabled.png"] {
    background: var(--skin-subscribeIcon) !important;
    padding: 15px 18px 0 0 !important;
    filter: grayscale(100%);
  }
  img[src*="post.png"] {
    background: var(--skin-postIcon) !important;
    padding: 15px 18px 0 0 !important;
  }
  img[src*="post_disabled.png"] {
    background: var(--skin-postIcon) !important;
    padding: 15px 18px 0 0 !important;
    filter: grayscale(100%);
  }
  img[src*="message.png"] {
    background: var(--skin-pmIcon) !important;
    padding: 15px 18px 0 0 !important;
  }
  img[src*="message_disabled.png"] {
    background: var(--skin-pmIcon) !important;
    padding: 15px 18px 0 0 !important;
    filter: grayscale(100%);
  }
  img[src*="search.png"] {
    background: var(--skin-searchIcon) !important;
    padding: 15px 18px 0 0 !important;
  }
  img[src*="buy_account.png"] {
    background: var(--skin-upgradeIcon) !important;
    padding: 15px 18px 0 0 !important;
  }
  input[src*="add.png"] {
    background: var(--skin-addTagsIcon);
    padding: 15px 14px 0 0 !important;
  }
  
  .collapsible.collapsed .collapse-button {
    background-image: var(--skin-arrowRight);
  }
  
  .collapsible.expanded .collapse-button {
    background-image: var(--skin-arrowDown);
  }
  
  /* ------ FORMS ------ */
  label,
  #panel-quickupdate .contents label,
  legend {
    color: var(--skin-headers);
  }
  
  span.postfix,
  label.postfix {
    background: var(--skin-dimBackground);
    color: var(--skin-headers);
    border-color: var(--skin-darkAccent);
  }
  
  input:not([type]),
  input[type="text"],
  input[type="password"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="week"],
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  input[type="time"],
  input[type="url"],
  input[type="color"],
  textarea {
    background: var(--skin-input);
    color: var(--skin-headers);
    border: 1px solid var(--skin-darkAccent);
  }
  
  input:not([type]):focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    background: var(--skin-darkAccent);
    box-shadow: none;
    border-color: var(--skin-link);
  }
  
  input,
  textarea,
  select,
  #panel-quickupdate input,
  .nav-search input,
  .nav-search input.button,
  .nav-search select,
  button.secondary,
  .button.secondary,
  button,
  .button,
  .btn,
  input.submit,
  #qrformdiv input[type="submit"]:not(#submitpost),
  #qrformdiv input[type="button"],
  .secondary.submit,
  .select-list input,
  .multiple-select,
  #multiform_submit {
    background: var(--skin-input);
    border: 1px solid var(--skin-darkAccent);
    color: var(--skin-headers);
    text-shadow: none;
    box-shadow: none;
  }
  
  select:focus,
  button.secondary:hover,
  button.secondary:focus,
  .button.secondary:hover,
  .button.secondary:focus,
  button:hover,
  button:focus,
  .button:hover,
  .button:focus,
  .btn:focus,
  .btn:hover,
  input.submit:focus,
  input.submit:hover,
  #qrformdiv input[type="submit"]:not(#submitpost):focus,
  #qrformdiv input[type="submit"]:not(#submitpost):hover,
  #qrformdiv input[type="button"]:focus,
  #qrformdiv input[type="button"]:hover,
  .secondary.submit:focus,
  .secondary.submit:hover,
  #multiform_submit:focus,
  #multiform_submit:hover {
    background-color: var(--skin-headers);
    color: var(--skin-darkAccent)
  }
  
  .submit.disabled, 
  .submit[disabled],
  .submit.disabled:hover, 
  .submit[disabled]:hover {
    background-color: var(--skin-lightAccent);
    border-color: var(--skin-headers);
    color: var(--skin-headers);
  }
  
  /* ------ TABLES ------ */
  table.table,
  tr {
    border-color: var(--skin-lightAccent) !important;
  }
  
  tr[bgcolor="#c0c0c0"] {
    background: var(--skin-lightAccent);
    color: var(--skin-headers);
  }
  
  table.grid, 
  table.grid td {
    color: var(--skin-text);
  }
  
  table caption {
    color: var(--skin-headers);
  }
  
  .editfriends td[style="color: #000000; background-color: #ffffff;"] {
    background: var(--skin-background) !important;
    color: var(--skin-text) !important;
  }
  
  .editfriends tr:hover {
    background: var(--skin-dimBackground);
  }
  
  form#settings_form.table-form {
    margin: 0 !important;
  }
  
  .display,
  .notifications,
  .mobile,
  .privacy,
  .othersites,
  .shortcuts {
    margin-left: 0 !important;
  }
  
  #page .tab a:not(.active) {
    background: var(--skin-dimBackground);
    border-color: var(--skin-lightAccent);
  }
  
  .tablist .tab a.active,
  .tab-header,
  .action-bar {
    background: var(--skin-lightAccent);
    border-color: var(--skin-lightAccent);
  }
  
  .shortcuts > .table-form table {
    width: 100%;
    border-bottom: 1px solid var(--skin-darkAccent);
  }
  
  .table-form table {
    background: var(--skin-dimBackground);
    color: var(--skin-headers);
  }
  
  .odd,
  tr.odd th,
  tr.odd td,
  table.table tr.odd,
  table.table tr:nth-of-type(odd) {
    background: var(--skin-dimBackground);
    color: var(--skin-headers);
  }
  
  .even,
  tr.even th,
  tr.even td,
  table.table tr.even,
  table.table tr:nth-of-type(even) {
    background: var(--skin-lightAccent);
    color: var(--skin-headers);
  }
  
  thead th,
  tfoot td,
  .proptbl .h,
  .column-table tbody th,
  table.table thead tr th,
  table.table thead tr td {
    background: var(--skin-dimBackground);
    color: var(--skin-headers);
    border-color: var(--skin-lightAccent);
  }
  
  table.table tr th,
  table.table tr td {
    color: var(--skin-headers);
  }
  
  /*  ------ MODALS ------ */
  .ContextualPopup {
    background: var(--skin-dimBackground);
    box-shadow: none;
    border: 1px solid var(--skin-lightAccent);
    color: var(--skin-headers);
  }
  
  .ContextualPopup a {
    color: var(--skin-link);
  }
  
  .ContextualPopup a:hover {
    color: var(--skin-hover);
  }
  
  .ContextualPopup a:visited {
    color: var(--skin-visited);
  }
  
  .ContextualPopup .Userpic {
    border-color: var(--skin-lightAccent);
  }
  
  .reveal-modal {
    background: var(--skin-dimBackground);
    border-color: var(--skin-lightAccent);
  }
  
  .reveal-modal a, 
  .reveal-modal .close-reveal-modal {
    color: var(--skin-link);
  }
  
  .reveal-modal a:hover, 
  .reveal-modal .close-reveal-modal:hover {
    color: var(--skin-hover);
  }
  
  .ui-widget-content, 
  .ui-sortable {
    border-color: var(--skin-dimBackground);
    background: var(--skin-lightAccent);
  }
  
  .ui-state-default, 
  .ui-widget-content .ui-state-default, 
  .ui-widget-header .ui-state-default {
    background: var(--skin-dimBackground);
    border-color: var(--skin-darkAccent);
    color: var(--skin-text);
  }
  
  /* ------ LOGGED OUT BLURB ------ */
  
  #intro-main-content h1,
  #intro-main-content p {
    color: var(--skin-background) !important;
  }
  
  /* ------ SETTINGS ------ */
  .section-nav {
    background: var(--skin-dimBackground);
  }
  
  .section-nav ul,
  .section-nav li,
  .section-nav li a,
  .section-nav-separator,
  .section-nav-content,
  .select-list li,
  .NotificationTable td {
    border-color: var(--skin-lightAccent);
  }
  
  .section-nav-content {
    border-left: 1px solid var(--skin-lightAccent);
  }
  
  .section-nav li.on {
    background: var(--skin-lightAccent);
  }
  
  .select-list li img {
    border-color: var(--skin-link)
  }
  
  hr.hr {
    color: var(--skin-lightAccent);
    background-color: var(--skin-lightAccent);
  }
  
  .selected,
  .select-list li.selected,
  tr.selected td {
    background: var(--skin-dimBackground);
    border-color: var(--skin-link);
    color: var(--skin-headers);
  }
  
  .subheader {
    background: var(--skin-lightAccent);
    color: var(--skin-headers)
  }
  
  #cf-select,
  #cf-edit,
  #cf-filtopts,
  #cf-intro {
    background: var(--skin-dimBackground);
    border-color: var(--skin-lightAccent);
    color: var(--skin-headers);
  }
  
  /* ------ INBOX ------ */
  .folders a {
    border-color: var(--skin-lightAccent);
  }
  
  .folders a.selected {
    background: var(--skin-dimBackground);
    border-color: var(--skin-lightAccent);
  }
  
  .folders a:hover {
    background: var(--skin-lightAccent);
    border-color: var(--skin-lightAccent);
  }
  
  .inbox .header {
    background: var(--skin-lightAccent);
    color: var(--skin-headers);
  }
  
  /* ------ PROFILE ------ */
  .section_head,
  .section,
  div.username,
  .actions li {
    background-color: var(--skin-dimBackground);
    border-style: solid;
    border-color: var(--skin-lightAccent);
    color: var(--skin-headers);
  }
  
  .profile th,
  .section span.section_link,
  .helper {
    color: var(--skin-headers);
  }
  
  .field_block .field_name {
    background: var(--skin-dimBackground);
    border-right: 1px solid var(--skin-lightAccent);
    color: var(--skin-headers);
  }
  
  span.expandcollapse a,
  .section {
    color: var(--skin-link);
  }
  
  /* ------ HEADER ------ */
  #masthead:not([role="banner"]) {
    background: var(--skin-dimBackground);
    border-color: var(--skin-darkAccent);
  }
  
  .main-nav:not(.expanded),
  .main-nav li.name {
    background: var(--skin-lightAccent);
    top: 7em;
    left: -5%;
    right: -5%;
    width: inherit;
  }
  
  .top-bar-section .has-form,
  .top-bar-section ul li {
    background: var(--skin-lightAccent);
  }
  
  #shim-alpha {
    background: var(--skin-dimBackground);
    border-top: 0.5em solid var(--skin-lightAccent);
    border-bottom: 0.5em solid var(--skin-darkAccent);
    position: absolute;
    z-index: 0;
  }
  
  nav,
  nav[role="navigation"] {
    background: var(--skin-lightAccent);
  }
  
  .top-bar-section li:not(.has-form) a:not(.button),
  .top-bar-section li:not(.has-form):hover a:not(.button):hover,
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),
  .top-bar-section li:hover:not(.has-form) a:not(.button):not(.hover),
  nav ul li.topnav a,
  nav[role="navigation"] ul li.hover a,
  nav[role="navigation"] ul li.topnav a,
  nav ul li.hover {
    background: var(--skin-coloredListDot);
  }
  
  .top-bar-section .dropdown li,
  .top-bar-section .dropdown li:hover,
  nav ul li.hover a:hover,
  nav[role="navigation"] ul li.hover a:hover {
    background: var(--skin-bwListDot);
  }
  
  nav[role="navigation"] ul li.hover ul {
    padding-right: 0;
  }
  
  nav ul li a {
    text-indent: 0;
    padding: 0 1em;
  }
  
  nav ul li.hover,
  nav ul li.hover ul {
    background: var(--skin-input);
  }
  
  nav ul li.hover ul {
    overflow: hidden;
  }
  
  nav ul li.hover a {
    color: var(--skin-link) !important;
  }
  
  nav ul li.hover a:hover {
    color: var(--skin-hover) !important;
    font-style: italic;
  }
  
  [role='search'] form {
    margin: 3px 0;
  }
  
  .has-form form {
    margin: -2px !important;
  }
  
  #logo::after {
    content: "DreamWidth";
    position: relative;
    right: 310px;
    bottom: 20px;
    font-size: 3.5em;
    font-family: var(--skin-headerFont), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    z-index: 2;
  }
  
  .row #logo::after {
    bottom: 0;
    right: 300px;
    color: var(--skin-text);
  }
  
  img[src*="dw_logo.png"],
  img[src*="dw_logo_purple.png"] {
    position: relative;
    width: 300px;
    z-index: 3;
    opacity: 0;
  }
  
  #account-links {
    z-index: 3;
  }
  
  #account-links.row {
    top: 1em;
    right: 5%;
  }
  
  /* ------ FOOTER ------ */
  footer[role="contentinfo"] {
    background: var(--skin-lightAccent);
    text-align: center;
    border-bottom: 20px solid var(--skin-darkAccent);
  }
  
  footer ul {
    margin-bottom: 5px;
  }
  
  footer ul li {
    float: none;
    display: inline-block;
  }
  
  /* ------ BOXES ------ */
  .highlight,
  .highlight-box,
  .action-box .inner,
  .alert-box.secondary,
  .shop-item-highlight {
    background-color: var(--skin-dimBackground);
    border: 1px solid var(--skin-darkAccent);
    color: var(--skin-headers);
  }
  
  .inset-box {
    background-color: var(--skin-input);
    border: none;
    color: var(--skin-headers);
  }
  
  .alert-box.secondary {
    border-width: inherit;
    margin-right: 5%;
  }
  
  span.error,
  small.error {
    background: var(--skin-lightAccent);
    color: var(--skin-link);
  }
  
  .shop-item-highlight {
    border-color: var(--skin-link);
  }
  
  .panel.callout {
    background: var(--skin-dimBackground);
  }
  
  /* ------ NEW STYLE ONLY ------ */
  html.js body #canvas #page #content {
    margin-top: 120px !important;
  }
  
  #page #content .row {
    margin-left: -40px;
  }
  
  #page #content form:not(.theme-form):not(.layout-form):not(#uploadPic):not([method="POST"]):not(#qrform):not([method="GET"]) .row:first-child {
    margin-top: 0px;
  }
  
  #page #content form:not(.theme-form):not(.layout-form):not(#uploadPic):not([method="POST"]):not(#qrform):not([method="GET"]) {
    margin-left: 40px;
  }
  
  /* ------ ENTRIES ------ */
  .comment-page-list {
    background-color: var(--skin-background);
    border-color: var(--skin-dimBackground);
  }
  
  .comment-depth-odd > .dwexpcomment .comment-wrapper:not(.screened) .header,
  .comment-depth-odd > .dwexpcomment .comment-wrapper:not(.screened) .header .comment-info, 
  .comment-depth-odd > .dwexpcomment .comment-wrapper:not(.screened) .header .userpic {
    background: var(--skin-dimBackground);
    border-color: var(--skin-lightAccent);
  }
  
  .comment-depth-even > .dwexpcomment .comment-wrapper:not(.screened) .header,
  .comment-depth-even>.dwexpcomment .comment-wrapper:not(.screened) .header .comment-info, 
  .comment-depth-even>.dwexpcomment .comment-wrapper:not(.screened) .header .userpic {
    background-color: var(--skin-lightAccent);
    border-color: var(--skin-text);
    color: var(--skin-headers);
  }
  
  .screened .header,
  .comment-wrapper.screened>.comment .header .comment-info, 
  .comment-wrapper.screened>.comment .header .userpic {
    background: var(--skin-darkAccent) !important;
    border-color: var(--skin-lightAccent) !important;
  }
  
  .entry-interaction-links li:before,
  .comment-interaction-links li:before,
  .view-flat:before,
  .view-threaded:before,
  .view-top-only:before,
  .expand_all:before,
  .entry-interaction-links li:after,
  .comment-interaction-links li:after,
  .view-flat:after,
  .view-threaded:after,
  .view-top-only:after,
  .expand_all:after {
    color: var(--skin-text);
  }
  
  .latest-entry.usercontent {
    border-color: var(--skin-lightAccent);
  }
  
  .latest-entry.usercontent > .header {
    background: inherit;
  }
  
  #qrformdiv .qr-subject,
  #qrformdiv .qr-markup,
  #qrformdiv .qr-footer {
    align-items: stretch;
  }
  
  #qrformdiv .qr-subject input {
    margin: 0 1px;
  }
  
  #qrformdiv .qr-subject input[type="button"] {
    padding: 2px 8px 4px;
  }
  
  #qrformdiv .qr-subject input:first-of-type {
    margin-left: 0;
  }
  
  #qrformdiv .qr-subject input:last-of-type {
    margin-right: 0;
  }
  
  #qrformdiv .qr-markup {
    margin: 3px 0;
  }
  
  #qrformdiv .qr-markup input,
  #qrformdiv .qr-markup select {
    height: 90%;
  }
  
  .qr-footer input {
    padding: 3px 12px;
  }
  
  /* ------ POST AN ENTRY ------ */
  #compose-entry {
    border-color: var(--skin-lightAccent);
  }
  
  #htmltools,
  #compose-entry ul li a,
  #compose-entry ul li.on a,
  #draft-container,
  #draftstatus,
  #options,
  #public,
  #submitbar {
    background: var(--skin-dimBackground);
    border-color: var(--skin-lightAccent);
  }
  
  /* ------ ICON SELECTOR MODAL ------ */
  div.lj_ippu,
  .iconselector {
    background: var(--skin-background);
  }
  
  .iconselector_searchbox,
  .image-text-toggle.no_meta .toggle-meta-off,
  .image-text-toggle .toggle-meta-on,
  .image-size-toggle.half_icons .toggle-half-image,
  .image-size-toggle .toggle-full-image {
    color: var(--skin-text);
  }
  
  div.ups_search,
  div.ups_closebuttonarea {
    background: var(--skin-darkAccent);
    color: var(--skin-text);
  }
  
  .ups_row1 {
    background: var(--skin-lightAccent);
  }
  
  .ups_row2 {
    background: var(--skin-dimBackground);
  }
  
  td.ups_cell {
    color: var(--skin-headers);
    border: none;
  }
  
  td.ups_selected_cell {
    color: var(--skin-background);
    border: none !important;
  }
  
  #iconselector_icons_list li,
  .ui-widget-header {
    background: var(--skin-lightAccent);
    color: var(--skin-headers);
    border-color: var(--skin-dimBackground);
  }
  
  #iconselector_icons_list li a {
    color: var(--skin-link);
  }
  
  #iconselector_icons_list li:hover,
  #iconselector_icons_list .iconselector_selected {
    border-color: var(--skin-visited);
  }
  
  #iconselector_icons_list .iconselector_selected {
    background: var(--skin-dimBackground);
  }
  
  .kwmenu .selected {
    background: var(--skin-lightAccent);
    color: var(--skin-headers);
    border-color: var(--skin-visited);
    font-weight: normal;
  }

  /* ----- BETA ----- */
  .autocomplete-container {
    background: var(--skin-background);
    border: none;
  }
  
  .panel .button.secondary, 
  .panel button.secondary {
    background-color: var(--skin-dimBackground);
    color: var(--skin-text);
    box-shadow: none;
    border-color: var(--skin-darkAccent);
  }
  
  form .current-entry.row {
    margin-left: -30px !important;
  }
  
  #canvas .component .postfix {
    font-size: 13px;
  }
  
  /* ------ MEDIA ------ */
  @media (max-width: 640px) {
    .main-nav:not(.expanded),
    .main-nav li.name {
      top: 4em;
    }
    #page #content .row:not(.collapse):first-child {
      margin-top: 80px;
    }
    #page #content .row {
      margin-left: -30px;
    }
    .row #logo::after {
      font-size: 2em !important;
    }
  }
  
  @media (max-width: 700px) {
    #logo::after {
      position: absolute;
      right: 130px;
      font-size: 2em;
    }
  }
  
  @media (max-width: 755px) {
    .row #logo::after {
      font-size: 3em;
    }
    #page #content form:not(.theme-form):not(.layout-form):not(#uploadPic):not[method="POST"]:not(#qrform) {
      margin-left: 70px;
    }
  }
  
  @media (max-width: 1025px) {
    #page #content form:not(.theme-form):not(.layout-form):not(#uploadPic):not(#qrform) {
      margin-left: 70px;
    }
  }
  
  @media (min-width: 1025px) {
    .row #logo::after {
      bottom: 80px;
      left: 20px;
    }
    .row #logo img {
      width: 420px;
      height: 70px;
    }
    #page #content form:not(.theme-form):not(.layout-form):not(#uploadPic):not[method="POST"]:not(#qrform) {
      margin: 0 70px;
    }
    #account-links.row {
      right: 8%;
    }
    .select-list input {
      margin-left: auto;
    }
  }
  
  @media (min-width: 1200px) {
    #page #content .row {
      margin-left: inherit;
    }
    .main-nav:not(.expanded),
    .main-nav li.name {
      left: 0;
      right: 0;
    }
    #page #content form:not(.theme-form):not(.layout-form):not(#uploadPic):not[method="POST"]:not(#qrform) {
      margin-left: 100px !important;
    }
  }
  
  @media only screen and (min-width: 40.0625em) {
    .top-bar-section .has-dropdown>a:after {
      border-color: var(--skin-darkAccent) transparent transparent transparent;
    }
  }
}