/* --- start of css --- */
@import 'reset.css';

/* MAIN SECTIONS */

body {
  margin: 0;
  color: #6078BF;
  font: 10px Arial, Sans-Serif;
  text-align: center;
  font-weight: normal;
  background-image: url(/img/theme/background1.jpg);
  background-position: top center;
  background-repeat: repeat-y;	
  background-color: #00007F;
  background-attachment: scroll;
  }
	
#comic, #comic_archive {
  margin: 0px 8px 2px;
  _margin: 0px 0px 2px 4px;
  float: left;
  background: transparent;
  }

#headerpiccontainer {
  overflow: visible;
}

#headerpic {
  margin: 0px auto -2px auto;
  float: left;
  background: transparent;
  }

.pageimage80 {
  margin: 5px;
  float: right;
  }

.blog_archive {
  background: transparent;
  float: right;
  margin: 4px 0px 4px 12px;
  }

.review_image {
  background: transparent;
  float: none;
  margin: 0px auto;
  width: 154px;
  }

.archive_thumb {
  margin-left: 5px;
}
  
#comic img, #comic_archive img, .blog_archive img, .review_image img, .pageimage80 img, #headerpic img {
  border: 1px solid #00007F;
}

#page {
  margin: 0px auto;
  width: 800px;
  text-align: left;
  }

#ccimg {
  border-width: 0px:
}
 
#footer p {
  margin-bottom: 10px;
}

#footerclear {
  clear: both;
  }

/* POST STRUCTURE */

.postmetadata {
  margin: 5px 0px 0px 5px;
  clear: both;
}

/* HEADERS */

h1, h1 a, h1 a:hover {
  margin: 0;
  padding: 2px;
  font-family: Times, Serif;
  font-size: 30px;
  font-weight: normal;
  text-align: left;
  letter-spacing: -2px;
  color: #6078BF;
  }

h1 a {
  color: #00007F;
  }

h1 a:hover {
  color: #809FFF;
  }

/* FONTS */

a {
  color: #00007F;
  text-decoration: none;
  font-weight: bold;
  }

a:hover {
  color: #809FFF;
  font-weight: bold;
  }

.alt {
  background: #FFFFFF;
  border-top: 1px dotted #E6ECFF;
  }

#postmetadata {
  width: 80%;
  margin: auto;
  text-align: justify;
}
  
small {
  font-family: Arial, Sans-Serif;
  font-size: 9px;
  }

.description {
  margin: -3px 0 0 0;
  padding: 6px;
  color: #6078BF;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 2px;
  text-align: left;
  }

.commentlist li, #commentform input, #commentform textarea {
  font-family: Arial, Sans-Serif;
  font-size: 10px;
  }
  
.commentlist li {
  font-weight: bold;
  overflow: auto;
  }

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  }*/

.post, .maxicomment p {
  margin-bottom: 5px;
  }

.nocomments, .postmetadata, blockquote, strike {
  color: #809FFF;
  }

code {
  font-family: 'Courier New', Courier, Fixed;
  font-size: 10px;
  }

p img {
  padding: 0px;
  max-width: 100%;
  }

.navigation {
  padding: 20px;
  text-align: center;
  display: block;
  clear: both;
  }

.entry {
  margin: 4px;
  _margin: 4px 4px 4px 2px;
  float: left;
  font-size: 11px;
}

/* LISTS */

ol, ul {
  margin-bottom: 5px;
}

html>body .entry ul {
  margin-left: 0px;
  padding: 0px 10px;
  list-style: none;
  list-style-type: disc;
  listStylePosition: inside;
  } 

html>body .entry li {
  margin-left: 10px;
  }

.entry ol {
  margin: 0;
  padding: 15px;
  }

.entry ol li {
  margin: 0;
  padding: 0px;
  }

.entry p, .fullcontainer p {
  margin-bottom: 5px;
}

.dropcap {
  margin-right: 5px;
  float: left;
  color: #E6ECFF;
  font-weight: bold;
  border: 1px solid #00007F;
  font-size: 24px;
  line-height: 20px;
  padding: 2px 4px;
  text-indent: 0px;
  background-color: #00007F;
}

.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
  }
  
ol li, #sidebar ul ol li {
  list-style: decimal outside;
  }

/* FORMS */

#commentform textarea, #author, #email, #url, select, textarea {
  padding: 2px;
  background: #E6ECFF;
  color: #6078BF;
  border: 1px solid #809FFF;
  }

#s {
  padding: 2px;
  background: #FFFFFF;
  color: #6078BF;
  border: 1px solid #809FFF;
  }
  
#commentform #submit, #sortsubmit {
  color: #00007F;
  background: #BFCFFF;
  border: 1px solid #809FFF;
  }

#searchsubmit, #searchsubmitclear {
  color: #00007F;
  background: #BFCFFF;
  border: 1px solid #809FFF;
  }
  
#commentform #submit:hover, #sortsubmit:hover {
  color: #E6ECFF;
  background: #6078BF;
  }
  
#searchsubmit:hover, #searchsubmitclear:hover {
  color: #E6ECFF;
  background: #6078BF;
  }

#searchsubmitclear {
  margin: 0 0 0 3px;
  }

#commentform #submit {
  margin: 0;
  float: right;
  }
  
#commentform input {
  margin: 5px 5px 1px 0;
  padding: 2px;
  width: 170px;
  }

#commentform textarea {
  width: 510px;
  _width: 508px;
  .width: 510px;
  max-width: 510px;
  _max-width: 508px;
  .max-width: 510px;
  }

#commentform textarea, x:-moz-any-link {
  width: 516px;
  max-width: 516px;
  .max-width: 510px;
}

#commentform textarea, x:-moz-any-link, x:default {
  width: 516px;
  max-width: 516px;
  .max-width: 510px;
}

#commentform p {
  margin: 5px 0;
  text-align: justify;
  }

.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align: center;
  }

/* COMMENTS */

.alt {
  margin: 0;
  padding: 10px;
  }

.commentlist {
  padding: 0px;
  text-align: justify;
  }

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px;
  list-style: none;
  }

.commentlist p {
  margin: 0px 5px 5px 0px;
  }

.nocomments {
  margin: 0;
  padding: 0px;
  text-align: center;
  }

.commentmetadata {
  margin: 0;
  display: block;
  }


/* VARIOUS */

.specialcopyright {
  border-top: 1px dotted #809FFF;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

.center {
  text-align: center;
  }

blockquote {
  margin: 10px;
  padding: 10px;
  border: 1px solid #809FFF;
  border-left: 5px solid #809FFF;
  }

blockquote cite {
  margin: 5px 0 0;
  display: block;
  }

.commentlist {
  margin: 0;
  }
  
.narrowcolumn .postmetadata.alt {
  text-align: justify;
  text-indent: 0px;
  }

.avatar {
  float: left;
  border: 1px solid #6078BF;
  display: block;
  margin-right: 5px;
  _margin-right: 0px;
  }

.shadowcomic {
  background-image: url(/img/theme/shadowcomic.gif);
  background-position: top right;
  height: 894px;
  width: 506px;
}

.shadowheader {
  background-image: url(/img/theme/shadowheader.gif);
  _background-image: none;
  background-position: top right;
  height: 142px;
  _height: 140px;
  width: 237px;
  _width: 232px;
}

.shadow160 {
  background-image: url(/img/theme/shadow160.gif);
  background-position: top right;
  height: 166px;
  width: 166px;
}

.shadow80 {
  background-image: url(/img/theme/shadow80.gif);
  background-position: top right;
  height: 86px;
  width: 86px;
}

.shadow40 {
  background-image: url(/img/theme/shadow40.gif);
  float: left;
  background-position: top bottom;
  height: 46px;
  width: 46px;
}

.shadowcontainer {
  overflow: hidden;
  background-image: url(/img/theme/innershadowleft.gif);
  background-repeat: repeat-y;
  background-position: right;
}

.shadowbottomcontainer {
  float: left;
  line-height: 0px;
  font-size: 0px;
}

.shadowbottom {
  background-image: url(/img/theme/outershadowborderbottom.gif);
  background-position: top right;
  height: 4px;
  float: left;
  line-height: 0px;
  font-size: 0px;
}

.shadowside {
  height: 4px;
  width: 4px;
  float: left;
  background-image: url(/img/theme/outershadowtopright.gif);
  line-height: 0px;
  font-size: 0px;
}

.shadowbottomleft {
  height: 4px;
  width: 4px;
  float: left;
  background-image: url(/img/theme/outershadowbottomleft.gif);
  line-height: 0px;
  font-size: 0px;
}

.post {
  text-align: justify;
  overflow: visible;
  width: 516px;
  _width: 514px;
  }

.tinycomment {
  text-align: justify;
  overflow: hidden;
  width: 235px;
  _width: 233px;
  }

.news {
  text-align: justify;
  overflow: hidden;
  width: 235px;
  _width: 233px;
  }

.review {
  text-align: justify;
  overflow: hidden;
  width: 235px;
  _width: 233px;
  }

/* ALL CONTAINERS */

.bigcontainerwidth , .mediumcontainerwidth, .archivecontainerwidth, .fullcontainerwidth {
  float: left;
}
.bigcontainerwrap, .mediumcontainerwrap, .archivecontainerwrap, .fullcontainerwrap {
  float: left;
  text-align: center;
}
.bigcontainermargin, .mediumcontainermargin, .archivecontainermargin, .fullcontainermargin {
  float: left;
  background-image: url(/img/theme/innershadowleft.gif);
  background-position: right;
}
.bigcontainerborder, .mediumcontainerborder, .archivecontainerborder, .fullcontainerborder {
  float: left;
  border: 1px solid #809FFF;
  background-color: #E6ECFF;
}
.bigcontainerpadding, .mediumcontainerpadding , .archivecontainerpadding, .fullcontainerpadding {
  float: left;
  padding: 0px;
  .padding: 0px 0px 3px 0px;
}
.bigcontainer, .mediumcontainer, .archivecontainer, .fullcontainer {
  float: left;
  text-align: center;
  clear: both;
}
.bigcontainerbottom , .mediumcontainerbottom, .archivecontainerbottom, .fullcontainerbottom {
  line-height: 0px;
  font-size: 0px;
}

/* END ALL CONTAINERS */

/* FULLCONTAINER */
.fullcontainerwidth { width: 798px; }
.fullcontainerwrap { width: 789px; }
.fullcontainermargin { 
  margin: 5px 0px 0px 5px; 
  _margin: 5px 0px 0px 3px; 
  }
.fullcontainerborder { }
.fullcontainerpadding { padding: 5px; }
.fullcontainer { width: 777px; }
.fullcontainerbottom { width: 788px; }
/* END FULLCONTAINER */

/* BIGCONTAINER */
.bigcontainerwidth {
  width: 540px;
  _width: 540px;
  }
.bigcontainerwrap {
  width: 534px;
  _width: 531px;
  }
.bigcontainermargin { margin: 5px 0px 0px 0px; }
.bigcontainerborder { }
.bigcontainerpadding { }
.bigcontainer {
  width: 532px;
  _width: 530px;
  }
.bigcontainerbottom {
  width: 533px;
  _width: 535px;
  }
/* END BIGCONTAINER */

/* ARCHIVECONTAINER */
.archivecontainerwidth {
  width: 540px;
  _width: 540px;
  }
.archivecontainerwrap {
  width: 534px;
  _width: 531px;
  }
.archivecontainermargin { 
  margin: 5px 0px 0px 0px; 
  _margin: 5px 0px 0px 2px; 
  }
.archivecontainerborder { }
.archivecontainerpadding { }
.archivecontainer {
  width: 532px;
  _width: 534px;
  }
.archivecontainerbottom {
  width: 533px;
  _width: 533px;
  }
/* END ARCHIVECONTAINER */

/* MEDIUMCONTAINER */
.mediumcontainerwidth {
  width: 255px;
  _width: 253px;
  }
.mediumcontainerwrap {
  width: 251px;
  _width: 249px;
  }
.mediumcontainermargin {
  margin: 5px 0px 0px 5px;
  _margin: 5px 0px 0px 3px;
  }
.mediumcontainerborder { }
.mediumcontainerpadding { }
.mediumcontainer {
  width: 249px;
  _width: 247px;
  }
.mediumcontainerbottom {
  width: 250px;
  _width: 248px;
  }
/* END MEDIUMCONTAINER */

/* ALL ITEMS*/
.bigitemmargin, .mediumitemmargin , .archiveitemmargin, .fullitemmargin, .headeritemmargin {
  float: left;
  margin: 0px 3px 3px 3px;
  _margin: 0px 2px 3px 1px;
}
.bigitemborder, .mediumitemborder, .archiveitemborder, .fullitemborder, .headeritemborder {
  float: left;
  border: 1px solid #809FFF;
  background-image: url(/img/theme/innershadow3200600.png);
  background-position: top left;
}
.bigitempadding, .mediumitempadding, .archiveitempadding, .fullitempadding, .headeritempadding {
  float: left;
  padding: 4px;
}
.bigitem, .mediumitem, .archiveitem, .fullitem, .headeritem {
  float: left;
  text-align: center;
  font-size: 10px;
  }
/* END ALL ITEMS*/

/* BIGITEM */
.bigitemmargin { }
.bigitemborder { }
.bigitempadding { }
.bigitem {
  width: 516px;
  _width: 514px;
  }
/* END BIGITEM */

/* MEDIUMITEM */
.mediumitemmargin { }
.mediumitemborder { }
.mediumitempadding { }
.mediumitem {
  text-align: left;
  width: 233px;
  _width: 233px;
  }
/* END MEDIUMITEM */

/* ARCHIVEITEM */
.archiveitemmargin {
  margin: 0px 1px 3px 3px;
  _margin: 0px 3px 3px 1px;
  }
.archiveitemborder { }
.archiveitempadding { }
.archiveitem {
  width: 92px;
  height: 140px;
  }
/* END ARCHIVEITEM */

/* FULLITEM */
.fullitemmargin { }
.fullitemborder { }
.fullitempadding { }
.fullitem { 
  width: 732px; 
  _width: 702px; 
  }
/* END BIGITEM */

.archiveitem img, .archiveitem a img {
  float: left;
  border: 1px solid #6078BF;
  display: block;
  }

.archiveitem a:hover img {
  border: 1px solid #BFCFFF;
  }

.titlelighthalf {
  color: #6078BF;
  margin: 0;
  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
  font-size: 10px;
}

.titledarkhalf {
  color: #00007F;
  margin: 0;
  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
  font-weight: bold;
  font-size: 12px;
}

.underdotted {
  border-bottom: 1px dotted #809FFF;
}

.overdotted {
  border-top: 1px dotted #809FFF;
  clear: both;
  margin: 0px 4px;
}

/* FLARE */
p.feedburnerFlareBlock {
}

p.feedburnerFlareBlock a {
}

p.feedburnerFlareBlock a:hover {
}

#flarecontainer {
  margin: 5px 20px;
}

.flarecontainercontainer {
  width: 378px;
  _width: 376px;
}

.flarecontainermarginbox {
  margin: 8px 8px 0px 8px;
}

.flarebottom {
  width: 373px;
  _width: 371px;
  text-align: left;
  line-height: 0px;
  font-size: 0px;
}

/* END FLARE */

/* TO HIDE THAT STUPID WORDPRESS SMILEY */
img#wpstats{width:0px;height:0px;padding:0px;border:none;}
/* --- end of css --- */