/* herbie.css used in imgbar.pl pix.pl themes.pl */

body {font-family: sans-serif; }
a.h1 {text-decoration: none; }
h1 {font-size: 150%; }
.pixh1 { border: 1px solid black; padding: 5px; background: #DDD; }
h2 {font-size: 125%; background: #DDD; border: 1px solid black; padding: 5px; }

.gag   {background: #CCFFCC; font-family: Comic Sans MS;}
.power {background: #FFFFCC; font-family: Arial; }
.story {background: #CCCCFF; font-family: Courier New, fixed width; }

.updated {background: yellow; color: green; font-weight: bold; font-size: 90%; white-space:nowrap;}
.new {background: green; color: yellow; font-weight: bold; font-size: 90%; white-space:nowrap; padding-left: 3px; padding-right: 3px; }

.villains   {background: #FCF; } /* magenta */
.characters {background: #CCF; } /* blue */
.virtuous   {background: #FFC; } /* yellow */
.sports     {background: #CFC; } /* green */
.school     {background: #CFF; } /* cyan */
.fat-fury   {background: #FCC; } /* red */
.love       {background: #FFF; } /* white */

.pixlink {text-decoration: none; color: green; font-weight: 500; font-family: comic sans ms;}
.pixdesc {font-family: Arial, Helvetica, sans-serif; } /* imgbar.pl meta desc */
.pixinfo {margin-top: 0; margin-bottom: 0; } /* imgbar.pl dates and counts; pix.pl desc */
.pixintro {font-size: 120%; border: 1px solid gray; padding: 5px; background: #EEE; margin: 1em; } /* pix.pl meta description */
.pixbox { min-height: 250px; vertical-align: middle; }
.pixloc { margin-top: 1em; font-family: sans-serif; white-space: nowrap; }
.leftcell { width: 25em; }
.pix {height: 300px; border: 0; }
.subtle { color: #CCC; }
.nobr {white-space: nowrap}
.offscreen {position: absolute; left: -999px; }

.hot1 {background: #F66}
.hot2 {background: #F77}
.hot3 {background: #F88}
.hot4 {background: #FAA}
.hot5 {background: #FCC}
.hot6 {background: #FEE}

.bg_reprint     { background: #FFF; } /* column for reprint stories */
.bg_vertispacer { background: #CCC; } /* every 5 stories */
.bg_header      { background: #CCC; } /* top and bottom */
.bg_subheader   { background: #DDD; } /* under the bottom header */
.bg_even        { background: #DDD; } /* even lines */
.bg_odd         { background: #EEE; } /* odd lines */