html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

*:focus {
  outline: 10; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

body {
  font-family: "Droid Serif", "Georgia";
  color: black;
  background-color: #f0f0f0;
  font-size: 12px;
  border-top: 8px solid black; }

h1 {
  font-size: 30px;
  margin: 6px 0 6px 0; }

h2 {
  font-size: 16px;
  margin: 4px 0 4px 0; }

h3 {
  font-size: 14px;
  margin: 2px 0 2px 0; }

a, a:link, a:visited {
  text-decoration: none;
  color: black; }

a:hover {
  text-decoration: underline; }

hr {
  color: silver;
  border: 1px dotted silver;
  border-style: none none dotted;
  margin: 25px 0 25px 0;
  padding: 0;
  clear: both; }

p {
  margin: 0 0 4px 0; }

.clear {
  clear: both; }

#holder {
  margin: 10px 20px 20px 20px; }
  #holder #menu {
    margin: 25px 0 0 0; }
    #holder #menu h1 {
      font-family: "Raleway", "Georgia";
      float: left;
      margin: 0; }
      #holder #menu h1 a:hover {
        text-decoration: none; }
    #holder #menu ul {
      float: left;
      margin: 8px 0 0 36px;
      padding: 0; }
      #holder #menu ul li {
        float: left; }
        #holder #menu ul li .title {
          font-weight: bold;
          margin: 0 0 0 18px; }
          #holder #menu ul li .title.first {
            margin: 0; }
        #holder #menu ul li .item {
          margin: 0 0 0 4px;
          font-weight: normal; }
  #holder #content {
    margin: 0; }
    #holder #content .navigation {
      margin: 20px 0 20px 0; }
      #holder #content .navigation span {
        background-color: black;
        color: white;
        padding: 3px;
        font-style: italic; }
    #holder #content #resume {
      margin: 0 0 30px 0;
      font-style: italic; }
      #holder #content #resume span {
        color: white;
        background-color: black;
        line-height: 15px;
        padding: 1px 0 1px 0; }
    #holder #content .index-partials div {
      float: left; }
      #holder #content .index-partials div h2.title {
        font-family: "Raleway", "Georgia";
        width: 230px;
        margin: 0;
        padding: 10px 0 10px 10px;
        background-color: white;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-top-right: 10px;
        -moz-border-radius-top-left: 10px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px; }
      #holder #content .index-partials div .item.partial {
        margin-bottom: 0; }
    #holder #content .social {
      line-height: 14px;
      clear: both; }
      #holder #content .social a.title {
        font-weight: bold;
        height: 16px;
        padding: 0 0 0 22px; }
        #holder #content .social a.title.flickr {
          background: url(../images/icons/flickr.png) no-repeat; }
        #holder #content .social a.title.delicious {
          background: url(../images/icons/delicious.png) no-repeat; }
        #holder #content .social a.title.youtube {
          background: url(../images/icons/youtube.png) no-repeat; }
        #holder #content .social a.title.xbox {
          background: url(../images/icons/xbox.png) no-repeat; }
        #holder #content .social a.title.twitter {
          background: url(../images/icons/twitter.png) no-repeat; }
      #holder #content .social p.content {
        margin: 4px 0 18px 0; }

.item h1 {
  clear: both; }
.item img.detach {
  float: left; }
.item .content {
  margin: 0 0 0 410px; }
  .item .content p.key {
    font-weight: bold; }
  .item .content p.value {
    margin: 0 0 10px 0; }
.item .extra-content {
  clear: both; }
  .item .extra-content p {
    margin: 20px 0 0 0; }
  .item .extra-content br {
    margin: 0 0 6px 0; }

.item.partial {
  float: left;
  margin: 0 60px 60px 0;
  width: 240px;
  color: #333331;
  height: 248px; }
  .item.partial .image {
    margin: 0;
    padding: 0;
    height: 180px; }
    .item.partial .image img {
      width: 240px; }
  .item.partial .content {
    width: 224px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottom-right: 10px;
    -moz-border-radius-bottom-left: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: white;
    padding: 8px;
    margin: 0; }
    .item.partial .content a, .item.partial .content a:link, .item.partial .content a:hover, .item.partial .content a:visited {
      color: black; }
      .item.partial .content a p, .item.partial .content a:link p, .item.partial .content a:hover p, .item.partial .content a:visited p {
        margin: 0;
        color: #333331; }