* {
  margin: 0;
  padding: 0;
}

body {
  color: #000;	
  font: 80% "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fff url(img/bg.jpg) repeat-x top;
}

a {
  outline: none;
  color: #ec008c;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #141618;
}

a img {
  border: none;
}

#page {
  margin: 10px auto 20px auto;
}

#main {
  width: 500px;
  margin: 0 auto;
}

#header h1 {
  text-indent: -9999px;
  text-decoration: none;
}

#header h1 a {
  display: block;
  margin: 0 auto;
  width: 750px;
  height: 325px;
  background: url(img/h-trans.png) no-repeat top right;
  text-decoration: none;
}

.post {
  margin: 0 0 30px 0;
  width: 500px;
}

.datesquare {
  float: left;
  width: 55px;
  height: 54px;
  background: url(img/date.png) no-repeat top left;
  margin: 0;
  padding: 0;
  text-shadow: #333 0 0 3px;
  font: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
}

.datesquare .day {
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: -1px;
}

.datesquare .month {
  font-size: 12px;
}

.postcontent {
  width: 420px;
  float: right;
}

.photo img {
  display: block;
  margin: 0 auto;
  padding: 10px;
  background: #eee;
}

.navigation {
  margin: 30px 0 0 0;
  color: #333;
  background: #eee;
  text-align: center;
  font-size: 1em;
  line-height: 4em;
}

.navigation .previous {
  margin-right: 1em;
}
  
.navigation .next {
  margin-left: 1em;
}



.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}