.bgr {background: #fff url(photos/banner.jpg);}
.bgr2 {background: #fff url(photos/back.gif);}
.bgr3 {background: #fff url(photos/footer.jpg);}

/* -- basic html elements -- */
body {padding: 0; margin: 0; font: 65% Verdana, Helvetica, sans-serif; color: #000000; background: #F8F4E9; text-align: center;}
a {color: #333333; font-weight: bold; text-decoration: none;}
a:visited {color: #839D07;}
a:hover {text-decoration: underline; color: #6C65D5;}
.a {color: #ffffff; font-weight: bold; text-decoration: none;}
.a:visited {color: #eeeeee;}
.a:hover {text-decoration: underline; color: #eeeeee;}
span {margin: 0; color: #7B8186; font-size: 0.1em; text-transform: lowercase;}
h1 {margin: 0; padding-bottom: 0px; color: #ffffff; font-size: 1.9em; text-transform: lowercase;}
h1 a {color: #7B8186;}
@media all {
  h3 {
    font-size: 1em;
    margin: 2em 0 0 0;
    padding-bottom: 2px;
    }
  }
@media handheld {
  h3 {
    background:none;
    }
  }
h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;}
h5 {color: #000000;}
h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;}
p {margin: 0 0 1em 0;}
img, form {border: 0; margin: 0;}

/* -- layout -- */
td {text-align: left}
.span {text-align: left; font-size:10px}
@media all {
    #content {
      width: 700px;
      margin: 0 auto;
      text-align: left;
      }
    #header {
      }
    #header div {
      }
    #main {
     line-height: 1.4;
     float: left;
     padding: 10px 12px;
     border-top: solid 1px #fff;
     width: 428px;
     voice-family: "\"}\"";
     voice-family: inherit;
     width: 404px;
    }
  }
@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: 428px;
    border-top: solid 1px #fff;
    padding: 4px 0 0 7px;
    }
  #footer {
    clear: both;
    border-top: solid 1px #fff;
    }
  }
@media handheld {
  #sidebar {
    margin: 0 0 0 0;
    background: #fff;
    }
  #footer {
    background: #E9EAEB;
    }
  }

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

/* -- content area style -- */
h3.post-title {font-size: 1.2em; margin-bottom: 0;}
h3.post-title a {color: #7C78B5;}
.post {clear: both; margin-bottom: 4em;}
.post-footer em {color: #B4BABE; font-style: normal; float: left;}
.post-footer {text-align: right;}
.comment-link {margin-left:.6em;}
#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 #BFFC45;
    padding: 10px 17px;
    color: #839D07;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 0.9;
    margin: 0 0 0 -6px;
    }
  }
@media handheld {
  #sidebar #description {
    background: #CCFD6A;
    }
  }
#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;}