/* --------------- LAYOUT ------------ */
  /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter {
  display: block;
  margin: 0 auto
}

.alignleft {
  float: left
}

.alignright {
  float: right
}

.wp-caption {
  border: 1px solid #666;
  text-align: center;
  background: #ccc;
  padding: 10px;
  margin: 10px
}

/* You might find the following useful */
  /* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear {
  clear: both;
  display: block;
  height: 1px;
  margin: -1px 0 0 0
}  /* Use this br class to clear your floated columns */
li#theme-switcher {
  background: #fff;
  border: 10px solid red;
  padding: 20px;
  position: fixed;
  top: 0;
  right: 0
}

/* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
  /* -------------- MAIN ---------------- */
.blog #blog-main {
  width: 60%;
  float: left;
}

.blog #sidebar {
  width: 35%;
  float: right;
}

.blog .post,.blog #respond {
  clear: both;
}

.blog .post h1 {
  margin-bottom: 1px;
}

.blog .post .small {
  font-size: 0.9em;
}

.blog .post .comments-num {
  float: right;
}

.blog .post p {
  clear: both;
}

.blog .post p.more-link {
  clear: none;
  margin: 0;
  margin-top: -1em;
}

.blog .post img.alignleft {
  margin-right: 8px;
}

.blog .post img.alignright {
  margin-left: 8px;
}

.blog .postmetadata {
  margin-top: 2em;
  text-align: right;
}

/* ------------ SIDE BAR -------------- */
.blog #sidebar ul li.widget {
  list-style: none;
  border-bottom: 1px solid #E6E5DA;
}

.blog #sidebar h2 {
  margin-bottom: 0em;
}

/* Twitter Widget */
.blog #sidebar ul li.widget_twitter {
  border-bottom: none;
}

/* comments */
.blog .box {
  background: #FFFFFF none repeat scroll 0 0;
  border: 1px solid #CFCFCF;
  margin: 0 0 15px;
  padding: 1px;
}

.blog .box .content {
  background: #F0F0F0 none repeat scroll 0 0;
  height: 1%;
  padding: 13px 13px 15px;
}

.blog #comments h4 {
  color: #000;
}

.blog #comments h2 {
  margin-top: 0;
}

.blog #comments .comment-body {
  clear: both;
  border: 1px solid #CFCFCF;
  background-color: #fff;
  margin-bottom: 1em;
}

.blog #comments .comment-author.vcard {
  float: left;
  margin-right: 1em;
  text-align: right;
  width: 80px;
}

.blog #comments .comment-author.vcard cite.fn {
  display: block;
}

.blog #comments .comment-meta.commentmetadata {
  font-size: 0.8em;
  font-style: italic;
}

.blog #comment {
  margin-bottom: 1em;
}