.fiction-cell {
margin: 10px 5px 20px;
padding: 5px 10px;
border: 1px solid #CCC;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
box-shadow: 5px 5px #CCC;
min-height: 200px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 13pt;
line-height: 1.3em;
text-align: left;
}

.fiction-cell .fotd-day {
display: block;
background-color: rgba(130,150,200,0.4);
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
border-top-right-radius:4px;
text-align: center;
padding: 5px;
}

.fiction-cell img.cover {
display: block;
float: left;
margin: 5px 15px 5px -1px;
max-height: 150px;
max-width: 150px;

padding: 1px;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.fiction-cell .details {
/*min-height: 165px;
border-bottom: 1px solid rgba(0,0,0,0.15);
margin-bottom: 10px;*/
}
/* phone-sized browser */
@media (max-width: 480px) {
.fiction-cell .details.spaced {
min-height: 165px;
} 
.fiction-cell .title .name {
display:block;
}
}
.fiction-cell .details .popular {
display:inline-block;
}

.fiction-cell .details p {
padding-left: 50px; 
margin: 0;
padding: 0;
border: 0;
}
.fiction-cell p.double {
margin-top: 1.5em;
}
.fiction-cell p.indented {
text-indent: 3em;
}
.fiction-cell .title  {
display: block;
margin: 0px -1px 0px -1px;
padding: 10px 5px 5px;
color: #666;
overflow: auto;
font-size: 12pt;
}

.fiction-cell div.title  {
display: block;
margin: 0px;
padding: 5px;
color: #000;
}

.fiction-cell .title .name {
font-family: Verdana, Geneva, sans-serif;
color: #366;
font-size: 18pt;
line-height: 20pt;
}
.fiction-cell .title a.name  {
text-decoration: none;
color: #366;
}
.fiction-cell .title a.name:visited {
color: #366;
}
.fiction-cell .title a.name:hover {
text-decoration: underline;
}
.fiction-cell .title .author {
font-size: 14pt;
}
.fiction-cell .title .author a {
color: #669;
text-decoration: none;
}
.fiction-cell .title .author a:visited {
color: #669;
}
.fiction-cell .title .author a:hover {
text-decoration: underline;
}

.fiction-cell .extra {
line-height: 28px;
}

.fiction-cell .extra a {
color: #66f;
text-decoration: none;
}
.fiction-cell .extra a:visited {
color: #66f;
}
.fiction-cell .extra a:hover  {
color: #282;
text-decoration: underline;
}

/* phone-sized browser */
@media (max-width: 480px) { 
.fiction-cell .extra .rating {
float:left;
}
.fiction-cell .extra .characters {
float:left;
}
}

.fiction-cell .extra .ficstats {
display:inline-block;
}

.fiction-cell .report-link {
font-size: .8em;
top: -5px;
position: relative;
}
.fiction-cell .report-form {
display:display;
position: absolute;
left: 20px;
background: rgba(255,255,255,.8);
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
padding: 0px 10px 10px 0px;
}
.fiction-cell .report-form .rbox {
min-height:100px;
min-width:400px;
padding:10px;
background: #fff;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
border: 1px solid #999;
box-shadow: 0 0 2px #aaa;
}
.fiction-cell .report-form h3 {
text-align: center;
margin: 2px 5px 5px 5px;
}
.fiction-cell .report-form [type=submit] {
margin: 8px 5px;
padding: 8px 15px;
background: #FFF;
border: 1px solid;
font-size: 16px;
cursor: pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.fiction-cell .report-form [type=submit]:hover {
background: #8F9;
}
.fiction-cell .report-form [type=submit]:active {
background: #3D4;
}

.published, .updated {
color:#888;
font: 10pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
line-height: 10pt;
white-space: pre-wrap;
}

.published span, .updated span{
color:#000;
font-family: font-family: Arial, Helvetica, sans-serif;
}

.fiction-cell .character {
padding: 0px 2px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius: 6px;
display: inline-block;
max-height: 24px;
float:right;
}
.desc-short {
border: solid #ddd 1px;
display: inline-block;
padding: 2px 6px;
margin: 5px 0px 5px -8px;
}
.description_full {
max-height: none !important;
}
.description {
overflow: hidden;
/*display: inline-block;*/
border: solid #ADC 1px;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding: 4px 12px 5px 12px;
margin: 10px -1px 10px -1px;
}

.more_button{
display: inline-block;
font: normal 14px Verdana, Geneva, sans-serif;
background: #555 !important;
color: #FFF !important;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
margin: 10px 10px 15px;
padding: 4px 12px 5px 12px;
text-decoration: none;
}
.more_button:hover  {
text-decoration: underline;
background: #444;
}
.featuredHead {
font-weight: bold;
font-size: 18px;
}
.featuredBlock a{
font: normal 14px Verdana, Geneva, sans-serif;
display: block;
width: 150px;
text-align: center;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding: 4px 12px 5px 12px;
margin: 15px 0px 0px 10px;
}
.featuredBlock a:hover{
background: #DED;
}
.featuredBlock {
margin: 0px 0px 15px 0px;
}
.removed {
border: #f00 solid;
display: inline-block;
margin-bottom: 8px;
padding: 8px 14px;
background: #FFF;
color: #c00;
box-shadow: 0px 0px 8px #f00 inset;
text-shadow: 0px 0px 9px #fff;
font: bold 12pt arial,sans-serif;
}
.removed.dcma{
border: #f00 solid;
display: block;
margin:10px auto;
padding: 35px 20px;
text-align:center;
}

.ficlist {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11pt;
line-height: 1.1em;
text-align: left;
list-style-type: none;
padding-left: 20px;
}
.ficlist li {
margin-bottom: 10px;
}
.ficlist-n li {
counter-increment: series-counter;
}
.ficlist-n li::before {
content: counter(series-counter);
float:left;
font-size: 16pt;
display: block;
width: 22px;
padding: 10px 8px;
}
li.current {
border: #996 solid;
}
.ficlist li.current::before {
content: ">";
float:left;
font-size: 16pt;
display: block;
width: 22px;
padding: 10px 8px;
}
.ficlist .content {
overflow: auto;
padding: 0px 10px;
}
.ficlist div.cover {
display: block;
float: left;
height: 130px;
width: 100px;
margin: 5px 15px 5px -1px;
}
.ficlist img.cover {
max-height: 100px;
max-width: 100px;
padding: 1px;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.ficlist div.title{
margin: 0px;
}
.ficlist span.title  {
display: inline-block;
margin: 0px -1px 5px -1px;
color: #666;
font-size: 16pt;
}
.ficlist .title .name {
font-family: Verdana, Geneva, sans-serif;
font-size: 18pt;
line-height: 20pt;
}
.ficlist .title a.name  {
color: #366;
text-decoration: none;
}
.ficlist .title a.name:visited {
color: #366;
}
.ficlist .title a.name:hover {
text-decoration: underline;
}
.ficlist .title .author {
display: inline-block;
font-size: 16pt;
}
.ficlist .title .author a {
color: #669;
text-decoration: none;
}
.ficlist .title .author a:visited {
color: #669;
}
.ficlist .title .author a:hover {
text-decoration: underline;
}


.ficlist .ficsrc, .fiction-cell .ficsrc {
float:left;
line-height:14px;
padding:2px 2px;
}

.ficlist .rating-everyone, .ficlist .rating-teen, .ficlist .rating-mature, .ficlist .rating-young-adult, .ficlist .rating-adult, .ficlist .rating-clop, .ficlist .rating-dubious,
.ficlist .status-complete, .ficlist .status-incomplete, .ficlist .status-hiatus, .ficlist .status-cancelled,
.ficlist .tag-sex, .ficlist .tag-adventure, .ficlist .tag-romance, .ficlist .tag-random, .ficlist .tag-comedy, .ficlist .tag-slice_of_life, .ficlist .tag-tragedy, .ficlist .tag-sad, .ficlist .tag-dark, .ficlist .tag-alternate_universe, .ficlist .tag-crossover, .ficlist .tag-human, .ficlist .tag-anthro, .ficlist .tag-gore, .ficlist .tag-sex, .ficlist .tag-2p, .ficlist .tag-thrill, .ficlist .tag-drama, .ficlist .tag-horror, .ficlist .tag-eqg, .ficlist .tag-mys, .ficlist .tag-sci{
/*float:none;*/
display:inline-block;
opacity:.9;
margin:2px;
padding:2px 4px;
font-size:12px;
line-height:14px;
vertical-align: 0px;
}

.ficlist .character {
padding: 0px 2px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius: 6px;
display: inline-block;
max-height: 24px;
float:left;
}

/* styling borrowed from fimfiction */
@font-face{
font-family:"PonyEmoji";
src:url("https://fimfetch.net/fonts/ponyemoji.ttf");
font-weight:normal;
font-style:normal
}
/*!
*  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face{
font-family:"FontAwesome";
src:url("../fonts/fontawesome-webfont-v=4.0.3.eot");
src:url("../fonts/fontawesome-webfont-.eot#iefix&v=4.0.3") format("embedded-opentype"),url("../fonts/fontawesome-webfont-v=4.0.3.woff") format("woff"),url("../fonts/fontawesome-webfont-v=4.0.3.ttf") format("truetype"),url("https://fimfetch.net/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
font-weight:normal;
font-style:normal
}

.fa {
font: bold 14px FontAwesome;
margin-right: 5px;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-minus-square:before {
content: "\f146";
}
.description blockquote {
padding: 10px;
border: 1px solid rgba(0,0,0,0.2);
margin: 10px 0px;
background: #f5f5f5;
border-radius: 5px;
}
/* exactly how fimfiction.net does spoilers... may improve later.. */
.description span.spoiler {
background-color: #333;
color: #333;
text-shadow: none;
}
.description span.spoiler:hover {
background-color: inherit;
color: inherit;
text-shadow: inherit;
}
.chapters {
overflow: hidden;
}
.chapters h3{
margin: 0px;
}
.chapters ul{
color: #888;
margin-bottom:0px;
}
.chapters .date {
font-size: 0.7em;
}
.chapters li a {
font-size: 0.8em;
}
.chapters li .word_count {
font-size: 0.7em;
float:right;
right: 10px;
}
.chapters .chapter_title {
font: normal 14pt "Trebuchet MS", Helvetica, sans-serif;
color: #111;
}
.cacheFiles {
height: 32px;
padding: 9px 4px;
}
.cacheFiles a {
display: block;
float:left;
margin-left:5px;
}
.cacheFiles .cacheFileHead {
font: normal 17px FontAwesome, "Times New Roman", serif;
display: block;
float:left;
}

a.more-link{
font: 15px Verdana, Geneva, sans-serif;
color:#000 !important;
display: inline-block;
padding:5px 10px;
margin-bottom: 5px;
line-height:16px;
border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border:1px solid rgba(0,0,0,0.2);
text-shadow: 0px 0px 4px rgba(0,0,0,.4);
background:#ADD;
text-decoration: none;
}/*6bb*/
a.more-link:hover{
background:#7cc;
text-decoration: underline;
animation: cyanPulse 3s linear infinite;
animation-play-state: running;
-webkit-animation: cyanPulse 3s linear infinite;
-webkit-animation-play-state: running;
}
/* #1AE; #5C6; #A6F; #ED1; #F6F; #F93; #1AE; */
@keyframes colorAnimate {
0% {  background-color:#bee; }
16% { background-color:#9e8; }
33% { background-color:#fbf; }
50% { background-color:#ffa; }
67% { background-color:#fc8; }
83% { background-color:#cad; }
100% {background-color:#bee; }
}
@-webkit-keyframes colorAnimate{
0% {  background-color:#bee; }
16% { background-color:#9e8; }
33% { background-color:#fbf; }
50% { background-color:#ffa; }
67% { background-color:#fc8; }
83% { background-color:#cad; }
100% {background-color:#bee; }
}

@keyframes cyanPulse {
0% {  background-color:#7cc; }
25% { background-color:#8dd; }
50% { background-color:#7cc; }
75%{ background-color:#6bb; }
100% {background-color:#7cc; }
}
@-webkit-keyframes cyanPulse{
0% {  background-color:#7cc; }
25% { background-color:#8dd; }
50% { background-color:#7cc; }
75%{ background-color:#6bb; }
100% {background-color:#7cc; }
}
.rating-everyone, .rating-teen, .rating-mature, .rating-young-adult, .rating-adult, .rating-clop, .rating-dubious{
font-family: Arial, Helvetica, sans-serif;
color:#000;
display: inline-block;
float:left;
margin:2px;
padding:3px 8px;
font-size:12px;
line-height:16px;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
vertical-align:6px;
border:1px solid rgba(0,0,0,0.2);
text-shadow: 0px 0px 4px rgba(0,0,0,.4);
cursor: default;
}/*potential color 6bb */

.rating-everyone{ background:#3a3; box-shadow:0px 1px 0px #292 inset;}
.rating-everyone:hover{ background:#4b4;}

.rating-teen{ background:#ca0;  box-shadow:0px 1px 0px #b90 inset;}
.rating-teen:hover{ background:#db1;}

.rating-mature{ background:#b57; box-shadow:0px 1px 0px #a46 inset;}
.rating-mature:hover { background:#c68;}

.rating-young-adult{ background:#B73;  box-shadow:0px 1px 0px #a62 inset;}
.rating-young-adult:hover{ background:#c84;}

.rating-adult{ background:#88f; box-shadow:0px 1px 0px #77e inset;}
.rating-adult:hover { background:#99f;}

.rating-clop{ background:#a33; box-shadow:0px 1px 0px #922 inset;}
.rating-clop:hover { background:#b44;}

.rating-dubious{ background:#ea7; box-shadow:0px 1px 0px #d96 inset;}
.rating-dubious:hover { background:#fb8;}

.rating-old {
font-size:11px;
opacity: .6;
text-decoration: line-through;
}

.status-complete, .status-incomplete, .status-hiatus, .status-cancelled {
display:inline-block;
float:left;
margin:2px;
padding:3px 8px;
font-size:12px;
line-height:16px;
height: 16px;
font-weight:normal;
text-shadow: 0px 0px 8px rgba(255,255,255,.9);
border:1px solid rgba(0,0,0,0.2);
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
text-align:center;
color:#000;
cursor: default;
}

.status-complete:before, .status-incomplete:before, .status-hiatus:before, .status-cancelled:before {
content:" ";
width:16px;
margin-right:5px;
font-family:"FontAwesome","Trebuchet MS", Helvetica, sans-serif;
}

.status-complete{background:#5a5; box-shadow:0px 1px 0px #494 inset;}
.status-complete:before{content:"\f00c"}
.status-complete:hover{background:#6b6;}
.status-incomplete{background:#fa1; box-shadow:0px 1px 0px #fd0 inset;}
.status-incomplete:before{content:"\f040"}
.status-incomplete:hover{background:#fc0;}
.status-hiatus{background:#b74}
.status-hiatus:before{content:"\f04c"}
.status-hiatus:hover{background:#c85}
.status-cancelled{background:#b33}
.status-cancelled:before{content:"\f05e"}
.status-cancelled:hover{background:#c44}

.tag-sex, .tag-adventure, .tag-romance, .tag-random, .tag-comedy, .tag-slice_of_life, .tag-tragedy, .tag-sad, .tag-dark, .tag-alternate_universe, .tag-crossover, .tag-human, .tag-anthro, .tag-gore, .tag-sex, .tag-2p, .tag-thrill, .tag-drama, .tag-horror, .tag-eqg, .tag-mys, .tag-sci {
color:#fff;
text-shadow: 0px 0px 6px rgba(0,0,0,.9);
display: inline-block;
float:left;
margin:2px;
padding:3px 8px;
font-size:12px;
line-height:16px;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
cursor: default;
letter-spacing: 1px;
}

.tag-sex {
background-color:#c49;
box-shadow:0px 1px 0px #e6b inset;
text-shadow:0px 0px 3px #a27;
border:1px solid #a27;
}
.tag-sex:hover{background-color:#b38}
.tag-gore {
background-color:#722;
box-shadow:0px 1px 0px #944 inset;
text-shadow:0px 0px 3px #500;
border:1px solid #500;
}
.tag-gore:hover{background-color:#611;}
.tag-romance{
background-color:#94f;
box-shadow:0px 1px 0px #b6f inset;
text-shadow:0px 0px 3px #72d;
border:1px solid #72d;
}
.tag-romance:hover{background-color:#83e;}
.tag-dark{
background-color:#b33;
box-shadow:0px 1px 0px #d55 inset;
text-shadow:0px 0px 3px #911;
border:1px solid #911;
}
.tag-dark:hover{background-color:#a22;}
.tag-sad{
background-color:#949;
box-shadow:0px 1px 0px #b6b inset;
text-shadow:0px 0px 3px #727;
border:1px solid #727;
}
.tag-sad:hover{background-color:#838;}
.tag-tragedy{
background-color:#fb4;
box-shadow:0px 1px 0px #fd6 inset;
text-shadow:0px 0px 3px #d92;
border:1px solid #d92;
}
.tag-tragedy:hover{background-color:#ea3;}
.tag-comedy{
background-color:#ca2;
box-shadow:0px 1px 0px #ec4 inset;
text-shadow:0px 0px 3px #a80;
border:1px solid #a80;
}
.tag-comedy:hover{background-color:#b91;}
.tag-random{
background-color:#37c;
box-shadow:0px 1px 0px #59f inset;
text-shadow:0px 0px 3px #15a;
border:1px solid #15a;
}
.tag-random:hover{background-color:#26b;}
.tag-slice_of_life{
background-color:#48f;
box-shadow:0px 1px 0px #6af inset;
text-shadow:0px 0px 3px #26d;
border:1px solid #26d;
}
.tag-slice_of_life:hover{background-color:#37e;}
.tag-adventure{
background-color:#394;
box-shadow:0px 1px 0px #5b6 inset;
text-shadow:0px 0px 3px #172;
border:1px solid #172;
}
.tag-adventure:hover{background-color:#283;}
.tag-alternate_universe{
background-color:#888;
box-shadow:0px 1px 0px #aaa inset;
text-shadow:0px 0px 3px #666;
border:1px solid #666;
}
.tag-alternate_universe:hover{background-color:#777;}
.tag-crossover{
background-color:#3a9;
box-shadow:0px 1px 0px #5cb inset;
text-shadow:0px 0px 3px #187;
border:1px solid #187;
}
.tag-crossover:hover{background-color:#298;}
.tag-human{
background-color:#b85;
box-shadow:0px 1px 0px #da7 inset;
text-shadow:0px 0px 3px #963;
border:1px solid #963;
}
.tag-human:hover{background-color:#a74;}
.tag-anthro{
background-color:#b65;
box-shadow:0px 1px 0px #d87 inset;
text-shadow:0px 0px 3px #943;
border:1px solid #943;
}
.tag-anthro:hover{background-color:#a54;}
.tag-2p{
background-color:#48A;
box-shadow:0px 1px 0px #6ac inset;
text-shadow:0px 0px 3px #268;
border:1px solid #268;
}
.tag-2p:hover{background-color:#59b;}
.tag-thrill{
background-color:#D33;
box-shadow:0px 1px 0px #F55 inset;
text-shadow:0px 0px 3px #B11;
border:1px solid #B11;
}
.tag-thrill:hover{background-color:#C22;}
.tag-drama{
background-color:#D5D;
box-shadow:0px 1px 0px #F7F inset;
text-shadow:0px 0px 3px #C3B;
border:1px solid #C3B;
}
.tag-drama:hover{background-color:#D4C;}
.tag-horror{
background-color:#622;
box-shadow:0px 1px 0px #844 inset;
text-shadow:0px 0px 3px #400;
border:1px solid #400;
}
.tag-horror:hover{background-color:#511;}
.tag-eqg{
background-color:#538;
box-shadow:0px 1px 0px #75A inset;
text-shadow:0px 0px 3px #316;
border:1px solid #316;
}
.tag-eqg:hover{background-color:#427;}
.tag-mys{
background-color:#444;
box-shadow:0px 1px 0px #666 inset;
text-shadow:0px 0px 3px #222;
border:1px solid #222;
}
.tag-mys:hover{background-color:#333;}
.tag-sci{
background-color:#66A;
box-shadow:0px 1px 0px #88C inset;
text-shadow:0px 0px 3px #448;
border:1px solid #448;
}
.tag-sci:hover{background-color:#559;}

.comment-cell{
margin: -20px 5px 20px;
padding: 5px 10px;
border: 1px solid #CCC;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
box-shadow: 5px 5px #CCC;
font-family: Arial, Helvetica, sans-serif; 
font-size: 13pt;
line-height: 1.3em;
text-align: left;

}
.comment-cell .title{
font-size: 10pt;
}
.comment-cell p {
padding-left: 50px; 
margin: 0;
padding: 0;
border: 0;
}
.comment-cell p.double {
margin-top: 1.5em;
}
.comment-cell p.indented {
text-indent: 3em;