html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body { line-height: 1; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before {
  content: '';
  content: none;
}
blockquote:after {
  content: '';
  content: none;
}
q:before {
  content: '';
  content: none;
}
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ffff99;
  color: #000000;
  text-decoration: none;
}
mark {
  background-color: #ffff99;
  color: #000000;
  font-style: italic;
  font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input, select { vertical-align: middle; }
@font-face {
  font-family: wms;
  src: url(/assets/fonts/wms.ttf) format("truetype");
}
@font-face {
  font-family: wmssc;
  src: url(/assets/fonts/wms-sc.ttf) format("truetype");
}
body {
  background-repeat: repeat-x;
  color: #ffffff;
  background-color: #666666;
  text-shadow: 0px 1px 1px #000000;
  font-family: serif;
  font-weight: normal;
}
h1, h2, h3 {
  font-family: wmssc;
  letter-spacing: 0.1em;
  text-shadow: 0px 2px 3px #000000;
}
h1 {
  font-size: 260%;
  text-align: center;
}
h2 { font-size: 182%; }
h3 { font-size: 169%; }
p { margin: 0 0 1em 0; }
a {
  color: #ffffff;
  text-decoration: none;
}
a:hover { color: #dddddd; }
.textonly { display: none; }
.clearfloat { clear: both; }
#wrapper {
  margin: 0 auto;
  width: 960px;
}
#header {
  background: url('../images/header_background.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  width: 960px;
  height: 120px;
}
#header h1 { margin: 0; }
h2, h3 { margin: 0; }
#header h1 a {
  display: block;
  height: 120px;
  width: 480px;
  float: left;
}
#menu {
  list-style: none;
  display: block;
  height: 60px;
  top: 60px;
  width: 480px;
  float: right;
  margin-top: 1em;
  text-align: right;
  font-family: wmssc;
  text-transform: lowercase;
}
#menu li {
  display: inline;
  margin: 1em 1em 0 0;
}
#menu a { color: white; }
#buttons a#resume { background-position: 0px 0px; }
#buttons a#contact { background-position: -205px 0px; }
#buttons a#resume:hover { background-position: 0px -55px; }
#buttons a#contact:hover { background-position: -205px -55px; }
#page-wrapper {
  width: 960px;
  margin: 0;
  font-size: 130%;
  line-height: 130%;
  background-color: #333333;
  box-shadow: 0px 0px 10px #333333;
  -webkit-box-shadow: 0px 0px 10px #333333;
  -moz-box-shadow: #333333 10px 0px 0px;
}
#page { padding: 2em 4em; }
#page h1 { clear: both; }
#page h2 { clear: both; }
#page h3 { clear: both; }
#page h1 {
  margin: 1.5em 0 0.75em 0;
  padding: 0.25em 0;
}
#page > h1:first-child { margin-top: 0; }
#page h2 {
  margin: 2em 0 0.5em 0;
  padding-bottom: 0.25em;
  border-bottom: 2px solid #cccccc;
}
#page h3 {
  margin: 1em 0 0.5em 0;
  padding-bottom: 0.25em;
}
#page ul { list-style: none; }
ul.column {
  list-style: none;
  width: 380px;
  float: left;
  margin-right: 40px;
}
#page li { margin: 0.75em 2% 0 0; }
#footer {
  display: block;
  clear: both;
  width: 840px;
  font-size: 65%;
  padding: 2em 0;
  text-align: center;
}
#vcard a {
  display: block;
  width: 840px;
  height: 175px;
  margin: 0;
  background: url('../images/vcard.png');
  background-repeat: no-repeat;
}
#vcard a:hover { background-position: 0px -175px; }
.home #page { padding: 0; }
.gallery #page { padding: 0; }
.home a#menu-home {
  color: #ee0000;
  text-shadow: 0px 1px 1px #000000;
}
.gallery a#menu-gallery {
  color: #ee0000;
  text-shadow: 0px 1px 1px #000000;
}
.about a#menu-about {
  color: #ee0000;
  text-shadow: 0px 1px 1px #000000;
}
.links a#menu-links {
  color: #ee0000;
  text-shadow: 0px 1px 1px #000000;
}
.contact a#menu-contact {
  color: #ee0000;
  text-shadow: 0px 1px 1px #000000;
}
