@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	overflow: hidden;
}

body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}

body {
	background: url(../images/background.jpg) top left repeat;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: medium;
	font-weight: bold;
}

a:link {
	color: #3B4F8C;
	text-decoration: none;
}

a:visited {
	color: #3B4F8C;
	text-decoration: none;
}

a:hover {
	color: #3B4F8C;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

a:active {
	color: #3B4F8C;
	text-decoration: none;
}

.body-container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 750px;
	height: 500px;
	margin-left: -375px;
	margin-top: -250px;
	background: #FFFFFF bottom right no-repeat;
	border: #000000 solid 10px;
	text-align: center;
}

.about-container {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 250px;
	text-align: left;
}

.project-container {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 450px;
	height: 300px;
}

.project-container a {
	width: 50px;
	height: 300px;
	float: left;
	display: inline;
}

.footer-container {
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-align: left;
}

.description-container {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 730px;
	text-align: left;
}

.description-container img {
	border: #000000 solid 1px;
}

.screenshot-container {
	text-align: center;
}

.header-container {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 39px;
	height: 32px;
}

.hidden {
	display: none;
}

#project-myfursona { background: url(../images/projects-myfursona-off.png); }
#project-myfursona:hover { background: url(../images/projects-myfursona-on.png); }

#project-yiffbase { background: url(../images/projects-yiffbase-off.png); }
#project-yiffbase:hover { background: url(../images/projects-yiffbase-on.png); }

#project-rockrw { background: url(../images/projects-rockrw-off.png); }
#project-rockrw:hover { background: url(../images/projects-rockrw-on.png); }

#project-piratefm { background: url(../images/projects-piratefm-off.png); }
#project-piratefm:hover { background: url(../images/projects-piratefm-on.png); }

#project-blackout { background: url(../images/projects-blackout-off.png); }
#project-blackout:hover { background: url(../images/projects-blackout-on.png); }

#project-bluescr { background: url(../images/projects-bluescr-off.png); }
#project-bluescr:hover { background: url(../images/projects-bluescr-on.png); }

#project-countdown { background: url(../images/projects-countdown-off.png); }
#project-countdown:hover { background: url(../images/projects-countdown-on.png); }

#project-phxplore { background: url(../images/projects-phxplore-off.png); }
#project-phxplore:hover { background: url(../images/projects-phxplore-on.png); }

#project-mangosboot { background: url(../images/projects-mangosboot-off.png); }
#project-mangosboot:hover { background: url(../images/projects-mangosboot-on.png); }

#project-midnightsun { background: url(../images/projects-midnightsun-off.png); }
#project-midnightsun:hover { background: url(../images/projects-midnightsun-on.png); }

#project-p1ngp0ng { background: url(../images/projects-p1ngp0ng-off.png); }
#project-p1ngp0ng:hover { background: url(../images/projects-p1ngp0ng-on.png); }

#project-teleport { background: url(../images/projects-teleport-off.png); }
#project-teleport:hover { background: url(../images/projects-teleport-on.png); }

#project-1337player { background: url(../images/projects-1337player-off.png); }
#project-1337player:hover { background: url(../images/projects-1337player-on.png); }

#project-furrypaws { background: url(../images/projects-furrypaws-off.png); }
#project-furrypaws:hover { background: url(../images/projects-furrypaws-on.png); }

#project-fadescr { background: url(../images/projects-fadescr-off.png); }
#project-fadescr:hover { background: url(../images/projects-fadescr-on.png); }