@import url("/stylesheets/miplet.css");

#titlebar { width: 930px }
#titlebar h1 { float: left }
#titlebar a { 
  float: left;
  margin-left: 10px;
  font-weight: bold;
  font-size: 115%;
  margin-top: 6px;
}
#articles { 
  border: 0 solid #f3ba69;
  border-top-width: 5px;
}
#articles .actions {
  padding: 5px 50px;
  width: 445px;
  background-color: #d7d7d7;
  float: left;
  border: 0 solid #d7d7d7;
  border-bottom-width: 1px;
}
#articles .actions a {
  font-weight: bold;
  float: right;
  padding-right: 11px;
}
#articles .actions a .down {
  background: transparent url(/images/blue_down_arrow.png) no-repeat right center; 
}
#articles .actions a .up {
  background: transparent url(/images/blue_up_arrow.png) no-repeat right center; 
}
#articles .article { 
  border: 0 solid #d7d7d7;
  border-bottom-width: 1px;
  padding: 10px;
  float: left;
  clear: left;
  width: 487px;
  padding-left: 48px;
  position: relative;
}
#articles .first { border-top-width: 1px }
#articles .avatar {
  border: 1px solid #333333;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  width: 30px;
  margin-left: -38px;
}
#articles .avatar img {
  position: absolute;
  bottom: 1px;
  left: 1px;
}
#articles .details { width: 380px }
#articles .title { font-weight: bold }
#articles .author, #articles .counts { font-size: 93% }
#articles .pipe { color #999 }
#articles .date {
  position: absolute;
  top: 10px;
  left: 420px;
  font-size: 93%
}