#wholepage {
	min-width: 600px;
	border: 2px solid #000000;
	font-family: "Palatino Linotype", Palatino, serif;
}

.guts{
	/* this contains all other divs 
	-- provides spillage background color */
	background-color: #756391;	
}

.navarea{
	float: left;
	width: 125px;
	
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #756391;
	//border-right: 2px double #000000;
}

.navi{
	font-style: italic;
	margin-bottom: 1px;
	margin-top: 1px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #756391;
	color: #000000;
	display: block;	
	text-decoration: none;
	padding: 2px;
	//border-top: 1px solid #000000;
	//border-bottom: 1px solid #000000;
	border: 2px solid #756391;
}

.navi-cur{
	font-style: italic;
	margin-bottom: 1px;
	margin-top: 1px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #756391;
	color: #EEEEEE;
	display: block;	
	text-decoration: none;
	padding: 2px;
	//border-top: 1px solid #000000;
	//border-bottom: 1px solid #000000;
	border: 2px solid #756391;
	text-shadow: #000 3px 3px 3px;
}


.navi:hover{
	//border: 2px dashed #000000;
	//background-color: #555555;
	
	border: 2px solid #756391;
	text-shadow: #000 3px 3px 3px;
	color: #FFFFFF;
	padding: 2px;
	font-style: italic;
}
.contentarea{
	//margin-top: 5px;
	//border-top: 2px solid #000000;
	margin-left: 130px;
	background-color: #FFF;//#EFDDFC;
	color:  #000000;
	padding: 30px 10px 10px 15px;
	min-height: 250px;
	border-left: 2px solid #000000;
	text-indent: 5px;
}

.larger{
	font-family: georgia;
	font-size: large;
	color: #000;
}

.smaller{
	font-family: georgia;
	font-size: small;
}

.emphy{
	font-size: medium;
	font-style: italic;
}

img {
	padding: 2px;
	border: 1px double #000000;
	background: #999999;
	margin: 3px;
}

.floatcontent{
	margin:0px 15px 15px 0px ;
	float: left;
	//clear: left;
}

h4{
	font-style: normal;
	//font-variant: small-caps;;
	font-weight: 100;
	margin: 0px 0px 10px 0px;
	text-shadow: #999 1px 1px 3px;
	padding: 3px;
	//width: 420px;
	color: #000;
	border-bottom: dotted #000000 1px;
	padding-left: 10px;
	font-size: large;
	/*
	font-style: italic;
	margin: 0px 5px -1px 10px;
	padding: 3px;
	min-width: 180px;
	max-width: 280px;
	background-color:  #777;
	color: #000;
	border: 1px solid #000;
	padding-left: 10px;
	*/
}	
	
h3{
	font-style: normal;
	//font-variant: small-caps;;
	font-weight: 100;
	//margin: 0px 0px 10px 0px;
	text-shadow: #999 2px 2px 3px;
	padding: 3px;
	min-width: 180px;
	color: #000;
	border-bottom: dotted #000000 1px;
	text-align: center;

}		

div.dollset{
	margin: 5px;
	position: relative;
}

div.dollset div.dolldescr{
	text-indent: 5px;
	font-size: small;
	font-family: arial;
	}

div.dolldescr ul{
	margin-top: 8px;
	margin-bottom: 8px;
	text-indent: 10px;
	list-style-position: inside;
}

div.dollset img.dolls{
	float: left;
	margin-right: 10px;
	}

div.dollset div.dollthumbs{
	padding: 0px;
	clear: left;
	float: left;
	margin: 5px 5px;
	border: 4px solid #504;
}

tabble.doll{
	margin: 5px 2px;}

a.l{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: small;
	display:block;
}


/*
div.dollset img.doll{
	margin: 5px 2px;
}

div.dollset a.doll{
	margin: 5px 2px;
}
*/

div.dollset div.cleardolls{
	clear:both;
	border-top: 1px dotted #C5B6F9;
}

.update{
	margin: 0px 5px 15px 0px;
	border-top: solid #000000 1px;
	//border-bottom: dotted #000000 1px;
	min-height: 45px;
	padding: 10px 10px 20px 10px;
	text-indent: 10px;	
}

.artpreview{
	//border: 3px solid #FF0;
	text-align: center;
	margin-bottom: 30px;
}

.artpreview img {
	display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
}

.artpreview div.descr{
	border: 2px dotted 3px;
	font-family: fantasy;
	font-stretch:  expanded;
}

.artpreview div.mediatype{
	border: 2px dotted 3px;
	font-family: sans-serif;
	font-stretch:  condensed;
	font-size: small;
}


#topbanner{
	min-height: 70px;
	text-align: center;
	vertical-align: bottom;
	position: relative;
	border-bottom: 2px double #000000;
	background-color: #D3BFFF;
		text-shadow: #999 4px 4px 4px;
	letter-spacing: 3px;
	font-size: x-large;
	padding: 0px 0px 10px 18px;
}

#topbanner img{
	position:absolute;
	right: 0px;
	top: 0px;
	height: 68px; 
	border: 1px solid #D9C6FF;
}

#topbanner img:hover{
	position:absolute;
	right: 0px;
	top: 0px;
	height: 120px; 
}

#topbanner div.whereami{
	font-size: small;
	text-align: center;
	font-style: italic;
	padding: 3px;
 	text-shadow: #999 2px 2px 2px;
}

#bottombanner{
	font-size: x-small;
	padding: 3px;
	//clear: both;
	border-top: 2px double #000000;
	text-align: center;
	color: #000000;
	background-color: #D3BFFF;
}


#container {position:relative; width:660px; height:700px; background:#888; border:3px solid #000; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}

#container a.pics {margin:7px 7px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:106px; cursor:default;}
#container a.pics img.thumb {display:block; border:2px solid #888;}

#container a.pics span {display:none; border:0; width:500px; background:#888; border:0px solid #fff; text-align:center;margin:0px ;left:120px; top:7px}

#container a.pics span img {margin:0px 0px; width:500px; border:0px solid #000;left:110px; top:7px}

#container a.pics:hover {white-space:normal; border:1px solid #fff;}
#container a.pics:hover span {;;display:block; position:absolute; left:114px; top:7px; z-index:10; height:500px;}

#container a.pics:hover img.thumb {display:block; border:dashed 2px #F0F;}

/*
#container a.pics:active {border:3px dashed; #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:0px; top:0px; z-index:5; height:500px;}
*/

#container a.pics:focus {border:1px solid #fc0; outline:0;}
#container a.pics:focus span {display:block; position:absolute; left:135px; top:10px; z-index:5; outline:0;}

#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:80px 0 0 0; width:622px; text-align:center; color:#e0e; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}