body {
  color: #fff;
  background: #000;
  font: normal 20px helvetica, arial, sans-serif;
  margin: 0;
  padding: 0;
  }

h2 {
  font: bold 38px helvetica, arial, sans-serif;
  padding:10px 0 0 0;
  color:#bbb;
  letter-spacing:1px;
  }

#about {
  width:450px;
  margin:25px auto;
  padding:20px 10px 20px 10px;
  text-align:center;
  background-color:#111;
  }

#about p {
  letter-spacing:1px;
  line-height:26px;
  color:#bbb;
  }

.avatar {
  padding-right:5px;
  }
  
img {
  width:256px;
  height:256px;
  }  

a:link,a:visited, a:active {
  color:#943126;
  outline:none;
  }

a:hover {
  color:#fff;
  outline:none;
  }

a.extlink {
  background: url(images/external_link.gif) no-repeat right;
  padding-right:13px;
  }

em {
  color:#fff;
  font-style:normal;
  }

@media screen and (max-width: 800px) {
#about {
  width:85%;
  margin:5px auto;
  padding:10px 10px 50px 10px;
  }
}

@media screen and (max-width: 320px) {
body {
  font: normal 12px helvetica, arial, sans-serif;
  padding-bottom:50px;
  }

#about {
  width:90%;
  margin:5px auto;
  padding:5px 10px 1px 10px;
  }

h2 {
  font: bold 22px helvetica, arial, sans-serif;
  padding: 0;
  }

#about p {
  line-height:14px;
  }
}