pre {
        border:1px dashed #E1E1E1;
        color:#000;
        background-color:#F5F5F1;
        font-family:"Courier New", Courier, monospace;
        overflow:auto;
        font-size:14px;
        line-height:17px;
        padding:10px;
}

blockquote {
        border:1px solid #0000FF;
        color:#000;
        background-color:#CAE4FF;
        font-family:"Courier New", Courier, monospace;
        overflow:auto;
        font-size:14px;
        line-height:17px;
        padding:10px;
        padding-bottom:0px;
        margin-bottom:25px;
}

strong {
  font-weight:bold;
}




h1
{
	color:#804040;
  padding-top:24px;
  font-size: 24px;
  line-height:36px;
  font-weight: bold;
}


h2
{
  color:#800000;
  padding-top:18px;
  font-size: 18px;
  line-height:36px;
  font-weight: bold;
}

h3
{
	color:#400000;
  padding-top:16px;
  font-size: 16px;
  line-height:32px;
  font-weight: bold;
}

h4
{
	color:#000000;
	padding-top:14px;
  font-size: 14px;
  line-height:28px;
  font-weight: bold;
}


p
{
   margin-top: 0px;
   margin-bottom: 20px;
}

/* Trying to decide if I like multi-columns or not */
/* To use this multi-column css, put your content between 	<section><article><div> ...  </div></article></section> */
section, footer{
  margin: 4em;
  width: auto;
}

section {
  margin-top: 2em;
}

article{
  -moz-column-width: 60ex;
  -moz-column-gap: 4em;
  -moz-column-rule-width: 1px;
  -moz-column-rule-color: #804040;
  -moz-column-rule-style: dashed;

  -webkit-column-width: 60ex;
  -webkit-column-gap: 4em;
  -webkit-column-rule-width: 1px;
  -webkit-column-rule-color: #804040;
  -webkit-column-rule-style: dashed;

  column-width: 60ex;
  column-gap: 4em;
  column-rule-width: 1px;
  column-rule-color: #804040
  column-rule-style: dashed;

  text-align: justify;
}

article > div {
  min-width: 60ex;
  max-width: 80ex;
  margin-left: auto;
  margin-right: auto;

}