* { font-family: sans-serif; font-size: 12px; color: #adaba0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
ul, li { list-style: none; margin: 0; padding: 0; overflow: hidden; }
body { background: #000; margin: 0; padding: 0; }

#main-container { width: 100%; }
#main { position: relative; width: 960px; margin: 0 auto; }

#header-container { border-bottom: 1px solid #adaba0; }
#header { position: relative; height: 100px; }
#logo { position: absolute; top: 40px; left: 40px; }
#logo a { display: block; overflow: hidden; text-indent: -5000px; width: 231px; height: 20px; background: url('../images/header-spritemap.gif') no-repeat; }

#nav-container { position: absolute; top: 40px; right: 40px; }
#nav { padding: 0; margin: 0; list-style: none; }
#nav li { float: left; margin-left: 45px; }
#nav li a { display: block; overflow: hidden; text-indent: -5000px; height: 20px; }
#nav-photos a { width: 126px; background: url('../images/header-spritemap.gif') -231px no-repeat; }
#nav-websites a { width: 157px; background: url('../images/header-spritemap.gif') -403px no-repeat; }
#nav-about a { width: 108px; background: url('../images/header-spritemap.gif') -605px no-repeat; }

#content-container { border-bottom: 0px solid #adaba0; padding: 40px; }
#content { overflow: hidden;}
#left-column { width: 362px; float: right; }
#right-column { width: 480px; float: left; }
#blog {}

#content h2 { font-size: 16px; line-height: 16px; letter-spacing: 2px; font-weight: normal; margin: 0px 0px 5px 0px; }
#content ul { margin-bottom: 5px; }
#content .employer { margin: 12px 0px; }
#content .employer-name { float: left; }
#content .employer-date { float: right; }
#content .employer-job { float: left; clear: left; font-style: italic; color: #73716a; }

#about-headshot { border: 1px solid #adaba0; display: block; margin: 0; padding: 0; }

#photos { position: absolute; width: 900px; margin: -10px 0px 0px -10px; padding-bottom: 40px; overflow: hidden; }
#photos li { float: left; display: inline; padding: 0; margin: 10px; }
#photos li a { float: left; display: inline; border: 1px solid #adaba0; padding: 0; margin: 0; }
#photos li a img { float: left; display: inline; width: 158px; height: 100px; border: 0px; }

#websites li { margin-bottom: 40px; }
#websites li p { margin: 5px 0px; padding: 0; }
#websites li a { color: #adaba0; text-decoration: none; }
#websites li a:hover { text-decoration: underline; }
#websites li h3 { color: #adaba0; margin-bottom: 10px; font-size: 16px; line-height: 16px; letter-spacing: 2px; font-weight: normal; }
#websites li img { border: 1px solid #adaba0; }
