@import url(http://fonts.googleapis.com/css?family=Lato:900,300,400);
html {
  height: 100%; }

body {
  font-family: Lato, "GillSans-Light", "Gill Sans", sans-serif;
  font-weight: 300;
  font-size: 10pt;
  margin-left: 50px;
  margin-right: 50px;
  height: 100%;
  background-color: white;
  color: black; }

#content {
  max-width: 900px; }

#nav {
  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: 400; }
  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: 400; }
  #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: 400;
    font-style: italic; }
#nav h1 {
  font-weight: 900;
  position: absolute;
  bottom: 0px; }
#nav h2 {
  font-size: 1.75em;
  font-weight: 900;
  margin-top: 0.25em; }
#nav .info {
  line-height: 125%; }

.sitetitle {
  font-size: larger; }

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

#fandomlisting {
  width: 900px;
  -webkit-column-rule: none;
  -webkit-column-width: 450px;
  -webkit-column-gap: 0px;
  -moz-column-rule: none;
  -moz-column-width: 450px;
  -moz-column-gap: 0px; }
  #fandomlisting .storysummary {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid; }

#storylisting {
  width: 850px;
  min-height: 400px; }
  #storylisting .story_summary {
    width: 374px; }

#banner {
  margin-top: 10px; }

#storylinks {
  font-size: 0.85em;
  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-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 2px; }

.storylinks a:visited {
  color: #a8ad80;
  font-weight: 400;
  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-weight: 900;
  font-size: 1.5em; }

h3 {
  font-weight: 900;
  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-weight: 400; }

.seriestitle {
  font-weight: 400; }

#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: 400;
    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; }