html { background: #333 }
body {
	font-family: Corbel, "Helvetica Neue", "Trebuchet MS", sans-serif;
//	color: #04f;
	color: cyan;
	text-align: center;
}
img { border: solid 1px #333 }
h2 { color: gray }
h2 a:link { color: teal }
h1 a, h1 a:visited { color: yellow }
a { color: #04f; text-decoration: none }
a:visited { color: #7B00EE }
a:active img, a:hover img, a:focus img { border: solid 1px #fff }
a:hover, a:active, a:focus { color: #fff !important; text-decoration: underline !important }

table { margin-left: auto; margin-right: auto }

/* for front page */
.facebook { background-color: #3b5997; color: #fff }
.flickr { background-color: #fff; color: #0063dc }
.flickr2 { color: #ff0084 }
a:hover span, a:focus span, a:active span { background-color: #333; color: #fff; text-decoration: underline }
.bia-front { font-size: xx-large; height: 100%; margin: 0px; padding: 0px }
.bia-front div { border: 0; height: 70%; width: 70%; position: absolute; left: 15%; top: 15% }
.bia-front div h1 { font-family: "Trebuchet MS", sans-serif; margin-bottom: 0px }
.hint { font-size: x-small; margin-top: 0px }
.hint a { color: #6e6e6e }