/* Malakhim v.3 CSS sheet
   Doing what I can to unfuck this site without being able to build it from scratch.
   Default architecture for the page. */
   
body
{
  background:	#000000 ;  		/* Flat black please, for convenience. */
  font-family:	sans-serif ;
  color:		#E0EEEE ;			
  font-size:	90%; ;
}


a:link                                                 
{
  color:		#E385AF ;
}

a:visited 
{
   color:			#BF9CBF ;
}

.fade
{
  filter:alpha(opacity=55);
  opacity: 0.55;
}

.unlined
{
	text-decoration: none;
}

img {border: none;}

img.floatleft { 
    float: left; 
    margin: 15px;
	padding: 10px;
}
img.floatright { 
    float: right; 
    margin: 15px; 
	padding: 10px;
}

#viewer
{
	text-align:left;
	width: 680px;
	padding:20px;
}

#flrtmenu
{
	float: right;
	margin: 3px;
}

#homeclick
{
	width:400px;
	height:80px;
	display:inline-block;
	z-index:5;
	position:absolute;
	top:40px;
	margin-left: -130px;
	
}

#nest
{
	position: relative;
	margin-left: -100px;
	margin-top: -40px;
	background-image: url(../graphics/eggs/nest_400.png);
	height: 400px;
	width: 410px;
	display:inline-block;
	float: left;

	
}

#nest_tn
{
position: relative;
background-image: url(../graphics/eggs/nestthumb.png);
height: 150px;
width: 150px;
display: inline-block;
float: left;
}

#bookcase
{
	position: relative;
	float: left; 
	margin-left: -20px;
	background-image: url(../graphics/bookshelf.jpg);
	height: 400px;
	width: 650px;
	text-align: left;
	z-index: 3;
	display: inline-block;
}

#potrtait
{
  position: relative;
}

/* Alrighty then, let's get this puppy laid out. */

#spacer
{
   display:		inline-block;
   min-height:	15px;
   max-height:	15px;
   height:		15px;
   
}

/* Layout for Explorer */

 /* All will be centered */
#bodyparent      
{
text-align:			center;
background-color:	#000000;
width:				1035px;
z-index:			-1;
}

#centerparent
{
 text-align:			center;
 z-index: -2

}

#header
{
   width: 		880px ;
   background-image:url('../img/title.jpg');
   background-repeat:no-repeat;
   background-position:center; 
   top:			0px ;
   color:		#DCDCDD;
   height:		165px;
   padding: 	0px ;
   z-index: 	-1;
}

#lbump
{
	line-height:	245%;
}
#login
{
   vertical-align: bottom;
   font-size:	85%;
   position:	absolute;
   margin-left: 353px;
   margin-right: 5px;
   margin-top:	60px;
   width:		115px;


}

#greeting
{
/* debug 

   background-color: #00FFFF; */

   display:		inline-block;
   position: 	absolute;
   margin-left:	-315px;
   margin-right: 80px;
   margin-top:	92px;
   text-align:	left;
   font-size:	85%;
   width:		160px;
   max-width:	160px;


}

#titlebar
{
   margin-top:	131px;
   margin-left: 35px;
   text-align:	left;
   margin-right: 185px;
   padding:		0px;
}


#content
{
  background-color: #000000;
  display:		block;
  top:			350px;
  text-align:   left;
  width:		650px; 
  max-width: 	650px ;
  min-width:	650px;
  margin-top: 	15px ;
  margin-left:	auto;
  margin-right:	auto;
  width:		650px;
  z-index:		5;
}


#lefttop
{
/*  debug  
   background-color: #FF0000; 
   filter:alpha(opacity=55); 
   opacity:		0.55; */
   
   display:		inline-block;
   position: 	absolute; 		
   top:			172px;
   width:		150px;
   height:		380px;
   margin-left:	-498px;
   padding:		10px;
   font-size:	90%;
}

#leftmid
{
/* debug   
   background-color: #FFDD00;
   filter:alpha(opacity=55); 		 
   opacity:		0.55;   */

  display:		inline-block;
  position:		absolute;
  top:          552px;
  width:		150px;
  height:		380px;
  margin-left:  -498px ;
  padding:		10px;
  font-size:	90%;
  
}

#leftdown
{
/* debug   
  background-color: #FFDDFF;
  filter:alpha(opacity=55); 
   opacity:		0.55;   */
 
 display:		inline-block;
  position:		absolute;
  top:			932px;
  width:		150px;
  height:		380px;
  margin-left:  -498px;
  padding:		10px;
  font-size:	90%;
}

#righttop
{
/*  debug   
   background-color: #FF0000;
   opacity:		0.55;  */

   display:		inline-block;
   position:	absolute;
   top:			172px;
   width:		150px;
   height:		380px;
   margin-left:	350px;
   padding:		10px;
   z-index:     1;
   font-size:	90%;
}

#rightmid 
{
/* debug   
   background-color: #FFDD00;
   filter:alpha(opacity=55);			 
   opacity:		0.55;  */

   display:		inline-block;
   position:	absolute;
   top:			552px;
   margin-left: 350px;
   height:		380px;
   width:		150px;
   padding:		10px;
   z-index:     1;
   font-size:	90%;
}
#rightdown
{
 /* debug    
   background-color: #FFDDFF;
   filter:alpha(opacity=55); 
   opacity:		0.55;  */

  display:		inline-block;
  position:		absolute;
  top:			932px;
  width:		150px;
  height:		380px;
  margin-left:  350px;
  padding:		10px;
  z-index:     1;
  font-size:	90%;
}

#fadebox
{
  width:			100px;
  height: 			14px; 
  padding:			2px;
  text-align:		center;
  font-size: 		105%;
  font-family: 		serif, Georgia;
  font-weight:		bold;
  margin-left:		10px;
  color:			#DCDCDD;
  background-color:	#5E234A;

  border:			4px #8B2950;
  /* IE */
  filter:alpha(opacity=35); 
  /* smart people */
  opacity:0.35;
}

#footer
{
width: 800;
background-color: #000000;
margin-left:	  auto; /* Yes, that's lazy. */
margin-right:	  auto;
}


/* end Explorer layout */


/* Child-selector layout */

html>body #viewer
{

	width: 620px;
	padding:20px;
	clear:none;
}


html>body #spacer
{
	height:3px;
	width:100%;
	float:none;
	clear: both;
	display: inline-block;
	
}

html>body #homeclick
{
	width:400px;
	height:80px;
	display:inline-block;
	z-index:5;
	position:absolute;
	top:40px;
	margin-left: 250px;

}


html>body #bookcase
{
float: none;
}

html>body #centerparent       /* All will be centered */
{
   width: 920px;
   max-width: 920px;
   margin: 0 auto;
}

html>body #header
{
   width: 		910px ;
   background-image:url('../img/title.jpg');
   background-repeat:no-repeat;
   background-position:center; 
   top:			0px ;
   color:		#DCDCDD;
   height:		165px;
   padding: 	0px ;
   z-index: 	-1;
}

html>body #lbump
{
	line-height:	215%;
}
html>body #login
{
   position:	absolute;
   margin-left: 732px;
   margin-right: 5px;
   margin-top:	63px;
   width:		115px;
}

 html>body #greeting
{
   position:	absolute;
   margin-left:	65px;
   margin-right: 80px;
   margin-top:	88px;
   text-align:	left;
   width:		160px;
   max-width:	160px;
}


html>body #titlebar
{
   position: absolute;
   margin-top:	131px;
   margin-left: 55px;
   text-align:	left;
   margin-right: 185px;
   padding:		0px;
}


html>body #content
{
  display:		block;
  top:			350px;
  text-align:   left;
  max-width: 	650px ;
  margin-top: 	15px ;
  margin-left:	auto;
  margin-right:	auto; 
  overflow: 	hidden;
  width:		650px;
}

html>body #lefttop
{
   /* debug
   background-color: #FF0000;  */

   display:		inline-block;
   position: 	absolute;
   width:		130px;
   height:		360px;
   margin-left:	-38px;
   padding:		10px;
}

html>body #leftmid
{
    /* debug
  background-color: #FFDD00;
   opacity:		0.5;  */

  display:		inline-block;
  position:		absolute;
  width:		130px;
  height:		360px;
  margin-left:  -38px ;
  padding:		10px;
  
}

html>body #leftdown
{
 /* debug
   background-color: #FFDDFF;
   opacity:		0.5;  */

  display:		inline-block;
  position:		absolute;
  width:		130px;
  height:		360px;
  margin-left:  -38px;
  padding:		10px;
}

html>body #righttop
{
 /* debug 
   background-color: #FF0000;  */
 
   display:		inline-block;
   position: 	absolute;
   width:		130px;
   height:		360px;
   margin-left:	808px;
   padding:		10px;
}

html>body #rightmid
{
 /* debug
   background-color: #FFDD00;
   opacity:		0.5;   		 */

   display:		inline-block;
   position:    absolute;
   margin-left: 808px;
   width:		130px;
   height:		360px;
}
html>body #rightdown
{
 /* debug
   background-color: #FFDDFF;
   opacity:		0.5;		 */

  display:		inline-block;
  position:		absolute;
  width:		130px;
  height:		360px;
  margin-left:  808px;
}

html>body #fadebox
{
  vertical-align:	middle;
  display:			inline-block;
  min-width:		100px;
  max-width:		100px;
  padding:			1px;
  height: 			17px;
  text-align:		center;
  line-height:		15px;
  font-size: 		100%;
  font-family: 		serif, Georgia;
  margin-left:		10px;
  color:			#DCDCDD;
  background-color:	#5E234A;
  border:			4px #8B2950;
  opacity: 			0.35;
}
/* end Child-selector layout */