body {
  background:#e5efff url("http://heartsprout.com/images/bg.gif") repeat-x;
  margin:0;
  padding:10px 0 14px;
  font:x-small Verdana,Sans-serif;
  text-align:center;
  color:#333333;
  font-size/* */:/**/small;
  font-size: /**/small;
  }

/* Page Structure
----------------------------------------------- */
@media all {
  #wrap {
    position:relative;
    top:5px;
    left:4px;
    background:#666666;
    width:744px;
    margin:0 auto;
    text-align:left;
    }
  }
@media handheld {
  #wrap {
    width:90%;
    }
  }
#wrap2 {
  position:relative;
  top:-4px;
  left:-4px;
  background:#ffffff;
  padding:10px;
  }
#content {
  background:url("http://heartsprout.com/images/bg-content.gif") repeat-y left top;
  width:100%;
  font-size:85%;
  }
@media all {
  #main {
    background:#f5ffce url("") no-repeat right top;
    width:460px;
    float:left;
    color:#333;
    }
  #sidebar {
    background:#330000 url("") no-repeat left top;
    width:254px;
    float:right;
    padding:0;
    color:#cdb;
    }
  }
@media handheld {
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }
#main2 {
  margin:0;
  padding:15px 20px;
  }
#sidebar2 {
  margin:0;
  padding:2px 20px 10px;
  }


/* Links
----------------------------------------------- */
a:link {
  color:#993300;
  text-decoration:none;
  }
a:visited {
  color:#776;
  text-decoration:none;
  }
a:hover {
  color:#ff6600;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }
#sidebar a:link {
  color:#ff9900;
  }
#sidebar a:visited {
  color:#ff9900;
  }
#sidebar a:hover {
  color:#ff6600;
  }


/* Header
----------------------------------------------- */
#header {
  background:#fff url("http://heartsprout.com/images/banner.jpg") no-repeat left top;
  padding:0;
  margin:-15px 0 0 0;
  height:281px;
  width:100%;
  width/* */:/**/auto;
  width:auto;
  }


/* Posts
----------------------------------------------- */
.date-header {
  border-top:2px solid #333;
  margin:0 0 .5em;
  font:bold 112%/1.4em Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  color:#333;
  }
.post {
  margin:0 0 2em;
  }
.post-title {
  margin:0 0 .25em;
  font:bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif;
  color:#330000;
  }
#main .post-title a {
  text-decoration:none;
  color:#330000;
  }
#main .post-title a:hover {
  color:#330000;
  }
.post p, .post-body {
  margin:0 0 .75em;
  line-height:1.6em;
  }
.post-footer {
  color:#ab9;
  text-transform:lowercase;
  }
.post-footer em {
  font-style:normal;
  color:#787;
  }
.post blockquote {
  margin:1em 20px;
  padding:5px 0;
  border:2px solid #dec;
  border-width:2px 0;
  font-style:italic;
  color:#330000;
  }
.post blockquote p {
  margin:.5em 0;
  }
.post img {
  border:5px solid #fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }
.img-info {
  font:bold 112%/1.4em Arial,Verdana,Sans-serif;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }
ul {
  margin:0 0 0 10px;
  padding:0;
  list-style:none;
  }
li {
  background: url(http://heartsprout.com/images/bullet.gif) 2px 3px no-repeat;
  padding:0 0 0 20px;
  line-height: 1em;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:2em 0 0;
  border-top:2px solid #dec;
  padding-top:1em;
  }
#comments h4 {
  margin:0 0 .25em;
  font:bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  color:#366;
  }
#comments-block {
  margin:0;
  line-height:1.6em;
  }
.comment-poster {
  margin:0 0 .25em;
  font:bold 112%/1.4em Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  }
.comment-body, .comment-body p {
  margin:0 0 .75em;
  }
p.comment-timestamp {
  margin:-.25em 0 2em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.comment-link {
  margin-left:.6em;
  }

/* Sidebar 
----------------------------------------------- */
.sidebar-title {
  margin:1em 0 .25em;
  font:bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif;
  color:#aadf4f;
  text-transform:lowercase;
  }
#sidebar ul {
  margin:0 0 1.5em;
  padding:0;
  list-style:none;
  }
#sidebar li {
  background: url(http://www.designindustry.org/village/blog/bullet.gif) 2px 3px no-repeat;
  padding:0 0 .25em 20px;
  text-indent:-10px;
  line-height:1.4em;
  }
#sidebar p {
  margin:0 0 .75em;
  line-height:1.4em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.75em;
  }
.profile-datablock, .profile-textblock {
  margin:0 0 .75em;
  line-height:1.4em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  border:5px solid #786;
  }
.profile-data {
  font-weight:bold;
  color:#fff;
  }
.profile-data strong {
  display:none;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:10px 0 0;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding:5px 0;
  }


/* Misc
----------------------------------------------- */
.clear {
  clear:both;
  display:block;
  height:1px;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:1px;
  }

.center {
margin: 0 auto;
text-align: center;
}