* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
IMG {
    border: 0px;
}

.form TD {
   padding: 4px;
}

BODY {
  background: #5789AF url(../images/page-bg.png) top center repeat-x;
  font-family: "Lucida Grande", Tahoma, Sans-Serif;
  font-size: 14px;
}

BLOCKQUOTE {
   padding-left: 25px
}

#page {
  width: 968px;
  margin: 0 auto;
}

#top A {
  color: white;
  text-decoration: none;
}
#top A:hover {
  text-decoration: underline;
}

#inset {
  background: #132431; /* #161314 */
  color: #FFF;
  text-align: center;
  border-left: 2px solid #426886;
  border-right: 2px solid #426886;
  height: 100px;
  padding: 5px;
  overflow: hidden;
}

#banner_advert {
  float: left;
  width: 768;
  height: 90;  
}

#your_ad {
   float: left;
   margin-top: 8px;
   margin-left: 3px;
}

#local_advert {
  float: right;
}


#display_area {
  background: #82B2D7;
  padding-bottom: 5px;
  padding-top: 3px;
  padding-right: 0px;
  padding-left: 0px;
  border: 2px solid #426886;
  border-top: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;

}

#logo_area {
  margin: 0px;
  padding-top: 0px;
  padding-left: 17px;
  vertical-align: center;
  height: 64px;
}

#logo {
  float: left;
  vertical-align: center;
}

#updates_on {
  padding-bottom: 7px;
}

#top_navigation {
  margin-top: 22px;
  float: right;
}

#top_navigation A {
  float: right;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-decoration: none;
  height: 25px;
  padding: 0px;
  margin-right: 20px;
}
#top_navigation A:hover {
  background-position: 0px -26px;
  text-decoration: none;
}

#top_navigation A SPAN {
  visibility: hidden;
}

#nav_new_readers {
  background-image: url(../images/nav-new-readers.png);
  width: 117px;
}
#nav_store {
  background-image: url(../images/nav-store.png);
  width: 50px;
}
#nav_buy_sketch  {
  background-image: url(../images/nav-buy-a-sketch.png);
  width: 120px;
}
#nav_blog {
  background-image: url(../images/nav-blog.png);
  width: 40px;
}
#nav_extra {
  background-image: url(../images/nav-extra.png);
  width: 52px;
}
#nav_archive {
  background-image: url(../images/nav-archive.png);
  width: 68px;
}
#nav_links {
  background-image: url(../images/nav-links.png);
  width: 47px;
}

#comic_actions {
  float: right;
  margin-right: 10px;
}

#comic_actions A {
  display: inline-block;
  width: 38px;
  height: 36px;
  text-decoration: none;
  margin-bottom: 2px;
  margin-right: 10px;
}
#comic_actions A:hover  {
  text-decoration: none;
}

#comic_actions A SPAN {
  visibility: hidden;
  font-size: 6px; 
}

#subscribe_btn {
  background-image: url(../images/subscribe-btn.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#subscribe_btn:hover {
  background-position: 2px -39px;
}

#share_btn {
  padding-top: 10px;
  width: 125px !important;
}

#buy_print_btn {
  background-image: url(../images/buy-print-btn.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#buy_print_btn:hover {
  background-position: 2px -39px;
}

#comment_btn {
  background-image: url(../images/comment-btn.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#comment_btn:hover {
  background-position: 2px -38px
}

#comic {
  background: white;
  text-align: center;
  padding: 5px;
  border-top: 2px solid #426886;
  border-bottom: 2px solid #426886;
  z-index: 999;
}

#pager {
  padding-top: 10px;
}
#pager * {
  vertical-align: middle;
}
#pager_controls {
  display: inline-block;
  width: 150px;
  height: 35px;
  padding-left: 10px;
}
#pager_controls A {
  float: left;
  height: 35px;
  width: 30px;
  text-decoration:none;
  overflow: hidden;
  margin-right: 10px;
}
#pager_controls A:hover {
  text-decoration:none;
}
#pager_controls SPAN {
  visibility: hidden;
}

#start_pgr_btn {
  width: 44px !important;
  background-image: url(../images/start-pager-btn.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#start_pgr_btn:hover {
  background-position: 0px -40px;
}
#prev_pgr_btn {
  background-image: url(../images/prev-pager-btn.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#prev_pgr_btn:hover {
  background-position: 0px -40px;
}
#next_pgr_btn{
  background-image: url(../images/next-pager-btn.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#next_pgr_btn:hover {
  background-position: 0px -40px;
}

#comic_title {
  color: #FFF;
  text-shadow: 2px 2px 2px #426886;
  font-size: 18px;
  display: inline-block;
}

#bottom {
  padding-top: 25px;
  clear: both;
}

#left {
  float: left;
  width: 200px;
}

#center {
  margin: 0px 200px;
  margin-right: 180px;
  padding: 0px 20px;
}

#right {
  float: right;
  width: 180px;
  text-align: center;
  margin-left: 20px;
}

#right_inset {
  background: #132431; /*#161314;*/
  color: #FFF;
  text-align: center;
  min-height: 550px;
/*   width: 170px; */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 2px 5px #426886;
  -webkit-box-shadow: 0px 2px 5px #426886;
  -moz-box-shadow: 0px 2px 5px #426886;
}

#clear_all {
  clear: both;
}

#inline_inset {
  padding: 10px;
  background: #132431; /*#161314;*/
  color: #FFF;
  text-align: center;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  box-shadow: 0px 2px 5px #426886;
  -webkit-box-shadow: 0px 2px 5px #426886;
  -moz-box-shadow: 0px 2px 5px #426886;
  margin-bottom: 25px;
}

#footer {
  font-size: 90%;
  padding: 10px;
  background: #426886;
  color: #D5E4F6;
  text-align: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  box-shadow: 0px 2px 5px #426886;
}

#footer A {
  color: #D5E4F6;
}

#footer A:hover {
  color: #FFF;
}

/* ================ */
/* = Left Sidebar = */
/* ================ */


.box {
  background: #82B2D7;
  border: 2px solid #426886;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  margin-top: 25px;
}
.box .icon {
  float: left;
  margin: 6px;
}
.box .title {
  padding: 8px 15px;
  color: #FFF;
  font-size: 11px;
  font-weight: normal;
}
.box .body {
  padding: 10px;
  background: #D5E4F6;
  font-size: 85%;
}
.box .body P {
  padding-bottom: 10px;
}
.box .body A {
  color: #426886;
}
.box .body A:hover {
  color: #000;
}

.box .footer {
  padding: 4px 10px;
  color: #426886;
  font-size: 85%;
  text-align: center;
}

.box .footer A {
  color: #426886;
  text-decoration: none;
  padding: 3px;
}
.box .footer A:hover {
  color: white;
  text-shadow: #426886 1px 1px 1px;
}


#twitter_update_list {
  list-style: none;
}

#twitter_update_list LI {
  border-bottom: 1px dotted #69A1CB;
  padding: 10px;
}

#twitter_update_list LI:last-child {
  border-bottom: 0px;
}

#twitter_feed {
   margin-top: 0px
}

#twitter_feed .body {
  padding: 0px;
}

#subscribe_to_email .email-element {
  width: 100%;
}

#lastest_strip {
  margin-bottom: 25px;   
  margin-top: 0px !important;
}

/* =========== */
/* = Content = */
/* =========== */

.post {
  background: #82B2D7;
  border: 2px solid #426886;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  margin-bottom: 25px;
}
.post .icon {
  float: left;
  margin: 6px;
}
.post .title {
  padding: 8px 15px;
  color: #FFF;
}
.post .title h3 {
  font-size: 14px;
  font-weight: normal;
}
.post .title A {
  color: white;
}
.post .meta {
  padding: 0px 20px;
  background: #D5E4F6;
  font-size: 90%;
  color: #426886;
}
.post .meta A {
  color: #426886;
}
.post .body {
  padding: 20px;
  background: #D5E4F6;
}

.post .body object {
   margin: 0 auto;
}
.post .body H2 {
   color: #426886;
   padding: 10px 0;
   line-height: 1.5em;
}
.post .body P {
   color: #284052;
   padding: 10px 0;
   line-height: 1.5em;
}
.post .body A {
  color: #426886;
}
.post .body A:hover {
   color: #000;
   text-shadow: #fff 1px 1px 1px;
}
.post .body UL, .post .body OL {
   padding: 10px 25px;
}
.post .body IMG {
   max-width: 500px;
}
.post .footer {
  padding: 4px 10px;
  color: #426886;
  font-size: 90%;
}

.leave-a-comment {
  background: url(../images/comment-mini-icon.png) top left no-repeat;
  display: block;
  color: #426886;
  text-decoration: none;
  width: 200px;
  padding: 3px;
  padding-left: 28px;
}
.leave-a-comment:hover {
  color: white;
  text-shadow: #426886 1px 1px 1px;
}


#read-more {
   display: block;
   color: #FFF;
   text-decoration: none;
   margin: 25px;
}

.news-listing {
   padding-left: 50px;
   margin-bottom: 5px;
}
.news-listing A {
   color: #FFF;
}
.news-listing .title {
   color: white;
   padding: 0px;
}

.content-spacer {
  margin-bottom: 25px;
}

.comic-archive {
   width: 100%;
   height: 45px;
}
.comic-archive DT {
   float: left;
   width: 50px;
   text-align: right;
   font-family: Georgia;
   font-size: 24px;
/*    color: #777; */
   color: #82B2D7;
}
.comic-archive DD {
   float: left;
   margin-left: 10px;
}
.comic-archive DD A {
   font-size: 120%;
}
.comic-archive DD SPAN {
   font-size: 85%;
   display: block;
   color: #82B2D7;
}

.clear {
  clear: left;
}

.comments A {
   color: white;
}

.cast TD {
padding: 3px
}

.dsq-comment-message {
   color: black !important;
}

.sketch-order {
   border-left: 2px solid #426886;
}

.sketch-order TD {
   padding-left: 15px;
}

#description {
   width:250px;
}

.sketch-order .info {
   color: #426886;
   display: block;
   width: 250px;
   font-size: 75%;
}

.sketch-order select {
   font-family: "monaco", monospace;
}


/* ================= */
/* = Firefox Hacks = */
/* ================= */

.gecko .post .title h3 {
  font-size: 18px;
}

.gecko .box .title {
  font-size: 14px;
}

/* ============================= */
/* = Firefox 3.1 Readjustments = */
/* ============================= */
.gecko-new .post .title h3 {
  font-size: 14px;
}

.gecko-new .box .title {
  font-size: 11px;
}


/* ============ */
/* = IE Hacks = */
/* ============ */



.ie #comic_actions {
/*  clear: both;*/
  z-index: 9999;
  zoom: 1;
}





      .script {
        width: 500px;
        margin: 0 auto;
        font-family: Courier New;
        font-size: 10pt; }
        .script TD {
          padding-top: 4px;
          padding-bottom: 4px; }
        .script .page-header {
          text-align: left;
          font-weight: bolder; 
          font-size: 125%; 
          background-color: #F0F0F0; }
          .script .page-header A {
            text-decoration: none;
            color: black; }
        .script .character {
          text-align: right;
          min-width: 100px;
          vertical-align: top;
          white-space: nowrap;
          padding-left: 10px;
          padding-right: 5px;
          
          border-right: 1px dotted silver; }
          .script .character SPAN {
            text-decoration: underline; }
          .script .character .parenthetical {
            color: gray;
            font-size: 85%;
            text-decoration: none !important; }
        .script .dialog {
          padding-left: 5px;
          vertical-align: top;
          width: 75%; }
        .script .dialog-count {
          padding-left: 10px;
          padding-top: 5px;
          vertical-align: top;
          color: gray;
          font-size: 75%; }
        .script .action {
          padding-top: 15px;
          padding-bottom: 15px; }
          .script .action .panel {
            font-style: italic;
            font-weight: bold; }