* {margin: 0; padding: 0;}
body {
  min-width: 760px;
  padding-bottom: 15px;
  color: #111;
  font: 82%/150% sans-serif;
  background: #222 url(/img/body-bg.png) repeat-x left bottom;
}

.body ul { padding: 0; display: inline; }
.body ol { padding: 0; display: inline; }
.body li { margin: 0; padding: 0; }

table, tr, td, th { font-size: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  text-shadow: #000 0 0 0; /* Reduces font-weight in Safari */
}

.admin td {
  text-align: right;
  padding: 2px 5px;
}

.adminleft tr { vertical-align: top; }
.adminleft td { padding: 2px 5px; }
.thumbnails { text-align: center; margin-left: auto; margin-right: auto; }
.thumbnails tr { vertical-align: top; }
.thumbnails td { padding: 2px 5px; text-align: center; }
.thumbnails small { line-height: 100%; }
.lyricstable tr { vertical-align: top; }
.lyricstableleft { text-align: right; padding: 0px 15px 0px 0px; font-weight: bold; }
.sfdftable td { padding: 0px 10px; }
.videothumbs { text-align: center; margin-left: auto; margin-right: auto; }
.videothumbs tr { vertical-align: top; }
.videothumbs td { padding: 2px 5px; text-align: left; }
.tagform td { padding: 2px 10px; }
.flvvideo td { padding: 6px 0px; }
.showimage td { padding: 6px 0px; }
.articlelist td { padding: 0px 10px; }
.articlesublist td { padding: 0px 5px; }
.catandtaglist tr { vertical-align: top; }
.catandtaglist td { padding: 0px 2px; }
.splitscript td { padding: 0px 25px 0px 0px; }

#contents h1 {
  margin-bottom: 1em;
  font-size: 185%; /* 24px */
}

#contents h2 {
  margin: 1em 0 .25em 0;
  font-size: 139%; /* 18px */
}

#contents p {
  margin: 0 0 1em 0;
}

#slashboxes #contents ul {
  padding-left: 1.25em;
  margin-bottom: 20px;
}
#slashboxes #contents ul li { list-style-image: url(/img/bullet.gif); }

a { color: #9e0000; }
a:visited { color: #555; }
a:hover { text-decoration: none; }

hr { border: 1px solid #555; border-width: 1px 0 0 0; }

img { border: none; text-decoration: none; }
sup { margin: 0 0 -.3em 0; }
fieldset { border: none; }
  fieldset legend { display: none; }

#frame {
  clear: both;
  padding: 5px 0 0 0;
  margin: 0;
  border-top: 1px solid #444;
  background: #2e2e2e;
}

#topnav {
  position: relative;
  height: 55px;
  margin: 5px 1.25em 0 1.25em;
  background: #6e0000 url(/img/topnav-bg.png) repeat-x left top;
}
  #topnav ul { display: none; } /* Hide the topic icons */
  #topnav #logo {
    width: 458px;
    height: 100%;
  }
  #topnav #logo h1 {
    display: block;
    height: 100%;
    width: 100%;
  }
    #topnav #logo h1 a {
      display: block;
      width: 100%;
      height: 100%;
      outline: none;
      text-indent: -5000px;
      text-decoration: none;
      background: url(/img/logo.png) no-repeat left top;
    }
  #topnav div.search {
    position: absolute;
    top: 17px;
    right: 1.25em;
    text-align: right;
    white-space: nowrap;
  }
    div.search input {
      font-size: 93%;
      width: 12.25em;
    }
    div.search input.button { width: auto; margin-left: 5px; }
  
#slogan, #topnav label, #topnav legend  { display: none; }

/* Wrapper */
#wrapper {
  padding: 0 1.25em;
  padding-top: .6em;
  border: 1px solid #222;
  border-width: 1px 0;
  background-color: #fff;
}
  /* Thanks: http://positioniseverything.net/easyclearing.html */
  #contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  }

#wrapper #articles,
#search.aduserbox .generaltitle { margin-right: 18.5em; position: relative; }
#misc.aduserbox .generaltitle { margin-bottom: 0.75em; }

/* Contents */
#contents {
  width: auto;
  z-index: 1;
  position: relative;
  margin-left: 10.5em;
}

/* General Title */
div.generaltitle div.title {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #fff;
  background: #6e0000 url(/img/article-title-bg.png) repeat-x left top;
}
  div.generaltitle div.title a { color: #fff; text-decoration: none;}
  div.generaltitle div.title h3 {
    padding: .3em .7em .45em .7em;
    color: #fff;
    font-size: 123%; /* 16px */
    font-weight: bold;
    background: url(/img/article-title-left.png) no-repeat left top;
  }

/* Blocks */
div.block div.title { background: #666 url(/img/block-title-bg.png) repeat-x; }
  div.block div.title * { line-height: 100%; }
  div.block div.title h4 {
    padding: .5em .8em .6em .8em;
    color: #fff;
    font-weight: bold;
    font-size: 93%;
  }
  div.block div.title a { color: #fff; }
  div.block div.content ul { list-style: none; }
  div.block div.content {padding: 0; margin: 0;}

/* Links (left sidebar) */
div#links {
  float: left;
  width: 9.25em;
  padding-bottom: 10px;
  margin-right: 1.25em;
  background: #eee url(/img/links-bg.png) no-repeat left bottom;
}
  div#links div.block div.content, div#links div.block { margin: 0; padding: 0; }   
  div#links div.block div.title {  margin: 0; position: relative; background: #666 url(/img/block-title-bg.png) repeat-x;}
  div#links div.block div.title h4 { margin: 0; padding: .5em .8em .6em 2em; }
  div#links div.block div.title h4,
  div#links div.block.expanded div.title h4 { background: url(/img/block-arrow-expanded.gif) no-repeat .8em 50%; }
 
  div#links div.block.static div.title h4 { padding-left: .8em; background: none; }
  div#links div.block div.content ul { margin: 0; padding: 0; border-bottom: 1px solid #ddd; }
    div#links div.block div.content ul li { margin: 0; list-style-image: none; }
    div#links div.block div.content ul * { line-height: 100%; }
    div#links div.block div.content ul li a {
      display: block;
      padding: .4em .8em .55em .8em;
      font-size: 93%;
      border-top: 1px solid #ddd;
    }
  div#links div.block div.content ul li h2 { margin: 0; padding: 0; font-size: 100%; }
  div#links div.block div.content ul li h2 a {margin: 0; 
    font-weight: bold;
  }
  div#links div.block div.content ul li a:hover {
    color: #fff;
    text-decoration: none; margin: 0; 
    background: #8e0000 url(/img/link-arrow.gif) no-repeat right center;
  }

/* Articles */
div.article { position: relative; }
  div.article div.title {
    margin: 0;
    border-bottom: 1px solid #fff;
    background: #6e0000 url(/img/article-title-bg.png) repeat-x left top;
  }
    div.article div.title span,
    div.article div.title span a { color: #CC989F;}
    div.article div.title span a { text-decoration: underline;}
    div.article div.title span a:hover { text-decoration: none;}
    div.article div.title h3 {
      padding: .3em .7em .45em .7em;
      color: #fff;
      font-size: 123%; /* 16px */
      font-weight: bold;
      background: url(/img/article-title-left.png) no-repeat left top;
    }
    div.article div.details, div.article div.body { padding: .2em .7em; }
    div.article div.details {
      padding: .4em .7em .5em .7em;
      font-size: 93%; /* 12px */
      line-height: 130%;
      background: #ddd url(/img/article-details-bg.png) repeat-x left top;
    }
      div.article div.details strong {
        font-weight: normal;
        font-size: 92%; /* of 12px = 11px */
      }
        div.article div.details strong b { font-weight: bold; }
    
    div.article div.body { min-height: 115px; height: auto; margin: .4em 0 0 0; }
      div.article div.body div.topic {
        position: relative;
        float: right;
        margin: .3em 0 .3em .5em;
      }
      div.lefttopic {
        position: relative;
        float: left;
        margin: .3em .5em .3em 0;
      }
      div.article div.body div.topic div.lefttopic a { text-decoration: none; }

    div.article div.smallbody { height: auto; margin: .4em 0 0 0; }

/* Slashboxes (right sidebar) */
div#slashboxes {
  float: right;
  width: 17.25em;
  margin-left: 1.25em;
}
  div#slashboxes div.block {
    margin-bottom: 1.25em;
  }
    div#slashboxes div.block div.title h4 {
      background: url(/img/block-title-right.png) no-repeat right top;
	padding: .5em .8em .6em .8em; 
    }
    div#slashboxes div.block div.content {
      padding: .4em;
      background: #eee url(/img/slashbox-bottom-left.png) no-repeat left bottom;
    }
      div#slashboxes div.block div.content p { margin: 0;}
      div#slashboxes div.block div.content ul { margin: 0; padding: 0; list-style-image: none; }
      div#slashboxes div.block div.content ul li {
        padding: .1em .8em .3em .8em;
        list-style-image: none;
        border-top: 1px solid #ddd;
      }
    div#slashboxes div.block div.right { padding: .5em .8em .6em .8em; }

/* Footer */
div#footer {
  margin-top: 1.25em;
  background: #bbb url(/img/footer-bg.png) repeat-x left top;
  clear: both;
}
  div#footer div.search {
    float: left;
    width: 17.25em;
    padding: 1.35em 0 0 1.25em;
    white-space: nowrap;
  }
  div#footer div.rightcontent {
    padding: 1.35em 1.25em 1.5em 0;
    text-align: right;
    background: url(/img/footer-right.png) no-repeat right top;
  }
    div#footer div.rightcontent table {
      width: auto;
	 border: 1px solid #aaa; border-right: 1px solid #fff; border-bottom: 1px solid #fff;
    }	
     div#footer div.rightcontent .data_hl1 { background: #eee}
    div#footer div.rightcontent small {
      color: #333;
      font-family: 'Trebuchet MS', Helvetica, Arial, clean, sans-serif;
      font-size: 100%;
      font-style: italic;
    }

/* Copyright */
div.copyright {
  margin: 0 1.25em 15px 1.25em;
  background: #444 url(/img/copyright-bg.png) repeat-x left bottom;
}
  div.copyright p {
    padding: .85em 1.25em;
    color: #999;
    font-size: 85%; /* 11px */
    text-align: center;
    background: url(/img/copyright-left.png) no-repeat left bottom;
  }
  div.copyright a { color: #ccc; }

/* Bottom Nav */
div.btmnav {
  margin: .4em 0;
	text-align: center;
}
  div.btmnav ul li {
    display: inline;
	  list-style: none;
  }
    div.btmnav ul li a {
      padding: 0 .4em;
      color: #ccc;
      font-size: 93%;
	    border-left: 1px solid #ccc;
    }
    div.btmnav ul li.begin a {
      padding: 0 .4em 0 0;
	    border: none;
    }
    div.btmnav ul li a:visited { color: #aaa; }

/* Data tables */

table.data {
  clear: none;
  background: #dfdfdf url(/img/corner-bottom-right.png) no-repeat right bottom;
}
  table.data tr.data_head { font-size: 93%; }
    table.data tr.data_head th { 
      padding: .3em .5em;
      text-align: left; 
      background: #e6e6e6 url(/img/sections-bg.png) repeat-x left bottom;
      border-bottom: 1px solid #fff; color: #444;
    }
    table.data tr.data_head a { color: #fff; }

.data_hl1 td,
.data_hl2 td,
.data_hl3 td { padding: .3em .5em; }

.data_hl1 { background: #f8f8f8; }
.data_hl2 { background: #ddd; }
.data_hl3 { background: #eee; }

/* FAQ/Misc */
div#misc ul {
  padding-left: 1.25em;
  margin-bottom: 20px;
}
div#misc hr { margin: 2em; }

div#forum ul { padding-left: 1.25em; }
div#albums ul { padding-left: 1.25em; }

/* Messaging */
.message { padding: 1em; }
.error {
	padding: 1em;
	color: #600;
	font-weight: bold;
}

/* Misc */
.notes, .note {
  display: block;
  padding: .5em .7em;
  margin: 1em 0 0 0;
	font-size: 93%;
	border-top: 1px solid #555;
	background: #ddd;
}
div#contents .notes ul, .note ul { padding-left: 1.25em; }
#search div.topic {display: none;}
pre {
	overflow: auto;
	position: relative;
	width: 93%;
	padding: 0 0 0 1em;
}

.lt_tb_col { background: #ccc; }
.lt_text_col { color: #fff; }
.sb_header { font-size: 125%; font-weight: bold; color: #600; }
.hide { display: none }
.buttons { text-align: right }

/* Forms */

label
{
	display: block;
	font-weight: bold;
	padding: 1em 0 0 0;
}

label.checkbox { font-weight: normal; }

input.button { display: inline; }