/*<style type="text/css">
 Blog Styles
----------------------------------------------- */
#box {
  width:600px;
  float:left;
  margin:0 0px 0 0px;
  padding:0 0 0 0;
  text-align:left;
  font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
  color:#ccc;
  font-size/* */:/**/small;
  }
#exterior {
  width:600px;
  float:left;
  background:#eec;
  margin:0px 0 0 0px;
  padding:0 0 0px 0px;
  color:#333;
  font-size:97%;
  line-height:1.5em;
  }
#interior {
  float:left;
  width:100%; 
  padding:10px 0 0;
  }

/* Blog Header
----------------------------------------------- */
#header {
  background:#357 ; /*832*/
  margin:0 0 0;
  padding:0 0 8px;
  color:#fff;
  }
#header div {
  
  padding:8px 15px 0;
  }
#page-title {
  margin:0;
  padding:10px 30px 5px;
  font-size:200%;
  line-height:1.2em;
  }
#page-title a {
  text-decoration:none;
  color:#fff;
  }
#description {
  margin:0;
  padding:5px 30px 10px;
  font-size:90%;
  line-height:1.5em;
  color:#abc;
  }

#col-header {
  text-align:left;
  background:#357 ; /*832*/
  margin:0 2px 0 2px;
  padding:0 0 8px;
  color:#fff;
  }

#col-title {
  margin:0;
  font:x-small/1.0em "Trebuchet MS",Verdana,Arial,Sans-serif;
  padding:10px 5px 5px;
  font-size:200%;
  line-height:1.2em;
  }

#col-description {
  margin:0;
  padding:5px 10px 10px;
  font-size:90%;
  line-height:1.5em;
  color:#abc;
 
  }


/* blogs
----------------------------------------------- */
.date-header {
  margin:0 28px 0 43px;
  font-size:85%;
  line-height:1.5em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#586;
  }
.blog {
  margin:.3em 0 25px;
  padding:5px 5px;
  border:2px dashed #bb9;
  border-width:2px 1;
  }
.blog-title {
  margin:0;
  font-size:135%;
  line-height:1.5em;
  display:block;
  border:1px dotted #bb9;
  border-width:1 1px 1px;
  padding:2px 14px 2px 29px; /*2 14 2 29*/
  color:#333;
  }
#exterior a.title-link, .blog-title strong {
  text-decoration:none;
  display:block;
  }
#exterior a.title-link:hover {
  background-color:#fff;
  color:#000;
  }
.blog-body {
  border:1px dotted #bb9;
  border-width:0 1px 1px;
  border-bottom-color:#eec;
  padding:10px 14px 1px 29px; /* 10 14 1 29*/
  }
html>body .blog-body {
  border-bottom-width:0;
  }
.blog p {
  margin:0 0 .75em;
  }
p.blog-footer {
  background:#fff;
  margin:0;
  padding:2px 14px 2px 29px;
  border:1px dotted #bb9;
  border-bottom:1px solid #eee;
  font-size:100%;
  line-height:1.5em;
  color:#666;
  text-align:right;
  }
html>body p.blog-footer {
  border-bottom-color:transparent;
  }
p.blog-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  }

/* Comments
----------------------------------------------- */
#exterior_comments {
  float:left;
  background:#fff;
  margin:0px 0 0;
  padding:0 0 0 0px;
  color:#333;
  font-size:97%;
  line-height:1.5em;
  }
#interior_comments {
  float:left;
  width:100%;
  padding:0px 0 0 0;
  }
.blog_comments {
  margin:.0em 0 0 43px;
  padding:0 0 0 0px;
  border:2px dotted #bb9;
  border-width:2px 1;
  }

.date-header_comments {
  margin:0 28px 0 43px; /* 0 28 0 43*/
  font-size:85%;
  line-height:1.5em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#586;
  }

.blog-body_comments {
  border:1px dotted #bb9;
  border-width:1px 1px 1px;
  border-bottom-color:#fff;
  padding:0px 14px 1px 29px;
  }

.bl {background:url(../images/blb.gif) 0 100% no-repeat; width:100%; text-align:center}
.br {background:url(../images/brb.gif) 100% 100% no-repeat}
.tl {background:url(../images/tlb.gif) 0 0 no-repeat}
.tr {background:url(../images/trb.gif) 100% 0 no-repeat; padding:10px}
.t {background:url(../images/dot.gif) 0 0 repeat-x; width:100%}
.b {background:url(../images/dot.gif) 0 100% repeat-x}
.l {background:url(../images/dot.gif) 0 0 repeat-y}
.r {background:url(../images/dot.gif) 100% 0 repeat-y}