/*CSS BASE-------copyright 2006 Museum of Digital Sculpture. white-space:pre;
*/

body{ 
	font:11px/18px "ＭＳ Ｐゴシック", "Osaka";
	color:#7C785D;
	margin:0px;
	padding:0px;
	text-decoration:none;
	background-color:#1c578c; 
}

#base{
	position:absolute;
	top:0px;
	left:0px;
	width:800px; 
	height:660px; 
	background-color:#ffffff; 
}

div#works{
	position:absolute;
	top:0px;
	left:0px;
	width:960px; 
	height:800px; 
	background-color:#ffffff; 
}

div#profile{
	position:absolute;
	top:0px;
	left:0px;
	width:960px; 
	height:800px; 
	background-color:#ffffff; 
}

/************* globalNav styles ****************/

#top{
	position: relative;
	width: 100%;
	min-width: 800px;
	height: 90px;
	padding: 0px;
	margin: 0px;
	background-image: url(./images/top_bg.gif) repeat-x;
	z-index: 90;
}

#top img{
	position: absolute;
	top: 6px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}

#topLink{
	position: absolute;
	top: 14px;
  	color: #F0EEE4;
	padding: 0px;
	margin: 0px;
	right: 10px;
	z-index: 100;
}

#top a, #top a:visited{
  	font-size: small;
  	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
}

#top a:hover{
  	color: #57A6EC;
}

.skipLinks {display: none;}


/******************* MAIN ***********************/

#main{
	position:relative;
	width: 100%;
	margin: 90px 0 0;
	background-color:#ff33ff; 
	z-index: 100;
}

#thumMenu{
	position: absolute;
	width:auto;
	right:0;
	top:0px;
	text-align:right;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	white-space:nowrap;	
	z-index: 100;
}

#thumMenu a, #thumMenu a:visited,{
	font:10px/12px "Verdana", "Arial", "san-serif";
  	color: #F0EEE4;
	text-decoration:none;
	background-color:transparent;
	white-space:nowrap;	
	border:solid 1px transparent; 
}

#thumMenu a:hover{
	font:10px/12px "Verdana", "Arial", "san-serif";
  	color: #F0EEE4;
	text-decoration:none;
	background-color:transparent;
	white-space:nowrap;	
	border:solid 1px #33ccff; 
}

#thumMenu span{
	font:10px/12px "Verdana", "Arial", "san-serif";
  	color: #F0EEE4;
	text-decoration:none;
	background-color:transparent;
	white-space:nowrap;	
	border:solid 1px transparent; 
}

#thumMenu img{
	height:100px;
	margin:10px 5px 0;
}

/*categoryImg*/

#categoryImg{
	width: 100%;
	height:125px;
	text-align:center;
	margin: 0px;
	padding: 0px;
	background-image: url(./images/visual.jpg) no-repeat;
}

#categoryImg a{
	font:10px/12px "Verdana", "Arial", "san-serif";
  	color: #F0EEE4;
	text-decoration:none;
	background-color:transparent;
	white-space:nowrap;	
}

#categoryImg span{
	font:10px/12px "Verdana", "Arial", "san-serif";
  	color: #F0EEE4;
	text-decoration:none;
	background-color:transparent;
	white-space:nowrap;	
}

#categoryImg img{
	height:100px;
	margin: 0 5px;
}

#ctgImgLink{
	width:660px;
	text-align:center;
	margin:10px auto 0;
	background-color:transparent;
}

/*category menu*/

#categoryMenu{
	width: 100%;
	height:55px;
	text-align:center;
	margin: 0px;
	padding: 0px;
	background-image: url(./images/menu_bg.png) repeat-x;
}

#categoryMenu a{
	font:10px/12px "Verdana", "Arial", "san-serif";
  	color: #F0EEE4;
	text-decoration:none;
	background-color:transparent;
	white-space:nowrap;	
}

#categoryMenu span{
	font:10px/12px "Verdana", "Arial", "san-serif";
  	color: #F0EEE4;
	text-decoration:none;
	background-color:transparent;
	white-space:nowrap;	
}

#categoryMenu img{
	height:100px;
}

#ctgMenuLink{
	width:490px;
	text-align:center;
	margin:8px auto 0;
	background-color:transparent;
}

#item{
	display:block;
	text-align:center;
	width: 60px;
	height:auto;
	padding:0px;
	margin:0 5px;
	float:left;
}

/*contents*/

.intro{
	color:#6B0124;
	padding:0 0 4px 0; 
	background: #FFFFFF; 
}

#contents{
	width: 80%;
	min-width: 600px;
	background-color: #ffffff;
	padding: 0px;
	margin: 100px auto  0;
	clear:both;
}

#contents p{
	padding: 0 0 0 50px;
	margin: 0px;
}

/*Footer*/

#footer{
	position:absolute;
	bottom:0px;
	width: 100%;
	min-width: 800px;
	background-color: transparent;
	padding: 0px;
	border:#0069bf solid;
	border-width:0px 0px 8px; 
}

#footer span{
	position: absolute;
	bottom: 10px;
	padding: 0px;
	margin: 0px;
	left: 16px;
	z-index: 100;
	white-space:nowrap;	
}

/*************** search styles *****************/

#search{
	position: absolute;
	bottom: 15px;
	right: 10px;
	z-index: 101;
}

#search input{
	font-size: 10px;
	margin: 0px  0px 0px 10px;
	background-color:#ccffff; 
 }
 
#search a:link, #search a:visited {
	color:#2880CE;
	font-size: 10px;
	font-weight: bold;
	
}

#search a:hover{
 	color: #33ccff;
	margin: 0px;
}

/* TEXT -------------------------------------*/

.concept{
	font:12px/20px "ＭＳ Ｐゴシック", "Osaka";
	color:#7C785D;
}

/* FORMS -------------------------------------*/

/* RDF-------------------------------------*/
#rdf{  
	width:30px;
	color:#ffffff;
	font:bold 10px/10px "Geneva", "Arial", "Helvetica", "san-serif";
	letter-spacing:2px;
	margin:8px 0 0 0; 
	padding:2px 2px; 
	background-color:#d5977c; 
}

/* MDS CSS end-------------------------------------*/