/* -- basic html elements -- */
body {padding: 0; margin: 0; font: 75% Helvetica, Arial, sans-serif; color: #474B4E; background: #fff; text-align: center;}
a {color: #DD6599; font-weight: bold; text-decoration: none;}
a:visited {color: #D6A0B6;}
a:hover {text-decoration: underline; color: #FD0570;}
h1 {margin: 0; color: #7B8186; font-size: 1.5em; text-transform: lowercase;}
h1 a {color: #7B8186;}
h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #7B8186; background: transparent url(http://www.blogblog.com/snapshot/bg-header1.gif) bottom right no-repeat; padding-bottom: 2px;}
@media all {
  h3 {
    font-size: 1em;
    margin: 2em 0 0 0;
    background: transparent url(http://www.blogblog.com/snapshot/bg-header1.gif) bottom right no-repeat;
    padding-bottom: 2px;
    }
  }
@media handheld {
  h3 {
    background:none;
    }
  }
h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;}
h5 {color: #7B8186;}
h6 {font-size: 0.8em; text-transform: up	percase; letter-spacing: 2px;}
p {margin: 0 0 1em 0;}
img, form {border: 0; margin: 0;}

/* -- layout -- */
@media all {
  #content {
    width: 700px;
    margin: 0 auto;
    text-align: left;
    background: #fff url(http://www.blogblog.com/snapshot/bg-body.gif) 0 0 repeat-y;}
    }
  #header {
    background: #D8DADC url(http://www.blogblog.com/snapshot/bg-headerdiv.gif) 0 0 repeat-y;
    }
  #header div {
    background: transparent url(http://www.blogblog.com/snapshot/header-01.gif) bottom left no-repeat;
  }
  #main {
    line-height: 1.4;
    float: left;
    padding: 10px 12px;
    border-top: solid 1px #fff;
    width: 468px;
    /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 444px;
    }
  }
@media handheld {
  #content {
    width: 90%;
    }
  #header {
    background: #D8DADC;
    }
  #header div {
    background: none;
  }
  #main {
    float: none;
    width: 100%;
    }
  }
/* IE5 hack */
#main {}
@media all {
  #sidebar {
    margin-left: 468px;
    border-top: solid 1px #fff;
    padding: 4px 0 0 7px;
    background: #fff url(http://www.blogblog.com/snapshot/bg-sidebar.gif) 1px 0 no-repeat;
    }
  #footer {
    clear: both;
    background: #E9EAEB url(http://www.blogblog.com/snapshot/bg-footer.gif) bottom left no-repeat;
    border-top: solid 1px #fff;
    }
  }
@media handheld {
  #sidebar {
    margin: 0 0 0 0;
    background: #fff;
    }
  #footer {
    background: #E9EAEB;
    }
  }

/* -- header style -- */
#header h1 {padding: 12px 0 92px 4px; width: 557px; line-height: 1;}

/* -- content area style -- */
#main {line-height: 1.4;}
h3.post-title {font-size: 1.2em; margin-bottom: 0;}
h3.post-title a {color: #C4663B;}
.post {clear: both; margin-bottom: 4em;}
.post-footer em {color: #B4BABE; font-style: normal; float: left;}
.post-footer .comment-link {float: right;}
#main img {border: solid 1px #E3E4E4; padding: 2px; background: #fff;}
.deleted-comment {font-style:italic;color:gray;}

/* -- sidebar style -- */
@media all {
  #sidebar #description {
    border: solid 1px #F3B89D;
    padding: 10px 17px;
    color: #C4663B;
    background: #FFD1BC url(http://www.blogblog.com/snapshot/bg-profile.gif);
    font-size: 1.2em;
    font-weight: bold;
    line-height: 0.9;
    margin: 0 0 0 -6px;
    }
  }
@media handheld {
  #sidebar #description {
    background: #FFD1BC;
    }
  }
#sidebar h2 {font-size: 1.3em; margin: 1.3em 0 0.5em 0;}
#sidebar dl {margin: 0 0 10px 0;}
#sidebar ul {list-style: none; margin: 0; padding: 0;}
#sidebar li {padding-bottom: 5px; line-height: 0.9;}
#profile-container {color: #7B8186;}
#profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;}
.archive-list {margin-bottom: 2em;}
#powered-by {margin: 10px auto 20px auto;}


/* -- sidebar style -- */
#footer p {margin: 0; padding: 12px 8px; font-size: 0.9em;}
#footer hr {display: none;}


/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }