shtml {
  height: 100%; }

body {
  font-family: "GillSans-Light", "Gill Sans", "Lucida Grande", "Helvetica Neue", "Helvetica", Optima, Trebuchet, sans-serif;
  font-weight: lighter;
  font-size: 10.5pt;
  margin-left: 50px;
  margin-right: 50px;
  height: 100%;
  background-color: white;
  color: black; }

#content {
  max-width: 900px; }

#nav {
  font-family: "GillSans-Light", "Gill Sans", "Lucida Grande", "Helvetica Neue", "Helvetica", Optima, Trebuchet, sans-serif;
  background-image: url(chen_comic_header.jpg);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-color: black;
  color: white;
  padding-left: 394px;
  padding-right: 5px;
  max-width: 501px;
  padding-top: 10px;
  min-height: 234px;
  position: relative; }

a {
  text-decoration: none;
  color: #5d917d;
  font-weight: bolder; }
  a:active {
    color: #5d917d; }
  a:visited {
    color: #a8ad80; }
  a:hover, a:visited:hover {
    text-decoration: underline; }

#nav a {
  text-decoration: none;
  color: #5d917d;
  font-weight: normal; }
  #nav a:active {
    color: #5d917d; }
  #nav a:visited {
    color: #a8ad80; }
  #nav a:hover, #nav a:visited:hover {
    text-decoration: underline; }
  #nav a.series {
    font-weight: normal;
    font-style: italic; }
#nav h1 {
  font-weight: normal;
  position: absolute;
  bottom: 0px; }
#nav h2 {
  font-size: 1.75em;
  font-weight: normal;
  margin-top: 0.25em; }
#nav .info {
  line-height: 125%; }

.sitetitle {
  font-size: larger; }

#storylisting {
  width: 778px;
  -webkit-column-rule: none;
  -webkit-column-width: 383px;
  -webkit-column-gap: 12px;
  -moz-column-rule: none;
  -moz-column-width: 383px;
  -moz-column-gap: 12px; }

.story_summary {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 0.5em;
  padding: 0.3em;
  background-color: #eeeeee; }

#banner {
  margin-top: 10px; }

#storylinks {
  font-family: "GillSans-Light", "Gill Sans", "Lucida Grande", "Helvetica Neue", "Helvetica", Optima, Trebuchet, sans-serif;
  font-size: smaller;
  background-color: black;
  color: white;
  margin: 0 auto;
  text-align: left;
  width: 892px;
  margin-top: 5px;
  padding: 8px 0 8px 8px; }
  #storylinks a {
    color: #5d917d;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 2px; }

.storylinks a:visited {
  color: #a8ad80;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  text-decoration: none;
  margin-top: 2px; }

#storylinks a:hover {
  background: #101010 none repeat scroll 0 0;
  color: #a8ad80; }

#storybody {
  margin-top: 10px;
  max-width: 900px; }

h2 {
  font-family: "GillSans-Light", "Gill Sans", "Lucida Grande", "Helvetica Neue", "Helvetica", Optima, Trebuchet, sans-serif;
  font-weight: bold;
  font-size: 1.5em; }

h3 {
  font-family: "GillSans-Light", "Gill Sans", "Lucida Grande", "Helvetica Neue", "Helvetica", Optima, Trebuchet, sans-serif;
  font-weight: bold;
  font-size: 1.25em; }

.ctary {
  font-style: italic;
  padding: 5px;
  background-color: black;
  border: 1px solid #5d917d; }

.ctary_inline {
  font-style: italic;
  background-color: black; }

img {
  border-style: none; }

hr {
  border: none;
  color: #a8ad80;
  background-color: #a8ad80;
  height: 1px; }
  hr.faint {
    color: black;
    background-color: black;
    border: 1px dotted #e6d4a7;
    border-style: none none dotted; }

blockquote {
  font-style: italic;
  color: #36362c; }

.storytitle {
  font-family: "GillSans-Light", "Gill Sans", "Lucida Grande", "Helvetica Neue", "Helvetica", Optima, Trebuchet, sans-serif; }

.seriestitle {
  font-family: "GillSans-Light", "Gill Sans", "Lucida Grande", "Helvetica Neue", "Helvetica", Optima, Trebuchet, sans-serif;
  font-weight: bolder; }

#tags {
  width: 383px;
  float: left;
  padding-right: 1em; }

#tag_listing {
  margin-left: 394px; }

.tag {
  display: inline;
  padding: 3px;
  color: #36362c;
  background-color: white;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }
  .tag:hover, .tag:visited:hover {
    color: white;
    background-color: #5d917d; }
  .tag:active {
    color: #a8ad80;
    background-color: #5d917d; }

.tag a {
  text-decoration: none;
  color: inherit;
  background-color: inherit; }

.tag_selected {
  color: white;
  background-color: #36362c; }

table.tablesorter {
  background-color: black;
  margin: 1em;
  text-align: left; }
  table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #a8ad80;
    color: black;
    font-weight: bolder;
    padding: 0.25em;
    cursor: pointer; }
  table.tablesorter thead tr .header {
    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer; }
  table.tablesorter td {
    padding-right: 20px;
    padding-bottom: 3px; }
  table.tablesorter .even {
    background-color: white; }
  table.tablesorter .odd {
    background-color: #eeeeee; }
  table.tablesorter thead tr .headerSortUp {
    background-image: url(asc.gif);
    background-color: #5d917d; }
  table.tablesorter thead tr .headerSortDown {
    background-image: url(desc.gif);
    background-color: #5d917d; }