body, button, input, select, textarea {
  color: #404040;
  font-family: "Helvetica";
  line-height: 1.4;
}

.centered {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px dashed grey;
    width: 640px;
    height: auto;
    overflow: hidden;
}

@media (max-width: 640px) {
    .centered {
        width: auto;
    }
}

.face, .face img {
    width: 225px;
    display: block;
    float: left;
}

h1, h2 {
	margin-top: 20px;
}

table {
    border-collapse: collapse;
    min-width: 900px;
}

th {
	background-color: #d3d3d3;
}

th, td {
	border: 1px dashed #d3d3d3;

	padding: 5px 20px 5px 20px;
}

td div {
	font-size: 0.8em;
	color: grey;
	padding-left: 30px;
}

td div a {
	color: grey;
}
.face {
    margin: 0px 20px 0px 0px;
}


@media (orientation: portrait) {
 .face, .face img {
    width: 100%;
    display: default;
    float: none;
 } 
}