/* Start: Yahoo UI Library: Reset CSS, with a few slight modifications */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}
.clear {clear:both;}
/* End: YUI Reset */


/* Sitewide */
.image {
  display:block;
  line-height:0;
  padding:3px;
  background:#eee;
}
a.image:hover {
  background:#ccc;
}
em {
  font-style:italic;
  font-weight:inherit;
}
strong {
  font-style:inherit;
  font-weight:bold;
}
h2 {
  font-family:georgia, times, serif;
  font-size:16px;
  line-height:1.5em;
  color:#666;
  font-style:italic;
  border-bottom:1px solid #ccc;
}
p {
  line-height:1.5em;
  margin:1.5em 0;
}
a {
  color:#3285BB;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
blockquote {
  font-family:georgia, times, serif;
  font-size:16px;
  line-height:24px;
  font-style:italic;
  margin:0 0 0 -14px;
  padding:0 0 0 10px;
  border-left:4px solid #ccc;
}
.clear {
  overflow:hidden;
  height:0;
  clear:both;
}


/* Main Structure */
body {
  font-family:arial, helvetica, sans-serif;
  font-size:13px;
  color:#333;
}
.wrap {
  width:700px;
  margin:0 auto;
}
.title {
  padding-top:60px;
  margin-bottom:50px;
}
.title #logo {
  display:block;
  margin-top:5px;
  overflow:hidden;
  height:0;
  width:140px;
  padding-top:43px;
  background:url(/images/logo.png);
}
.title .image {
  float:right;
}
#footer {
  padding-top:80px;
  padding-bottom:50px;
}
#contact h2 {
  margin-bottom:20px;
}
#contact td {
  line-height:1.5em;
  padding-right:20px;
}


/* Home */
blockquote.callout {
  margin-bottom:50px;
}


/* Work */
#work {
  margin-bottom:80px;
}
#work ul {
  margin-top:20px;
}
#work .project {
  margin-bottom:40px;
}
#work .project .image {
  float:left;
  width:400px;
  margin-right:-294px;
}
#work .project .info {
  padding-top:20px;
  float:right;
  width:274px;
  margin-left:20px;
}
#work a.view-site h3 {
  font-size:16px;
  font-weight:bold;
  color:#333;
}
#work a.view-site span {
  font-family:georgia, times, sans-serif;
  font-style:italic;
}


/* Bio */
#bio {
  float:left;
  width:340px;
  margin-right:-360px;
}
#twitter {
  float:right;
  width:340px;
  margin-left:20px;
}
#twitter h2 a {
  font-size:14px;
}
#twitter #twitter_update_list li {
  border-bottom:1px dotted #ddd;
  line-height:1.5em;
  padding:0.5em 0;
}
#twitter #twitter_update_list li span {
  font-style:italic;
  line-height:1.5em;
}
#twitter #twitter-link {
  text-align:right;
  font-family:georgia, times, sans-serif;
  font-style:italic;
  display:block;
  margin-top:0.5em;
}


/* Blog Articles Listing */
#articles {
  margin-bottom:80px;
}
#articles li {
  margin:1.5em 0;
  font-size:14px;
}
#articles .date {
  color:#999;
  font-family:"monaco","courier",monospace;
  font-size:12px;
}
#articles .arrow {
  font-family:verdana,sans-serif;
  font-size:13px;
}


/* Articles */
.article h1 {
  font-size:16px;
  font-weight:bold;
}
.article p {
  font-size:14px;
}
.article h3 {
  text-transform:uppercase;
  font-size:14px;
  font-weight:bold;
}
.article ul li {
  font-size:14px;
  list-style:disc;
  line-height:1.5em;
  margin-left:2em;
}
.article .image {
  margin:1.5em auto;
}
.article blockquote {
  margin-top:1.5em;
  margin-bottom:1.5em;
}