/* basic reset -ml */
html,body { margin:0; padding:0; height:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{ margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; 
font-weight:normal; }
ol,ul { list-style:none; }
sub,sup { vertical-align:baseline; }
a { color:inherit; }
a img,:link img,:visited img { border:0; }
a:hover img { text-decoration:none!important; }
font { color: inherit !important; font: inherit !important; color: inherit 
!important; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

/* globals */
.clear        { clear:both; height:0; font-size: 1px; line-height: 0px; }
.left         { float:left; }
.right        { float:right; }
img.left      { margin-right:1em; margin-bottom:1.8em; }
img.right     { margin-left:1em; margin-bottom:1.8em; }
.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}

/* site-specific styles */

body { background-color:black; color:#bfc8bf; line-height:1.4em; }
body>div { font: 15px/27px Helvetica Neue, Helvetica, sans-serif; }

#page { position:relative; width:720px; margin:0 auto; }

#header h1 { width:720px; height:448px;
 z-index:0; overflow:hidden; text-indent:-999em;
 background-image: url('/xyzzy/images/laluna.jpg');
 background-repeat: no repeat;
}

#soitr { float:right; margin:0 12px; z-index:5; }
#content { position:absolute; width:520px; top:460px; z-index:20;}

#rain { position:fixed; width:100%; height:100%; 
background-image: url('/xyzzy/images/raintile.png');
z-index:1;
}

p { margin-bottom:1em; }
p.copy { line-height:1em; }