/* ------------------------------------------
author:		Michał Stempień <info(a)xms.pl>
date:		2006/10/28
------------------------------------------ */

html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; background: url(../img/bg.png); color: #777; font: 87.5%/110% "Lucida Sans Unicode",Arial,Helvetica,sans-serif; }

img { border: none; }

p { margin: 0 0 10px; padding: 0; }
strong { color: #daffd6; }

a {	color: #335c86; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }

div.vcard { position: absolute; top: 50%; left: 50%; width: 665px; margin: -200px 0 0 -358px; padding: 25px 0 0 50px; }
 p.photo { position: absolute; right: 20px; top: 0; overflow: hidden; width: 130px; height: 150px; margin: 0; background: url(../img/photo.png) no-repeat; text-indent: -10001px; }
 h1 { width: 381px; height: 56px; margin: 0 0 0 -53px; padding: 0; background: url(../img/one.png) no-repeat; font: normal 357%/110% "Myriad Pro",Arial,Helvetica,sans-serif; color: #ffffd6; }
  h1 a { display: block; overflow: hidden; width: 381px; height: 56px; color: #ffffd6; text-indent: -10001px; } 
  h1 a:hover { color: #ddffd6; text-decoration: none; }
 h2 { width: 468px; height: 34px; margin: -8px 0 0; padding: 0; background: url(../img/two.png) no-repeat; font: normal 250%/110% "Myriad Pro",Arial,Helvetica,sans-serif; color: #d6e7f3; text-indent: -10001px; }
 h3 { width: 436px; height: 26px; margin: 0 0 25px; padding: 0; background: url(../img/three.png) no-repeat; font: normal 179%/120% "Myriad Pro",Arial,Helvetica,sans-serif; color: #777; text-indent: -10001px; }
 #skilltags { margin: 0 0 15px; font: normal 12px/120% "Lucida Sans Unicode",Arial,sans-serif; }
  #skilltags strong { color: #bbb; font-size: 110%; font-weight: normal; }
   #skilltags strong span { color: #daffd6; }
 #reading { margin: 0 0 20px; font: normal 78.57%/126% "Lucida Sans Unicode",Arial,sans-serif; text-transform: lowercase; }
  #reading strong { font-weight: normal; text-transform: capitalize; }
 #info { overflow: hidden; list-style: none; margin: 0; padding: 0; }
  #info li { float: left; height: 19px; background: url(../img/info.png) no-repeat; text-indent: -10001px; }
   #info li a { display: block; overflow: hidden; height: 19px; text-indent: -10001px; }
  #info li.mail { position: relative; width: 121px; }
   #info li.mail a { position: absolute; left: 0; top: 0; width: 121px; }
  #info li.phone { width: 154px; background-position: -121px 0; }
  #info li.delicious { width: 61px; background-position: -275px 0; }
   #info li.delicious a { width: 61px; }
  #info li.lastfm { width: 61px; background-position: -336px 0; }
   #info li.lastfm a { width: 61px; }
  #info li.goldenline { width: 158px; background-position: -397px 0; }
   #info li.goldenline a { width: 158px; }
  #info li.linkedin { width: 98px; background-position: -555px 0; }
   #info li.linkedin a { width: 98px; }