/* 
   Stylesheet for the Fade webcomic

   Feel free to copy the CSS commands, but not the associated graphics
   files, as those are my original work.

   Copyright 2008 Jack Stalnaker
*/

/* Reset everything to zero */
* {
  padding: 0px;
  margin: 0px;
  border: none;
}

body {
  font-family: Tahoma, 'Trebuchet MS', Arial, Helvetica, sans-serif;
  color: #000;
  background: #fff url("images/bodybgnew.jpg") left 305px no-repeat;
  font-size: 80%;
}

img {
  padding: 2px;
  border: 3px #3a2a02 double;
}

blockquote {
  border: 1px dashed #3a2a02;
  background: #ecece6;
  padding: 5px;
  margin: 10px 20px 10px 55px;
}

a:link { color: #00007c; }
a:hover { color: #0000ff; }
a:visited { color: #663166; }

h1#maintitle {
  text-align: center;
  background: url("images/newpageheader.jpg") left top no-repeat;
  height: 535px;
  width: 2000px;
}

h1#maintitle a span { display: none; }
h1#maintitle a { 
  display: block;
  width: 200px;
  height: 170px;
  position: relative;
  top: 10px;
  left: 85px;
}

div#sitenav {
   text-align: left;
   line-height: 1.5em;
   letter-spacing: 0.2em;
   font-size: 110%;
   position: absolute;
   top: 160px;
   left: 215px;
   border-bottom: 2px solid #ccc;
}

div#sitenav ul { white-space: nowrap; }

div#sitenav ul li {
   list-style-type: none;
   font-weight: bold;
   font-size: 85%;
   display: inline;
   margin-right: 15px;
}

div#sitenav ul li a:link, div#sitenav ul li a:visited {
  color: #5b5b5b;
  text-decoration: none;
}

div#sitenav ul li a:hover {
  color: #000000;
}

div#comic {
   margin: -335px 0 0 215px;
   text-align: center;
   font-size: 90%;
}

ul.nav-control-list span { display: none; }
ul.nav-control-list { list-style: none; margin: 0 35px 0 35px; }
ul.nav-control-list li { display: inline; }
a.next {
   width: 100px;
   height: 24px;
   background: url("images/nextnew.gif") left bottom no-repeat;
   display: block;
   margin-left: 30px;
   float: right;
}

a.prev {
   width: 125px;
   height: 24px;
   background: url("images/prevnew.gif") left bottom no-repeat;
   display: block;
   float: left;
}

a.begin {
   width: 103px;
   height: 24px;
   background: url("images/beginnew.gif") left bottom no-repeat;
   display: block;
   float: left;
}

a.end {
   width: 90px;
   height: 24px;
   background: url("images/endnew.gif") left bottom no-repeat;
   display: block;
   float: right;
}

span.drop {
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0.2em;
}

div#synopsis {
   clear: both;
   text-align: justify;
   margin-top: 20px;
}

div#googlead { 
   width: 120px;
   position: absolute;
   top: 405px;
}

div.subcontent {
   clear: both;
   margin: 30px 0 0 120px;
   width: 850px;
   text-align: justify;
   font-size: 90%;
}

div#news h2 {
   background: url("images/newsnew.gif") left top no-repeat;
   height: 47px;
}

div#news h2 a {
   display: block;
   height: 48px;
   width: 153px;
}

div.newsitem {
  padding: 15px;
}
div.newsitem h4 {
  background: url("images/listnew.gif") left center no-repeat;
  padding: 0 0 0px 30px;
   font-weight: bold;
}
div.newsitem p.date {
   padding: 0 0 5px 30px;
   font-style: oblique;
}
div.newsitem ul { padding: 0 0 0 20px; }
div.subcontent h2 span { display: none; }

div#links h2 {
   background: url("images/linksnew.gif") left top no-repeat;
   height: 47px;
}
div#links { text-align: center; }
div#links img { border: none; }
div#links ul { list-style: none; }
div#links ul li { display: inline; }

div#page_footer {
   margin: 30px 0 0 120px;
   font-size: 90%;
   padding: 80px 0 80px 0;
   text-align: left;
   background: url("images/mapornament.gif") center right no-repeat;
   width: 1000px;
}

div#issue_information {
   position: absolute;
   top: 330px;
   left: 85px;
   width: 110px;
   text-align: right;
   font-size: 90%;
}
div#issue_information h2 {
   font-size: 200%;
   padding: 10px;
}
div#issue_information h3 {
   border-top: 2px solid #000;
   border-bottom: 2px solid #000;
   padding: 10px;
   font-style: italic;
}
div#issue_information div#issue_details {
   font-size: 90%;
   padding: 10px;
   border-bottom: 2px solid #000;
}
div#issue_information form {
   padding: 10px;
   border-bottom: 2px solid #000;
}
div#issue_information form p#issuejump { margin-bottom: 5px; }

div#errblock {
   padding-bottom: 200px;
}
div#errblock p { padding: 20px 10px 20px 10px; }

div#pagecontent {
   width: 700px;
   margin: -330px 0 0 215px;
   text-align: justify;
   font-size: 90%;
}
div#pagecontent h2 span { display: none; }

div#pagegallery h2 {
   background: url("images/gallerynew.gif") left bottom no-repeat;
   height: 47px;
}

div.galleryblock {
 display: inline-block;
 width: 600px;
 padding: 20px 10px 30px 20px; 
 border-bottom: 1px solid #3e2a02; 
}
div.galleryblock#last { border: none; }

/* Hide from IE Mac \*/
* html div.galleryblock {
  height: 1%;
  width: auto;
}

div.galleryblock { display: table; }
/* End hide from IE Mac */

div.galleryblock img { float: left; }
div.galleryblock ul.gallerydesc {
  margin: 0px 0 0 150px;
}
div.galleryblock ul { padding: 0 0 0 30px; }

div#cast h2 {
   background: url("images/castnew.gif") left bottom no-repeat;
   height: 47px;
}

div#archive_listing h2 {
   background: url("images/issuenew.gif") left bottom no-repeat;
   height: 47px;
}

div#faq h2 {
   background: url("images/faqnew.gif") left bottom no-repeat;
   height: 47px;
}
ol#faqlist {
  margin: 20px 0 0 20px;
}
ol#faqlist li { margin: 10px 10px 10px 10px; }

div#contact_info h2 {
   background: url("images/contactnew.gif") left bottom no-repeat;
   height: 47px;
}
div#contact_info div.infoblock {
   margin: 80px 20px 200px 20px;
   text-align: center;
   font-size: 130%;
}

input.txt, textarea.txt { width: 100%; }

textarea.txt { height: 10em; border: 1px solid #000; }

div#redirectnotice p {
   margin: 20px 0 20px 0;
}
form#loginform label, form#sqlform label { display: block; }
form#loginform input.txt, form#sqlform input.txt,
form#loginform input.btn, form#sqlform input.btn, div#redirectnotice input.btn { 
  width: 100%; 
  border: 1px #3e2a02 solid; 
}

form#loginform input.btn, #sqlform input.btn, div#redirectnotice input.btn  { 
  padding: 10px 0px 10px 0px; font-style: oblique; 
}

form#loginform div { padding: 0 0 10px 0; }
form#sqlform { padding: 10px 0 10px 0; }
form#loginform { padding-bottom: 200px; margin: 30px 10px 20px 10px; }
div#listnav {
   text-align: center;
   font-size: 130%;
   font-weight: bold;
}
div#listnav a { margin: 0 2em 0 2em; }
div.itemblock {
   border-bottom: 1px solid #3e2a02; 
   padding: 20px;
}
.tweet {
   color: #085258;
   border-top: 2px solid #ccc;
   border-bottom: 2px solid #ccc;
   margin: 10px 15px 0 15px;
   padding: 5px 0 10px 0;
   background-color: #ddd;
}
.tweet .tweet_list {
   -webkit-border-radius: .5em;
   list-style-type: none;
   margin: 0;
   padding: 0;
   background-color: #eee; 
}
.tweet .tweet_list li {
   overflow: auto;
   padding: .5em; }
.tweet .tweet_list li a { color: #0C717A; }
.tweet .tweet_list .tweet_even { background-color: #fff; }
.tweet .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet .tweet_list .tweet_avatar img { vertical-align: middle; }
.tweet p.tweet_intro { 
   margin: 0 0 5px 0;
   padding: 0 0 0 30px;
   background: url("images/listnew.gif") left center no-repeat;
   font-weight: bold;
}