/*
#4B2415 heading
#586786 light theme
#222B52 dark theme
*/

body {
  font: 12px Arial, Helvetica, Sans-Serif;
  line-height: 16px;
  }

a {
  border-bottom: 1px solid #222B52;
  color: #222B52;
  text-decoration: none;
  }

a:hover {
  border-bottom: 1px solid #586786;
  color: #586786;
  }

a:focus { outline: 0; }

a:visited, a:active {
  border-bottom-color: #586786;
  color: #586786;
  }

h1 {
  color: #4B2415;
  font-size: 32px;
  letter-spacing: -1px;
  margin-bottom: 16px;
  margin-top: 24px;
  }

h2 {
  color: #4B2415;
  font-size: 24px;
  letter-spacing: -1px;
  margin: 32px 0 16px 0;
  }

p { margin-bottom: 1em; }

img { border: 0; }

td {
  border-top: 1px solid #e9d5cd;
  padding: 6px 12px 6px 0;
  vertical-align: top;
  }
table {
  border-collapse: collapse;
  width: 800px;
  }

#content, #navigation { width: 800px; margin: 1em auto; position: relative; }
#navigation { margin-top: 0; }

#navigation ul { background-color: #4B2415; padding: 0 12px; overflow: hidden; }
#navigation li { float: left; }
#navigation a  {
  border-bottom: 0;
  color: white;
  display: block;
  letter-spacing: 2px;
  padding: 6px 12px;
  }
#navigation a:hover { color: #4B2415; background-color: white; }

#footer {
  clear: both;
  color: #586786;
  font-size: 10px;
  margin-top: 6px;
  text-align: right;
  }

#about { display: none; }

.navigation a:hover {
  color: #fff;
  background-color: #586786;
  }

#contact_me { margin-left: 12px; }
#contact_me li { margin-bottom: 3px; }

.project img { float: right; margin-top: -48px }
.project .download { font-size: 16px; }

#profile_image { float: right; }