body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.9em;
/*  padding-top: 50px;*/
  color: #222;
  background-color: #b8b8b8;
  /*background: url(background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

a {
  color: #007;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#container {
  min-height:100%;
  position:relative;
  min-width: 570px;
}

#main {
  padding: 50px 0;
}

article {
  padding: 20px;
  position: relative;
  display: block;
  width: 500px;
  border: 1px solid #666;
  border-radius: 10px;
  margin: 0 auto;
  box-shadow: 0 0 30px #666666;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(227,227,227,1) 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(227,227,227,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(227,227,227,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(227,227,227,1) 100%); /* IE10+ */
  background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(227,227,227,1) 100%); /* W3C */
}

footer {
  font-size: 90%;
  color: #666;
  text-shadow: 0px 2px 3px #222;
  position:absolute;
  bottom:0;
  width:100%;
  text-align: right;
}

footer div {
  padding: 0 5px 5px 0;
}

footer a {
  color: #555;
}

dl, h1, h2, h3, ul {
  padding: 0;
  margin: 0;
}

section {
  display: block;
  margin-top: 20px;
  border: 1px solid #666;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 10px 10px -10px #888;
}

section > div {
  padding: 0 0 5px 10px;
}

.profiles, .projects {
  width: 239px;
}

.profiles {
  float: left;
}

.projects {
  float: right;
}

.more {
  font-style: italic;
  font-size: 80%;
  margin-top: 10px;
}

h1, h2, h3 {
  font-weight: bold;
}

h1 {
  font-size: 180%;
}

h2 {
  font-size: 110%;
  border-bottom: 1px solid #666;
  margin-bottom: 10px;
  padding: 3px 0 2px 10px;
}

h3 {
  font-size: 100%;
  margin-bottom: 8px;
}

div.intro {
  height: 80px;
}

div.intro img.photo {
  float: left;
  margin-right: 20px;
  box-shadow: 0px 10px 10px -10px #888;
}

div.intro div.title {
  font-weight: bold;
  font-size: 105%;
  padding: 3px 0 3px 0;
}

dt {
  width: 100px;
  float: left;
  clear: left;
  min-height: 16px;
  margin-bottom: 5px;
}

dd {
  float: left;
  margin: 0 0 5px 0;
}

.online li {
  list-style: none;
  margin-bottom: 5px;
}

.sprites dt, .sprites li, .sprite {
  padding-left: 22px;
  background-image: url(sprite.png);
  background-repeat: no-repeat;
}

.email{ background-position: 0 0 }
.pgp{ background-position: 0 -26px }
.timezone{ background-position: 0 -52px }
.github{ background-position: 0 -78px }
.linkedin{ background-position: 0 -104px }
.stackoverflow{ background-position: 0 -130px }
.twitter{ background-position: 0 -156px }
.xing{ background-position: 0 -182px }
.hrfsjs{ background-position: 0 -208px }
.codinghell{ background-position: 0 -234px }