/*
Template name: Decayed
*/

/* standard elements */
html {min-height: 100%;}

* {
 margin: 0;
 padding: 0;
}

a {color: #CC3;}
a:hover {color: #FF3;}

body {
 background: #000 url('images/body.gif') no-repeat; /*  url(images/bg.jpg) repeat-x; */
 color: #DDD;
 font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
 padding-left: 90px;
}

p,code,ul,ol {padding-bottom: 1.2em;}

h1 {
 color: #FFF;
 font: normal 1.8em Impact,arial;
}
h1 a {
 color: #000;
 text-decoration: none;
}
h1 a:hover {
 color: #F00;
}

h2 {font: normal 1.8em Tahoma,sans-serif;}

h1,h2 {padding-top: 5px;}

blockquote {
 color: #CCA;
 display: block;
 font-weight: bold;
 padding-left: 20px;
}

img {border: none;}

img.right {margin: 5px 0 5px 12px;}
img.left {margin: 5px 12px 5px 0;}
img.border {
 background: #555;
 display: block;
 padding: 3px;
}

         #emailsignup {
          position: absolute;  /* NEW!! was relative, but this works better */
          top: 105px;     /* NEW!! was top:-65px; but 75px matches the original appearance */
         /* width:250px;     NEW!! this code didn't work so well anyway
          float: right;       this code didn't work so well anyway
          align:center;       this code didn't work so well anyway */
          color:#ffffff;
          font-family:arial;
          font-size:120%;
          margin: 0;
          z-index:1;
         /* margin-top:20px;    NEW!! now using top: 75px exclusively to control vertical positioning */
    right: 12px;
         }

         #emailsignup input {
          background-color:#000000;
          color:#ffffff;
          width: 45px;     /* NEW!! because it looks good */
         }

   #emailsignup input#list_email {
    margin-left: 2px;    /* NEW!! minor tweak improves appearance */
    width: 115px;     /* NEW!! because it looks good */
   }

#accessibility{
 display:none;
}

/* misc */
.clearer {
 clear: both;
 font-size: 0;
}

.left {float: left;}
.right {float: right;}

.decay,.decay-small {
 background: url('images/decay.gif') no-repeat left center;
 color: #000;
 font: normal 2em Impact,sans-serif;
 letter-spacing: 1px;
 padding: 0 0 12px 22px;
}
.decay-small {
 background: url('images/decay-small.gif') no-repeat left center;
 padding-top: 6px;
}

p.postinfo {
 border-top: 1px dashed #333;
 color: #666;
 font: bold 0.9em sans-serif;
 margin-bottom: 24px;
 padding: 8px;
}
p.postinfo a {color: #888;}
p.postinfo a:hover {color: #CCC;}

/* structure */
#container {
 font-size: 1.3em;
}

/* title */
#site-title {font: normal 3em Tahoma,sans-serif;}
#site-title a {
 color: #DDD;
 text-decoration: line-through;
}
#site-title a:hover {
 color: #FFF;
 text-decoration: line-through;
}
#site-description {
 display: none;
}

/* content */
#content {
 left: 295px;
 position: absolute;
 top: 230px;
 width: 680px;
}
#content .descr {
 color: #8DC63F;
 margin-bottom: 6px;
}
#content li {margin-left: 18px;}

#banner .photo{
 display: none;
}

#banner .band{
 display: none;
}

/* navigation */
#navigation {
 left: 80px;
 position: absolute;
 top: 290px;
 width: 100px;
}
#navigation h2 {
 color: #000;
 font-size: 1.5em;
 letter-spacing: 0;
 line-height: 30px;
 margin: 0;
}
#navigation ul {margin: 0 0 0 1em;}
#navigation li {list-style: none;}
#navigation li a {
 color: #777;
 font-size: 1.1em;
 line-height: 1.5em;
 text-decoration: none;
}
#navigation li a:hover {color: #8DCA3F;}

         #footer{
          clear:left;
          position:absolute;
          top: 100%;
          font-family:arial;
          font-size:12px;
          color:#999;
          padding: 20px 0 0 0;  /* NEW!! was 0 0 0 10px; but this suits the new layout better */
          text-align:left;
         }