/**
 * Cascading Style Sheet for Adventures of Heather
 * James Sinclair
 * June 2006
 */

* {
  padding:0;
  margin:0;
}

iframe {display:none;}

body {
  background: black url(images/background.gif) repeat-y;
  color:white;
  font-family:georgia, garamond, serif;
  text-align:justify;
  font-size:80%;
}

#header {
  width:372px;
  height:533px;
  margin:0;
  float:left;
  background: url(images/leftColumn.gif) no-repeat;
}

#headerText {
  display:block;
  text-indent: -100em;
  overflow: hidden;
  background: url(images/AdventuresOfHeather.gif) no-repeat;
  height: 112px;
}

#mainContent {
  margin-left:372px;
  background: url(images/rightHead.gif) no-repeat;
  padding-top:226px;
  max-width:644px;
  overflow:visible;
}

#navigation {
  position:absolute;
  text-align:right;
  top:6px;
  width:98%;
  max-width:998px;
  padding-right:2%;
}

#navigation a:link {
  text-decoration:none;
  border-bottom:dotted 1px #db8080;
  color:#fff;
}

#navigation a:visited {
  text-decoration:none;
  border-bottom:dotted 1px #db8080;
  color:#fff;
}

p {
  margin: 0.6em 0;
  padding-right:18px;
  color:#ccc;
  line-height:1.5;
}

blockquote {
  margin: 0 2em;
}

h2 {
  font-weight:normal;
  margin-top:1.2em;
  color:#bd0000;
  font-size:1.8em;
}

.rule {
  width:359px;
  height:46px;
  border:0;
  margin: 2em auto 6em auto;
  background:url(images/rule.gif);
  
}

hr {
  display:none;
}

#mainContent ul {
  list-style:none;
  margin-top:1.2em;
}

li {
 padding-left: 26px;
 margin: 0.5em 0 0.5em 0;
 background-image: url(images/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0.5em;
}

#mainContent a:link {
  text-decoration:none;
  border-bottom:dotted 1px #999;
  color:#fff;
}

#mainContent a:visited {
  text-decoration:none;
  border-bottom:dotted 1px #666;
  color:#ccc;
}

.topLink {
  margin-top:1em;
  font-size:0.9em;
}