/**
 * Clear browser default styles
 * Adapted from Tantek Çelik's undohtml.css
 *   http://tantek.com/log/2004/09.html#d06t2354
 */  
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,
pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }  

/**
 * Baseline styles used by most pages
 */
body,
#recent_activity .friendfeed {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  line-height: 18px;
  font-size: 12px;
}
li {
  margin-bottom: 1.5em;
}
:link, :visited,
.friendfeed .feed a:link, .friendfeed .feed a:visited {
  text-decoration: underline;
  color: #ac2435 !important;
}
a.subscribe {
  padding-left: 16px;
  background: url(/images/feed-12x12.gif) no-repeat left center;
}

#page,
#header {
  width: 86.7%;
  min-width: 700px;
  max-width: 94em;
  margin: 20px auto;
}
  #header h1 {
    float: left;
    width: 300px;
    height: 27px;
    margin-top: -5px;
    background: url(../images/logo.gif) no-repeat 1.8em;
    text-indent: -10000px;
  }
    #header h1 a {
      display: block;
      width: 220px;
      height: 27px;
    }
  #header p {
    padding-right: 1.8em;
    text-align: right;
    color: #766;
  }

#page,
#projects_articles {
  border: 1px solid #aaa;
  border-bottom: 0;
}
  h2 {
    padding-left: 1.8em;
    line-height: 2.2em;
    text-transform: uppercase;
    background: #eeeeee;
    border-bottom: 1px solid #dfdfdf;
    color: #211;
  }
  #about,
  #projects_articles,
  #recent_activity {
    float: left;
  }
  #about {
    width: 23%;
  }
    #about dt {
      float: left;
      width: 4em;
      padding-right: 1em;
      font-size: 10px;
      text-align: right;
      text-transform: uppercase;
      color: #766;
    }
    #about dd {
      float: left;
      white-space: nowrap;
    }
  #projects_articles,
  #recent_activity {
    width: 38.4%;
  }
  #projects_articles {
    border-top: 0; border-bottom: 0;
    padding-bottom: 1em;
  }
    #about p,
    #about dl,
    #projects_articles ul,
    #projects_articles p,
    #recent_activity .friendfeed,
    #recent_activity p {
      margin-top: 1.2em;
      margin-right: 1.8em;
      margin-bottom: 1.5em;
      margin-left: 1.8em;
      padding: 0;
    }
    #projects_articles ul {
      margin-bottom: -0.4em;
    }
    #projects_articles strong {
      display: block;
      font-size: 1.1em;
    }

  #recent_activity {
    margin-right: -1px;
  }
    #recent_activity .friendfeed,
    #recent_activity p {
      margin-left: 1.7em;
    }
    #recent_activity .friendfeed img {
      margin-top: 2px;
    }
    #recent_activity .friendfeed .header {
      display: none;
    }
    #recent_activity .friendfeed .feed {
      padding: 0;
      border: 0;
    }
    #recent_activity .friendfeed .feed .entry {
      margin-bottom: 1.5em;
    }
    #recent_activity .friendfeed .feed .entry .date {
      margin-top: 0;
      font-size: 0.95em;
    }
    #recent_activity .friendfeed .feed .entry .media {
      margin-top: 0.5em;
      margin-bottom: -1px;
      height: 85px !important;
    }
    #recent_activity .friendfeed .feed .entry .comments {
      display: none;
    }
    
    #creditfooter {
      display: none;
    }
  #clear {
    clear: both;
    line-height: 0;
  }
  #footer {
    clear: both;
    padding: 1em 2.1em;
    font-size: 0.85em;
    border-top: 1px solid #aaa;
    color: #766;
  }
    #footer a {
      color: #433 !important;
    }
    
  
  
/**
 * Used by article pages only
 */
  
  #content {
    margin-left: 23%;
    padding: 0 1.8em 1.4em 1.8em;
    border-left: 1px solid #ccc;    
  }
    #content h2 {
      margin: 0 -1.8em 1.2em -1.8em;
    }
    #content h3 {
      font-size: 2em;
      line-height: 1;
    }
    #content p, #content>ul, #content>ol, #content blockquote, #content pre, #content h4 {
      margin-top: 1.35em;
      font-size: 1.1em;
    }
      #content blockquote {
        padding-left: 1em;
        border-left: 1px dotted #aaa;
      }
      #content blockquote p, #content li p {
        font-size: 1em;
      }
      #content pre {
        font-size: 1em;
      }
    #content h4 {
      margin-top: 1.05em;
      font-size: 1.5em;
    }
    #content li {
      margin-top: 0;
      margin-bottom: 0;
    }
    #content ul li {
      padding-left: 0.9em;
      background: url(../images/bullet.gif) no-repeat left 0.5em;
    }
    #content ol li {
      margin-left: 1.5em;
      list-style: decimal;
    }
    #content ol ul li {
      list-style: none;
    }
	.hr {
	  text-align: center;
	  color: #999;
	}
  .feedburnerFlareBlock {
    display: none;
  }
  .feedburnerFlareBlock span {
    display: none;
  }
  
  div.ads {
    margin-top: 1.2em;
  }
    #about div.ads {
      margin-left: 1.8em;
    }
    #content div.ads {
      margin-top: 2em;
    }
    
/**
 * IE6 overrides
 */
 
* html #page,
* html #header {
  width: 1000px;
}
* html #header h1 {
  position: absolute;
  top: 12px;
  margin-top: 0;
  height: 32px;
}