body {
background: white;
font: 20px Helvetica, Arial, sans-serif;
color: #222;
margin: 0 10%;
}

header {
color: #666;
font-family: Helvetica, Arial, sans-serif;
margin-bottom: 1em;
}

header a {
color: #666;
text-decoration: none;
}

header a:hover {
color: #960;
}

header h1 {
margin-bottom: 0;
margin-top: .25em;
padding: 0;
font-size: 64px;
font-weight: normal;
}

nav ul {
margin: 0;
padding: 0;
list-style: none outside;
font-size: 30px;
}

nav li {
display: inline-block;
padding-right: 20px;
text-transform: uppercase;
}

nav li a {
color: #059;
border-bottom: 1px solid #ddd;
}

.selected {
color: #000;
border-bottom: 8px solid #ddd;
}

article {
line-height: 1.75em;
}

article h2 {
color: #666;
font-size: 1.1em;
}

article a {
color: #47a;
text-decoration: none;
border-bottom: 1px solid #ddd;
}

article a:hover {
background: #ddd;
color: #000;
}

footer {
clear: both;
text-align: center;
color: #999;
font-size: 12px;
padding-top: 20px;
margin: 20px auto;
}

/* home */

.home-portrait {
float: right;
margin: 0 0 10px 10px;
padding: 12px;
background: #ddd;
text-align: center;
font-size: .8em;
}

.social {
margin: 0;
padding: 0;
}

.social > li {
display: inline;
}

.social > li:after {
content: ' / ';
color: #aaa;
}

.social > li:last-child:after {
content: '';
}

/* resume */

.resume-pdf-link {
float: right;
color: #aaa;
font-size: .9em;
}

.resume ul ul {
margin-bottom: 1em;
}

.resume h3 {
margin-bottom: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 5px;
color: #666;
}

/* portfolio */



.portfolio h2 { margin: 0 !important; }
.portfolio h3 { margin: 5px 0 !important; }

.portfolio-section a img {
  border: 1px solid #ddd !important;
  padding: 2px;
}

.portfolio-section a:hover img {
  border: 1px solid black !important;
}

.VideoPlayback {
  width: 500px;
  height: 408px;
  margin: 0;
}

.portfolio a,
.portfolio a:hover {
  border: none;
  background: none;
}

.portfolio .framed {
border: 1px solid #aaa;
margin: 0 3px;
padding: 5px;
}

.portfolio p {
margin-top: 0;
}

.portfolio-nav {
width: 500px;
text-align: center;
}

.portfolio-nav a,
.portfolio-nav span {
border: 1px solid #ddd;
padding: 10px 25px;
background: #eee;
}

.portfolio-nav .gray {
color: #aaa;
}