body {
  padding:5px 10px 5px 10px;
  margin:0px;
	text-align:justify;

  background-color:#272505;
  color:#f7f5d9;
  font-size: medium;
}

a:link {
  color:#ea907f;
  text-decoration:none;
}

a:hover {
  color:#f7f5d9;
  text-decoration:underline;
}

a:visited {
  color:#ca705f;
  text-decoration:none;
}

a:active {
  color:#f7f5d9;
  text-decoration:none;
}

OL {
  list-style-type: decimal;
}

OL OL {
  list-style-type: lower-alpha;
}

OL OL OL {
  list-style-type: lower-roman;
}

pre, tt, code {
  font-family: courier, "courier new", monospace;
}

/* Added for codeblocks in paragraphs not to have an extra space above
 * compared to codeblocks in lists. */
p, p + .codeblock {
  margin-bottom: 0em;
}

.codeblock {
  padding: 0.15em;
  background-color: #b0b0b0;
}

pre.codeblock {
  padding: 0.5em;
  margin: 1em -2em 1em 2em;
  float: left;
}

/* Next three blocks are for divs that need to have the left and right both
 * cleared. Nasty due to browser bugs.
 * See http://www.positioniseverything.net/easyclearing.html */
.clearboth:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearboth {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearboth {height: 1%;}
.clearboth {display: block;}
/* End hide from IE-mac */

.title {
  text-align: center;
  font-size: 1.5em;
  border-style: none;
}

.subtitle {
  text-align: center;
  font-size: 1.2em;
  margin-top: 5px;
  border-style: none;
}

.title + .subtitle {
  margin-top: -0.5em;
}

.nowrap {
  white-space: nowrap;
}

h1 {
  font-size: 1.2em;
}

h2 {
  font-size: 1em;
}

h3 {
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
}

h4 {
  font-size: 1em;
  font-weight: normal;
}

div.lastmodified {
  float:left;
  margin:0px;
}

div.navigation {
  /* netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  font-size: 90%;
  padding:5px;
  margin:5px 0px 5px 0px;
  border: 1px solid white;
  text-align: center;
}

div.navigation a {
  white-space: nowrap;
  text-decoration: none;
}

div.navigation p {
  margin-top:0px;
  margin-bottom:0px;
}

p.signature {
  font-size: .75em;
}

div.line {
  width:85%;
  height:3px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:10px;
  background-color: white;
  font-size:1px;
}

.border {
  border: 1px solid white;
}

img {
  border: 1px solid white;
  margin: 10px;
}

.floatleft {
  float:left;
  margin-left:0px;
}

.floatright {
  float:right;
  margin-right:0px;
}

/* For drop shadows. See http://www.alistapart.com/articles/cssdrop2/ */
/* Use like this:
   <div class="alpha-shadow"><div>
   <img class="border" src="<?php echo image_url('headshot2.jpg') ?>" alt="David Coppit's Picture" />
   </div></div>
*/
.alpha-shadow {
  float: left;
  background: url("../images/shadow1.gif") no-repeat bottom right;
  margin: 0px 0 0 0px !important;
  margin: 0px 0 0 0px;
  padding: 0 0 0 0;
}

.alpha-shadow div {
  background: url("../images/shadow2.png") no-repeat left top !important;
  background: url("../images/shadow2.gif") no-repeat left top;
  float:left;
  padding: 0px 8px 8px 0px;
}

/* To prevent goofy paragraph spacing with drop shadows. */
.alpha-shadow div > P:first-child {
  margin-top: 0px;
}

.alpha-shadow img {
  margin: 0px;
}