* {
  margin:0;
  padding:0;
}
html, body, nav {
  height:100%;
}
body {
  font:italic .75em georgia, serif;
  text-shadow:0 1px 0 #fff;
}
nav {
  display:table;
  width:100%;
  background:#fff;
}
ul {
  display:table-cell;
  vertical-align:middle;
  list-style:none;
  background:#f3faff;
  border:15px solid #fff;
  -webkit-border-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;
}
li {
  text-align:center;
  margin-bottom:.8em;
}
li:last-child:after {
  content:"☙";
  font:2.5em sans-serif;
  color:#9fd7ff;
  display:block;
  margin-top:.8em;
}
a {
  padding:4px 10px;
  text-decoration:none;
  color:#515659;
  transition:background .2s ease-out, color .2s linear;
  -webkit-transition:background .2s ease-out, color .2s linear;
  -moz-transition:background .2s ease-out, color .2s linear;
  -o-transition:background .2s ease-out, color .2s linear;
}
a:hover, a:focus {
  color:#000;
  background:#fff;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  box-shadow:0 1px 1px #dbf0ff;
  -webkit-box-shadow:0 1px 1px #dbf0ff;
  -moz-box-shadow:0 1px 1px #dbf0ff;
}
nav a:active {
  position:relative;
  top:1px;
}
footer a {
  position:absolute;
  bottom:22px;
  right:22px;
  font:.9em "lucida grande", arial, sans-serif;
  color:#94c8ed;
}
footer a:active {
  margin-bottom:-1px;
}