/*****************************************************************************/
/*
/* Home
/*
/*****************************************************************************/

ul.posts {
  list-style-type: none;
  margin-bottom: 2em;
}

ul.posts li {
  line-height: 1.75em;
}

ul.posts span {
  color: #aaa;
  font-family: Monaco, "Courier New", monospace;
  font-size: 80%;
}


div#about p{
  margin-left:10px;
}

/*****************************************************************************/
/*
/* Site
/*
/*****************************************************************************/
body {
  background:#fff url(/images/bg-top.png) top left repeat-x;
}
.site {
  font-size: 120%;
  text-align: justify;
  width: 42em;
  margin: 3em auto 2em auto;
  line-height: 1.5em;
}

.header{
  position:relative;
}
  .header *{margin:0;padding:0;}
  
  .header a.img{
    float:right;
    background-color:#222;
    background-image:url(/images/avatar.red.jpg);
    height:150px;
    width:200px;
    border:8px solid #ddd;
    margin-left:20px;
    margin-top:15px;
  }
  .header a.img:hover{
    background-image:url(/images/avatar.pixel.blue.jpg);
  }
  .header a.img img{
    border:8px solid #ddd;
    background-color:#333;
  }
  .header #feedlink{
    position:absolute;
    bottom:0;
    left:0;
  }
  .header .vcard img{
    float:left;
    margin-right:8px;
    border:1px solid #444;
    display:none;
  }
  .header .vcard .details{
    text-align:right;
    border-left:8px solid #ddd;
    padding-top:5px;
    background-color:#ffc;
  }
  .header .vcard .links{
    border-left:8px solid #ddd;
    border-bottom:8px solid #ddd;
    background-color:#ffc;
    padding-bottom:5px;
  }
  
  .header h1{
    font-size:2em;
    color:#777;
    margin-bottom:0;
    border-bottom:8px solid #ddd;
    padding-left:20px;
  }
  .header h1 a{
    color:#222;
    text-decoration:none;
    padding:0 15px;
  }
  .header h1 a:hover{
    color:#fff;
  }
  .header h2{
    font-size:1.3em;
    color:#aaa;
  }
  .header h3{
    font-size:1em;
    color:#aaa;
  }
  .header h4{
    font-size:0.8em;
    color:#888;
  }
  .header p{
    font-size:0.8em;
    line-height:1em;
    text-align:left;
    padding:2px;
    margin:0px;
  }
  .header p a{
    padding:2px;
  }
  

.content{
  clear:both;
}
  .content h1,
  .content h2{
    margin:25px 0 3px 0;
    padding:2px 0;
    color:#333;
  }
  .content h3{
    margin:2px 0;
    padding:2px 5px;
    background-color:#eee;
    color:#555;
  }
  .content h4,
  .content h5{
    margin:0px 0;
    padding:2px 10px;
    border-bottom:1px solid #ddd;
    color:#777;
  }
  
  .content p{
    margin:5px 0 15px 0;
  }
  
  



.site .meta {
  color: #aaa;
}

.site .footer {
  color: #666;
  border-top:4px solid #ddd;
  margin-top: 2em;
  overflow: hidden;
}
.site .footer p{
  padding:0 10px;
  font-size:80%;
  margin:2px 0;
}
.site .footer p.bar {
  background-color:#ddd;
  color:#888;
}



/*****************************************************************************/
/*
/* Posts
/*
/*****************************************************************************/

#post {

}

/* standard */

#post pre {
  border: 1px solid #ddd;
  background-color: #eef;
  background-color: #efe;
  padding: 0 .4em;
}

#post code {
  border: 1px solid #ddd;
  background-color: #ffccff;
  font-size: 95%;
  padding: 0 0.2em;
}

#post pre code {
  border: none;
}

/* terminal */

#post pre.terminal {
  border: 1px solid black;
  background-color: #333;
  color: white;
}

#post pre.terminal code {
  background-color: #333;
}

#post h5#subtitle{
  text-align:right;
  border-bottom:0px solid #fff;
}

#related {
  margin-top: 2em;
}

#related h2 {
  margin-bottom: 1em;
}