/*
   Stylesheet for walter.krivanek.net
*/

* {
   padding: 0;
   margin: 0;
}

body {
   background: #ffffff url(../images/background.jpg) 0 -150px repeat-x;
   font: normal normal normal 85%/130% Helvetica, Arial, sans-serif;
}

#card {
   position: relative;
   top: 150px;
   margin: 0 auto;
   padding-top: 20px;
   width: 475px;
   height: 315px;
   background: url(../images/card.png) 0 0 no-repeat;
}

#photo {
   position: relative;
   margin: 0 0 0 20px;
   width: 166px;
   height: 245px;
   background: url(../images/photo.jpg) 50% 0 no-repeat;
   float: left;
}

#photo h1 {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   text-align: center;
   font-size: 1.55em;
   font-weight: normal;
}

h2 {
   margin: 0 0 3px 0;
   text-align: center;
   font-size: 1.2em;
   font-weight: normal;
   color: #a0a0a0;
   font-style: italic;
}

p {
   text-align: center;
   margin-bottom: 30px;
}

.vividvisions a {
   margin: 0 auto;
   display: block;
   width: 233px;
   height: 45px;
   overflow: hidden;
   text-indent: 999px;
   white-space: nowrap;
   background: url(../images/vividvisions.gif);
}

.sollbruchstelle a {
   margin: 0 auto;
   display: block;
   width: 232px;
   height: 37px;
   overflow: hidden;
   text-indent: 999px;
   white-space: nowrap;
   background: url(../images/sollbruchstelle.gif);
}

.connect {
   overflow: hidden;
}

ul {
  float: left;
  position: relative; 
  left: 50%;
  list-style-type: none;
}

ul li {
   float:left; 
   position:relative; 
   right:50%;
   width: 44px;
   height: 44px;
   margin: 0 5px 0 0;
}

ul li a {
   display: block;
   width: 44px;
   height: 44px;
   background-position: 0 0;
   background-repeat: no-repeat;
   overflow: hidden;
   text-indent: 100px;
   white-space: nowrap;
}

ul li a:active {
   background-position: 0 2px;
}

.twitter a {
   background-image: url(../images/button_twitter.gif);
}

.facebook a {
   background-image: url(../images/button_facebook.gif);
}

.xing a {
   background-image: url(../images/button_xing.gif);
}

.flickr a {
   background-image: url(../images/button_flickr.gif);
}

.info {
   bottom: 0;
   right: 0;
   position: fixed;
   padding: 0 5px 5px 0;
   font-size: 0.8em;
   color: #bbbbbb;
}

.info a {
   color: #bbbbbb;
}