*, #menu, #right-sidebar ul{
  padding:0;
  margin:0;
}
body{
  background:#fff;
}
a{
  text-decoration:none;
}
ul{
  padding:10px 30px;
}
p,h1,h2,h3,h4{
  margin:10px 0;
}
img{
  border:none;
}
small{
  color:#000;
}
#container{
  font-size:1em;
  color:#000;
  font-family:"Trebuchet MS",Tahoma,Arial;
  width:800px;
  margin:10px auto;
}
#header{
  margin-bottom:10px;
}
#header-title{
  font-size:3em;
  color:#000;
}
#left-sidebar{
  width:110px;
}
#left-sidebar a{
  color:#fff;
  display:block;
}
#menu, #right-sidebar ul{
  list-style:none;
}
#menu li{
  padding-right:5px;
}
#content{
  width:500px;
  margin:0 12px;
  overflow:hidden;
}
#right-sidebar{
  width:160px;
}
#right-sidebar ul{
  margin:5px 0;
}
#recent-comments li{
  padding:2px 0;
}

/* CONTENT */
.article{
  margin-bottom:10px;
  padding-bottom:10px;
}
.article-meta{
  margin-top:5px;
}
.add-comment{
  margin:5px 0;
  padding-left:20px;
  /*background:url('http://www.famfamfam.com/lab/icons/mini/icons/comment.gif') no-repeat 0px 3px;*/
}
.title, .date, .stitle{
  padding:0 5px;
}
.tags{
	background:url('/images/icons/tag_blue.png') left center no-repeat;
	padding-left:20px;
}
.tag{
	background:#EDF7FF;
	padding:1px;
}

/* COMMENTS */
.comment{
  padding-bottom:10px;
}
.comment-content{
  padding:10px;
  border:1px solid #000;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.comment-meta{
  padding-top:8px;
  background:url('../images/comment-arrow.png') no-repeat 20px 0;
}
#comment-form div{
  margin:5px 0;
}
#comment-form label{
  width:80px;
  display:inline-block;
}
#comment-form input[type='text'], #comment-form textarea{
  padding:2px;
  margin-left:10px;
  width:400px;
  border:1px solid #000;
}
#comment-submit input{
  margin-right:10px;
}
#comment-error{
  font-weight:bold;
}

/* PAGES */
#most-common-words li{
  display:inline;
}

/* TEXT STYLING */
.uppercase, .date{
  text-transform:uppercase;
}
.note, #recent-comments{
  font-size:.7em;
}

/* POSITIONS */
.clear, .article-content, #header, #footer, #nav, #comment-form{
  clear:both;
}
.left, #content, #left-sidebar, #comment-form label{
  float:left;
}
.right, #content .date, #right-sidebar{
  float:right;
}
.margin-bottom-5px, #menu li, .title, .date, .comment{
  margin-bottom:5px;
}
.align-right, .article-meta, #left-sidebar, #comment-submit, #comment-form label, .stitle{
  text-align:right;
}
.align-center, #header, #footer, #comment-error{
  text-align:center;
}

/* COLORS */
.darkblue-color, a:hover{
  color:#00ACEB;
}
.lightblue-color, a{
  color:#3284AB;
}
.darkblue-bg, #menu li, .title, .date, .title:hover, .stitle{
  background:#3284AB;
  color:#fff;
}
.lightblue-bg, #menu li:hover, .title:hover, .date:hover{
  background:#00ACEB;
}

.red, .error, #comment-error{
 background:#f99288; 
}

/* CORNERS */
.radius-bottomleft, .date, .stitle{
  -moz-border-radius-bottomleft:5px;
  -webkit-border-radius-bottomleft:5px;
}
.radius-bottomright, .title, #menu li{
  -moz-border-radius-bottomright:5px;
  -webkit-border-radius-bottomright:5px;
}

/* MISC */
.pointer, .title, #comment-form label, #about-haochi-expand{
  cursor:pointer;
}
.hide, #about-haochi-more{
  display:none;
}
.article, .comment, #comment-form, #recent-comments li, #tag-line{
  border-bottom:1px dotted #ccc;
}