/**
 * HTML Entities
 */

#blog blockquote {
  background: #f8f8f8;
  border: 1px solid #e7e7e7;
  margin: 16px 0;
  padding: 0;
}

#blog blockquote p {
  margin: 15px;
}

#blog h1 a {
  outline: 0;
  text-decoration: none;
}

#blog h2 {
  margin-bottom: 32px;
}

#blog fieldset {
  border: none;
  margin: 0;
  padding: 0;
}


/**
 * Layout
 */

#blog {
  clear: both;
}

#blog #articles {
  float: left;
  width: 685px;
  margin-left: 15px;
  display: inline;
}

#blog #sidebar {
  float: right;
  width: 235px;
  clear: none;
}


/**
 * Date
 */

#blog #articles .date {
  clear: both;
  float: left;
  width: 51px;
  height: 51px;
  background: url('/images/blog/bgs/date.gif') no-repeat;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  text-align: center;
}

#blog #articles .date .day {
  color: #ffffff;
  font-size: 18px;
  line-height: 20px;
}

#blog #articles .date .month {
  color: #ffffff;
  font-size: 11px;
  line-height: normal;
  text-transform: uppercase;
}

#blog #articles .date .year {
  color: #c5eafc;
  font-size: 10px;
  line-height: normal;
}


/**
 * Article
 */

#blog #articles .article {
  margin-left: 65px;
  margin-right: 20px;
  margin-bottom: 48px;
}

#blog #articles .article h3 {
  color: #3399cc;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  margin-top: 0;
}

#blog #articles .article h4 {
  color: #85c2e0;
  font-size: 18px;
  margin: 14px 0;
}

#blog #articles .article .info {
  height: 16px;
  background: url('/images/blog/bgs/info.gif') top center repeat-x;
  border-top: 1px solid #e7e7e7;
  margin-top: 5px;
  margin-bottom: 24px;
}

#blog #articles .article .info .posted-by {
  float: left;
  padding-left: 10px;
  background: url('/images/blog/bgs/posted-by.gif') left 5px no-repeat;
  margin-top: 5px;
}

#blog #articles .article .info .comments {
  float: right;
  padding-right: 10px;
  background: url('/images/blog/bgs/comments.gif') right 5px no-repeat;
  margin-top: 5px;
}

#blog #articles .article .content h4 {
  color: #85c2e0;
  line-height: normal;
  margin: 8px 0;
}

#blog #articles .article .content img.frame {
  background: #f8f8f8;
  border: 1px solid #e7e7e7;
  padding: 5px;
  margin: 0 15px 15px 15px;
}


/**
 * Comments
 */

#blog #comments {
  margin: 16px 15px 10px 15px;
}

#blog #comments p {
  margin-top: -12px;
}


/**
 * Replies
 */

#blog #replies {
  background: #fafafa;
  border: 1px solid #e7e7e7;
  padding: 14px;
}

#blog #replies p {
  margin: 0;
}

#blog #replies .by {
  padding-left: 13px;
  background: url('/images/blog/bgs/posted-by.gif') left 5px no-repeat;
}

#blog #replies .pointer {
  position: relative;
  width: 14px;
  height: 13px;
  overflow: hidden;
  top: 1px;
  left: 17px;
  z-index: 10;
}

#blog #replies .reply {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  line-height: 14px;
  margin-bottom: 16px;
  padding: 14px;
}


/**
 * Reply
 */

#blog #reply fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

#blog #reply fieldset fieldset {
  float: left;
  width: 276px;
  height: 190px;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#blog #reply fieldset fieldset label {
  display: block;
  height: 16px;
  padding-left: 3px;
  color: #868686;
  line-height: 16px;
}

#blog #reply fieldset fieldset label.lock {
  padding-left: 13px;
  background: url('/images/contact/lock.gif') 3px center no-repeat;
}

#blog #reply .field {
  height: 30px;
  padding: 0;
}

#blog #reply .field,
#blog #reply .textarea {
  background: #f0f0f0;
}

#blog #reply input,
#blog #reply textarea {
  width: 260px;
  color: #868686;
  margin: 3px;
  border: 1px solid #868686;
  padding: 4px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
}

#blog #reply textarea {
  height: 152px;
}

#blog #reply .lock {
  padding-left: 10px;
  background: url('/images/contact/lock.gif') 0 3px no-repeat;
}

#blog #reply input.selected,
#blog #reply textarea.selected {
  border: 1px solid #3399cc;
  color: #3399cc;
}

#blog #reply input.invalid,
#blog #reply textarea.invalid {
  border: 1px solid #d5540e;
}

#blog #reply #securitycode {
  float: left;
  margin-top: 3px;
  margin-left: 3px;
  border: 1px solid #868686;
}

#blog #reply #reply-captcha {
  width: 175px;
}

#blog #reply #submit {
  line-height: 28px;
  padding: 3px;
  text-align: right;
}

#blog #reply #submit #error {
  display: none;
  float: left;
  background: url('/images/icons/alert.gif') left center no-repeat;
  border: none;
  color: #d5540e;
  font-weight: bold;
  padding: 0 0 0 26px;
}

#blog #reply #submit input {
  float: right;
  width: 116px;
  height: 28px;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
}


/**
 * Sidebar
 */

#blog #sidebar h4 {
  background: url(/images/blog/bgs/sidebar.gif) left bottom no-repeat;
  margin: 6px 0 4px 0;
  color: #85c2e0;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 36px;
  padding: 0;
}


/**
 * Categories
 */

#blog #sidebar #categories {

}

#blog #sidebar #categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#blog #sidebar #categories ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#blog #sidebar #categories ul li a {
  display: block;
  width: auto;
  height: 21px;
  overflow: hidden;
  background: url('/images/blog/bgs/categories.gif') 0 0 no-repeat;
  padding-left: 20px;
  color: #868686;
  font-size: 11px;
  line-height: 21px;
  text-decoration: none;
}

#blog #sidebar #categories ul li a:hover {
  background: #ffffff url('/images/blog/bgs/categories.gif') 0 -21px no-repeat;
  color: #3399cc;
}

#blog #sidebar #categories ul li a.active,
#blog #sidebar #categories ul li a.active:hover {
  background: #ffffff url('/images/blog/bgs/categories.gif') 0 -42px no-repeat;
  color: #3399cc;
  font-weight: bold;
}


/**
 * Search
 */

#blog #sidebar #search {
  width: 235px;
  height: 62px;
  background: url('/images/blog/bgs/search.gif') no-repeat;
  margin: 24px 0;
}

#blog #sidebar #search form {
  padding: 6px 10px;
}

#blog #sidebar #search form fieldset label {
  display: block;
  padding-bottom: 2px;
  font-weight: bold;
}

#blog #sidebar #search form fieldset .input {
  float: left;
  width: 128px;
  border: 1px solid #868686;
  margin: 1px 4px 1px 0;
  padding: 4px;
}


/**
 * Syndication
 */

#blog #sidebar #syndication {
  margin: 24px 0;
}

#blog #sidebar #syndication img {
  float: left;
  padding-right: 12px;
}

#blog #sidebar #syndication p {
  margin-top: 12px;
  margin-bottom: 2px;
}

#blog #sidebar #syndication ul {
  height: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#blog #sidebar #syndication ul li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#blog #sidebar #syndication ul li a {
  padding: 8px;
  padding-left: 22px;
  line-height: 20px;
}

#blog #sidebar #syndication ul li a.rss {
  background: url('/images/blog/icons/rss.gif') left center no-repeat;
}

#blog #sidebar #syndication ul li a.atom {
  background: url('/images/blog/icons/atom.gif') left center no-repeat;
}


/**
 * Bookmarking
 */

#blog #sidebar #bookmarking {
  margin: 24px 0;
}

#blog #sidebar #bookmarking ul {
  float: left;
  width: 45%;
  list-style: none;
  margin: 0;
  padding: 0;
}

#blog #sidebar #bookmarking ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#blog #sidebar #bookmarking ul li a {
  padding: 6px;
  padding-left: 22px;
  line-height: 20px;
}

#blog #sidebar #bookmarking a.delicious {
  background: url('/images/blog/bookmarking/delicious.gif') left center no-repeat;
}

#blog #sidebar #bookmarking a.digg {
  background: url('/images/blog/bookmarking/digg.gif') left center no-repeat;
}

#blog #sidebar #bookmarking a.reddit {
  background: url('/images/blog/bookmarking/reddit.gif') left center no-repeat;
}

#blog #sidebar #bookmarking a.facebook {
  background: url('/images/blog/bookmarking/facebook.gif') left center no-repeat;
}

#blog #sidebar #bookmarking a.google-bookmarks {
  background: url('/images/blog/bookmarking/google-bookmarks.gif') left center no-repeat;
}

#blog #sidebar #bookmarking a.stumbleupon {
  background: url('/images/blog/bookmarking/stumbleupon.gif') left center no-repeat;
}

#blog #sidebar #bookmarking a.technorati {
  background: url('/images/blog/bookmarking/technorati.gif') left center no-repeat;
}

#blog #sidebar #bookmarking a.yahoo-bookmarks {
  background: url('/images/blog/bookmarking/yahoo-bookmarks.gif') left center no-repeat;
}


/**
 * Recent
 */

#blog #sidebar #recent {
  margin: 24px 0;
}

#blog #sidebar #recent ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#blog #sidebar #recent ul li {
  background: url('/images/blog/bgs/recent.gif') 0 6px no-repeat;
  border-bottom: 1px solid #f3f3f3;
  padding: 4px 15px 6px 22px;
  line-height: normal;
  list-style: none;
  margin: 0;
}