html, body {
  margin: 0px;
  padding: 0px;
  border: 0px none;
}
  body {
    font-size: 16px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #000000;
    background-color: #A9B6FF;
  }
  img { border: 0px none; }
  a:link { color: #333333; text-decoration: underline; background-color: inherit; }
    a:visited { color: #4C4C4C; text-decoration: underline; background-color: inherit; }
    a:hover, a:active { color: #000000; text-decoration: underline; background-color: inherit; }

div#main {
  width: 894px;
  margin: auto;
}
  img#logo {
    position: relative;
    width: 297px;
    height: 178px;
    margin: 10px auto -158px;
  }
  div#headerBack {
    width: 894px;
    height: 313px;
    background-image: url(images/header-back.jpg);
    background-position: top left;
    background-repeat: no-repeat;
  }
    div#header {
      height: 313px;
      text-align: right;
      background-image: url(images/header-borders.gif);
      background-position: center;
      background-repeat: no-repeat;
      padding-right: 15px;
    }
  div#borderBackTop {
    color: inherit;
    background-color: #013871;
    background-image: url(images/earth-back.jpg);
    background-position: top left;
    background-repeat: no-repeat;
  }
  div#borderBackBottom {
    background-image: url(images/squares-back.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
  } * html div#borderBackBottom { background-image: url(images/squares-back_iecraphack.jpg); margin-bottom: -4px; }
    div#borderTop {
      background-image: url(images/border-top.gif);
      background-position: top;
      background-repeat: no-repeat;
    }
      div#borderBottom {
        background-image: url(images/border-bottom.gif);
        background-position: bottom;
        background-repeat: no-repeat;
        padding: 22px 0px 8px;
      }
      div#borderSides {
        text-align: left;
        background-image: url(images/border-sides.gif);
        background-position: top;
        background-repeat: repeat-y;
        padding: 52px 0px 37px 20px;
      }
  div#topMenu {
    position: relative;
    height: 79px;
    background-color: transparent;
    padding-left: 15px;
    margin: 5px auto -65px;
  }
    a.button, a.button:link, a.button:visited {
      width: 136px;
      height: 79px;
      font-size: 1.4em;
      font-style: italic;
      text-decoration: none;
      color: #E1A3C8;
      background-color: inherit;
      background-image: url(images/button-link.gif);
      background-position: top;
      background-repeat: no-repeat;
      margin: 0px 4px;
      float: left;
      display: block;
    }
      a.button:hover, a.button:active {
        background-image: url(images/button-hover.gif);
      }
      .button img {
        margin-top: 7px;
      }
    div#rightMenu {
      position: relative;
      width: 144px;
      text-align: center;
      background-color: transparent;
      margin-right: 15px;
      float: right;
    } * html div#rightMenu { margin-right: 4px; }
      #rightMenu a.button, #rightMenu a.button:link {
        margin-bottom: 8px;
      }
      div#linkList a:link { color: #0099F9; text-decoration: none; background-color: inherit; }
        div#linkList a:visited { color: #0099F9; text-decoration: none; background-color: inherit; }
        div#linkList a:hover, div#linkList a:active { color: #0099F9; text-decoration: underline; background-color: inherit; }

  div#contentSides {
    width: 708px;
    background-image: url(images/content-centre.gif);
    background-position: top;
    background-repeat: repeat-y;
  }
    div#contentTop {
      background-image: url(images/content-top.jpg);
      background-position: top;
      background-repeat: no-repeat;
    }
    div#contentBottom {
      background-image: url(images/content-bottom.jpg);
      background-position: bottom;
      background-repeat: no-repeat;
    }
    select, option {
      color: #000000;
      background-color: #8ADFEF;
      text-align: center;
    }

  div.archiveNav, div.archiveNavLarge {
    width: 220px;
    height: 51px;
    background-image: url(images/arcnav-background.gif);
    background-position: top;
    background-repeat: no-repeat;
    text-align: center;
    margin: auto;
  }
    div.archiveNavLarge { height: 93px; }
    .first, .back, .next, .last {
      width: 40px;
      height: 32px;
      background-position: center;
      background-repeat: no-repeat;
      margin: 10px 5px 9px;
      float: left;
      display: block;
    }
    .first { margin-left: 15px; } * html .first { margin-left: 8px; }
    a.first, a.first:link { background-image: url(images/arcnav-first-link.gif); }
      a.first:hover, a.first:active { background-image: url(images/arcnav-first-hover.gif); }
    a.back, a.back:link { background-image: url(images/arcnav-back-link.gif); }
      a.back:hover, a.back:active { background-image: url(images/arcnav-back-hover.gif); }
    a.next, a.next:link { background-image: url(images/arcnav-next-link.gif); }
      a.next:hover, a.next:active { background-image: url(images/arcnav-next-hover.gif); }
    a.last, a.last:link { background-image: url(images/arcnav-last-link.gif); }
      a.last:hover, a.last:active { background-image: url(images/arcnav-last-hover.gif); }
    input#go, input#go:link {
      width: 40px;
      height: 22px;
      background-image: url(images/arcnav-go-link.gif);
      background-position: top;
      background-repeat: no-repeat;
      border: 0px none;
      cursor: pointer;
    }
      input#go:hover, input#go:active { background-image: url(images/arcnav-go-hover.gif); }

  div#comic {
    text-align: center;
  } * html div#comic { margin: 8px 0px 4px; }
    div#comic b, div#comic i, div#comic em { background-color: transparent; margin: auto; display: table; }
    #comic b.t, #comic b.b { background-repeat: repeat-x; }
    #comic b.l, #comic b.r { background-repeat: repeat-y; }
    #comic b.t { color: inherit; background-color: #B5A5E6; background-position: top; background-image: url(images/comic-border-top.gif); }
    #comic b.b { background-position: bottom; background-image: url(images/comic-border-bottom.gif); }
    #comic b.l { background-position: left; background-image: url(images/comic-border-left.gif); }
    #comic b.r { background-position: right; background-image: url(images/comic-border-right.gif); }
    #comic i.t, #comic i.b, #comic i.l, #comic i.r { background-repeat: no-repeat; }
    #comic i.t { background-position: top; background-image: url(images/comic-border-wtop.gif); }
    #comic i.b { background-position: bottom; background-image: url(images/comic-border-wbottom.gif); }
    #comic i.l { background-position: left; background-image: url(images/comic-border-wleft.gif); }
    #comic i.r { background-position: right; background-image: url(images/comic-border-wright.gif); }
    #comic em.tl, #comic em.tr, #comic em.bl, #comic em.br { background-repeat: no-repeat; }
    #comic em.tl { background-position: top left; background-image: url(images/comic-borderc-tl.gif); }
    #comic em.tr { background-position: top right; background-image: url(images/comic-borderc-tr.gif); }
    #comic em.bl { background-position: bottom left; background-image: url(images/comic-borderc-bl.gif); }
    #comic em.br { background-position: bottom right; background-image: url(images/comic-borderc-br.gif); padding: 8px; }

  div#footer {
    font-size: 10px;
    padding: 10px;
  }

/********************************************************************************************************/
/*   Content Area Styles (You can edit this if you want, but be careful, every page will be affected)   */
/********************************************************************************************************/
div#content { /* The overall content style */
  padding: 10px 20px;
  text-align: left;
  background-color: transparent;
}
  .Title {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.8em;
  }
  .Heading {
    font-size: 1.2em;
    font-weight: bold;
  }  /* Below are links within the Heading class */
    .Heading a, .Heading a:link { color: #000058; text-decoration: none; background-color: inherit; }
    .Heading a:visited { color: #000058; text-decoration: none; background-color: inherit; }
    .Heading a:hover, .Heading a:active { color: #000000; text-decoration: underline; background-color: inherit; }

  .Section {
    margin: 10px 30px 5px;
  }
  .CommentRight {
    font-size: 0.8em;
    text-align: right;
  }
  .CommentLeft {
    font-size: 0.8em;
    text-align: left;
  }
  .oldNews {
    text-align: right;
  }
  
  .SubcomicPreview {
    font-size: 0.8em;
    padding: 6px 10px 10px;
    border: 2px solid #405971;
    margin: 12px 0px 6px 10px;
    float: right;
  }
    .SubcomicPreview h3 {
      color: #405971;
      background-color: inherit;
      font-size: 1.2em;
      text-align: center;
      border-bottom: 1px dotted #405971;
      margin: 0px 0px 0.3em;
    }
    .SubcomicPreview a, .SubcomicPreview a:link, .SubcomicPreview a:visited {
      color: #405971;
      background-color: inherit;
      text-decoration: none;
    }
    .SubcomicPreview a:hover, .SubcomicPreview a:link:active {
      color: #405971;
      background-color: inherit;
      text-decoration: underline;
    }
  .SubcomicList {
    text-align: center;
  }
    .SubcomicList img {
      font-size: 1.5em;
    }
    .SubcomicList a, .SubcomicList a:link {
      width: 302px;
      color: #000000;
      background-color: inherit;
      font-weight: bold;
      text-decoration: none;
      margin: 0px 15px;
      display: block;
    }
    .SubcomicList a:hover, .SubcomicList a:link:active {
      color: #000000;
      background-color: inherit;
      text-decoration: none;
    }