html {
  text-align: center;
  font: 13px arial, sans-serif;
  background: #fff url(/images/cityscape-large.png) no-repeat top center; }

body {
  text-align: left;
  margin: 0 auto 50px auto;
  width: 85%; }
  body img {
    border: none; }
  body a {
    color: navy; }
  body a:hover {
    color: blue; }
  body a.twitter_link {
    text-decoration: none; }
  body h3 {
    text-align: left;
    margin: 0;
    padding: 4px 0 2px 10px;
    font: normal 14px helvetica, sans-serif;
    color: #fff;
    background: #5A8CBE; }
  body h4 {
    margin: 10px;
    border-bottom: 1px solid #999; }
  body h4.calendar {
    width: 55px;
    height: 50px;
    border: 1px solid #999;
    text-align: center;
    float: left;
    margin: 10px; }
    body h4.calendar span.day {
      display: block;
      width: 100%;
      background: #BE0101;
      font-size: 10px;
      font-weight: normal;
      color: white; }
    body h4.calendar span.date {
      display: block;
      padding-top: 3px;
      font-size: 24px; }
  body #header {
    width: 98%;
    height: 50px;
    margin: 42px auto 0 auto; }
    body #header h1 {
      font: normal 40px arial, sans-serif;
      text-align: center;
      letter-spacing: 6px;
      margin: 0;
      height: 31px; }
      body #header h1 a {
        color: #fff;
        text-decoration: none; }
  body #characters {
    float: left;
    background: url(/images/shadow-alpha.png) no-repeat bottom right;
    margin: 10px 0 0 10px;
    *display: inline-block;
    float: left;
    width: 68%; }
    body #characters:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    body #characters .content {
      display: block;
      position: relative;
      background-color: #fff;
      border: 1px solid #a9a9a9;
      margin: -6px 6px 4px -6px;
      text-align: center; }
      body #characters .content ol.characters {
        *display: inline-block;
        padding-left: 0;
        display: block;
        width: 455px;
        margin-left: auto;
        margin-right: auto; }
        body #characters .content ol.characters:after {
          content: " ";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden; }
        body #characters .content ol.characters li.darren {
          clear: left; }
        body #characters .content ol.characters li {
          *display: inline-block;
          float: left;
          margin: 3px 25px 5px 25px;
          text-align: center;
          list-style: none;
          background: url(/images/polaroid-small.png) no-repeat;
          height: 76px;
          width: 60px; }
          body #characters .content ol.characters li:after {
            content: " ";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden; }
          body #characters .content ol.characters li a {
            display: block;
            padding: 7px;
            font-size: 18px;
            color: black;
            text-decoration: none; }
            body #characters .content ol.characters li a img {
              padding: 0;
              margin: 1px 0 0 1px;
              float: left; }
            body #characters .content ol.characters li a span {
              display: block;
              padding-top: 2px;
              clear: left;
              font-size: 9px; }
          body #characters .content ol.characters li a:hover {
            color: blue; }
  body #body {
    *display: inline-block;
    float: left;
    background: url(/images/shadow-alpha.png) no-repeat bottom right;
    margin: 10px 0 0 10px;
    width: 68%;
    float: left; }
    body #body:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    body #body #content {
      display: block;
      position: relative;
      background-color: #fff;
      border: 1px solid #a9a9a9;
      margin: -6px 6px 4px -6px;
      background: white url(/images/tree.png) 50% 20% no-repeat; }
      body #body #content #page_content {
        *display: inline-block;
        padding-top: 20px; }
        body #body #content #page_content:after {
          content: " ";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden; }
      body #body #content ol, body #body #content ul, body #body #content p, body #body #content div {
        padding: 0 10px 0 10px; }
      body #body #content .post_info {
        font-size: 11px; }
      body #body #content .character_profile_picture {
        float: left;
        margin: 0px 5px 5px 0;
        border: 1px solid black; }
      body #body #content ol.news_items {
        padding-top: 0; }
        body #body #content ol.news_items img {
          clear: both; }
        body #body #content ol.news_items li.news_item {
          *display: inline-block;
          list-style: none;
          margin-top: 20px;
          padding: 5px 5px 10px 5px;
          clear: both;
          border-bottom: 1px dotted #eee; }
          body #body #content ol.news_items li.news_item:after {
            content: " ";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden; }
          body #body #content ol.news_items li.news_item span.character {
            font-weight: bold; }
            body #body #content ol.news_items li.news_item span.character a {
              color: black;
              text-decoration: none; }
          body #body #content ol.news_items li.news_item span.title {
            display: block;
            color: #666;
            font-weight: bold; }
          body #body #content ol.news_items li.news_item span.content {
            margin-top: 3px;
            display: block; }
            body #body #content ol.news_items li.news_item span.content span.original_link {
              display: block;
              margin-top: 5px;
              font-size: 10px; }
              body #body #content ol.news_items li.news_item span.content span.original_link a {
                color: #666; }
              body #body #content ol.news_items li.news_item span.content span.original_link a:hover {
                text-decoration: none; }
        body #body #content ol.news_items li.rss_feed {
          border-width: 2px;
          border-style: dotted;
          border-color: #db6e4c;
          padding-left: 10px; }
          body #body #content ol.news_items li.rss_feed .blog_post_indicator {
            color: #db6e4c;
            display: block;
            font: bold 15px arial;
            margin: 5px 5px 10px 0; }
      body #body #content #plot_summaries {
        *display: inline-block; }
        body #body #content #plot_summaries:after {
          content: " ";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden; }
        body #body #content #plot_summaries .plot_summary {
          *display: inline-block;
          clear: both;
          border-bottom: 1px dotted #eee; }
          body #body #content #plot_summaries .plot_summary:after {
            content: " ";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden; }
          body #body #content #plot_summaries .plot_summary h4 {
            margin-top: 0; }
      body #body #content #pagination {
        text-align: right;
        padding: 10px; }
  body #sidebar {
    *display: inline-block;
    width: 30%;
    float: right; }
    body #sidebar:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    body #sidebar div p {
      padding: 0 6px 6px 6px; }
    body #sidebar #explanation, body #sidebar #navigation, body #sidebar #photo_feed {
      width: 100%;
      float: left;
      background: url(/images/shadow-alpha.png) no-repeat bottom right;
      margin: 10px 0 0 10px; }
      body #sidebar #explanation .content, body #sidebar #navigation .content, body #sidebar #photo_feed .content {
        display: block;
        position: relative;
        background-color: #fff;
        border: 1px solid #a9a9a9;
        margin: -6px 6px 4px -6px; }
    body #sidebar #navigation ol {
      padding: 0; }
      body #sidebar #navigation ol li {
        padding: 5px;
        list-style: none;
        font-size: 14px; }
    body #sidebar #photo_feed .flickr ul {
      *display: inline-block;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      body #sidebar #photo_feed .flickr ul:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
      body #sidebar #photo_feed .flickr ul li {
        float: left;
        border-bottom: 0;
        margin: 0;
        padding: 0; }
    body #sidebar #photo_feed .flickr_photo {
      width: 44px;
      height: 48px;
      padding: 8px 10px 20px 8px;
      margin: 5px 0 5px 0;
      background: #fff url(/images/polaroid-small.png) no-repeat; }

#footer {
  text-align: center;
  clear: both;
  padding-top: 20px;
  font-size: 11px; }