/* css tomodachi content */

body {

	background-color: #a7c170;
	overflow-x: auto;
	overflow-y: auto;

}


/* Hyperlink */

a:link {

	color: #55345f;
	text-decoration: none;
	font-size: 14px;

}

a:visited {

	color: #55345f;
	text-decoration: none;
	font-size: 14px;

}

a:hover {

	cursor: crosshair;
	color: #dbb8e6;
	text-decoration: overline underline;
	font-size: 13px;

}

a:active {

}


/* Headings */

h1 {

	color: #fdfbe1;
	font-family: Helvetica, Arial, sans-serif. Verdana;
	font-style: normal;
	font-size: 18px;
	font-weight: normal;

}

/* ------------------- CLASS ------------------- */


.content {

	
	background-attachment: fixed;
	background-image: url(bodyiframe.jpg);
	color: #55345f;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 13px;
	font-weight: normal;
	margin: 1cm 30px 1pt;
		
}

.currentwork {
	color: #55345f;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
		
}


.container {

	position: absolute;
	margin: 0 auto;
	width: 800px;
	height: 580px;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -290px;

	min-height: 100%;
	/*background-repeat: no-repeat;
	background-position: bottom left;*/
	padding-bottom: 12px;

}

.doujinshi {

	background-attachment: fixed;
	background-image: url(bodyiframe.jpg);
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #7087a9;

}


.doujinshicontent {

	background-attachment: fixed;
	background-image: url(bodyiframe.jpg);
	color: #55345f;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}



/* ------------------- IDs ------------------- */

#where  {

	background-color: #977ca0;
	top: 10px;
	border: dashed 2px #73567c;
	color: #a7c170;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	left: 10px;
	padding: 10px 5px 10px 5px;
	position:absolute; 
	width: 230px;
	z-index: 5;
}

#contactus  {

	right:20px;
	top:5px;
	position:absolute;
	z-index:4;
	cursor: pointer;

}





/* ------------------- NAVIGATION BAR------------------- */

ul#navigation{
	margin-left: 0px;
	margin-top: 0px;
	padding:0;
}
ul#navigation li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
ul#navigation li a{
	margin:0;
	padding:0;
	width:160px; /*link breedte*/
	height:35px; /*hoogte van de links*/
	text-indent:-2000px; /* verplaats tekst link 2000px naar links*/
	float:left;
	outline:none;
	cursor: pointer;
}


/* --------- NORMAL LINK ------- */

ul#navigation li.home a{
	background:url(navi.jpg) no-repeat 0 -12px;
}
ul#navigation li.about a{
	background:url(navi.jpg) no-repeat 0 -47px;
}
ul#navigation li.projects a{
	background:url(navi.jpg) no-repeat 0 -80px;
}
ul#navigation li.crew a{
	background:url(navi.jpg) no-repeat 0 -110px;
}
ul#navigation li.gallery a{
	background:url(navi.jpg) no-repeat 0 -146px;
}
ul#navigation li.stuff a{
	background:url(navi.jpg) no-repeat 0 -183px;
}
ul#navigation li.links a{
	background:url(navi.jpg) no-repeat 0 -219px;
}
ul#navigation li.guestbook a{
	background:url(navi.jpg) no-repeat 0 -254px;
}

/* --------- HOVER EFFECT------- */

ul#navigation li.home a:hover{
	background:url(navi.jpg) no-repeat -160px -12px;
}
ul#navigation li.about a:hover{
	background:url(navi.jpg) no-repeat -160px -47px;
}
ul#navigation li.projects a:hover{
	background:url(navi.jpg) no-repeat -160px -80px;
}
ul#navigation li.crew a:hover{
	background:url(navi.jpg) no-repeat -160px -110px;
}
ul#navigation li.gallery a:hover{
	background:url(navi.jpg) no-repeat -160px -146px;
}
ul#navigation li.stuff a:hover{
	background:url(navi.jpg) no-repeat -160px -183px;
}
ul#navigation li.links a:hover{
	background:url(navi.jpg) no-repeat -160px -219px;
}
ul#navigation li.guestbook a:hover{
	background:url(navi.jpg) no-repeat -160px -254px;
}



#stuff {

	background-attachment: fixed;
	background-image: url(bodyiframe.jpg);
	color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
}

#stuff a:link {

	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;

}

#stuff a:visited {

	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;

}

#stuff a:hover {

	cursor: pointer;
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 13px;

}

#stuff a:active {

}