/* www.scatbabes.com CSS 22/06/2007 */

body {
	background: black;
	color: #DAA520;
	margin: 0px 0px 0px 0px;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 14px;
	height: 100%;
}

a:link {color: #996633;}
a:visited {color: #663300;}
a:hover {color: yellow;	font-style: italic;}
a:active {color: blue}

div.container {
	border: thin black;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	}

/* CSS HACK:  position:relative needed by IE6 otherwise the content doesn't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.content, .contentbody, .end
	{ p\osition: relative; }
/* */

div.content{
	width: 950px;
	margin: 10px auto 0 auto;
	color: white;
	font-size: 125%;
}
	
div.content img {
	border: thick groove #E6C26E;
	padding: 5px 5px 5px 5px;
	margin: 0 20px 0 20px;
	background-color: Black;
}

div.movie {
	width: 210px;
	border: thick groove #E6C26E;
	padding: 5px 0 5px 0;
	background-color: Black;
	text-align: center;
}

div.widemovie {
	width: 840px;
	border: thick groove #E6C26E;
	padding: 5px 0 5px 0;
	background-color: Black;
	text-align: center;
}

div.movie img{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border:none;
}
div.widemovie img{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border:none;
}
div.movie a:link, div.movie a:visited, div.movie a:hover, div.movie a:active{
	color:white;
	text-decoration: none;
	font-style: normal;
}

div.menu{
	float: left;
	margin: 20px 0 20px 200px;
	_margin: 20px 0 20px 100px;
	width: 160px;
	color: white;
}

#hand{
	float: left;
	margin: 0px 10px 0px 20px;
}

div.spiel{
	clear: both;
	width: 950px;
	text-indent: 30px;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	color: white;
	font-size: 125%;
	border: 5px solid #DAA520;
	text-align: center;
}
	
div.ruler {
	border: none;
	width: 700px;
	margin: 10px 0 10px 0;
	}

div.ruler img, div.end img{
	border: none;
}	

  
div.footer {
	padding: 10px 5px 10px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

div.header {
	margin: 0px auto 0px auto;
	padding: 10px 5px 10px;
	margin: 5px auto 5px auto;
}

div.header img{
	vertical-align: top;
	float: left;
}

div.ruler {
	padding: 5px 5px 5px 5px;
}

div.ruler hr{
	height: 4px;
}
.content .updates img{
	border: none;
	}

.biglink{
	margin: 0 5px 20px 5px;
	font: bold 30pt verdana, tahoma, helvetica, arial, sans-serif;
	color: #FFFF00;
	text-decoration: underline;
}	
	
	
h1{
	margin: 0 5px 0 5px;
	font: normal bold 26pt verdana, tahoma, helvetica, arial, sans-serif;
	color: #FFF000;
}
h2{
	margin: 3px 5px 3px 5px;
	font: italic 20pt verdana, tahoma, helvetica, arial, sans-serif;
	color: #FF9900;
}
h3{
	margin: 3px 5px 3px 5px;
	color: #FFCC00;
	font: italic 14pt verdana, tahoma, helvetica, arial, sans-serif;
}

#navcontainer {
	width: 160px;
	height: 320px;
	background: url(menu.jpg);
	margin: 10px 0px;
	padding: 0;
	position: relative;
}
#navcontainer li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; }
#navcontainer li, #navcontainer a {
    height: 40px; display: block;}

#button01 {left: 0; top: 0; width: 160px; height: 40px;}
#button02 {left: 0; top: 40px; width: 160px; height: 40px;}
#button03 {left: 0; top: 80px; width: 160px; height: 40px;}
#button04 {left: 0; top: 120px; width: 160px; height: 40px;}
#button05 {left: 0; top: 160px; width: 160px; height: 40px;}
#button06 {left: 0; top: 200px; width: 160px; height: 40px;}
#button07 {left: 0; top: 240px; width: 160px; height: 40px;}
#button08 {left: 0; top: 280px; width: 160px; height: 40px;}

#button01 a:hover {background: transparent url(menu.jpg) -160px 0 no-repeat;}
#button02 a:hover {background: transparent url(menu.jpg) -160px -40px no-repeat;}
#button03 a:hover {background: transparent url(menu.jpg) -160px -80px no-repeat;}
#button04 a:hover {background: transparent url(menu.jpg) -160px -120px no-repeat;}
#button05 a:hover {background: transparent url(menu.jpg) -160px -160px no-repeat;}
#button06 a:hover {background: transparent url(menu.jpg) -160px -200px no-repeat;}
#button07 a:hover {background: transparent url(menu.jpg) -160px -240px no-repeat;}
#button08 a:hover {background: transparent url(menu.jpg) -160px -280px no-repeat;}
    
#button01 span, #button02 span, #button03 span, #button04 span, #button05 span, #button06 span, #button07 span, #button08 span {
	display: none;
	}
	
.border{background: #996633 url(graphics/border.jpg);}
.black {background: #000;}
.bp5 {border: 4px inset #CC9933;}
.m2 {margin: 8px;}
.mb2 {margin-bottom: 2em;}