body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	color: white;
	background-color: black;
}

#header {
	background: url('/images/block2.jpg') repeat;
	background-color: #3C3C3C;
	margin: 0 auto;
	width: 930px;
	height: 220px;
	position: relative;
	overflow: hidden;
	padding: 0;
}

#header ul {
	list-style: none;
	margin: 30px 0 0 330px;
	padding: 0;
}

#header ul li {
	float: left;
	background-color: #0F26B2;
	border-top: 2px solid black;
	border-right: 6px solid black;
	border-bottom: 2px solid black;
	border-left: 6px solid black;
	margin: 3px 10px 10px 10px;
	width: 118px;
	height: 31px;
	padding: 0;
}

#header ul li a {
	color: white;
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 32px;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

#header ul li a:hover {
	color: black;
	background-color: #79ACDB;
}

#headermenu {
	font-weight: bold;
	width: 100%;
}

#main {
	padding: 0 10px 10px 10px;
	margin: 0 auto;
	width: 910px;
	background: url('/images/block2.jpg') repeat;
	background-color: #3C3C3C;
	min-height: 500px;
	overflow:hidden;
}

div.stuff {
	border-top: 2px solid black;
	border-right: 6px solid black;
	border-bottom: 2px solid black;
	border-left: 6px solid black;
	/*background-color: #79ACDB;*/
	background-color: #DCDCDC;
	color: black;
}

/*#rail{*/
/*  width: 260px;*/
/*  float: left;*/
/*}*/
/**/
/*#container{*/
/*  width: 640px;*/
/*  margin-left: 10px;*/
/*  float: left;*/
/*}*/

.links {
	font-size: 12px;
	padding: 0 15px;
}

.stats {
	margin-top: 10px;
	padding: 15px;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 18px;
	overflow: hidden;
	font-size: .8em;
	line-height: 18px;
	text-align: right;
}

/*ONE TRUE LAYOUT EQUAL HEIGHT LAYOUT DEFINITIONS*/
#block_1
	{
	float: left;
	width: 640px;
	margin-left: 270px;
	}
* html #block_1
	{
	display: inline;
	}
#block_2
	{
	float: left;
	width: 260px;
	margin-left: -910px;
	}
/* weirdness with the IE posse - reload causes the 
bottom-aligned elements in the non-longest columns to 
shift upwards as if they were the second longest column 
was the longest
this is totally due to the media query.
And even more weirdly changing the font size makes things 
"normal" again. Resizing the viewport does not have any effect
Of course, the media query hack is needed just because
Opera can't position a crate of ale on a brewery palette 
*/
@media all and (min-width: 0px) {
#block_x
	{
	margin-left: -31em;
	padding-left: 0.5em; 
	}
}
.box_copy
	{
	border-top: 2px solid black;
	border-right: 6px solid black;
	border-left: 6px solid black;
	background-color: #DCDCDC;
	color: black;
	padding: 0 15px;
	}
.snap p
	{
	margin: 0;
	padding: 0;
	text-align: right;
	}
.last .snap p
	{
	padding: 0 0.75em 0.5em 0;
	}
/* '* html' to filter only IE Win */
/* Start Mac IE5 filter \*/
#block_1 .last, #block_2 .last
	{
	padding-bottom: 1000em !important;
	margin-bottom: -998em !important; 
	}
* body #block_1, * body #block_2
	{
	padding-bottom: 30000px !important;
	margin-bottom: -30000px !important; 
	}
.last .snap
	{
	position: absolute;
	bottom: 0;
	border-bottom: 2px solid black;
	}
* html .last .snap
	{
	bottom: -1px;
	}
#block_1 .last .snap
	{
	width: 640px;
	left: 270px;
	}
#block_2 .last .snap
	{
	width: 260px;
	left: 0;
	}
/* End Mac IE5 filter */
#wrapper_extra
	{
	position: relative;
	}
* html #wrapper
	{
	/* bizarrely necessary for IE6 ! */
	position/**/: relative;
	}
#wrapper
	{
	width: 910px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	display: inline-block; /* Fixes nasty Opera7 scrolling bug */
	}
/* easy clearing */
#wrapper:after
	{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
/* end easy clearing */
h2, p
	{
	margin: 0;
	padding: 0;
	}

/*END ONE TRUE LAYOUT EQUAL HEIGHT LAYOUT DEFINITIONS*/

/* START CHATTERBOX STYLES */

#daddy-shoutbox {
  padding: 5px;
  background: #3E5468;
  color: white;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
}

.shoutbox-list {
  border-bottom: 1px solid #627C98;
  padding: 5px;
}

#daddy-shoutbox-list {
  text-align: left;
  margin: 0px auto;
  height: 300px;
  overflow: auto;
}

#daddy-shoutbox-form {
  text-align: left;
}

.shoutbox-list-time {
  color: #8DA2B4;
}

.shoutbox-list-nick {
  margin-left: 5px;
  font-weight: bold;
}

.shoutbox-list-message {
  margin-left: 5px;
}

/* END CHATTERBOX STYLES */