a, img {
  border: 0; }

a {
  color: #8C7561;
  text-decoration: none; }

a:hover {
  color: #d7baa1; }

body {
  font-family: helvetica;
  margin: 0;
  padding: 0;
  /* Footer Styles */ }
  body #header {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 4px;
    background: #534f4f; }
  body #canvas_border {
    position: relative;
    background-image: url('/images/ui/canvas_bg.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    width: 1200px;
    height: 680px;
    margin: 0 auto;
    padding: 20px; }
    body #canvas_border #canvas {
      width: 1160px; }
      body #canvas_border #canvas #backdrop {
        float: left;
        width: 860px;
        height: 600px;
        margin: 0;
        background-image: url('/images/backdrops/home.jpg');
        background-repeat: no-repeat;
        background-position: 30px 30px; }
        body #canvas_border #canvas #backdrop #content_overlay {
          background: url(/images/ui/transparent_bg.png);
          position: relative;
          padding: 30px;
          top: 50px;
          left: 300px;
          width: 450px;
          height: 450px; }
          body #canvas_border #canvas #backdrop #content_overlay #content {
            font-family: arial, sans-serif;
            font-size: 16px;
            color: #fafafa;
            line-height: 21px; }
            body #canvas_border #canvas #backdrop #content_overlay #content p {
              margin-top: 0; }
            body #canvas_border #canvas #backdrop #content_overlay #content ul {
              list-style: none; }
              body #canvas_border #canvas #backdrop #content_overlay #content ul li {
                font-size: 16px;
                padding: 4px 0; }
                body #canvas_border #canvas #backdrop #content_overlay #content ul li span {
                  font-size: 14px; }
      body #canvas_border #canvas #navigation {
        float: right;
        width: 300px;
        height: 600px;
        position: relative; }
        body #canvas_border #canvas #navigation ul {
          margin-left: -40px;
          margin-top: 30px;
          list-style-type: none; }
          body #canvas_border #canvas #navigation ul li {
            display: block; }
        body #canvas_border #canvas #navigation #logo {
          position: absolute;
          bottom: 0;
          background: #435259;
          width: 250px; }
          body #canvas_border #canvas #navigation #logo img {
            padding: 0 15px; }
  body #footer {
    width: 100%;
    background: #534f4f;
    height: 500px; }
    body #footer #footer_container {
      margin: 0 auto;
      padding: 20px 0;
      width: 1100px;
      height: 300px;
      font-family: arial, sans-serif;
      font-size: 11px;
      color: #eaeaea; }
      body #footer #footer_container .container {
        width: 250px;
        float: left;
        margin-right: 50px;
        height: 160px; }
        body #footer #footer_container .container img {
          padding: 0;
          border: 0;
          display: block; }
        body #footer #footer_container .container div.padded {
          padding: 10px 20px 20px 15px; }
        body #footer #footer_container .container .header {
          font-size: 25px;
          font-family: Baskerville, Times, serif;
          padding-left: 5px;
          margin-left: 10px;
          border-bottom: 2px solid #EAEAEA; }
      body #footer #footer_container .site_map {
        width: 200px; }
        body #footer #footer_container .site_map a {
          text-decoration: underline;
          color: #ccc;
          padding: 1px;
          display: block;
          font-size: 1em;
          font-family: helvetica, arial, sans-serif; }
      body #footer #footer_container .most_popular {
        width: 350px; }
      body #footer #footer_container .about_me {
        width: 400px;
        border: none; }
      body #footer #footer_container .twitter_feed {
        width: 300px; }
      body #footer #footer_container .contact {
        width: 250px; }
      body #footer #footer_container .site_info {
        display: none;
        width: 100%;
        margin-top: 20px;
        font-family: arial, sans-serif;
        font-size: 12px;
        color: #AAA; }
        body #footer #footer_container .site_info .powered_by {
          float: left;
          width: 40%;
          padding: 20px; }
        body #footer #footer_container .site_info .copyright {
          float: right;
          width: 8%;
          padding: 20px; }

/* Global Rules */
.clearfix {
  clear: both;
  height: 0; }
