:root {
   --default-font: 'Comic Sans MS';
   --background-color: #121211;
   --foreground-color: #ddddd1;
   --text-color: #22dd22;
   --read-color: green;
}

body {
   background-color: var(--background-color);
   color: var(--foreground-color);
   font-family: var(--default-font);
   font-weight: bold;
   font-size: 15pt;
}

a, a:link, a:visited, a:active {
   text-decoration: none;
   color: var(--text-color);
}

#sortorder {
   cursor: pointer;
   color: var(--text-color);
}

.link {
   cursor: pointer;
   color: var(--text-color);
}

.header {
   height: 1em;
   font-size: 24pt;
   font-weight: bold;
   font-family: var(--default-font);
   text-align: center;
   margin-left: 20px;
   margin-right: 20px;
   border-bottom: 2px solid var(--foreground-color);
}
.sorter {
   float: left;
   top: 0px;
   left: 0px;
}
.name {
   float: right;
   top: 0px;
   right: 5px;
}

.list {
   width: 100%;
   margin: 10px auto auto auto;
   position: relative;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   text-align: center;
}

.item {
   cursor: pointer;
   width: 330px;
   height: 495px;
   margin: 5px;
   border: 2px solid var(--foreground-color);
   padding: 2px;
   display: inline-block;
   overflow: hidden;
}

.readborder {
   border-color: var(--read-color) !important;
}

.fancybox-outer {
   background: #323231;
}
.fancybox-title {
   font: normal 10px "Comic Sans MS";
}
.fancybox-title-over-wrap {
   color: #bbb; padding: 0px 4px 0px 4px;
}

/* vim:sw=3 ts=3 et: