@charset "UTF-8";

@media all {

* {margin:0;padding:0;}
body { font-family: Arial, Calibri, Consolas, Tahoma, Verdana, sans-serif; font-size: 12px; text-align: center; background: #f5f5f5; color: #636669; line-height: 17px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
a { color: #201e18;	text-decoration: none; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: underline; color: #568EC9;}
a:active {outline:none;}

#me { position: relative; min-width: 260px; max-width: 365px; margin: 25px auto 0; padding: 25px; text-align: left; border: 1px solid #d2d2d2; background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0 0px 3px #ccc;-webkit-box-shadow: 0 0px 3px #ccc; overflow: hidden; -width:335px; -webkit-transition: all 0.4s linear;}
#me:hover { -moz-box-shadow: 0 0px 5px #568EC9;-webkit-box-shadow: 0 0px 5px #568EC9; border-color:#568EC9; }
h1 { font-size: 26px; margin-bottom: 10px; color: #568EC9; }
h2 { font-size: 16px; }
h3 { font-size: 13px; margin: 7px 0 5px	; }
abbr {text-decoration: none; border: none; cursor:help; }
#contact { list-style: none; font-size: 13px;}
#contact li { text-shadow: 0 1px #fff;}

#socialize {list-style: none; margin: 15px -25px -25px -25px; height: 1%; *width: 120%;}
#socialize li {border-top: 1px solid #efefef; display: block;  }
#socialize li a { display: block; position: relative;background-color: #fff; line-height: 25px; padding: 4px 25px 4px 50px; text-decoration: none; font-size: 13px;left: 0px;-webkit-transition: all 0.4s linear; height: 1%;}
#socialize li a:hover,
#socialize li a:active,
#socialize li a:focus { background-color: #efefef; -webkit-transition-duration: 0.1s;  padding: 4px 25px 4px 57px; font-weight: bold;}
a[href="http://www.twitter.com/trilodge"] { background: transparent url(img/twitter.png) 25px 50% no-repeat;}
a[href="https://www.xing.com/profile/Fabian_Tempel"] { background: transparent url(img/xing.png) 25px 50% no-repeat;}
a[href="http://www.facebook.de/fabian_tempel"] { background: transparent url(img/facebook.png) 25px 50% no-repeat;}
a[href="http://www.flickr.com/photos/killywilly/"] { background: transparent url(img/flickr.png) 25px 50% no-repeat;}
a[href="http://www.delicious.com/killywilly"] { background: transparent url(img/delicious.png) 25px 50% no-repeat;}
a[href="http://emberapp.com/trilodge/"] { background: transparent url(img/ember.png) 25px 50% no-repeat;}
a[href="http://gowalla.com/users/trilodge"] { background: transparent url(img/gowalla.png) 25px 50% no-repeat;}
a[href="http://killaart.deviantart.com/"] { background: transparent url(img/deviantart.png) 25px 50% no-repeat;}
a[href="http://www.webkrauts.de"] { background: transparent url(img/krauts.png) 25px 50% no-repeat; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px;}


@media only screen and (max-device-width: 480px) {
	#me { width: 200px; margin-bottom: 25px;}
	body {-webkit-text-stroke: 0;}
}