body { margin:0px; padding:0px; background-color:#7F734D; color:#111111; line-height:18px; font-family:"Georgia",serif; }
  a { color:#BC110A; text-decoration:none; }
  a:hover { text-decoration:underline; color:#480200; }
  ul { padding-left:16px; margin:0px; }
  p { margin:10px 0px; }
  th { text-align:left; width:140px; vertical-align:top; }

  h1, h2, h3, h4, h5, #header a { font-family:"Vollkorn"; text-transform:lowercase; margin:0px; padding:0px; }
  #header a { font-size:48px; line-height:45px; }
  h1 { font-size:32px; line-height:36px; }
  h2 { font-size:27px; line-height:27px; }
  h3 { font-size:24px; line-height:27px; }
  h4 { font-size:17px; }
  body { font-size:13px; }

#canvas { width:100%; float:left; }

#header-wrapper { background-color:#A2A171;  float:left; width:100%; }
  #header { width:940px; padding:0px 20px; margin:45px 0px 0px -480px; position:relative; left:50%; }
  #header a { color:black; text-decoration:none; }

#content-wrapper { width:100%; background-color:#DBDBA5; float:left; border-bottom:10px solid #BC110A; border-top:15px solid #480200; }
  #content { width:940px; padding:0px 10px; float:left; position:relative; left:50%; margin-left:-480px; background-color:white; border:1px solid #ccc; border-width:0px 1px; box-shadow:0px 0px 2px #000; }
  #navigation { width:320px; padding:16px 0px 10px; float:left; }
  #navigation div { padding:0px 10px; float:left; }
  #navigation div ul { padding:0px 0px 10px; list-style-type:none; font-family:"Trebuchet MS","Liberation Sans","DejaVu Sans",sans-serif; }
  #navigation div ul li { padding:0px 15px; background:transparent url("../images/nav_bullet.gif") left center no-repeat; }
  #body { min-height:350px; width:600px; float:right; padding:15px 10px; } 

#profile { width:300px; padding:10px; float:left; }
  #profile img { border:1px solid #555; float:left; margin:10px 10px 2px 0px; }
  #profile p { margin-right:10px; }

#footer-wrapper { width:100%; float:left; }
  #footer { width:940px; padding:0px 10px 10px; position:relative; left:50%; margin-left:-480px; }
  #footer div { float:left; padding:10px; }
  #footer div p { margin-top:0px; }
  #footer div ul { padding:0px; float:left; min-height:85px; width:140px; list-style-type:none; font-family:"Trebuchet MS","Liberation Sans","DejaVu Sans",sans-serif; }
  #footer div ul li a { color:#480200; }
  #footer div:last-child { width:140px; }

.resume-body .download { float:right; position:relative; top:1em; }
.resume-body h2 { margin-top:20px; }
.resume-body div, .resume-body table, .resume-body ul { margin-bottom:18px; }
.resume-body div p { margin:2px 0px; }

.portfolio-body div { margin:20px 0px; }
.portfolio-body div h3 { font-weight:normal; text-decoration:none; margin:10px 0px 5px; }
.portfolio-body div h4 { font-weight:normal; display:block; border-bottom:1px solid #333; margin:6px 0px 5px; }
.portfolio-body div span.date { float:right; font-style:italic; text-transform:lowercase; }
.portfolio-body div .img { margin-top:5px; }
.portfolio-body div .img img { border:1px solid #666; width:145px; }

.anki-body h3 { margin-top:27px; }

@media screen and (max-width:960px) {
  body { overflow-x:hidden; }
  #header a { font-size:35px; }
  #header, #content, #navigation, #body, #profile, #footer { width:auto; left:0px; margin-left:0px; clear:both; min-height:0px; }
  #navigation div { margin-right:3em; }
  .resume .download { float:none; }
}