/* GLOBAL RESET
******************************************/
* { margin: 0; padding: 0; }

img, fieldset, abbr, acronym { border: 0; }

.hidden { display: none; }

a {
  color: #B6D034;
  text-decoration: none;
}

a:hover { text-decoration: underline;}

ul { list-style:none; }

body {
  background: #646565;
  font-size: 70%;
  text-align: center;
  font-family: verdana, sans-serif;
}

/* HEADER
******************************************/
div#header {
  float: left;
  background: url(images/bg-header.gif) no-repeat; 
  height: 113px;
  position: relative;
  text-align: left;
}

div#header div#ramCrest {
  position: absolute;
  background: url(images/ram-crest.png) no-repeat;
  top: 0;
  left:0;
  height: 192px;
  width: 266px;
  z-index: 300;
}

div#header h1 {
  background: url(images/title.png) no-repeat;
  float: left;
  display:inline;
  text-indent: -9999em;
  margin: 31px 0 0 266px;
  display:inline;
  width: 469px;
  height: 82px;
}

div#header p {
  color: #B6D034;
  float: left;
  font-size: 90%;
  margin: 75px 0 0 20px;
  display:inline;
}

/* CONTENT
**************************************/
div#content {
  background: #FFF;
  width: 100%;
  min-width: 900px;
  float: left;
}

div.borderTop {
  background: url(images/content-border-top.gif) repeat-x;
  height: 10px;
}

div.borderBtm {
  background: url(images/content-border-btm.gif) bottom repeat-x;
  height: 10px;
  width: 100%;
  float: left;
}

a#shillBanner {float: left; width: 100%;}

/* SITE NAVIGATION
**************************************/
div#navContainer {
  text-align:left;  
  margin: 20px 0 0 30px;
  float: left;
  display: inline;
}

div#navContainer div#navTop {
  background: url(images/bg-nav-top.gif) bottom no-repeat;
  width: 178px;
  height: 12px;
}

div#navContainer ul {
  background: url(images/bg-nav-body.gif) bottom no-repeat;
  float: left;
  padding: 3.5em 25px 10em 5px;
  width: 148px;
}

div#navContainer ul li {
  margin-top: .5em;
}

div#navContainer ul li.rss {
  margin: 2em 0 0 27px;
}

div#navContainer ul li.rss a, 
div#navContainer ul li.rss a:hover {
  background: url(images/rss.gif) no-repeat;
  padding: 0 0 0 20px;
}

div#navContainer ul li a {
  padding: 0 0 0 47px;
  font-weight: bold;
  font-family: verdana;
}

div#navContainer ul li a:hover {
  background: url(images/nav-onstate.gif) left no-repeat;
  text-decoration: none;
}

div#content img {
  padding: 20px 0 1em 0;
  position:relative;
  margin: 0px auto;
}

div#content div#info img {
  padding: 0;
  margin: 0 0 0 20px;
}

div#wrap div#content div#navContainer a.etsy img {
  clear: both;
  float: left;
  display: inline;
}

/* PAGE NAVIGATION
***************************************/
ul.pageNav {
  clear: both;
  position: relative;
  overflow: hidden;
  padding: 0 0 1.5em 0;
  margin: 0px auto;
  width: 270px;
}

ul.top {
  clear: none;
  padding: 1.5em 0 0 0;
}

ul.pageNav li{
  float: left;
  padding: 0 10px 0 10px;
}

ul.pageNav li a {
  display: block;
  text-indent: -9999em;
  outline: none;
}

ul.pageNav li.first a{
  background: url(images/first.gif) no-repeat;
  height: 43px;
  width: 58px;
}

ul.pageNav li.prev a{
  background: url(images/previous.gif) no-repeat;
  height: 41px;
  width: 41px;
}

ul.pageNav li.next a{
  background: url(images/next.gif) no-repeat;
  height: 41px;
  width: 40px;
}

ul.pageNav li.new a{
  background: url(images/new.gif) no-repeat;
  height: 43px;
  width: 51px;
}

/* NOTE and COMMENTS
******************************************/
div#note {
  text-align: left;
  position:relative;
  overflow: hidden;
  padding-top: 1.5em;
  margin: 0 auto;
  clear: both;
  width: 663px;
  padding-left:50px;
}

div#noteContent {
  background: url(images/bg-note-body.gif) bottom no-repeat;
  overflow: hidden;
  width: 600px;
  padding: .5em 48px 100px 15px;
}

div#note h2 {
  background: url(images/bg-note-top.gif) bottom no-repeat;
  color: #B6D034;
  text-align: right;
  padding: 74px 110px 0 0;
  height: 26px;
  width: 553px;
}

div#noteContent p {
  color: #9A9A9A;
  font-family: arial, sans-serif;
  clear:right;
}

div#noteContent p img.embedded {
  float: right;
}

div#noteContent div.toggle a {
  background: url(images/bg-comments-toggle.gif) no-repeat;
  height: 20px;
  padding: 30px 0 0 70px;
  margin: 1em 0 0 0;
  display: block;
  outline: none;
}

div#noteContent div.toggle a:hover {
  background-position: left -50px;
}

/* replies */
div#replyWrap div#drips {
  position: absolute;
  background: url(images/reply-drips.png);
  width: 34px;
  height: 84px;
  top: 1px;
  left: 475px;
  z-index: 700;
} 

div#replyWrap {
  position: relative;
  background: url(images/reply-wrap-top.gif) top no-repeat;
  width: 535px;
  float: left;
  overflow: hidden;
  padding-top: 1.5em;
  margin: 1em 0 0 35px;
}

div#replyBtm {
  background: url(images/reply-wrap-btm.gif) bottom no-repeat;
  width: 535px;
  height: 45px;
  float: left;
}

div.reply {
  background: url(images/reply-box-btm.gif) bottom no-repeat;
  width: 503px;
  float: left;
  margin: .5em 0 0 16px;
  display: inline;
}

div.reply h5 {
  background: url(images/reply-box-top.gif) top no-repeat;
  width: 493px;
  height: 9px;
  padding: .4em 0 0 10px;
  font-weight: none;
}

div#noteContent div#replyWrap div.reply p {
  color: #3F3F3F;
  font-size: 95%;
  padding: 0 0 0 25px;
}

div#noteContent div#replyWrap div.reply p.date {
  color: #3F3F3F;
  font-size: 85%;
  padding: 0 30px 0 0 ;
  float: right;
}

div#replyForm {
  margin-top: 1em;
  float:left;
}


/* FOOTER
******************************************/
div#footer {
  clear:both;
}

div#footer p.copy{
  margin: 0 0 0 10px;
  float: left;
}

div#footer p.bitches {
  float:right;
  color:#595959;
}

/* CAST
**************************************/
div#cast {
  overflow: hidden;
  zoom: 1;
  padding: .5em 25px 0 25px;
}

div#cast ul {
  overflow: hidden;
  zoom: 1;
}

div#cast ul.main,  
div#cast ul.secondary {
  text-align: left;
  padding: 1em 0 1.5em 0;
}

div#cast ul.main {
  border-bottom: 2px #B6D034 solid;
}

div#cast li {
  width: 275px;
  float: left;
  padding: 0 25px 0 0;
  margin-bottom: 0;
}

div#cast ul.main li {
  height: 135px;
}

div#cast ul.secondary li {
  height: 90px;
}

div#cast ul li.name {
  font-weight: bold;
  height: 1em;
}

div#cast ul li.pic {
  height:0px;
}

/* INFO & LINKS
**************************************/
div#info{
  float: left;
  text-algin: left;
  margin: 2em 0 2em 35px;
  width: 700px;
  text-align: left;
}

div#info h2 {
  font-size:110%;
  padding-bottom: .2em;
}

div#info h4 {
  font-size:100%;
  padding: 1em 0 0 10px;
}

div#info p {
  padding: .2em 20px .5em 20px;
}

div#info a h2 {
  color:#000;
  border-top: 2px #B6D034 solid;
  margin-top: 2em;
  padding-top: 10px;
}

li.note {
  font-size: 85%;
  color: #595959;
}

/* ARCHIVE
**************************************/
div#archive {
  float:left;
  text-algin: left;
  margin: 4.75em 0 2em 0;
  width: 700px;
  text-align: left;
}

div#archive h3 {
  text-align: left;
  padding: 0 0 0 20px;
  margin: 0;
  font-weight: normal;
  font-size: 95%;
}

ul.chapter {
 margin: 0 25px .75em 25px;
 overflow: hidden;
}

ul.chapter li {
  float:left;
  padding: 0 2px 0 2px;
}

ul.chapter li a {
  position: relative;
  z-index: 500;
}

ul.chapter li.extraPage {
  padding-left: 15px;
}

div#archive h3 {
  float: left;
  clear: left;
}

span.cover {
  float: left;
}

ul.chapter li.title {
  
}

div#comicWrap {
  zoom: 1;
}

/* FORM
****************************************/
form {
  overflow: hidden;
  padding: 1em 0 0 25px;
  width: 325px;
}

label {
  float:left;
}

input, 
textarea {
  float: left;
  margin: 0 0 .5em 0;
  background-color: #646565;
  border: 1px #000 solid;
  width: 300px;
  color: #B6D034;
}

input.button {
  float: right;
  background-color: #646565;
  border: 1px #000 solid;
  color: #B6D034;
  width: 75px;
}

div#content span.instruction {
  font-size: 85%;
  color: #595959;
}

/** Poll **/
div#poll {
  float: left;
  clear: left;
  padding :20px 0 20px 30px;
}

div#poll input {
  float: none;
  width: auto;
  border: 0;
  background-color: #FFF;
}