* {
	margin:0;
	padding:0;
}

body {
  background:#d7d7d7;
	font-size:x-small;
	font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;
	margin-top:15em;
	overflow:hidden;
}

p {
  line-height:140%;
}

.wrapper {
  margin:0 auto;
  width:70em;
}

/*** header ***/

#header {
  background:url('../images/avatar.jpg') 1em 1em no-repeat white;
  border-bottom:3px solid #cdcdcd;
  height:8em;
  padding:1em 1em 1em 10em;
}

#header h1 {
  color:#023f6d;
  font-size:6em;
  line-height:80%;
}

#header h2 {
  color:#363636;
  font-size:2.4em;
  line-height:100%;
  text-transform:lowercase;
}


/*** footer ***/

#footer {
  float:right;
  overflow:hidden;
}

#footer ul {
  list-style-type:none;
  margin-top:-2px;
}

#footer ul li {
  background-color:#7da7d9;
  border-bottom:3px solid #cdcdcd; 
  display:inline;
  float:left;
  margin-right:1em;
  padding:1em;   
}

#footer ul li:hover {
 background-color:#023f6d;
}

#footer ul li a {
  display:block;
  height:4.8em;
  text-indent:-1000em;
  width:4.8em;
}

li.linkedin a {  
  background:url('../images/linkedin.png') no-repeat;
}

li.wordpress a {  
  background:url('../images/wordpress.png') no-repeat;
}

li.twitter a {  
  background:url('../images/twitter.png') no-repeat;
}

li.facebook a {  
  background:url('../images/facebook.png') no-repeat;
}

li.picasa a {  
  background:url('../images/picasa.png') no-repeat;
}