/*
 * Style sheet for RolePlay OnLine -- http://rpol.net
 *
 * CSS validated at "http://jigsaw.w3.org/css-validator/" - W3C's online validation service

 Based somewhat on http://www.gunlaug.no/tos/moa_8.html
 
 Should work on a PC running Mozilla 1.7.5, Netscape 7.1, FireFox 1.0.3, Opera 8, Internet Explorer IE5.01, IE5.5 and IE6.
 Should work on Mac running Safari (1.3) and FireFox (1.0.3)

 Fixed header and footer layout follows */

@media screen {

html {
	padding: 0;
	margin: 0;
	}

div#wrapper {
	padding-top: 90px;	/* How far from the top of the page it all starts, scrolls flush with the header, but the difference is the initial 'padding' between the header and content */
	padding-bottom: 40px;	/* How far from the bottom we stop */
	}

#header {
	position:fixed;
	top:0;
	_position:absolute;
	_top:expression(eval(document.body.scrollTop));	/* So it works in IE6 */
	left:0;
	margin:0;
	padding:0;
	height:60px;
	width: 100%;
	text-align: center;
	z-index: 2;
	}

#contents {
	text-align: left;
	margin: 0 auto 0 auto;
	}

#footer {
	position:fixed;
	bottom:0;
	_position:absolute;
	_top:expression(document.body.scrollTop+(document.body.clientHeight-this.clientHeight)-4);	/* So it works in IE6 */
	left:0;
	margin:0;
	padding:0;
	height:20px;
	width: 100%;
	text-align: center;
	z-index: 2;
	}
}