@font-face {
  font-family: 'GraublauSansWeb';
  src: local('Graublau Web'), local('GraublauWeb-Regular'),url('GraublauWeb.otf') format('opentype');
}

body
{
  background-color: #eee;
  background: -moz-linear-gradient(top, #ccc, #eee 30%, #eee) repeat-x #eee;
  background-size: 100px;
  background: -webkit-gradient(linear, from(#ccc), to(#eee)) repeat-x #eee;
  margin: 50px 0px;
  padding: 0px;
  font-family: helvetica, arial;
  color: #444;
}

h1
{
  font-family: 'GraublauSansWeb';
  text-shadow: 2px 1px 1px #ccc;
  color: #333;
  font-size: 24pt;
}

h2
{
  margin: 0;
  color: #333;
  font-size: 14pt;
}

table
{
  margin-bottom: 20px;
  font-size: 11pt;
}

th
{
  color: #333;
  text-align: left;
}

th#section
{
  padding-top: 20px;
  text-align: center;
  color: #333;
}

div#card
{
  background-color: white;
  background: -moz-linear-gradient(top, #eee, white 20%, white 80%, #eee) repeat-x white;
  background-size: 500px;
  background: -webkit-gradient(linear, from(white), to(#eee)) repeat-x white;
  margin: auto;
  width:500px;
  padding: 20px;
  border: 1px #ddd solid;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
}

div#card img
{
  float: left;
  margin: 20px;
  padding: 5px;
  background: white;
  border: 1px #ccc solid;
}

a
{
  color: #2097e2;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}