/* #161314 */
/* BullSHIT*/
* {
  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: 300 15px/1.5 "Helvetica Neue", Corbel, Helvetica, Sans-Serif;
  font-size: 14px;
  margin-bottom: 25px;
}
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;
  color: #FFF;
  text-align: center;
  border-left: 2px solid #426886;
  border-right: 2px solid #426886;
  height: 100px;
  padding: 5px;
  overflow: hidden;
}
#inset A {
  font-size: 11px;
  color: #FFF;
}
#logo {
  float: left;
  margin-top: 13px;
  margin-left: 8px;
}
#banner_advert {
  float: right;
  width: 768;
  height: 90;
}
#your_ad {
  float: right;
  margin-top: 8px;
  margin-right: 3px;
}
#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 {
  /* background: @dk_blue; */

  margin: 0px;
  padding-top: 0px;
  padding-left: 17px;
  vertical-align: center;
  height: 35px;
}
#updates_on {
  float: right;
  color: #426886;
  /*  height: 35px;*/

}
#updates_on DIV {
  position: relative;
  width: 200px;
}
#updates_on SPAN {
  position: absolute;
  top: 13px;
  margin-top: -8px;
  font-size: 11px;
  line-height: 11px;
  height: 35px;
}
#top_navigation {
  float: left;
  margin-top: 7px;
}
#top_navigation A {
  float: right;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-decoration: none;
  height: 26px;
  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;
  text-decoration: none;
  margin-right: 10px;
}
#comic_actions A :hover {
  text-decoration: underline;
}
#comic_actions A SPAN {
  /*
      visibility: hidden;
      font-size: 6px; 
    */

}
#comic {
  background: white;
  text-align: center;
  padding: 5px;
  border-top: 2px solid #426886;
  border-bottom: 2px solid #426886;
  z-index: 999;
}
#strip {
  clear: both;
}
#pager {
  background: #426886;
  padding: 5px 0px;
  padding-top: 6px;
  margin-bottom: -5px;
  text-shadow: 1px 1px 0px #132431;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
}
#pager_controls {
  display: inline-block;
  padding-left: 10px;
}
#pager_controls A {
  float: left;
  text-decoration: none;
  margin-left: 10px;
}
#pager_controls A :hover {
  text-decoration: underline;
}
#share_comic {
  margin-right: 7px;
  margin-top: 5px;
  float: right;
}
.share-post {
  float: right;
  margin-top: 2px;
}
#comic_title {
  text-align: left;
  color: #777;
  /*text-shadow: 2px 2px 2px @dk_blue; */

  font-size: 16px;
  padding: 0px 10px;
  padding-top: 8px;
  display: block;
}
#comic_title A {
  color: #444;
  /*    border-bottom: 1px solid #999; */

}
#bottom {
  padding-top: 25px;
  clear: both;
}
#left {
  float: right;
  width: 200px;
  margin-left: 20px;
}
#center {
  /*/margin: 0px 200px;
  margin-right: 380px;*/

  width: 550px;
}
#right {
  float: right;
  width: 180px;
  text-align: center;
  margin-left: 20px;
}
#right_inset {
  background: #132431;
  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 0 0 none;
  -moz-box-shadow: 0px 2px 5px #426886 0 0 none;
  -webkit-box-shadow: 0px 2px 5px #426886 0 0 none;
}
#right_inset A {
  font-size: 11px;
  color: #FFF;
}
#clear_all {
  clear: both;
}
#inline_inset {
  padding: 10px;
  background: #132431;
  color: #FFF;
  text-align: center;
  margin-bottom: 25px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 2px 5px #426886 0 0 none;
  -moz-box-shadow: 0px 2px 5px #426886 0 0 none;
  -webkit-box-shadow: 0px 2px 5px #426886 0 0 none;
}
#inline_inset A {
  font-size: 11px;
  color: #FFF;
}
#footer {
  font-size: 90%;
  padding: 10px;
  background: #426886;
  color: #D5E4F6;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 2px 5px #426886;
}
#footer A {
  color: #D5E4F6;
}
#footer A :hover {
  color: #FFF;
}
/* ================ */
/* = Left Sidebar = */
/* ================ */
#donate {
  margin-top: 25px;
}
.box {
  background: #426886;
  /* @blue; */

  margin-top: 25px;
  /*border: 2px solid @dk_blue;*/

  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.box .icon {
  float: left;
  margin: 6px;
  margin-top: -6px;
}
.box .title {
  padding: 8px 15px;
  color: #FFF;
  font-size: 14px;
  font-weight: normal;
  text-shadow: 1px 1px 0px #426886;
}
.box .body {
  padding: 10px;
  font-size: 85%;
  color: #FFF;
}
.box .body P {
  padding-bottom: 10px;
}
.box .body A {
  color: #cbdef4;
  text-shadow: 1px 1px 0px #132431;
}
.box .body A :hover {
  color: #FFF;
}
.box .body .zdc {
  text-align: center;
}
.box .footer {
  padding: 4px 10px;
  color: #FFF;
  font-size: 85%;
  text-align: center;
  text-shadow: 1px 1px 0px #426886;
}
.box .footer A {
  color: #fff;
  text-decoration: none;
  padding: 3px;
  text-shadow: 1px 1px 0px #132431;
}
.box .footer A :hover {
  color: white;
  text-shadow: #426886 1px 1px 1px;
}
.box .footer.empty {
  padding: 0px;
  font-size: 0%;
  display: none;
}
#twitter_update_list {
  list-style: none;
  border-top: 1px dashed #5789AF;
}
#twitter_update_list :last-child {
  /*border-bottom: 0px;*/

}
#twitter_update_list LI {
  border-bottom: 1px dashed #5789AF;
  padding: 5px 10px;
}
#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;
  margin-bottom: 25px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.post .icon {
  float: left;
  margin: 6px;
  margin-left: 12px;
  margin-top: -15px;
  /* 4px */

}
.post .title {
  padding: 4px 10px;
  color: #FFF;
  text-shadow: 1px 1px 0px #426886;
}
.post .title h3 {
  font-size: 16px;
  font-weight: normal;
}
.post .title A {
  color: white;
  text-decoration: none;
}
.post .title A :hover {
  text-decoration: underline;
}
.post .meta {
  padding: 0px 20px;
  background: #FFF;
  /* #D5E4F6 */

  font-size: 90%;
  color: #426886;
}
.post .meta A {
  color: #426886;
}
.post .body {
  padding: 20px;
  background: #FFF;
  /* #D5E4F6 */

  padding-top: 5px;
}
.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 A :visited {
  color: #747474 !important;
}
.post .body A :active {
  color: red !important;
}
.post .body UL, .post .body OL {
  padding: 10px 25px;
}
.post .body IMG {
  max-width: 500px;
}
.post .body .imgly-image-container {
  clear: none !important;
}
.post .footer {
  background: #426886;
  padding: 4px 10px;
  color: #FFF;
  text-shadow: 1px 1px 0px #426886;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
}
.leave-a-comment {
  font-size: 90%;
  background: url(../images/comment-mini-icon.png) top left no-repeat;
  display: block;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding-left: 28px;
  height: 21px;
  line-height: 21px;
}
.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;*/

}
.dsq-request-user-info, .dsq-append-post {
  clear: none !important;
}
.sketch-order {
  border-left: 2px solid #426886;
}
.sketch-order TD {
  padding-left: 15px;
}
.sketch-order .info {
  color: #426886;
  display: block;
  width: 250px;
  font-size: 75%;
}
.sketch-order select {
  font-family: "monaco", monospace;
}
#description {
  width: 250px;
}
A.view-story {
  font-size: 95% !important;
  color: #82b2d7;
}
/* ================= */
/* = 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;
}
/* Graphic Novelist Styles */
.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;
}