
html, body {margin:0; padding:0; height:100%;  overflow:hidden; width:100%; text-align:left;}
body {font-family:verdana, arial, sans-serif; font-size:86%;}

#bg{position:fixed; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} /* not used here */
/*#content {padding:5px 300px 20px 200px;}  not used here */

div#copyright {
	width: 100%; 
	height: 26px; 
	font-family: arial, verdana, sans-serif; 
	letter-spacing:0.1em;
	font-size: 93%;
	color: #999999;
	text-align: left;
	margin-top: 27px;
	margin-left: 12px;
	border: 0px solid blue;
}
div#copyright2 {
	width: 70%; 
	height: 20px;
	font-family: arial, verdana, sans-serif; 
	letter-spacing:0.1em;
	font-size: 90%;
	color: #666666;
	text-align: left;
	padding:8px 0 0 15px; /* top, right, bottom, left */
}
#today_photo {
	border: 2px solid #f5a106;
	webkit-border-radius: 15px;
	moz-border-radius: 15px; /* these two make the round corner */
	border-radius: 15px;

	webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
   /* Because this is a sold image the shadow around it works fine in IE 7-8 */
	/* PIE-CSS3 implements round corners for IE7-8 */
	behavior: url(jstools/PIE-CSS3-IE7-IE8/PIE.htc);  	

}
#cafe {
	position: absolute;
	z-index:1;
	top: 50%;           /* Top left corner of the div holding the background image relative to browser window size */
	left: 50%;
	margin-top: -290px;  /* 336 half the height of the image: 580 */
	margin-left: -430px; /* 505 half the width of the image: 860 */
	border: 2px solid #f5a106;

	moz-border-radius: 15px; /* these two make the round corner */
	border-radius: 15px;
	webkit-border-radius: 15px;
	webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.50);	

/* Because cafe uses translucent background the box-shadow in IE 7-8 is rendered black, and is not implemented */
/*	behavior: url(jstools/PIE-CSS3-IE7-IE8/PIE.htc);   PIE-CSS3 implements round corners for IE7-8 */	

}
