html {
  font-size: 16px;
  background: url(../images/bg.jpg);
}
body {
  font-size: 62.5%;
  font-family: Helvetica, Arial, sans-serif;
  background: url(../images/shine.png) no-repeat;
  min-height: 594px;
  color: #333333;
  text-align: center;
}
a {
  color: #12739a;
  text-decoration: none;
}
a:hover { text-decoration: underline; }
p {
  font-size: 1.3em;
  margin-bottom: 12px;
  line-height: 18px;
}
h2 {
  font-size: 1.4em;
  font-weight: normal;
  color: #555555;
  text-align: center;
  font-style: italic;
  border-bottom: 2px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
h2 span {
  color: #333333;
  font-style: normal;
}
#wrapper {
  margin: 0 auto;
  text-align: left;
  width: 500px;
  padding-top: 100px;
  position: relative;
}
.clear { clear: both; }
h1 {
  font-size: 2em;
  color: #444444;
  text-shadow: 1px 1px 0 #eeeeee;
  padding-bottom: 30px;
}
h1 span { color: #222222; }
#navigation {
  position: absolute;
  right: -200px;
  background: url(../images/shine.png);
  padding: 10px 20px;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 999;
  width: 115px;
}
#navigation li {
  padding: 3px 0;
  font-size: 1.2em;
}
#navigation li a { padding: 2px 10px; }
#navigation li.current a {
  background: url(../images/shine.png);
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  color: #222222;
  cursor: default;
}
#navigation li.current a:hover { text-decoration: none; }
#vcard {
  position: absolute;
  top: 180px;
  right: -200px;
  margin-top: 100px;
  display: block;
  background: url(../images/vcard_btn.png);
  width: 155px;
  height: 34px;
  z-index: 999;
  text-indent: -30000px;
}
#vcard span {
  display: block;
  background: url(../images/vcard_shadow.png) no-repeat center bottom;
  width: 155px;
  height: 26px;
  padding-top: 20px;
}
#vcard:hover { text-decoration: none; }
#cards {
  position: absolute;
  top: 0;
  left: 0;
}
#cards div { text-align: center; }
#cards div .card {
  margin: 150px auto;
  width: 500px;
  background: url(../images/card_shadow.png) no-repeat center bottom;
  padding-bottom: 89px;
}
#cards div .card .content {
  background: white;
  padding: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: left;
  position: relative;
  min-height: 200px;
  padding-left: 174px;
}
#cards div .card .content img {
  position: absolute;
  top: 20px;
  left: 20px;
  border: 3px solid #eeeeee;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#main_information .adr {
  text-align: left;
  line-height: 18px;
  border-bottom: 1px solid #eeeeee;
  padding: 0 0 20px 22px;
  margin-bottom: 20px;
  background: url(../images/home16.png) no-repeat;
}
#main_information .adr p { margin-bottom: 0; }
#main_information ul { font-size: 1.3em; }
#main_information ul li {
  margin-bottom: 5px;
  padding-top: 2px;
  min-height: 14px;
}
#main_information ul li a { padding-left: 22px; }
#main_information ul .email { background: url(../images/mail16.png) no-repeat; }
#main_information ul .tel {
  background: url(../images/phone16.png) no-repeat;
  padding-left: 22px;
}
#main_information ul .url { background: url(../images/star16.png) no-repeat; }
#about_me p { text-align: justify; }
#social_networks ul li {
  float: left;
  margin-bottom: 20px;
}
#social_networks ul li a {
  display: block;
  width: 113px;
  height: 32px;
  font-size: 1.3em;
  padding: 3px 0 0 40px;
}
#social_networks ul li a span {
  display: block;
  color: #aaaaaa;
  font-size: 0.9em;
  margin-top: 2px;
}
#social_networks ul li a:hover { text-decoration: none; }
#social_networks ul li a:hover span { color: #222222; }
#social_networks ul .twitter a { background: url(../images/social_network_icons/twitter_32.png) no-repeat; }
#social_networks ul .facebook a { background: url(../images/social_network_icons/facebook_32.png) no-repeat; }
#social_networks ul .myspace a { background: url(../images/social_network_icons/myspace_32.png) no-repeat; }
#social_networks ul .tumblr a { background: url(../images/social_network_icons/tumblr_32.png) no-repeat; }
#social_networks ul .blogger a { background: url(../images/social_network_icons/blogger_32.png) no-repeat; }
#social_networks ul .brightkite a { background: url(../images/social_network_icons/brightkite_32.png) no-repeat; }
#social_networks ul .delicious a { background: url(../images/social_network_icons/delicious_32.png) no-repeat; }
#social_networks ul .deviantart a { background: url(../images/social_network_icons/deviantart_32.png) no-repeat; }
#social_networks ul .digg a { background: url(../images/social_network_icons/digg_32.png) no-repeat; }
#social_networks ul .dribbble a { background: url(../images/social_network_icons/dribbble_32.png) no-repeat; }
#social_networks ul .flickr a { background: url(../images/social_network_icons/flickr_32.png) no-repeat; }
#social_networks ul .friendfeed a { background: url(../images/social_network_icons/friendfeed_32.png) no-repeat; }
#social_networks ul .github a { background: url(../images/social_network_icons/github_32.png) no-repeat; }
#social_networks ul .gowalla a { background: url(../images/social_network_icons/gowalla_32.png) no-repeat; }
#social_networks ul .grooveshark a { background: url(../images/social_network_icons/grooveshark_32.png) no-repeat; }
#social_networks ul .lastfm a { background: url(../images/social_network_icons/lastfm_32.png) no-repeat; }
#social_networks ul .linkedin a { background: url(../images/social_network_icons/linkedin_32.png) no-repeat; }
#social_networks ul .mixx a { background: url(../images/social_network_icons/mixx_32.png) no-repeat; }
#social_networks ul .netvibes a { background: url(../images/social_network_icons/netvibes_32.png) no-repeat; }
#social_networks ul .orkut a { background: url(../images/social_network_icons/orkut_32.png) no-repeat; }
#social_networks ul .picasa a { background: url(../images/social_network_icons/picasa_32.png) no-repeat; }
#social_networks ul .plurk a { background: url(../images/social_network_icons/plurk_32.png) no-repeat; }
#social_networks ul .posterous a { background: url(../images/social_network_icons/posterous_32.png) no-repeat; }
#social_networks ul .readernaut a { background: url(../images/social_network_icons/readernaut_32.png) no-repeat; }
#social_networks ul .reddit a { background: url(../images/social_network_icons/reddit_32.png) no-repeat; }
#social_networks ul .stumbleupon a { background: url(../images/social_network_icons/stumbleupon_32.png) no-repeat; }
#social_networks ul .viddler a { background: url(../images/social_network_icons/viddler_32.png) no-repeat; }
#social_networks ul .vimeo a { background: url(../images/social_network_icons/vimeo_32.png) no-repeat; }
#social_networks ul .virb a { background: url(../images/social_network_icons/virb_32.png) no-repeat; }
#social_networks ul .wordpress a { background: url(../images/social_network_icons/wordpress_32.png) no-repeat; }
#social_networks ul .xing a { background: url(../images/social_network_icons/xing_32.png) no-repeat; }
#social_networks ul .youtube a { background: url(../images/social_network_icons/youtube_32.png) no-repeat; }
#social_networks ul .foursquare a { background: url(../images/social_network_icons/foursquare_32.png) no-repeat; }
#footer {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 999;
  padding: 20px;
  text-shadow: 1px 1px 0 white;
  color: #555555;
}
#footer a { color: #333333; }