body {
  color:#333;
  font-family:helvetica, arial, sans-serif;
  font-size:13px;
}

/* twicetwice banner */
h1 {
  font-size:56px;
  margin:30px 0px 0px 0px;
}

/* Blog post headings */
h2 {
  font-size:24px;
  font-weight:bold;
  text-indent:0px;
  margin:0px;
}

h3 {
  font-size:18px;
  font-weight:bold;
}

a {
  color:#333;
  text-decoration:none;
  font-weight:bold;
  padding:2px 0px;
}

a:hover {
  text-decoration:none;
  color:#999;
  background-color:#333;
}

blockquote {
  color:#777;
  margin-left:20px;
  margin-right:20px;
  font-style:italic;
}

ol {
  list-style-position:inside;
  list-style-type:decimal;
  margin-left:20px;
}

#tagline {
  color:#999;
  font-size:13px;
  font-style:italic;
  margin-left:200px;
}

/* LHS column 150px, 20px padding, RHS column 508px incl 4px img border */
#main {
  width:678px;
  margin:70px auto 0px auto;
  text-align:left;
  line-height:1.6;
}

#footer {
  padding:20px 0px;
  margin-top:80px;
  text-align:left;
  background-color:#333;
  color:#fff;
}

#footer a {
  color:#fff;
}

.post {
  border-bottom:1px solid #999;
  padding-bottom:30px;
  margin-bottom:10px;
}

.post p {
  margin:10px 0px;
}

.postDetails {
  color:#999;
  float:left;
  width:150px;
  font-size:11px;
  text-align:right;
}

.postBody {
  margin-left:170px;
  text-align:justify;
}

/* Prevents the heading to be justified if longer than one line */
.postBody h2 {
  text-align:left;
}

.postBody img {
  border:1px solid #CCCCCC;
  padding:4px;
}

.commentDetails {
  float:left;
  width:150px;
  font-size:11px;
  text-align:right;
}

.commentAuthor {
  font-size:13px;
  font-weight:bold;
}
  
.commentBody {
  margin-left:170px;
  border-bottom:1px solid #999;
  padding-bottom:20px;
  margin-bottom:30px;
  min-height:70px;
}

.commentBody p {
  margin-bottom:10px;
}