* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, sans-serif;
  font-size: small;
	border-top: 8px solid #342020;
	background: #1C0000;
	color: #EAE8E8;
}

a:link, a:visited { color: #AFA7A7; }

a:hover, a:focus  { color: #fff; }

h1, h2, h3, h4 { font-family: Arial, sans-serif; }

h1 {
	letter-spacing: -3px;
  font-size: 450%;
  margin-bottom: -18px;
}

h1 a:link, h1 a:visited {
  color: #fff;
  text-decoration: none;
}

h2 {
	color: #C1BCBC; 
	letter-spacing: -2.5px;
  font-size: 220%;
}

h2 a:link { color: #BDE9E9; }

h2 span.strike { text-decoration: line-through; }

h3 {
  font-size: 300%;
  letter-spacing: -3px;
  color: #C1BCBC;
}

h3 span.category { color: #fff; }

h4 {
	color: #C1BCBC; 
	letter-spacing: -2.5px;
  font-size: 220%;
}

p {
	margin-bottom: 25px;
  line-height: 1.6;
}

code {
  padding: 3px 4px;
  color: #C1BCBC;
  background: #1C0000;
}

pre { background: #342020; }

div#posts ul, div#posts ol { margin-left: 40px; }

div#posts li { margin-bottom: 15px; }

a#skip-link {
  position: absolute;
  left: -9999px;
  color: #C1BCBC;
  text-align: right;
  font-size: 85%;
  width: 100%;
}

a#skip-link:focus {
  left: 0;
  right: 40px;
}

/*********************************************
 * header
 ********************************************/
#header { padding: 8px 40px 0 40px; }

/*********************************************
 * wrapper - wraps entire page
 ********************************************/
#wrapper {
  position: relative;
  width: 85%;
  min-width: 730px;
	margin: 1px auto 0 auto;
	background: #241313;
}

/*********************************************
 * posts
 ********************************************/
#posts {
  padding: 20px 40px;
  font-size: 105%;
}

#posts .post h3 a:link, #posts .post h3 a:visited { color: #BDE9E9; }

#posts .post h3 a:hover { color: #fff; }

#posts .post h4 a:link, #posts .post h4 a:visited {
  color: #BDE9E9; 
  font-size: 120%;
  letter-spacing: -3px;
}

#posts .post h4 { margin-top: 20px; }

body#home-page #posts .post h4, body#post-page #posts .post h4 { margin-bottom: 10px; }

#posts .post h4 a:hover { color: #fff; }

#posts .post p.post-info {
  color: #786B6B;
  margin: 0 0 10px 0;
  font-size: 90%;
}

/*********************************************
 * footer
 ********************************************/
#footer {
  background: #342020; 
  width: 100%;
  float: left;
  padding-bottom: 30px;
}

/* extra div for headache free padding */
#inner { padding: 30px 40px; }

#footer h2 {
  color: #EBE9E9;
  margin-bottom: 10px;
}

#footer ul { list-style: none; }

#footer li { margin-bottom: 10px; }

#recent-posts {
  width: 64%;
  float: left;
}

/* view all posts link */
#recent-posts h2 a#view-all-posts {
  color: #EBE9E9;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;
  letter-spacing: normal;
  font-size: 40%;
  margin-left: 10px;
}

#recent-posts h3 {
  font-size: 200%;
  font-weight: bold;
  letter-spacing: -2.1px;
  line-height: 1.5;
}

#recent-posts  h3 a:link, #recent-posts  h3 a:visited { color: #BDE9E9; }

#recent-posts  h3 a:hover { color: #fff; }

#recent-posts li {
  color: #786B6B;
  font-weight: normal;
}

#recent-posts li p {
  margin: 0;
  line-height: 1.2;
}

#categories-and-archive {
  width: 34%;
  float: right;
}

#categories-and-archive div { margin-bottom: 25px; }

#categories-and-archive a:link, #categories-and-archive a:visited {
  font-family: Helvetica, Arial, sans-serif; 
  letter-spacing: -2.1px;
  font-weight: bold;
  color: #C1BCBC;
  font-size: 180%;
}

#categories-and-archive a:hover { color: #fff; }

/*********************************************
 * copyright text etc
 ********************************************/
#meta-info {
  clear: both;
  width: 85%;
  margin: 0 auto;
  padding-top: 10px;
}

#meta-info p {
  font-size: 85%;
  padding: 0 40px;
}

/*********************************************
 * other stuff
 ********************************************/
#pagination { margin: 10px 0; }

#pagination span { width: 48%; }

#pagination span.older { float: left; }

#pagination span.newer { float: right; text-align: right; }

span.arrow {
  font-size: 70%;
  font-family: Arial, Helvetica, sans-serif;
}