/* Generic elements */

html, body
{
  padding: 0;
  margin: 0;
}
body
{
  background-color: #000;
  color: #fff;
  font-family: "Courier New", monospace;
  text-align: center;
}
div
{
  margin: 0;
  padding: 0;
}
ul
{
    list-style-type: none;
    text-align: left;
}
ul li
{
    margin: 12px 0 12px 0;
    padding: 0 32px 0 0;
}
h1
{
  margin: 24px;
}
a, a:link, a:visited
{
  color: #5df;
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}
a img, a:link img, a:visited img, a:hover img
{
  text-decoration: none;
  border-width: 1px;
}

/* All pages */

#wrapper
{
  text-align: center;
  background: url('images/sitebg.jpg') no-repeat top center;
}
#box-outer
{
  height: 673px;
  padding-top: 95px;
}
#box-inner
{
  width: 580px;
  border: 4px solid #c00;
  margin: auto;
  margin-top: 0;
  padding: 0;
  background-color: #000;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
}
#content
{
  padding: 0 8px 0 8px;
  margin: 0 0 18px 0;
  height: 498px;
  overflow: auto;
}
#footer
{
  color: #888;
  height: 80px;
  padding: 0;
  margin: 0;
  border-top: 1px solid #c00;
}
#footer p
{
  font-size: 12px;
  letter-spacing: 16px;
  padding: 0;
  margin: 0;
  position: relative;
  bottom: 10px;
}
#footer img
{
  display: inline;
  vertical-align: middle;
  margin: 0 20px 0 8px;
  padding: 0;
}
#logo
{
  border: none;
}
#tt-link
{
  font-size: 10px;
}
a#tt-link:hover
{
  color: #5df;
  text-decoration: none;
}
#menu
{
  margin: 0;
  padding: 6px 0 0 0;
  height: 24px;
  text-align: center;
  position: relative;
  bottom: 16px;
}
#menu li
{
  background-color: #000;
  border: 1px solid #c00;
  margin: 0 6px 0 6px;
  padding: 2px 6px 2px 6px;
  display: inline;
  list-style-type: none;
  text-align: center;
}
#menu li.active a, #menu li.active a:link,
#menu li.active a:hover, #menu li.active a:visited
{
  color: #fff;
  text-decoration: none;
}
.pages
{
  text-align: left;
  margin: 0;
  padding: 0 12px 0 12px;
}

/* Home page */

#intro
{
  padding: 0 24px 0 24px;
}

/* Words page */

.words
{
  text-align: left;
  font-size: 10pt;
  white-space: pre;
  margin-bottom: 0;
}
ul#pager
{
  margin: 12px 0 0 0;
  padding: 0 0 0 0;
  border-top: 1px solid #111;
  text-align: center;
}
#pager li
{
  list-style-type: none;
  display: inline;
  margin: 0 12px 0 12px;
  padding: 0;
  font-size: 10pt;
}
.word_foot
{
  font-size: 10pt;
  font-style: italic;
  margin: 12px 0 0 0;
  padding: 0;
}
.inactive
{
  color: #888;
}

/* Bio page*/

.literature
{
  text-align: left;
  font-size: 10pt;
  padding: 0 12px 0 12px;
}

/* Music page */

.release_entry
{
  text-align: left;
  padding: 12px 8px 12px 8px;
  border-top: 1px solid #333;
  min-height: 130px;
}
.release_date
{
  font-style: italic;
}
.release_tuning
{
  color: #f00;
  font-size: 0.8em;
}
.release_tracklist
{
  margin-top: 12px;
}
.release_tracklist ol
{
  font-size: 10pt;
}
.release_title
{
  font-size: 1.2em;
  font-weight: bold;
}
.release_dl
{
  float: right;
  text-align: center;
  margin: 6px 6px 6px 24px;
  padding: 2px;
}
.release_dl_wrap
{
  margin: 0;
  padding: 0;
}
a .release_dl img
{
  border: 1px solid #333;
}
a:hover .release_dl span, .releases_dl_wrap:hover div span
{
  text-decoration: underline;
}
a:hover .releases_dl img, .releases_dl_wrap:hover div img
{
  text-decoration: none;
}

/* Photos page */

.photo_album, .photo_album h3
{
  clear: both;
}
.photo_album
{
  margin: 0;
  padding: 16px 38px 16px 38px;
}
.thumb_frame
{
  width: 100px;
  height: 100px;
  border: 1px solid #222;
  display: inline-block;
  vertical-align: middle;
  margin: 4px;
  padding: 4px;
  cursor: pointer;
  float: left;
}
a:hover .thumb_frame
{
  background-color: #111;
}
a .thumb_frame img,
a:link .thumb_frame img,
a:visited .thumb_frame img,
a:hover .thumb_frame img
{
  border: none;
}
.space
{
  display: block;
  clear: both;
}

/* Tumblr feed */

#tumblr ul, #tumblr li
{
  list-style-type: none;
}
#tumblr ul
{
  margin: 0;
  padding: 0 12px 0 12px;
}
#tumblr ul li
{
  border-bottom: 1px solid #222;
  padding: 0 8px 16px 8px;
}
.tumblr_title
{
  font-size: 1.2em;
}
.tumblr_post_time
{
  font-size: 0.8em;
  color: #333;
  style: block;
  margin: 0;
  padding: 0;
}
.tumblr_body
{
  margin: 0;
  padding: 0;
}