@import "contact.css";
@font-face {
  font-family: MuseoSans_500;
  local: MuseoSans_500;
  src: url(MuseoSans_500.otf);
}
body{
  color:#000;
  background:url(/media/thumbnails/cross_scratches.png);
  font-family:MuseoSans_500, sans-serif;
  font-size:16px;
  text-rendering:optimizelegibility;
}
div.wrapper {
  width:498px;
  margin: 50px auto;
}
h1{
  border-bottom:1px dotted;
}
h2 {
  font-size:20px;
}

div.info,
div.contact{
  padding:0;
  margin:0;
  line-height: 22px;
}
div.contact{
  margin-top: 15px;
}
p {
  margin:0;
}
a{
  text-decoration:none;
  color:#50afff;
}

a.betacular:hover{
  color:#ff8400;
}
a.hsr:hover{
  color:#00629E;
}
a.appenzell:hover{
  color:#F00;
}
a.rapperswil:hover{
    color:#6699CC;
}
a.twitter:hover{
  color:#2FC2EF;
}
a.facebook:hover{
  color:#3B5998;
}

a:hover{
  color:#666;
}
div.labs{
  border-top:1px dotted;
  margin-top:20px;
}
div.labs div.link{
  float:left;
  padding-right:15px;
  margin-bottom:20px;
}
div.labs div.link.right {
  padding-right:0px;
}
div.labs div.link img.preview{
  border:1px #ccc solid;
  padding:2px;
}
div.labs div.link p.tags{
  background:url(/media/icon/tag.png) no-repeat;
  background-position:0 1px;
  margin-top: 3px;
  padding-left: 16px;
}

div.labs div.link img.preview:hover{
  border:1px #000 solid;
}
div.labs div.link p{
  font-size:12px;
}
div.twitter, div.lastfm{
  clear:both;
  border-top:1px dotted;
  margin:20px 0;
}
div.twitter div.tweets p.tweet{
  margin-bottom:20px; 
  font-size:12px;
}