@charset "UTF-8";

html, body {
	font-family: Verdana, Geneva, sans-serif;
	margin:0;
	width:100%;
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

img.bg-image {
	width:100%;
	height:100%;
	position: absolute;
	top:0px;
	left:0px;
	z-index:-100;
}

#main-content {
	width:40em;
	height:42em;
	margin:4em auto;
	z-index:100;
	background-color:white;
	padding:0px 8px 8px 8px;
	border-radius: 20px 0 20px 20px;
	box-shadow: 0px 0px 8px #333;
}

#main-content ul{
	float:right;
	margin-top:8px;
	font-size:.85em
}

#main-content li{
	display:inline;
	padding-left:.5em;
}

#main-content h1{
	clear:right;
	font-size:1.75em;
	padding-left:10px;
	font-family: 'Mr Bedfort', cursive;
	color:#93F;

}

#main-content a:link, #main-content a:visited  {
	text-decoration:none;
	color:black;
}

#main-content a:hover, #main-content a:active  {
	text-decoration:underline;
	color:#93F;
}

body#home a.home, body#pictures a.pictures, body#videos a.videos, body#contact a.contact{
	text-decoration:none;
	color:#93F;
}

#main-content table {
	width:95%;
	text-align:left;
	font-size:.75em;
	border-collapse:collapse;
	margin:0 auto;
}

#main-content th {
	background-color:#666;
	padding:6px;
}

#main-content td {
	padding:6px;
}

#main-content tr {
	background-color:#CCC;
}

#main-content tr:nth-child(even) {
	background-color:#CCF;	
}

#main-content tr:hover {
	background-color:#F0F;
}

#contact-form {
	width:500px;
	margin: 0 auto;	
}

.shadow {
	border-radius: 10px;
	box-shadow: 0px 0px 8px #333;
}

.imgbox {
	padding:2px;
}

p a:hover {
	opacity:.5;
	
}
p {
	padding-left:3px;	
}