body {
  margin-top: 20px;
  margin-left: 20px;
  
  font: normal normal normal 0.7em/1.5em Arial, sans-serif;
}

#posts .post_group {
  width: auto;
  height: auto;
  
  float: left;
}

#posts .post {
  width: 110px;
  height: auto;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

#post {
  width: 710px;
  height: auto;
  
  position: absolute;
  left: 50%;
  margin-left: -355px;

  font-size: 1.285em;
  line-height: 1.285em;
}


/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 5px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;

  color: #333;

	font-size: 1em;
  font-weight: normal;
	font-family: Georgia;
  font-style: oblique;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

h1.header {
  padding-bottom: 0;
  
  font-size: 2em;
  line-height: 1.2em;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  font-family: Arial Black, Arial, sans-serif;
}

h2.header {
	font-size: 1.5em;
	font-family: Arial, sans-serif;
	font-style: normal;
	text-transform: uppercase;
  padding-bottom: 0px;
  white-space: nowrap;
}

h3.header {
  padding-top: 0;
  
  border-bottom: 1px solid #666;

	font-size: 1.25em;
}

.new h1, .new h2, .new h3, .new a {
  color: #595;
}

h1 a, h2 a, h3 a {
  color: #333;
}

a {
  color: #595;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}



/* PREVIOUS AND NEXT BUTTONS */

#previous, #next {
  position: absolute;
  top: 32px;
}

#previous a, #next a {
	width: 50px;
  height: 50px;

  display: block;

  -webkit-border-radius: 10px;

  background: #333;
  color: #fff;

  font-size: 30px;
  line-height: 45px;
  text-align: center;	
}

#previous a:hover, #next a:hover {
	background: #595;
  
	text-decoration: none;
}

#previous {
  left: 20px;
}

#next {
  right: 20px;
}