.raised {
  text-shadow:0px 1px 3px rgba(0,0,0,0.8);
  mask-image:gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
  -webkit-mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
  -moz-mask-image:-moz-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
  -o-mask-image:-o-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
}
html { min-height:100%; }
body {
  background:#ffffff;
  color:#000000;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:100%;
  padding:1em;
  min-height:100%;
}
code {
  background:#e6e6e6;
  font:0.7em 'andale mono', 'lucida console', monospace;
  margin:0;
}
blockquote {
  color:#222222;
  background:#e6e6e6;
  padding:0.5em;
}
#container a {
  color:#222222;
  text-decoration:none;
}
#container a:visited { color:#000000; }
#container a:hover {
  color:#ffffff;
  background:#000000;
}
#header h1 {
  text-shadow:0px 1px 3px rgba(0,0,0,0.8);
  mask-image:gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
  -webkit-mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
  -moz-mask-image:-moz-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
  -o-mask-image:-o-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
  margin:0.5em auto;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:4em;
  text-align:center;
  font-weight:bold;
  color:#000000;
}
#header h1 a { color:#000000; }
#header h1 a:visited { color:#000000; }
#header h1 a:hover {
  background:none;
  color:#000000;
}
#content #content-inner { margin:1em 2em; }
#content p a { border-bottom:1px dotted #222222; }
#content p { margin:0 0 0.5em; }
#content h2 {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing:0.07em;
  margin-bottom:0.1em;
  color:#000000;
}
#content h3 {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing:0.07em;
  margin-bottom:0.5em;
  margin-top:0.8em;
  color:#000000;
}
#content pre {
  margin:0 0 0.5em;
  font-size:1.2em;
  background:#e6e6e6;
}
#footer {
  font-size:0.8em;
  text-transform:lowercase;
  text-align:center;
  clear:both;
}
#footer p { margin:1em; }
#menu .menu {
  background:#000000;
  box-shadow:0px 1px 3px rgba(0,0,0,0.8);
  border:2px solid #000000;
  border-radius:8px;
  padding:1em 0;
}
#menu ul {
  margin:0;
  padding:0;
  list-style:none;
}
#menu a {
  display:block;
  padding:1em 2em;
}
#menu a:link, #menu a:visited { color:#ffffff; }
#menu a:hover { background:#000000; }
.post hr {
  background:#222222;
  margin-bottom:1.5em;
}
.post-meta {
  text-transform:uppercase;
  font-size:0.7em;
  font-family:Verdana, sans-serif;
  font-weight:bold;
  color:#222222;
  margin:0 0 1.5em 0.5em;
}
.post-more { margin-bottom:1.5em; }
#navcontainer ul {
  padding-left:0;
  margin-left:0;
  float:left;
  width:100%;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom:10px;
}
#navcontainer ul li { display:inline; }
#navcontainer ul li a {
  padding:0.2em 1em;
  text-decoration:none;
  float:left;
  border-right:1px solid #000000;
}
#navcontainer ul li a:hover {
  background-color:#000000;
  color:#ffffff;
}