@import url('reset.css');

body { font-family: Georgia; color: #a59f97; background: #fff; }

#container { width: 800px; margin: 10% auto; text-align: center; }

#headerContainer { margin-bottom: 20px; }

#aboutContainer { font-style: italic; font-size: 23px; line-height: : 50px; font-weight: lighter; margin: 50px 0 50px 0; }
#aboutContainer .freelance { line-height: 42px; font-size: 32px; }

.portfolio { font-size: 20px; line-height: 30px; }
.portfolio a { text-decoration: underline; }
.portfolio a:hover { color: #9fa3cd; }

#contactContainer { width: 350px; margin: 0 auto; color: #777777; font-size: 14px; }
#contactContainer a { color: #a59f97; }
#contactContainer a:hover { color: #9fa3cd; }

#contactInformation { float: left; width: 210px; line-height: 18px; }
#contactInformation dl { float: left; }
#contactInformation dt { float: left; width: 60px; }
#contactInformation dd { float: left;  }

#vCardContainer { float: right; width: 120px; height: 18px; margin-top: 13px; border-left: 1px solid #9fa3cd; }

h1,h2,h3,h4 { font-weight: lighter; }
a { text-decoration: none; color: #a59f97; }
a:hover { color: #9fa3cd; }

h1 { font-size: 50px; line-height: 60px; }
h2 { font-size: 20px; color: #9fa3cd; }