/*
  Copyright (C) 2009 Organization for Transformative Works (OTW)
  Licensed under GPL-2.0-or-later by the Organization for Transformative Works
  This file contains modified code from https://github.com/otwcode/otwarchive.git

  This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  
  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
  
  You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
*/


body,
.toggled form,
.dynamic form,
.secondary,
.dropdown {
  background: #fff;
  color: #2a2a2a;
  font: 100%/1.125 "Lucida Grande", "Lucida Sans Unicode", "GNU Unifont",
    Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
.heading {
  font-family: Georgia, serif;
}
a,
a:link {
  color: #900;
  text-decoration: none;
}
#header,
#footer,
#main,
#dashboard {
  padding: 1em 3em;
}
.landmark {
  font-size: 0;
  opacity: 0;
}
.hidden {
  display: none;
}
li.blurb,
fieldset,
form dl {
  border: 1px solid #ddd;
  padding: 1em;
  overflow: hidden;
}
.blurb li,
.actions > *,
.stats > *,
.meta ul li {
  list-style: none;
  display: inline;
  padding-left: 0.25em;
}
.actions form {
  display: inline;
}
.actions input[type="submit"] {
  margin: 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
  margin: 0;
  padding: 0;
}
body {
  font: 100%/1.125 "Lucida Grande", "Lucida Sans Unicode", "GNU Unifont",
    Verdana, Helvetica, sans-serif;
}
a,
a:link,
a:visited:hover {
  color: #111;
  text-decoration: none;
  border-bottom: 1px solid;
}
a:visited {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dashed;
}
a:hover {
  color: #999;
}
a:active,
a:focus,
button:focus {
  outline: 1px dotted;
}
a img {
  border: 0;
}
a:focus img {
  outline: 1px dotted;
}
h1,
h2,
h3,
h4,
h5,
h6,
.heading {
  font-family: Georgia, serif;
  font-weight: 400;
  word-wrap: break-word;
}
h1 {
  font-size: 2.5em;
  line-height: 1;
  margin: 0.5em 0;
}
h2 {
  font-size: 2.143em;
  line-height: 1;
  margin: 0.429em 0;
  display: inline;
}
h3 {
  font-size: 1.286em;
  line-height: 1;
  margin: 0.5375em 0;
}
h4 {
  font-size: 1.143em;
  line-height: 1.125;
  margin: 0.5em 0;
}
h5 {
  font-size: 1em;
  line-height: 1.286;
  margin: 0.643em 0;
}
h6 {
  font-size: 0.875em;
  font-weight: 900;
  line-height: 1.5;
  margin: 1.5em 0;
}
p,
li,
dd,
hr {
  margin: 0.643em 0;
}
hr {
  border: 0;
  border-bottom: 3px double;
}
.clear {
  clear: both;
  height: 0;
  border: 0;
  margin: 0;
  background: transparent;
  opacity: 0;
}
blockquote,
pre {
  font: 1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica,
    sans-serif;
  margin: 0.643em;
}
blockquote p:first-child {
  margin-top: 0;
}
blockquote p:last-child {
  margin-bottom: 0;
}
kbd,
tt,
code,
var,
pre,
samp {
  font: 0.857em "Monaco", "Consolas", Courier, monospace;
  margin: auto;
}
pre {
  white-space: pre-wrap;
}
strong,
b {
  font-weight: bold;
}
em,
cite,
i {
  font-style: oblique;
}
cite em,
em cite,
cite i,
i cite,
i em,
em i,
em em,
i i,
cite cite {
  font-style: normal;
}
em cite,
i cite,
ins,
u {
  text-decoration: underline;
}
del,
strike {
  text-decoration: line-through;
}
dfn,
abbr,
acronym {
  cursor: help;
}
big {
  font-size: 114%;
}
small,
sub,
sup {
  font-size: 87.5%;
}
small small small small {
  font-size: 100%;
}
sub {
  vertical-align: sub;
  line-height: 0;
}
sup {
  vertical-align: super;
  line-height: 0;
}
table {
  background: #ddd;
  border-collapse: collapse;
  margin: auto;
  width: 100%;
  clear: right;
}
caption {
  height: 0;
  width: 0;
  font-size: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
}
thead,
tfoot {
  border-bottom: 2px solid #bbb;
  padding: 0.643em;
  vertical-align: top;
}
tfoot td {
  border-top: 1px solid #bbb;
}
td th {
  padding-right: 1em;
}
tbody tr {
  border-bottom: 1px solid #fff;
}
td {
  padding: 0.25em;
  vertical-align: top;
}
th {
  text-align: start;
}
thead td {
  background: #ddd;
  border-bottom: 1px solid #fff;
}
th,
tr:hover,
col.name {
  background: #fff;
  border: 1px solid #bbb;
  padding: 0.15em 0.5em 0.25em;
  vertical-align: top;
}
th a,
th a:visited,
th a:link {
  text-decoration: none;
}
tbody tr th {
  text-align: start;
}
#header input,
#header #search > *,
#header #search .submit {
  display: inline;
  float: none;
}
#header .landmark {
  clear: none;
  font-size: 0;
  border: none;
}
#header a,
#header fieldset,
#header form,
#header p,
#header li,
#header h1,
#small_login dl {
  background: transparent;
  font-size: 100%;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
#header {
  font-size: 0.875em;
  margin: 0 0 1em;
  padding: 0;
  position: relative;
}
#header li {
  display: block;
  float: left;
  position: relative;
}
#header a,
#header a:visited,
#header .primary .open a,
#header .primary .dropdown:hover a,
#header .primary .dropdown a:focus {
  color: #111;
}
#header .actions a:hover,
#header .actions a:focus,
#header .dropdown:hover a,
#header .open a {
  background: #ddd;
}
#header .heading {
  float: left;
  padding: 0.375em;
}
#header .heading a {
  color: #900;
  font-size: 1.714em;
  line-height: 1.75em;
}
#header .heading sup {
  font-size: 0.583em;
  font-style: italic;
}
#header .logo {
  float: left;
  height: 42px;
}
#header .menu,
#small_login {
  background: #ddd;
  display: none;
  padding: 0.25em 0;
  position: absolute;
  width: 20em;
  z-index: 55;
  box-shadow: 1px 1px 3px -1px #444;
  background-image: -moz-linear-gradient(
    top,
    rgba(221, 221, 221, 0.98) 0%,
    rgba(204, 204, 204, 0.98) 100%
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(221, 221, 221, 0.98) 0%,
    rgba(204, 204, 204, 0.98) 100%
  );
  background-image: -o-linear-gradient(
    top,
    rgba(221, 221, 221, 0.98) 0%,
    rgba(204, 204, 204, 0.98) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(221, 221, 221, 0.98) 0%,
    rgba(204, 204, 204, 0.98) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fadddddd', endColorstr='#facccccc',GradientType=0);
}
#header .open .menu,
#header .dropdown:hover .menu,
.open + #small_login,
#header .menu li {
  display: block;
  float: none;
}
#header .menu li {
  border-bottom: 1px solid #888;
  margin: 0 0.25em;
  text-align: left;
}
#header .menu li:last-child {
  border-bottom: none;
}
#header .dropdown .menu a {
  background: transparent;
  display: block;
  padding: 0.75em 0.5em 0.5em;
}
#header .dropdown .menu a:hover,
#header .dropdown .menu a:focus {
  background: rgba(255, 255, 255, 0.25);
}
#login,
#greeting {
  float: right;
  margin-right: 0.375em;
}
#header .user {
  padding: 0.429em 0 0;
  position: relative;
  z-index: 20;
}
#header .user a,
#small_login .action {
  padding: 0.25em 0.75em;
}
#header .user a:hover,
#header .user a:focus {
  color: #900;
  border-radius: 0.25em;
}
#login .open a:hover,
#login .open a:focus {
  background: #eee;
}
#greeting .user > li {
  margin: 0 0.125em;
}
#greeting .menu {
  right: 0;
  box-shadow: -1px 1px 3px -1px #444;
}
#greeting .open a,
#greeting .dropdown:hover a {
  border-radius: 0.25em 0.25em 0 0;
}
#greeting .dropdown .menu a {
  border-radius: 0;
}
#greeting p.icon {
  float: right;
  height: auto;
  padding: 0.429em 0.125em 0;
  line-height: 1;
  width: auto;
}
#greeting p.icon a {
  display: block;
  padding: 0;
}
#greeting img.icon {
  height: 1.786em;
  width: 1.786em;
  background-size: 100%;
}
#small_login {
  border: 2px solid #fff;
  padding: 0.375em;
  right: 0;
  z-index: 10;
  box-shadow: none;
}
#small_login form {
  margin-top: 1.286em;
}
#small_login dt,
#small_login dd {
  margin: 0;
  width: 99%;
}
#small_login dt,
#small_login .submit {
  border-bottom: none;
  padding: 0.375em 0 0;
}
#small_login .actions {
  float: none;
  text-align: left;
}
#small_login .footnote {
  float: left;
  font-size: 0.857em;
  padding: 0.375em 0;
}
#small_login .footnote li {
  padding: 0 0.25em;
}
.dropdown #small_login .footnote a {
  background: transparent;
  border-bottom: 1px solid;
}
#header .primary {
  background: #900
    url(https://archiveofourown.org/images/skins/textures/tiles/red-ao3.png);
  padding: 0 0;
  width: 100%;
  box-shadow: inset 0 -6px 10px rgba(0, 0, 0, 0.35),
    1px 1px 3px -1px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.85);
}
#header .primary > li:first-of-type {
  margin-left: 2em;
}
#header .primary a {
  padding: 0.429em 0.75em;
}
#header .primary a {
  color: #fff;
}
#header .primary .menu a {
  color: #111;
  padding: 0.75em 0.5em 0.5em;
}
#header .search {
  float: right;
  color: #2a2a2a;
  margin-right: 0.25em;
}
#header #search input:focus {
  color: #2a2a2a;
  outline: 1px dotted;
}
#header #search .text,
#header #search .button {
  border: none;
}
#header #search .text {
  margin: 0.2857em 0.429em;
}
#header #search .button {
  margin: 0;
}
#header h2 {
  border-top: 1px solid;
  clear: both;
  color: #fff;
  display: block;
  font-size: 1.714em;
  line-height: 1.5;
  margin: 0;
  padding: 0 0.375em;
  text-shadow: none;
}
#dashboard {
  width: 11.25em;
  float: left;
  padding: 0.5em;
}
#dashboard li {
  padding: 0;
}
#dashboard a,
#dashboard span {
  color: #111;
  display: block;
  white-space: normal;
  height: auto;
  line-height: 2;
  padding: 0 0.5625em;
  margin: 0;
  border: none;
  background: transparent;
  vertical-align: middle;
  word-wrap: break-word;
  box-shadow: none;
}
#dashboard a:hover {
  background: #ddd;
  color: #900;
}
#dashboard ul {
  float: none;
  display: block;
  padding: 1.286em 0;
  text-align: right;
  border-top: 2px solid #ddd;
  position: relative;
}
#dashboard .current {
  background: #ccc;
}
#dashboard .secondary {
  right: auto;
}
#dashboard.own {
  background: transparent;
  border-top: 15px solid #900;
  border-bottom: 15px solid #900;
  opacity: 1;
  border-radius: 0.25em;
}
#main {
  font-size: 0.875em;
  line-height: 1.286;
  margin: auto;
  padding: 0.5em 2.5em 3.5em;
  position: relative;
  min-height: 450px;
}
#main:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
#main.dashboard {
  padding-left: 2em;
  margin: 0.5em auto 1em 14em;
}
#main.home {
  padding: 2em 7.5em 3.5em;
}
#main.errors {
  background: url(/images/ao3_logos/sadface.png) top right no-repeat;
}
#main.error-502 {
  background: url(/images/ao3_logos/ao3-502.png) top right no-repeat;
}
#main.error-503-maintenance {
  background: url(/images/ao3_logos/logo-ruby.png) top right no-repeat;
}
#main.session {
  background: url(/images/logo.png) 0.5em 3em no-repeat;
}
#main.errors h2 {
  display: block;
  margin-top: 0;
}
#main.errors p,
#main.errors .heading {
  margin-right: 325px;
}
#footer {
  background: #900
    url(https://archiveofourown.org/images/skins/textures/tiles/red-ao3.png);
  border-top: 2px solid;
  color: #fff;
  float: left;
  font-size: 0.75em;
  position: relative;
  padding: 0;
  width: 100%;
}
#footer ul {
  border: 0;
  clear: both;
  margin: 1.5em 0;
  padding: 1em 5%;
  float: left;
  text-align: left;
  width: 90%;
}
#footer li {
  position: relative;
  display: block;
}
#footer a {
  background: transparent;
  border: 0;
  font-weight: 400;
  margin: auto;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  box-shadow: none;
  border-radius: 0;
}
#footer a {
  color: #fff;
  display: inline;
  border-bottom: 1px solid;
  line-height: 1.5;
  white-space: normal;
}
#footer a:focus {
  outline: 1px dotted;
}
#footer .module {
  padding: 2%;
  text-align: center;
  letter-spacing: 2px;
}
#footer .menu {
  margin: 0;
  padding: 0;
}
#footer .heading {
  display: block;
  color: #fff;
}
form {
  clear: right;
}
fieldset {
  min-width: 0;
}
fieldset,
form dl,
fieldset dl dl,
fieldset fieldset fieldset,
fieldset fieldset dl dl,
dd.hideme,
form blockquote.userstuff {
  display: block;
  background: #ddd;
  border: 2px solid #f3efec;
  margin: 0.643em;
  padding: 0.643em;
  box-shadow: inset 1px 0 5px #999;
}
fieldset dl,
fieldset.actions,
fieldset dl fieldset dl {
  background: transparent;
  border: none;
  clear: right;
  box-shadow: none;
}
fieldset fieldset,
fieldset dl dl,
form blockquote.userstuff {
  background: #fff;
  clear: right;
}
fieldset dd dl,
form .meta dd,
fieldset dl fieldset dl,
dd fieldset {
  margin: 0.643em 0;
}
legend,
input[type="hidden"] {
  height: 0;
  width: 0;
  font-size: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
}
label {
  margin-right: 0.375em;
}
input,
textarea {
  font: 100% "Lucida Grande", "Lucida Sans Unicode", "GNU Unifont", Verdana,
    Helvetica, sans-serif;
  width: 100%;
  border: 1px solid #bbb;
  box-shadow: inset 0 1px 2px #ccc;
}
textarea {
  min-height: 12em;
}
textarea.large {
  height: 36em;
}
input:focus,
select:focus,
textarea:focus {
  background: #f3efec;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  padding-left: 1em;
}
select {
  vertical-align: text-top;
  width: 100%;
  min-width: 10.5em;
}
.datetime select {
  width: 32.5%;
}
input[type="radio"],
input[type="checkbox"],
input[type="file"],
input.number,
p input,
p select,
.heading select,
li select {
  width: auto;
  margin-right: 0.375em;
}
input.number {
  width: 4em;
}
option,
.actions option,
form code {
  display: block;
}
form p {
  clear: right;
  margin: auto;
  padding: 0.643em;
}
form dt {
  float: left;
  clear: left;
  min-width: 10.5em;
  width: 25%;
  padding: 0.25em 0.5625em 0 0;
  border-bottom: 1px solid #f3efec;
}
form dd,
form dd.any {
  float: left;
  width: 72.5%;
}
form dd.any {
  margin-left: 25%;
}
form dd + dd {
  width: 97.5%;
  margin-left: 0.5625em;
}
form dd.required {
  color: #2a2a2a;
}
form .footnote code {
  display: inline;
}
form dd p.informational {
  padding-top: 0;
}
.toggle_formfield ~ ul.dependent {
  margin-left: 2.625em;
}
p.character_counter {
  font-size: 87.5%;
  text-align: right;
}
.comment .character_counter {
  float: left;
}
.LV_validation_message {
  font-weight: 900;
  position: absolute;
  margin-top: 0.643em;
  margin-right: 15em;
}
.LV_invalid {
  background: #efd1d1;
  border: 1px solid #900;
  color: #900;
  padding: 0.25em 0.375em;
  box-shadow: 1px 1px 2px;
  border-radius: 0.25em;
}
.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
  border: 1px solid #c00;
}
.LV_invalid:before {
  border-color: #900 transparent;
  border-style: solid;
  border-width: 0 0.643em 0.643em;
  content: "";
  left: 0.875em;
  position: absolute;
  top: -0.643em;
}
.autocomplete div.dropdown ul {
  background: #fff;
  border: 1px solid #eee;
  padding: 0.125em;
  line-height: 1.286;
  color: #000;
  display: block;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
}
.autocomplete ul li {
  padding: 0.125em;
  margin: 0.25em auto auto;
}
.autocomplete input,
.autocomplete .dropdown ul li {
  display: block;
  min-width: 10em;
}
.autocomplete .dropdown ul li {
  margin: 0.25em 0 0;
}
form li ul.autocomplete li.input {
  border: 0;
}
.autocomplete .dropdown ul li:hover,
.autocomplete .dropdown li.selected {
  background: url(https://archiveofourown.org/images/skins/textures/tiles/red-ao3.png)
    top left #900;
  color: #fff;
}
.required .autocomplete,
.autocomplete .notice {
  color: #2a2a2a;
}
.autocomplete .notice {
  margin-top: 0 !important;
}
.autocomplete li.added,
.post .meta dd ul li.added {
  display: inline-block;
}
.ui-sortable li {
  background: #eee;
  border: 2px solid #ddd;
  float: left;
  width: 100%;
  clear: both;
  box-shadow: 1px 1px 3px transparent;
}
.ui-sortable li:hover {
  background: #ddd;
  border: 2px solid #999;
  cursor: move;
  box-shadow: 1px 1px 3px #bbb;
}
.ui-sortable input {
  margin: 0.429em 0 0.25em 0.25em;
}
.ui-sortable .heading {
  display: inline-block;
}
.ui-sortable ul.actions li {
  float: none;
  background: transparent;
  border: none;
}
.ui-draggable form {
  cursor: move;
  box-shadow: 0 0 3px #555;
}
.ui-draggable a {
  cursor: default;
}
#ui-datepicker-div {
  background: #fff;
  display: none;
  overflow: hidden;
  padding: 0.643em;
  font-size: 87.5%;
  box-shadow: 3px 3px 5px;
}
.ui-datepicker dt,
.ui-datepicker dd,
.ui-datepicker-buttonpane,
.ui-timepicker-div,
a.ui-datepicker-prev {
  float: left;
}
.ui-datepicker button {
  height: 2em;
}
.ui-datepicker dt {
  clear: left;
  width: 5em;
  margin: 0.25em 0;
}
.ui-datepicker dd {
  margin: 0.25em 0;
}
.ui-datepicker table {
  background: #eee;
}
.ui-datepicker td {
  border: 1px solid #aaa;
}
.ui-datepicker tr:hover {
  background: #ddd;
}
.ui-datepicker td:hover {
  background: #fff;
}
.ui-datepicker td a {
  border-bottom: none;
}
a.ui-datepicker-next {
  float: right;
}
.ui-datepicker-title {
  clear: both;
  text-align: center;
}
.ui-datepicker-buttonpane {
  clear: left;
}
.ui-timepicker-div dl {
  float: left;
  margin: 0.643em 0;
}
.ui_tpicker_hour_label,
.ui_tpicker_minute_label {
  padding-top: 0.25em;
  height: 1.45em;
}
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 22em;
  min-width: 6em;
  font-size: 0.625em;
  z-index: 15000;
}
.qtip-content {
  position: relative;
  padding: 0.15em 0.25em;
  background: #d1e1ef;
  border: 1px solid #c2d2df;
  overflow: hidden;
  word-wrap: break-word;
}
a.modal.help {
  cursor: help;
}
#modal-bg,
#modal-wrap {
  display: none;
  height: 100%;
  left: 0;
  top: 0;
}
#modal-bg {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  z-index: 499;
}
#modal-bg .loading {
  background: url(/images/indicator.gif) no-repeat center center;
  height: 124px;
  left: 50%;
  margin: -62px 0 0 -62px;
  position: absolute;
  top: 50%;
  width: 124px;
}
#modal-wrap {
  display: none;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 500;
}
#modal-wrap:before {
  content: "";
  height: 100%;
}
#modal-wrap:before,
#modal {
  display: inline-block;
  vertical-align: middle;
}
#modal {
  background: #fff;
  border: 10px solid #eee;
  margin: 3% 0;
  max-width: 800px;
  min-width: 200px;
  padding-bottom: 44px;
  position: relative;
  text-align: left;
  width: 80%;
  z-index: 501;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
#modal .content {
  border-bottom: 1px solid #ccc;
  font-size: 0.875em;
  overflow: auto;
  padding: 1.5em;
}
#modal.tall {
  height: 80%;
  max-height: 720px;
}
#modal.tall.img {
  min-width: 0;
  width: auto;
}
#modal.tall .content {
  bottom: 44px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#modal.img {
  background: transparent;
  border: 0;
  margin: 0 0 44px;
  max-height: none;
  max-width: 90%;
  min-width: 0;
  padding: 0;
  width: auto;
  box-shadow: none;
}
#modal.img a {
  border: 0;
  color: #fff;
}
#modal.img.tall {
  height: 90%;
  width: auto;
}
#modal.img .content {
  border: 0;
  overflow: visible;
  padding: 0;
  text-align: center;
}
#modal.img.tall .content {
  height: 100%;
  position: relative;
  width: auto;
}
#modal.img .content img {
  border: 1px solid rgba(0, 0, 0, 0.5);
  max-height: 100%;
  max-width: 100%;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
#modal .footer {
  bottom: 0;
  height: 44px;
  left: 0;
  line-height: 44px;
  padding: 0 0.6432em;
  right: 0;
  position: absolute;
}
#modal.img .footer {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  position: fixed;
  text-align: center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
#modal .footer .action.modal-closer {
  bottom: 8px;
  position: absolute;
  right: 8px;
}
#modal .content > h1:first-child,
#modal .content > h2:first-child,
#modal .content > .heading:first-child {
  margin-top: 0.5em;
}
div.dynamic {
  background: #fff;
  position: absolute;
  z-index: 500;
}
form.verbose legend,
.verbose form legend {
  height: auto;
  width: auto;
  font-size: 100%;
  background: #fff;
  border: 2px solid #ddd;
  padding: 0.5em;
  box-shadow: 1px 2px 3px #999;
  opacity: 1;
}
form.simple span.actions {
  float: none;
}
.simple input[type="submit"] {
  margin: 0;
}
form.single fieldset {
  background: transparent;
  border: 1px solid #ddd;
  box-shadow: none;
}
form.single legend {
  height: auto;
  width: auto;
  font-size: 1.143em;
  font-weight: bold;
  padding: 0.5em;
  opacity: 1;
}
form.single input[type="text"] {
  min-width: 15em;
}
form.single input[type="submit"] {
  vertical-align: bottom;
}
form.single span.submit {
  padding: 0;
}
form.single ul.autocomplete {
  display: inline-block;
}
form.single .autocomplete li.input {
  margin: 0 0.643em 0.25em 0;
}
form.single .autocomplete .added {
  margin-bottom: 0.125em;
}
form.single .autocomplete input[type="text"] {
  width: 100%;
}
form.single .autocomplete + input + span.submit input[type="submit"] {
  margin-bottom: 0.125em;
}
.toggled form dd,
.dynamic form dd {
  width: 99%;
}
.toggled form p.footnote,
.dynamic form p.footnote {
  float: none;
  margin: auto;
  padding: 0;
  line-height: 0.5;
}
.toggled form,
.dynamic form {
  padding: 0.5em;
  border: 2px solid #ccc;
  background: #fff;
  box-shadow: 1px 2px 5px;
}
.dynamic form fieldset,
.toggled form fieldset,
.toggled form dl,
.secondary .toggled form,
.secondary form {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
}
.toggled .bookmark form p.footnote {
  padding-bottom: 0.643em;
}
.post .required .warnings,
dd.required {
  font-weight: normal;
  color: #2a2a2a;
}
.post .text textarea {
  clear: right;
}
.dashboard > form {
  float: left;
  width: 100%;
}
.dashboard fieldset {
  clear: right;
}
.actions * {
  display: inline;
}
ul.actions,
p.actions,
li.actions,
span.actions,
fieldset.actions,
dd.actions {
  padding: 0.429em 0.25em 0.25em 0;
  float: right;
  text-align: center;
}
ul.actions {
  padding-bottom: 0;
  padding-top: 0;
}
.actions a,
.actions a:link,
.action,
.action:link,
.actions input,
input[type="submit"],
button,
.current,
.actions label {
  background: #eee;
  color: #444;
  width: auto;
  font-size: 100%;
  line-height: 1.286;
  height: 1.286em;
  vertical-align: middle;
  display: inline-block;
  padding: 0.25em 0.75em;
  white-space: nowrap;
  overflow: visible;
  position: relative;
  text-decoration: none;
  border: 1px solid #bbb;
  border-bottom: 1px solid #aaa;
  background-image: -moz-linear-gradient(#fff 2%, #ddd 95%, #bbb 100%);
  background-image: -webkit-linear-gradient(#fff 2%, #ddd 95%, #bbb 100%);
  background-image: -o-linear-gradient(#fff 2%, #ddd 95%, #bbb 100%);
  background-image: -ms-linear-gradient(#fff 2%, #ddd 95%, #bbb 100%);
  background-image: linear-gradient(#fff 2%, #ddd 95%, #bbb 100%);
  border-radius: 0.25em;
  box-shadow: none;
}
button {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "GNU Unifont", Verdana,
    Helvetica, sans-serif;
  box-sizing: content-box;
}
label.action {
  padding: 0.15em 0.375em;
}
input[type="submit"] {
  height: auto;
  white-space: normal;
}
p.submit,
input.submit,
dd.submit {
  text-align: right;
}
.actions input[type="checkbox"] {
  background: transparent;
  border: none;
  padding: 0;
}
.actions li select,
.actions li label input[type="checkbox"] {
  margin: 0;
}
ol.pagination,
div.pagination,
ol.year {
  text-align: center;
  clear: right;
  margin: 0.643em auto;
}
.actions a:visited,
.action:visited,
.action a:link,
.action a:visited {
  color: #111;
}
.actions a:hover,
.actions input:hover,
.actions a:focus,
.actions input:focus,
label.action:hover,
.action:hover,
.action:focus {
  color: #900;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  box-shadow: inset 2px 2px 2px #bbb;
}
.actions a:active,
.current,
a.current,
a:link.current,
.current a:visited {
  color: #111;
  background: #ccc;
  border-color: #fff;
  box-shadow: inset 1px 1px 3px #333;
}
.actions label.disabled {
  background: #ccc;
}
.actions .disabled select {
  background: transparent;
  color: #111;
  border-color: #aaa;
}
.actions li a,
.actions li input,
.actions li input[type="submit"],
.actions li .current,
.actions li label {
  margin: 0.375em auto;
}
.delete a,
span.delete {
  border: 0;
  color: #900;
  font-weight: 900;
  margin-right: 0.375em;
  padding: 0 0.1em 0.15em;
  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.75);
  border-radius: 0.875em;
}
span.delete a {
  margin: 0 0.2em;
  box-shadow: none;
}
ul#skiplinks,
.landmark,
.landmark a,
.index .heading.landmark {
  font-size: 0;
  line-height: 0;
  height: 0;
  margin: 0;
  clear: both;
  color: transparent;
  opacity: 0;
}
.secondary {
  background: #fff;
  position: absolute;
  z-index: 99;
  border: 2px solid #bbb;
  margin: auto;
  padding: 0 0.375em;
  overflow: hidden;
  right: 2.5em;
  box-shadow: 2px 2px 5px #bbb;
  border-radius: 0.15em;
}
legend .action:link {
  position: static;
}
.heading .actions,
.heading .action,
.heading span.actions {
  height: auto;
  font: 100 75%/1.286 "Lucida Grande", "Lucida Sans Unicode", "GNU Unifont",
    Verdana, Helvetica, sans-serif;
  padding: 0.15em 0.375em;
}
th .actions,
td .actions {
  float: none;
}
dl.stats + .landmark + .actions,
.mystery .summary + .landmark + .actions {
  clear: none;
  float: left;
  margin: 0 auto;
}
.actions .secondary .submit,
.nomination .actions {
  float: none;
}
.chapter .secondary,
.download .secondary {
  top: 3.5em;
}
.dashboard .landmark {
  clear: right;
}
.actions .landmark {
  clear: none;
}
.actions a.symbol,
.action a {
  border: 0;
  background: none;
  padding: 0 0 0.15em 0;
}
.many p.actions {
  float: none;
  text-align: right;
}
.concise label.action {
  float: left;
}
dd.any label.action {
  margin-left: 0.5625em;
}
dl.index p.actions {
  margin: 0;
}
.own,
.draft,
.draft .wrapper,
.unread,
.child,
.unwrangled,
.unreviewed {
  background: #ededed;
  opacity: 0.95;
}
.draft {
  border: 2px dashed #aaa;
  padding: 0.643em;
  border-radius: 0.5em;
}
span.unread,
.replied,
span.claimed,
.actions span.defaulted {
  background: #ccc;
  color: #900;
  width: auto;
  font: 100 100%/1.286 "Lucida Grande", "Lucida Sans Unicode", "GNU Unifont",
    Verdana, Helvetica, sans-serif;
  height: 1.286em;
  vertical-align: middle;
  display: inline-block;
  padding: 0.25em 0.75em;
  white-space: nowrap;
  overflow: visible;
  position: relative;
  text-decoration: none;
  border: 1px solid #bbb;
  border-bottom: 1px solid #aaa;
  border-radius: 0.25em;
}
.actions span.defaulted {
  color: #111;
}
.canonical,
li.requested {
  font-weight: 700;
}
.hidden,
body .hidden,
.actions .hidden,
.actions a.hidden,
#dashboard .hidden {
  display: none;
}
.draggable,
.droppable,
span.requested,
.nominations .rejected {
  color: #900;
}
span.offered,
.replied,
.nominations .approved {
  color: green;
}
.nominations .approved {
  background: #d1f0d1;
}
.nominations .rejected {
  background: #efd1d1;
}
span.offered.requested {
  color: #876714;
}
.collapsed:after {
  content: " \2193";
}
.expanded:after {
  content: " \2191";
}
.commas li:after {
  content: ", ";
}
.commas li {
  display: inline;
}
.commas li:last-child:after,
.commas li:only-child:after {
  content: none;
}
.dashboard .own,
.comment span.unreviewed {
  background: transparent;
  opacity: 1;
}
a.tag {
  color: #111;
  line-height: 1.5;
  text-decoration: none;
  padding: 0;
  border-bottom: 1px dotted;
}
a.tag:hover,
.listbox .heading a.tag:visited:hover {
  background: #900;
  color: #fff;
}
.tags li {
  display: inline;
  padding-left: 0;
  padding-right: 0.25em;
}
.filters .tags li,
.review .tags {
  display: block;
}
ul.cloud {
  margin: 2em auto;
  text-align: center;
  line-height: 2;
}
a.cloud1 {
  color: #200;
  font-size: 0.625em;
  font-weight: 100;
}
a.cloud2 {
  color: #300;
  font-size: 0.75em;
  font-weight: 200;
}
a.cloud3 {
  color: #400;
  font-size: 0.875em;
  font-weight: 300;
}
a.cloud4 {
  color: #500;
  font-size: 1em;
  font-weight: 400;
}
a.cloud5 {
  color: #600;
  font-size: 1.125em;
  font-weight: 500;
}
a.cloud6 {
  color: #700;
  font-size: 1.5em;
  font-weight: 600;
}
a.cloud7 {
  color: #800;
  font-size: 1.875em;
  font-weight: 700;
}
a.cloud8 {
  color: #900;
  font-size: 2.25em;
  font-weight: 800;
}
.wrapper {
  box-shadow: 1px 1px 5px #aaa;
}
#outer.wrapper {
  float: left;
  width: 100%;
}
#outer.wrapper,
#inner.wrapper {
  box-shadow: none;
}
.module,
.index,
.index .index {
  position: relative;
  width: auto;
}
.module,
.dashboard .index {
  float: left;
  width: 100%;
}
dl.index {
  margin: 0.643em 0;
  border: none;
  box-shadow: none;
}
dl.index dt {
  width: auto;
  float: none;
  border: none;
}
dl.index dd {
  width: auto;
  float: none;
  clear: right;
  margin: 0 0.25em 0.643em 2.5em;
  padding: 0.375em 0.15em 0.15em;
  overflow: visible;
  background: #ededed;
}
dl.index > dd:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
dl.index dd .userstuff p {
  display: block;
}
a.rss span {
  background: url(https://archiveofourown.orghttps://archiveofourown.org/images/imageset.png) no-repeat -150px -275px;
  padding-left: 16px;
}
a.work {
  font: 100 1.143em/1.125 Georgia, serif;
  margin: 0.5em 0;
  color: #900;
}
.warning,
.warnings,
span.byline,
a.user {
  font-weight: bold;
}
li.relationships a {
  background: #eee;
}
.actions .reindex a {
  border-bottom: 3px solid #900;
}
.series.footnote {
  font-size: 100%;
  float: none;
}
span.series .divider {
  color: #777;
}
span.series .previous + .divider:before {
  content: "\0020\25CF";
}
span.series .position + .divider:after {
  content: "\25CF\0020";
}
p.kudos {
  background: url(https://archiveofourown.org/images/imageset.png) no-repeat -110px -580px;
  padding: 0.5em 0.5em 0.5em 60px;
  margin: 2em 0;
  min-height: 50px;
}
.icon {
  height: 100px;
  width: 100px;
  margin: 0;
}
.icon a {
  border: 0;
}
.mods li,
dl.stats dt,
dl.stats dd {
  background: none;
  width: auto;
  min-width: 0;
  display: inline;
  clear: none;
  float: none;
  margin: auto;
}
dl.stats {
  text-align: right;
  background: none;
  margin-top: 0.643em;
  box-shadow: none;
}
dl.stats dd {
  white-space: nowrap;
  padding-right: 0.5em;
}
.statistics .index li {
  padding: 0.643em 0.375em;
}
.statistics .index li:nth-of-type(even) {
  background: #eee;
}
.concise li {
  width: 45%;
  float: left;
  clear: none;
  margin-right: 1.5em;
}
.listbox,
fieldset fieldset.listbox {
  clear: right;
  background: #ddd;
  border: 2px solid #ccc;
  padding: 0;
  margin: 0.643em auto;
  overflow: hidden;
  box-shadow: 0 0 0 1px #fff;
}
.listbox .heading {
  display: inline-block;
}
.listbox li.blurb,
.listbox .landmark.heading,
.listbox .tags .listbox,
.listbox .lots li,
.listbox .all li {
  display: block;
}
.listbox > .heading,
.listbox .heading a:visited {
  margin: 0;
  color: #2a2a2a;
  padding: 0.25em;
}
.listbox .index {
  width: auto;
  padding: 0.643em;
  float: none;
  clear: right;
  background: #fff;
  box-shadow: inset 1px 1px 3px #bbb;
}
.listbox .index:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.commas li.listbox:after {
  content: none;
}
.listbox li.blurb {
  box-shadow: none;
}
.alphabet .listbox li,
.media .listbox {
  width: 45%;
  float: left;
  clear: none;
  margin-right: 1.5em;
}
.review .listbox {
  overflow: visible;
  position: static;
}
.listbox .options {
  overflow: auto;
}
.listbox .all {
  height: auto;
}
.listbox .many {
  max-height: 12em;
}
dl.meta {
  border: 1px solid #ccc;
  clear: right;
  padding: 1.286em 0.75em;
  position: relative;
  overflow: hidden;
}
.meta dt {
  min-width: 10.5em;
  width: 25%;
  float: left;
  clear: left;
}
.meta dd {
  width: 72.5%;
  float: left;
  margin: 0 0 0.643em;
}
.meta .stats dl {
  float: left;
  margin-top: 0;
}
.meta .stats dl dd,
.meta .stats dl dt {
  margin: 0 0.375em auto 0;
  width: auto;
  min-width: 0;
  clear: none;
  float: left;
}
.meta .stats dl,
.meta .stats dl dt:first-child,
dl.meta dd ul li:first-child {
  padding-left: 0;
}
.meta p {
  display: block;
  margin-top: 0;
}
.meta dd ul li {
  display: inline;
  margin: auto;
}
.meta dd blockquote {
  margin: 0;
}
.dashboard .meta .clear {
  clear: none;
  clear: right;
}
.news .wrapper {
  box-shadow: none;
}
.news dl.meta {
  border: none;
  padding: 0;
}
.news .meta dt,
.news .meta dd,
.news .meta ul {
  display: inline;
  float: none;
  margin-left: 0;
}
.news .meta dd:after {
  content: " ";
  display: block;
  height: 0.643em;
}
.post .meta dd ul li {
  display: block;
}
.post .meta dd ul li:after {
  content: none;
}
.blurb ul li,
.blurb dd ul li {
  display: inline;
}
li.blurb,
.blurb .blurb {
  display: block;
  position: relative;
  clear: left;
  padding: 0.429em 0.75em;
  overflow: visible;
}
li.blurb:after,
.blurb .blurb:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.blurb .module {
  float: none;
}
.blurb .header {
  min-height: 55px;
  margin-bottom: 0.375em;
}
.blurb .header .heading,
.blurb .header ul {
  display: block;
  background: transparent;
  margin: 0.375em 5.25em 0 65px;
}
.blurb .header img {
  position: relative;
  margin: 0;
}
.blurb h4 a:link,
.blurb h4 img {
  color: #900;
  vertical-align: bottom;
}
.blurb .header p.notice,
.blurb ul.series {
  margin: 1.25em 0 0;
}
.blurb ul.series {
  margin-bottom: 0.875em;
}
.blurb .heading {
  display: block;
}
.blurb dl.stats {
  float: right;
  line-height: 1.5;
}
.blurb .fandoms .landmark {
  position: absolute;
}
.blurb dl.stats + .heading.landmark {
  display: inline;
}
.blurb ul.required-tags {
  position: absolute;
  top: 0;
  width: 60px;
  margin: 0;
}
.blurb ul.required-tags li,
.blurb ul.required-tags li a,
.blurb ul.required-tags li span {
  display: block;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.blurb ul.required-tags li {
  margin-bottom: 3px;
}
.blurb ul.required-tags li + li + li,
.blurb ul.required-tags li + li + li + li {
  position: absolute;
  left: 28px;
}
.blurb ul.required-tags li + li + li {
  top: 0;
}
.blurb ul.required-tags li + li + li + li {
  top: 28px;
}
.blurb ul.required-tags li a:focus {
  overflow: hidden;
}
.blurb span.text {
  height: 0;
  width: 0;
  font-size: 0.001em;
  color: transparent;
}
.blurb ul.required-tags li span {
  background-repeat: no-repeat;
}
.required-tags .rating-general-audience {
  background: url(https://archiveofourown.org/images/imageset.png) -50px -25px;
}
.required-tags .rating-explicit {
  background: url(https://archiveofourown.org/images/imageset.png) -25px -25px;
}
.required-tags .rating-mature {
  background: url(https://archiveofourown.org/images/imageset.png) -75px -25px;
}
.required-tags .rating-notrated,
.required-tags .category-none,
.required-tags .warning-no,
.status .count {
  background: url(https://archiveofourown.org/images/imageset.png) -150px 0;
}
.required-tags .rating-teen {
  background: url(https://archiveofourown.org/images/imageset.png) 0 -25px;
}
.required-tags .category-femslash {
  background: url(https://archiveofourown.org/images/imageset.png) -25px 0;
}
.required-tags .category-gen {
  background: url(https://archiveofourown.org/images/imageset.png) -50px 0;
}
.required-tags .category-slash {
  background: url(https://archiveofourown.org/images/imageset.png) 0 0;
}
.required-tags .category-het {
  background: url(https://archiveofourown.org/images/imageset.png) -75px 0;
}
.required-tags .category-multi {
  background: url(https://archiveofourown.org/images/imageset.png) -100px -0;
}
.required-tags .category-other {
  background: url(https://archiveofourown.org/images/imageset.png) -125px 0;
}
.required-tags .complete-no {
  background: url(https://archiveofourown.org/images/imageset.png) -100px -25px;
}
.required-tags .complete-yes {
  background: url(https://archiveofourown.org/images/imageset.png) -175px -25px;
}
.required-tags .warning-yes {
  background: url(https://archiveofourown.org/images/imageset.png) -150px -25px;
}
.required-tags .warning-choosenotto {
  background: url(https://archiveofourown.org/images/imageset.png) -125px -25px;
}
.required-tags .external-work {
  background: url(https://archiveofourown.org/images/imageset.png) -75px -50px;
}
.status .private .text {
  background: url(https://archiveofourown.org/images/imageset.png) -175px -50px;
}
.status .public {
  background: url(https://archiveofourown.org/images/imageset.png) -125px -50px;
}
.status .hidden {
  background: url(https://archiveofourown.org/images/imageset.png) -150px -50px;
}
.status .rec {
  background: url(https://archiveofourown.org/images/imageset.png) -100px -50px;
}
.blurb .datetime {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.claim .datetime {
  margin-left: 65px;
  position: static;
}
.blurb blockquote {
  clear: none;
  margin: 0.643em auto;
  text-align: justify;
}
.picture .header {
  border-bottom: 1px solid #ccc;
}
.index .skins .icon {
  background: url(https://archiveofourown.org/images/imageset.png) 0 -580px;
}
.index .mystery .icon {
  background: url(https://archiveofourown.org/images/imageset.png) -110px -525px;
}
.index .tag .icon,
.index .tagset .icon {
  background: url(https://archiveofourown.org/images/imageset.png) -55px -580px;
}
.picture .icon img,
.index .picture .icon {
  position: absolute;
  top: 0;
  height: 55px;
  width: 55px;
  background-repeat: no-repeat;
}
.item .blurb blockquote,
.item dl.stats {
  margin: 0.643em auto;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.item .blurb .header,
.item dl.stats dt {
  border: none;
}
.item dl.visibility {
  background: #eee;
}
.bookmark p.status {
  position: absolute;
  right: 0.25em;
  width: 60px;
  margin-top: 0.429em;
  z-index: 1;
}
.bookmark .status span,
.bookmark .status a {
  display: block;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.bookmark .status a:focus {
  overflow: hidden;
}
.bookmark span.count {
  line-height: 1.875em;
  position: absolute;
  top: 0;
  left: 28px;
  text-align: center;
}
.bookmark .count a {
  border-bottom: none;
  color: #069;
}
.bookmark .count a:hover,
.bookmark .count a:focus {
  color: #111;
}
.bookmark .datetime {
  top: 28px;
}
.bookmark div.user,
.bookmark div.recent {
  clear: right;
  box-sizing: border-box;
}
.bookmark .user {
  border: 1px solid #ccc;
  margin-top: 0.643em;
  padding: 0.429em 0.75em;
  overflow: hidden;
}
.bookmark .user .meta {
  display: inline;
  font-family: Georgia, serif;
  font-size: 0.875em;
  line-height: 2;
}
.bookmark .actions {
  clear: both;
}
.bookmark dl.stats {
  margin-bottom: 0.643em;
}
.bookmark .user ul.meta:after {
  content: "\A";
  white-space: pre;
}
.bookmark .short .header {
  min-height: 30px;
}
.bookmark .user .byline {
  margin-top: 0.375em;
  margin-right: 5.25em;
}
.bookmark .user .datetime,
.bookmark .work .datetime {
  top: 0;
}
.bookmark div.user .datetime {
  top: 0.875em;
  right: 0.875em;
}
.bookmark .short .status {
  left: 0;
  margin-top: 0;
  top: 0;
  width: 25px;
}
.bookmark .short .header h5 {
  margin-left: 35px;
}
.bookmark .dynamic {
  position: static;
}
.bookmark .recent .index {
  float: none;
  width: 100%;
}
.reading .user {
  float: left;
}
.reading h4.viewed {
  background: #ddd;
}
.reading .deleted h4.viewed {
  background: transparent;
}
.skin .blurb .header p {
  margin-left: 65px;
}
.prompt .blurb h6 {
  display: inline-block;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica,
    sans-serif;
  font-size: 1em;
  margin: 0.643em 0 0;
}
.prompt .blurb ul.optional {
  display: inline;
}
div.preface {
  margin: 1.5em 3em;
  padding: 0.643em 0.643em 0;
  float: none;
}
div.preface .module {
  float: none;
  margin: 0;
  padding: 0 0 0.643em;
  width: auto;
}
.chapter .preface {
  border-top: 1px solid;
}
.preface h3 {
  background: transparent;
  border-bottom: 1px solid;
}
.preface h2.title {
  display: block;
  border-bottom: 0;
  clear: right;
}
div.preface .title,
div.preface .byline,
div.preface .byline a {
  border: 0;
  text-align: center;
  text-decoration: none;
}
.preface a:hover {
  text-decoration: underline;
}
.preface blockquote {
  border: 0;
}
div.preface .notes,
div.preface .summary,
div.preface .series,
div.preface .children {
  min-height: 5em;
}
div.preface .series ul,
div.preface .children ul {
  padding: 0 0.643em;
}
div.preface .associations {
  margin-bottom: 1.5em;
}
div.preface .jump {
  margin-top: 1.5em;
}
div.afterword {
  margin-bottom: 2.5em;
}
div.afterword .series h3,
div.afterword .children h3 {
  border-bottom: none;
}
#feedback {
  margin: 0 0 auto;
}
div.comment,
li.comment {
  position: relative;
  border: 1px solid #ddd;
  overflow: visible;
}
.comment:after,
.comment h4.byline:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.comment div.icon {
  float: left;
  margin: -1.5625em 0.5625em 0.5625em 0;
  border-bottom: 5px solid #ddd;
}
.comment .icon .anonymous {
  background: url(https://archiveofourown.org/images/imageset.png) no-repeat 0 -635px;
  display: block;
}
.comment .icon .visitor {
  background: url(https://archiveofourown.org/images/imageset.png) no-repeat 0 -75px;
  display: block;
}
.comment h4.byline {
  background: #ddd;
  padding: 0.25em 0.25em 0.25em 108px;
  margin: 0 auto -0.25em;
}
.comment .role {
  font-weight: bold;
}
.thread .thread {
  margin-left: 3%;
}
.thread .even {
  background: #eee;
  margin: 0;
}
fieldset.comments,
.comment .userstuff {
  background: transparent;
  border: none;
  box-shadow: none;
}
.comment .userstuff {
  margin-bottom: 1em;
  margin-top: 1em;
  min-height: 3.3em;
}
.comment fieldset {
  margin: 0;
}
.comment .posted {
  float: right;
}
.comment .edited {
  margin: 1.286em 0.643em 0.25em;
}
.comment .message {
  padding: 0.643em;
}
.abbreviated .icon {
  height: 75px;
  width: 75px;
}
.abbreviated .icon .anonymous {
  background: url(https://archiveofourown.org/images/imageset.png) no-repeat 0 -450px;
}
.abbreviated .icon .visitor {
  background: url(https://archiveofourown.org/images/imageset.png) no-repeat 0 -375px;
}
.abbreviated h4.byline {
  padding-left: 83px;
}
.system p {
  line-height: 1.5;
}
.system .userstuff {
  max-width: 72em;
  margin: auto;
}
.system .userstuff h3 {
  margin-top: 3em;
}
.splash {
  margin: auto;
  max-width: 78em;
}
.splash .module h3 {
  border-bottom: 1px solid #c8c8c8;
  color: #900;
  font-size: 1.714em;
}
.splash span.link {
  float: right;
}
.splash .link a {
  font-size: 0.583em;
}
.splash .browse,
.splash div.news {
  width: 36%;
}
.splash .intro,
.splash .tweets {
  float: right;
  width: 60%;
}
.splash .browse ul,
.splash .browse li {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.splash .browse li a,
.splash .favorite a {
  border-bottom: none;
  display: block;
}
.splash .browse li {
  margin: 0.375em 0;
  padding: 0.375em 0;
  width: 50%;
}
.splash .browse li a:before {
  color: #900;
  content: "\00BB";
  padding: 0 0.25em 0 0;
}
.splash .browse li:nth-of-type(1),
.splash .browse li:nth-of-type(2) {
  margin-top: 0;
}
.splash .browse li:nth-of-type(odd) {
  padding-right: 0.375em;
}
.splash .favorite li {
  margin: 0;
}
.splash .favorite a {
  padding: 0.25em 0.375em;
}
.splash .favorite li:nth-of-type(odd) a {
  background: #eee;
}
.splash .favorite li:nth-of-type(odd) a:hover,
.splash .favorite li:nth-of-type(odd) a:focus {
  background: #900;
}
.splash .intro {
  padding: 1em 0 2em;
}
.splash .intro h2 {
  font-size: 2em;
  line-height: 1.375;
}
.splash .intro .stats,
.splash .parent {
  text-align: center;
}
.splash .count {
  font-weight: 700;
}
.splash .module div.account {
  background: #eaeaea;
  border: 1px solid #ccc;
  border-radius: 0.5em;
  box-sizing: border-box;
}
.splash .account .heading {
  margin: 1em;
}
.splash .account p {
  margin-left: 1em;
  margin-right: 1em;
}
.splash .account ul {
  margin-left: 4em;
  margin-right: 1em;
}
.splash .account li {
  list-style-type: disc;
}
.splash .account .actions {
  float: none;
  font-size: 1.143em;
}
.splash .news li {
  border-bottom: 1px solid #eee;
}
.splash .news li:last-of-type {
  border-bottom: none;
}
.splash .news .meta {
  font: 0.857em "Monaco", "Consolas", Courier, monospace;
}
.splash .news blockquote {
  float: left;
}
.splash .jump {
  text-align: right;
}
.splash .placeholder {
  font-style: italic;
}
.splash .blurb blockquote {
  margin: 0.643em auto;
}
.splash .comment .userstuff {
  margin: 1em;
}
.tweets iframe {
  display: block !important;
  margin: 0 auto;
}
.logged-in .splash > .module {
  float: left;
  margin: 0 1% 1.571em 1%;
  width: 48%;
}
.logged-in .splash > div:nth-of-type(odd) {
  clear: left;
}
.splash .module .module,
.splash .dynamic,
.splash .news blockquote {
  margin: 0;
  width: 100%;
}
.session #signin {
  margin-left: 48%;
  width: 48%;
}
.sessions-new #new_admin {
  width: 75%;
  margin: auto;
}
.session dt {
  min-width: 0;
}
#tos-partial .tos {
  height: 36em;
  overflow: auto;
}
.docs .userstuff ul,
.docs .userstuff ol {
  margin: 0.643em auto;
  padding: 0;
}
.docs .userstuff li {
  padding: 0 1.5em;
}
.docs .userstuff .toc li {
  list-style-type: upper-roman;
}
.docs .userstuff .toc {
  margin: 3.215em auto;
}
.feedbacks h3 {
  clear: right;
  padding-top: 1.929em;
}
.feedbacks form {
  margin-top: 1.929em;
}
.feedbacks form .notice {
  margin: 0.643em;
}
.faq .categories {
  margin: 0 auto;
  max-width: 72em;
  float: none;
}
.faq .categories h3 {
  border-bottom: 0.25em double #333;
  margin-top: 1.929em;
}
.faq .categories li {
  padding: 0;
}
.faq .categories .questions li,
.faq .userstuff .toc li {
  list-style-type: circle;
}
.faq .categories .userstuff {
  clear: both;
}
.faq .screencast .label {
  font-weight: 700;
}
.faq .userstuff .notice,
.faq .userstuff .caution,
.faq .example,
.guideline .userstuff .notice,
.guideline .userstuff .caution,
.guideline .example {
  margin: 0.643em 3.858em;
  padding: 0.643em;
}
.faq .example,
.guideline .example {
  border: 1px solid #c2d2df;
}
#tos_prompt {
  background: #fff;
  margin: 0;
  min-height: 100vh;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}
#tos_prompt .heading {
  background: #900;
  color: #fff;
  display: block;
  margin: 0;
  padding: 0.125em 0;
}
#tos_prompt .heading span {
  display: block;
  margin: auto;
  width: 40rem;
  max-width: 80%;
}
#tos_prompt .agreement {
  margin: auto;
  overflow: hidden;
  width: 40rem;
  max-width: 80%;
}
#tos_prompt .summary {
  margin: 2em 0 0.643em 0;
  line-height: 1.4;
}
#tos_prompt .confirmation {
  margin: 2em 0 1em;
}
#tos_prompt p.submit {
  margin-bottom: 2em;
}
#tos_prompt .submit input,
#tos_prompt .submit button {
  white-space: normal;
  height: 100%;
}
#tos_prompt [disabled] {
  background: #ccc;
  box-shadow: none;
}
#proxy-notice {
  background: #efd1d1;
  border-bottom: 1px solid #900;
  font-size: 0.875em;
}
#proxy-notice .userstuff {
  padding: 0.643em 0.875em;
}
#proxy-notice .submit {
  margin-bottom: 0;
}
.home p,
.home .header {
  clear: right;
}
.home .header h2 {
  text-align: right;
  border-bottom: 2px solid;
  display: block;
  margin-left: 100px;
}
.home .header .userstuff,
.home .header dl.stats,
.home .header .type {
  clear: right;
  margin-left: 120px;
}
.home .header ul.actions {
  margin-bottom: 0.643em;
  padding-top: 0;
}
.admin .header h3 {
  font-size: 2.143em;
  text-align: center;
}
.home .primary {
  margin: 0 0 0.643em;
  min-height: 100px;
}
.primary .icon {
  position: absolute;
  top: 0;
}
.skins .primary .icon {
  background: url(https://archiveofourown.org/images/imageset.png) 0 -175px;
}
.admin .primary .icon {
  background: url(https://archiveofourown.org/images/imageset.png) 100px -75px;
}
.tag .primary .icon,
.tagset .primary .icon {
  background: url(https://archiveofourown.org/images/imageset.png) 0 -275px;
}
.wrangler .primary .icon {
  background: none;
}
.profile .primary {
  float: none;
}
.dashboard.collections-index .index {
  width: 100%;
}
.dashboard.works-index h4.landmark,
.dashboard.works-index ol.pagination {
  float: left;
  width: 100%;
}
#dynamic-bookmark + h4.landmark {
  clear: both;
}
form.inbox {
  overflow-x: auto;
  width: 75%;
}
form.inbox fieldset {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.dashboard form.filters + h4.landmark {
  clear: left;
}
.filtered .index {
  width: 75%;
  float: left;
}
.people-index ol + div.pagination,
.index + h4.landmark {
  clear: both;
}
.media-index .listbox {
  min-height: 17.5em;
}
form.search input[type="text"] {
  border-top-color: #999;
  padding: 0.15em 0.25em;
  border-radius: 1em;
}
.search p,
li.search form p {
  position: relative;
}
.search [role="tooltip"] {
  background: #ddd;
  border: 1px solid #fff;
  padding: 0.15em;
  position: absolute;
  left: -999em;
  font-size: 0.75em;
  z-index: 1;
}
.search input:focus + [role="tooltip"] {
  left: 1em;
  right: 1em;
  top: 2.75em;
}
li.search fieldset {
  margin: auto;
  padding: 0.15em;
  font-size: 87.5%;
  overflow: visible;
  width: auto;
}
.search .tags dd.submit {
  margin: -3em 0.643em 0;
}
form.filters {
  width: 23%;
  float: right;
}
.filters h4 {
  display: inline;
  font-weight: 700;
}
.filters dl,
.filters dt {
  padding: 0;
}
.filters dt,
.filters dd,
.filters input[type="submit"],
.filters .expander {
  width: 100%;
}
.filters input + label {
  padding-left: 0;
}
.filters dl dl {
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  box-shadow: none;
}
.filters .submit,
.filters .group {
  margin: 0;
  padding: 0;
}
.filters .submit input {
  height: 100%;
  margin: 1em 0;
  min-height: 1.286em;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  white-space: normal;
}
.filters dt.heading {
  margin-top: 1.929em;
}
.filters .expander {
  background: url(/images/arrow-right.gif) left center no-repeat;
  border: none;
  color: #2a2a2a;
  height: 100%;
  min-height: 1.786em;
  outline: none;
  padding: 0.25em 0 0.25em 14px;
  text-align: left;
  white-space: normal;
  border-radius: 0;
  box-sizing: border-box;
}
.filters .expander:focus {
  outline: 1px dotted;
}
.filters .expanded .expander {
  background-image: url(/images/arrow-down.gif);
}
.filters .expandable,
.filters .group dd.autocomplete {
  margin: 0;
}
.filters .group dt.search,
.filters .range dt {
  border-bottom: none;
  padding: 0.25em 0;
}
.filters .group dt.bookmarker {
  border-top: 1px solid #f3efec;
  margin-top: 0.643em;
  padding-top: 0.643em;
}
.filters .more dd.search,
.filters .more dt.search,
.filters .range dd {
  margin-top: 0;
}
.filters .warning {
  font-weight: 500;
}
.filters .collapsed:after,
.filters .expanded:after {
  content: none;
}
.filters .sort + .heading {
  margin-top: 1.286em;
}
.filters [type="checkbox"],
.filters [type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  left: auto;
}
@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .filters [type="checkbox"],
  .filters [type="radio"] {
    left: -2em;
    position: relative;
  }
}
.filters .indicator:before {
  background: #eee;
  color: #aaa;
  display: inline-block;
  border: 1px solid;
  margin-right: 0.25em;
  text-align: center;
  background-image: -moz-linear-gradient(top, #fff 2%, #ddd 95%, #bbb 100%);
  background-image: -webkit-linear-gradient(top, #fff 2%, #ddd 95%, #bbb 100%);
  background-image: linear-gradient(#fff 2%, #ddd 95%, #bbb 100%);
}
.filters input:focus + .indicator + span {
  outline: 1px dotted;
}
.filters input:checked + .indicator:before {
  border-color: #2a2a2a;
}
.filters input:checked + .indicator + span {
  font-weight: 700;
}
.filters [type="checkbox"] + .indicator:before {
  content: " \2713";
  padding: 0 0.25em;
  border-radius: 0.25em;
}
.filters [type="checkbox"]:checked + .indicator:before {
  background: #deffde;
  color: green;
  background-image: -moz-linear-gradient(
    top,
    #fff 2%,
    #d1f0d1 95%,
    #b3ccb3 100%
  );
  background-image: -webkit-linear-gradient(
    top,
    #fff 2%,
    #d1f0d1 95%,
    #b3ccb3 100%
  );
  background-image: linear-gradient(#fff 2%, #d1f0d1 95%, #b3ccb3 100%);
}
.filters [type="radio"] + .indicator:before {
  content: "";
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  border-radius: 1em;
}
.filters [type="radio"]:checked + .indicator:before {
  background: #fff;
  background-image: -moz-radial-gradient(
      center,
      ellipse cover,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.8) 11%,
      rgba(0, 0, 0, 0) 23%
    ),
    -moz-linear-gradient(top, #bbb 0%, #ddd 5%, #fff 100%);
  background-image: -webkit-radial-gradient(
      center,
      ellipse cover,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.8) 11%,
      rgba(0, 0, 0, 0) 23%
    ),
    -webkit-linear-gradient(top, #bbb 0%, #ddd 5%, #fff 100%);
  background-image: radial-gradient(
      ellipse at center,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.8) 11%,
      rgba(0, 0, 0, 0) 23%
    ),
    linear-gradient(to bottom, #bbb 0%, #ddd 5%, #fff 100%);
}
.filters .exclude [type="checkbox"] + .indicator:before {
  content: " \2715";
}
.filters .exclude [type="checkbox"]:checked + .indicator:before {
  background: #fedede;
  color: red;
  background-image: -moz-linear-gradient(
    top,
    #fff 2%,
    #efd1d1 95%,
    #d8bebe 100%
  );
  background-image: -webkit-linear-gradient(
    top,
    #fff 2%,
    #efd1d1 95%,
    #d8bebe 100%
  );
  background-image: linear-gradient(#fff 2%, #efd1d1 95%, #d8bebe 100%);
}
ul.tree,
ul.tree li {
  display: block;
}
.tag_wranglers-index #tag_wranglers {
  width: 75%;
  float: left;
}
dl.nomination {
  border: 0;
  margin: 0;
  padding: 0;
  box-shadow: none;
}
.nomination dt,
.nomination dd {
  float: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: auto;
}
.nomination dt {
  background: #fff;
  width: 50%;
}
.nomination dd.autocomplete ul,
.nomination dd.autocomplete li {
  margin-bottom: -0.375em;
}
dd.autocomplete li.input {
  margin: 0;
  padding: 0;
}
.userstuff {
  word-wrap: break-word;
}
.userstuff p,
.userstuff details {
  margin: 1.286em auto;
  padding: 0;
  line-height: 1.5;
}
.userstuff dl {
  margin: 1.5em 0;
  border: 0;
}
.userstuff dl dl {
  width: 90%;
  margin: auto;
}
.userstuff dt {
  display: block;
  font-weight: bold;
}
.userstuff dd {
  display: block;
  line-height: 1.5;
  margin-block-start: 1.25em;
  margin-block-end: 1.25em;
  margin-inline-start: 3em;
}
.userstuff dd p {
  margin: 0;
  padding: 0;
}
.userstuff ul {
  margin: 1.125em auto;
  padding: 0 1em;
}
.userstuff li,
.userstuff ol ul li {
  font-weight: normal;
  display: list-item;
  list-style-type: disc;
  margin-block-start: 0.75em;
  margin-inline-end: 0;
  margin-block-end: 0.75em;
  margin-inline-start: 1.75em;
}
.userstuff ol {
  margin: 0.75em auto;
  padding: 0 1.5em;
}
.userstuff ol li {
  list-style-type: decimal;
  margin-block-start: 0.75em;
  margin-inline-end: 0;
  margin-block-end: 0.75em;
  margin-inline-start: 1.75em;
}
.userstuff ol li ol li {
  list-style-type: lower-alpha;
}
.userstuff ol li ol li ol li {
  list-style-type: lower-roman;
}
.userstuff h1 {
  text-align: center;
}
.userstuff h2 {
  color: #333;
  margin: 1.5em 0;
  display: block;
}
.userstuff h3 {
  font-weight: 500;
  padding: 0.125em;
  border-bottom: 0.25em double #333;
}
.userstuff h4 {
  font-weight: 700;
}
.userstuff h5 {
  font-weight: 600;
  font-size: 1em;
}
.userstuff h6 {
  font-size: 0.975em;
  border-bottom: 1px solid;
}
.userstuff h3 a,
.userstuff h3 a:link,
.userstuff h3 a:visited {
  font-weight: 500;
  border-bottom: 0;
  text-decoration: none;
}
.userstuff caption {
  font-size: 1em;
  height: auto;
  opacity: 1;
  width: auto;
}
.userstuff table,
.userstuff td,
.userstuff col,
.userstuff tr,
.userstuff thead,
.userstuff tfoot,
.userstuff tbody,
.userstuff th,
.userstuff thead td,
.userstuff th a,
.userstuff th a:link {
  background: transparent;
  border: none;
}
.userstuff blockquote {
  margin-inline-start: 1.5em;
  padding: 0.75em;
  border-inline-start: 2px solid #999;
}
.userstuff blockquote blockquote {
  padding: 0.25em;
  border: 0;
}
.userstuff hr {
  width: 33%;
  margin: 0.875em auto 1.2525em auto;
  border: 1px solid;
}
.userstuff img {
  max-width: 100%;
  height: auto;
}
.userstuff video {
  max-width: 100%;
}
#workskin {
  font-size: 1.08em;
  margin: auto;
  padding: 0 0.25em;
  max-width: 72em;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}
#workskin .module {
  float: none;
}
.bookmark .user .userstuff {
  line-height: 1.5;
}
.bookmark .user .userstuff blockquote {
  margin-bottom: 1.286em;
}
.important {
  font-weight: 900;
}
.required,
.error,
.alert.flash {
  color: #900;
}
.footnote {
  font-size: 0.75em;
  float: right;
}
.datetime {
  font-family: monospace;
}
div.error {
  margin: 0.643em auto;
  padding: 0.25em 0.375em;
  border-radius: 0.25em;
}
.notice,
.comment_notice,
.kudos_notice,
ul.notes,
.caution,
.error,
.comment_error,
.kudos_error,
.alert.flash {
  background: #d1e1ef;
  border: 1px solid #c2d2df;
  margin: 0.643em auto;
  padding: 0.25em 0.375em;
  clear: right;
  box-shadow: inset 1px 1px 2px;
  border-radius: 0.25em;
}
.caution {
  background: #ffe34e;
  color: #000;
  border-color: #d89e36;
}
.error,
.comment_error,
.kudos_error,
.alert.flash {
  background: #efd1d1;
  border-color: #900;
  box-shadow: 1px 1px 2px;
}
.notes {
  clear: right;
}
form .notice,
form ul.notes {
  box-shadow: 0 0 3px #fff;
}
.notice p {
  margin: 0;
  padding: 0.643em;
}
ul.notes,
.error ul,
.notice ul,
.caution ul,
.alert.flash ul {
  position: static;
  margin: auto 0.643em;
  padding: 0.25em 2.5em;
}
ul.notes li,
.error ul li,
.notice ul li,
.caution ul li,
.alert.flash ul li {
  list-style-type: disc;
  padding-left: 1.5em;
}
span.error {
  display: block;
}
.actions + .footnote {
  clear: both;
}
.announcement {
  clear: both;
  position: relative;
}
.announcement .userstuff {
  background: #d1e1ef;
  border: 1px solid #c2d2df;
  color: #333;
  margin: 0 2em;
  padding: 0.375em 0.75em;
  text-align: left;
}
.announcement .userstuff p {
  margin: 0.375em auto;
}
.announcement p.submit {
  bottom: -0.25em;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 1em;
}
.announcement input[type="submit"],
.announcement .action {
  background: #fff none;
  border: 1px solid #bbb;
  font-size: 0.875em;
  padding: 0.25em 0.5em;
  border-radius: 2em;
}
.announcement h1,
.announcement h2,
.announcement h3,
.announcement h4,
.announcement h5,
.announcement h6 {
  border: none;
  color: inherit;
  margin: 0;
  text-align: center;
  text-shadow: none;
}
.event .userstuff {
  background: #700;
  border-color: #600;
  color: #fff;
  background-image: -moz-linear-gradient(top, #700 0%, #a00 100%);
  background-image: -webkit-linear-gradient(top, #700 0%, #a00 100%);
  background-image: -o-linear-gradient(top, #700 0%, #a00 100%);
  background-image: linear-gradient(to bottom, #700 0%, #a00 100%);
}
.event .userstuff a {
  color: #eee;
}
.alert .userstuff {
  background: #fece3f;
  border-color: #edb202;
  color: #333;
}
.announcement .thermometer-content {
  height: 2.6em;
  margin: auto;
  width: 50%;
}
.announcement .thermometer {
  position: relative;
}
.announcement .thermometer .track {
  background: #fff;
  border: 1px solid #aaa;
  height: 1.25em;
  margin: 0 auto;
  position: relative;
  background-image: linear-gradient(
    to bottom,
    #fff 0%,
    #f3f3f3 50%,
    #ededed 51%,
    #fff 100%
  );
}
.announcement .thermometer .progress {
  bottom: 0;
  left: 0;
  height: 100%;
  position: absolute;
}
.announcement .thermometer .goal {
  position: absolute;
  right: 0;
}
.announcement .thermometer .amount {
  font-weight: 700;
  line-height: 1.25em;
  position: absolute;
}
.announcement .thermometer .goal .amount {
  left: 0;
  padding-left: 0.25em;
  top: 0;
}
.announcement .thermometer .progress .amount {
  top: 1.35em;
  right: 0;
}
span.symbol {
  color: #2a547c;
  font-family: Georgia, serif;
  border: 1px solid;
  vertical-align: super;
  border-radius: 0.75em;
}
span.symbol span {
  padding: 0.425em;
}
.symbols a,
.symbol a {
  text-decoration: none;
  border: none;
}
.question a:hover {
  background: #2a547c;
  border-color: #d1e1ef;
  color: #fff;
  cursor: help;
}
span.question {
  background: #d1e1ef;
  border-color: #2a547c;
  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.25);
}
a.question {
  border: 0;
  font-weight: bold;
}
.heading a.question {
  font-size: 0.75em;
}
dl#symbols-key dt {
  width: 100px;
}
dl#symbols-key dd {
  margin: -55px auto auto 100px;
}
#symbols-key dl {
  border: 1px solid #ddd;
  margin-bottom: 1.286em;
  padding: 0.15em;
}
#symbols-key dl dt img,
#bookmark-symbols-key dt img,
#symbols-key dl dt,
#bookmark-symbols-key dt {
  height: 25px;
  width: 25px;
}
#symbols-key dl dd,
#bookmark-symbols-key dd {
  margin: -25px auto 20px 35px;
}

/* taggenerator proj specific  */

div#main.chapters-show.region {
  padding: 7px 16px 49px 16px;
}

ul.gen-actions {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  position: relative;
  align-items: baseline;
  gap: 8px;
  overflow: hidden;
}
/* enter a num button */
li.top-act1 {
  order: 1;
  margin-right: auto;
  padding: 0;
  width: 100%;
}
input#num_tags {
  display: block;
  margin-right: auto;

  border: #aaa;
  box-shadow: none;
  cursor: pointer;
  text-align: left;
  font-size: medium;
  background-color: white;
  color: black;
}

/* generate button */
li.top-act2 {
  order: 2;
  width: fit-content;
  margin-left: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
button#gen-btn {
  display: block;
  margin-left: auto;
  padding: 2px 8px;
  width: fit-content;
  height: fit-content;

  background: #900;
  background-color: #900;
  border: 1px solid #900;
  color: white;
  font-size: medium;
}

/* share btn */
li.top-act3 {
  order: 3;
  width: fit-content;
  margin-left: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
li button#share-btn {
  display: block;
  margin-left: auto;
  padding: 2px 8px;
  width: fit-content;
  height: fit-content;

  /* background: #900;
  background-color: #900;
  border: 2px solid #900;
  color: white; */
  background: #eee;
  border: 1px solid #999;
  color: #444;
  font-size: medium;
}

article.fancy {
  margin: 0 auto;
  margin-top: 30px;
  padding: 12px;
  width: 70%;
  font-size: large;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-decoration: none;
}

hr.about-line {
  border-color: #8a8a8a;
  border-style: solid;
}

h2.about-title {
  text-align: left;
  padding: 36px 0 4px;
  color: #900;
  padding: 36px 0 0 0;
  border-style: solid;
}

a.formatted-link {
  text-decoration: none;
  font-size: large;
  color: black;
}

/* buttons at bottom */
ul.actions.bottom {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  position: relative;
  align-items: baseline;
  gap: 8px;
}

/* kudos message */

dl.work.meta.group dd.rating.tags,
dl.work.meta.group dd.warning.tags,
dl.work.meta.group dd.category.tags,
dl.work.meta.group dd.fandom.tags,
dl.work.meta.group dd.relationship.tags,
dl.work.meta.group dd.character.tags,
dl.work.meta.group dd.freeform.tags,
dl.work.meta.group dd.language,
dl.work.meta.group dd.stats {
  width: fit-content;
  padding: 2px 2px 2px 16px;
}

div.userstuff.module {
  text-align:justify;
  margin: 36px 0 36px 0;
}