/* universal css */
body{
    font-family: "MS UI Gothic", Tahoma;
    font-size: 15px;
    line-height: 13px;
    width: 806px;
    margin: 0 auto;
}
a {
    color: #717171;
    font-weight: bold;
}
hr {
	border: 0;
	height:1px;
	border-bottom: 1px solid #000;
}
.mainn {
	margin: 5px auto;
	width: 806px;
	border-collapse: collapse;
}

/*main page*/
.links {
	text-align: center;
}
.frontpage {
	width: 806px;
	height: 481px;
	overflow: hidden;
	background-image: url("img/1.gif");
	margin: 0 auto;
	position: relative;
}
.caby {
	width: 168px;
	height: 200px;
	position: absolute;
	left: 131px;
	top: 124px;
}
.caby:hover {
	background-image: url("img/front/caby_hover.gif");
}
.phone {
	width: 93px;
	height: 76px;
	position: absolute;
	left: 24px;
	top: 208px;
	background-image: url("img/front/garf_normal.png");
}
.phone:hover {
	background-image: url("img/front/garf_hover.png");
}
.door {
	width: 237px;
	height: 81px;
	position: absolute;
	left: 16px;
	top: 391px;
	background-image: url("img/front/door_normal.png");
}
.door:hover {
	background-image: url("img/front/door_hover.png");
}
.ufo {
	width: 85px;
	height: 106px;
	position: absolute;
	left: 137px;
	top: 18px;
	background-image: url("img/front/ufo_normal.png");
}
.ufo:hover {
	background-image: url("img/front/ufo_hover.png");
}
.plushies {
	width: 217px;
	height: 75px;
	position: absolute;
	left: 299px;
	top: 81px;
	background-image: url("img/front/plushies_normal.png");
}
.plushies:hover {
	background-image: url("img/front/plushies_hover.png");
}
.journal {
	width: 62px;
	height: 53px;
	position: absolute;
	left: 451px;
	top: 160px;
	background-image: url("img/front/journal_normal.png");
}
.journal:hover {
	background-image: url("img/front/journal_hover.png");
}
.piggo {
	width: 128px;
	height: 103px;
	position: absolute;
	left: 544px;
	top: 35px;
	background-image: url("img/front/piggo_normal.png");
}
.piggo:hover {
	background-image: url("img/front/piggo_hover.png");
}
.aisha {
	width: 112px;
	height: 106px;
	position: absolute;
	left: 631px;
	top: 145px;
	background-image: url("img/front/aisha_normal.png");
}
.aisha:hover {
	background-image: url("img/front/aisha_hover.png");
}
.junk {
	width: 84px;
	height: 51px;
	position: absolute;
	left: 428px;
	top: 215px;
	background-image: url("img/front/junk_normal.png");
}
.junk:hover {
	background-image: url("img/front/junk_hover.png");
}
.comics {
	width: 107px;
	height: 75px;
	position: absolute;
	left: 668px;
	top: 268px;
	background-image: url("img/front/comics_normal.png");
}
.comics:hover {
	background-image: url("img/front/comics_hover.png");
}

/*about me*/
.profile {
	width: 267px;
	height:297px;
}
.bio {
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}
.stats {
	vertical-align: top;
}

/*journal*/
.journalentry {
	text-align: justify;
}

/*plushies*/
.plushy {
	width: 100%;
}
.plushy td {
	width: 33%;
	height: 240px;
	vertical-align: top;
}
.boobah {
	width: 320px;
	height: 240px;
	background-image: url("plushes/thumb/boobah1.gif");
}
.boobah:hover {
	background-image: url("plushes/thumb/boobah2.gif");
}
.garf {
	width: 320px;
	height: 240px;
	background-image: url("plushes/thumb/garfield1.gif");
}
.garf:hover {
	background-image: url("plushes/thumb/garfield2.gif");
}
.piccy {
	text-align: center;
	vertical-align: middle;
}

/*piggo*/
.piggobio {
	width: 100%;	
}
.piggobiotext {
	vertical-align: bottom;
}
.piggobioimg {
	width: 241px;
	text-align: center;
	vertical-align: middle;
}
.piggobioimg img {
	width: 100%;
}
.house {
	width: 439px;
	height: 449px;
	overflow: hidden;
	background-image: url("img/house1.png");
	margin: 0 auto;
	position: relative;
}
.pumpkin {
	width: 92px;
	height: 103px;
	background-image: url("img/pumpkin_normal.png");
	position: absolute;
	left: 105px;
	top: 4px;
}
.star {
	width: 76px;
	height: 63px; 
	background-image: url("img/star_normal.png");
	position: absolute;
	left: 336px;
	top: 4px;
}
.sweetpo {
	width: 236px;
	height: 184px; 
	background-image: url("img/sweetpo_normal.png");
	position: absolute;
	left: 29px;
	top: 107px;
}
.marshmallow {
	width: 147px;
	height: 184px; 
	background-image: url("img/marshmallow_normal.png");
	position: absolute;
	left: 265px;
	top: 107px;
}
.torrone {
	width: 383px;
	height: 153px; 
	background-image: url("img/torrone_normal.png");
	position: absolute;
	left: 29px;
	top: 291px;
}
.pumpkin:hover {
	background-image: url("img/pumpkin_hover.png");
}
.star:hover {
	background-image: url("img/star_hover.png");
}
.sweetpo:hover {
	background-image: url("img/sweetpo_hover.png");
}
.marshmallow:hover {
	background-image: url("img/marshmallow_hover.png");
}
.torrone:hover {
	background-image: url("img/torrone_hover.png");
}
/*misc*/
.actualtable {
	border: 1px solid #000;
}