* {
padding: 0;
margin: 0;
border: 0;
}
body, html {
  background:#FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:small;
  color:#000;
background-image:url(http://www.hauntedfire.com/images/headerBKG.jpg);
background-repeat:repeat-x;
background-position:top;
}
body {
min-width: 700px;
}
p {padding: 7px 0 7px 0;}

a:link {
  color:#a91e23;
  text-decoration:none;
  }
a:visited {
  color:#a91e23;
  text-decoration:none;
  }
a:hover {
  color:#a91e23;
  text-decoration:underline;
  }
a:active {
  color:#a91e23;
  text-decoration:none;
  }
#rssEmail a:link {
  color:#FFF;
  text-decoration:underline;
  }
#rssEmail a:visited {
  color:#FFF;
  text-decoration:underline;
  }
#rssEmail a:hover {
  color:#FFF;
  text-decoration:none;
  }
#rssEmail a:active {
  color:#FFF;
  text-decoration:underline;
  }
#footerText a:link {
  color:#FFF;
  text-decoration:none;
  }
#footerText a:visited {
  color:#FFF;
  text-decoration:none;
  }
#footerText a:hover {
  color:#FFF;
  text-decoration:underline;
  }
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
.clear { clear: both; }
img {
border:0;
}
.imgMarginBottom {
margin-bottom:10px;
}
/**************************
HEADER
**************************/
#headerBKG {
background-image:url(http://www.hauntedfire.com/images/headerBKG.jpg);
background-repeat:repeat-x;
width:100%;
height:176px;
}
#header {
background-image:url(http://www.hauntedfire.com/images/BMHheaderBKG.jpg);
background-repeat:no-repeat;
background-position:right;
width:311px;
height:176px;
float:right;
text-indent:-9999px;
} 
#rssEmail {
	position:absolute;
	top: 118px;
	right:6px;
	float:right;
	color:#FFF;
	width: 210px;
}
#HauntedFireLogo {
width:344px;
height:176px;
text-indent:-9999px;
background-image:url(http://www.hauntedfire.com/images/HauntedFireLogo.jpg);
background-repeat:no-repeat;
float:left;
}
/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:bold 78%/1.4em Verdana, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #444;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  line-height:1.4em;
  color:#781a15;
  }
.post-title a {
  text-decoration:none;
  color:#781a15;
  }
.post-title a:hover {
  color:#411010;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#333;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#777;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  font-size: 80%;
}
.unneeded-paging-control {
  visibility: hidden;
}

#mainContainer {
min-width: 900px;
min-height: 300px;
}
* html #mainContainer {
height: 300px;
width:900px
 /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
border-left: 380px solid #FFF; /*** This is the width and the color for our left column ***/
border-right: 215px solid #FFF; /*** This is the width and the color for our right column ***/
min-width:500px;
}
.inner {
width: 100%; 
}
.float-wrap {
float: left;
width: 100%;
margin-left: -380px; /*** Same length as .outer border-left but with negative value ***/
}
#content {
float: right;
background: #fff;
margin-right: -380px;  /*** Same length as .outer border-left but with negative value ***/
margin-left:360px;
width: 100%;
min-width:500px;
padding:0 5px;
border-left:1px solid #000;
border-right:1px solid #000;
position: relative;
}
.contentWrap{
padding: 5px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 355px;
min-height: 250px;
padding: 5px;
position:absolute;
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
float:right;
width: 190px;
padding: 5px;
min-height: 250px;
margin-right: -210px;
margin-left:5px;
}
#right ul {
list-style: none;
padding-bottom: 4px;
}
#titleLinks {
width:76px;
height:42px;
background-image:url(http://www.hauntedfire.com/images/titleLinks.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
margin:auto;
}
#links {
padding-bottom:5px;
border-bottom:1px dotted #000;
}
#twitter_div {
margin:auto;
}
#twitter_div ul li a {
border-bottom:1px dotted #000;
display:block;
padding:3px 3px 3px 0;
padding-bottom:5px;
margin-bottom:5px;
}
/**************************
FOOTER
**************************/
#footer {
width:100%;
height:163px;
background-image:url(http://www.hauntedfire.com/images/footerBKG.jpg);
background-repeat:repeat-x;
clear:both;
}
#footerBKG {
width:143px;
height:163px;
background-image:url(http://www.hauntedfire.com/images/footer.jpg);
background-repeat:no-repeat;
float:right;
}
#footerText {
margin-top:20px;
padding-left:10px;
float:left;
color:#FFF;
}