html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-family: sans-serif; background: url("../images/fence.jpg") #051F80 left bottom fixed no-repeat; background-size: cover;}
/* http://www.flickr.com/photos/nicholas_t/ */

#social, #links, #foot {position: fixed; right: 1em;}

#social {top: 1em;}
#social img {height: 1em;}

#content {margin-left: 2em; margin-top: 2em;}

h1, h2, h3, h4, h5, h6 {font-family: sans-serif; margin: 0; padding: 0;}

#head {font-family: sans-serif; font-size: 18pt;}
#title {
  font-family: sans-serif;
  font-size: 56pt;
  letter-spacing: -0.15ex;
  margin: 0; padding: 0;
  color: #000;
  }
#subhead {margin: 0; padding: 0; margin-left: 1ex;}
#tag {margin: 0; padding: 0;}
#contact {margin: 0; padding: 0;}

#rest {margin-top: 2ex; margin-left: 1ex; clear: both;}
#services {border-radius: 1em; -moz-border-radius: 1em; background: url("../images/clear-blue.png") repeat;
padding: 1em; width: 14em; position: relative;}
#services ul {margin-top: 0.5ex; margin-bottom: 0.5ex;}
#services a {text-decoration: none; color: inherit;}

#recomm {color: #000; border-radius: 1em; -moz-border-radius: 1em; background: url("../images/clear-blue.png") repeat;
padding: 1em; width: 26em; position: relative;}

.more p  {margin-top: 0;}
.more ul {list-style-type: none;}

#links {bottom: 3em;}
#links img {height: 32px;}

#foot {position: fixed; bottom: 2px; font-family: sans-serif; font-size: small; color: #eee; z-index: -10;}
#foot img {height: 1.5ex;}

#links a, #social a {text-decoration: none;}

a img {border: none; }

.more:after {content: "…" ;}
.more > * {display: none;}
.more:hover > *, more:focus > * {
    display: block;
    position: absolute;
    left: 20em;
    top: 0;
    margin: 0;
    width: 14em;
    color: #000;
    border-radius: 1em; -moz-border-radius: 1em;
    background: url("../images/clear-blue.png") repeat;
    padding: 1em;}