*
{
	margin:				0;
	padding:			0;
	box-sizing: 		content-box;
	-moz-box-sizing:	content-box;
}

html 
{ 
	min-height:			101%;
	font-size: 100.01%; /* IE hack */ 
}

body
{
	min-height:			101%;
	font:				normal 62.5%/1.6 Verdana, Helvetica, sans-serif;
	color:				#000;
	background-color:	#F1E7D0;
	width:				900px;
	margin:				0 auto;
	padding:			10px;
	position:			relative;
}

td,th,p
{
	font-size: 100.01%; /* stops IE5 supersizing */ 
}

ins
{
	text-decoration:	none;
	font-style:		italic;
}

li
{
	margin-left: 2em;
}
/*
lightest to darkest:
F1E7D0
E9D2A3
D5B575
AF8B43
957535
*/
/* ---------------------------------------------- */

.container
{
	float:			left;
/*	margin-left:	200px; */
	width:			650px;
}

.list
{
	float:				right;
	padding:			10px;
	margin-left:		10px;
	margin-bottom:		10px;
	background-color:	#E9D2A3;
}

/* ---------------------------------------------- */

a:link,a:visited
{
	text-decoration:	none;
	font-weight:		bold;
	color:				#957535;
}

a:hover
{
	color:		#F1E7D0;
}

a img,:link img,:visited img
{ 
	border:				none;
}

/* ---------------------------------------------- */

h1
{
	font-size:			2em;
	height:				3em;
	line-height:		3em;
	padding:			0 1em;
	background-color:	#D5B575;
	color:	#957535;
}

h2, h3
{
	font-size:			1.2em;
	color:	#957535;
}

h3
{
	/*text-transform: uppercase;*/
}

/* my name on comments page */
h3 b
{
	color:		#900;
}


h4
{
	font-size:			1em;
	color:	#957535;
}

p
{
	/*color:			#806F59;*/
	text-align:		justify;
	margin: 0 0 1em 0;
}

ul
{
	margin: 0 0 1em 0;
}

/* ---------------------------------------------- */

input.text, input.button, textarea
{
	font: normal 1em verdana, arial,helvetica,sans-seirf;
	margin: 0;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #666;
}

/*make form buttons look like menu links*/
input.button
{
	width: 7em;
	overflow: visible;
	cursor: hand;
	cursor: pointer;
	background-color: #ddd;
}

.addcomment input.text, .addcomment textarea
{
	width: 15em;

}

/* ---------------------------------------------- */

div.menu
{
	background-color:	#E9D2A3;
	
	padding:			10px;
	width:				180px;
	_width:				"200px";
	
	float:			left;
	margin-right: 10px;
	/*position:			absolute;
	top:				10px;
	left:				0px;*/
}

.menu a
{
	display: block;
	height: 2em;
	line-height: 2em;
}


/* ---------------------------------------------- */

div.newsitem
{
	margin: 			1em 0;
	padding:			1em;
	background-color:	#E9D2A3;
}

.newsitem img
{
	margin:			0 0 0.5em 1em;
	float:			right;
}

/*news title*/
.newsitem h3, .comment h3
{
	height: 		2em;
	line-height:	2em;
}

/*date*/
.newsitem h4, .comment h4
{
	float:			right;
}

/*footer*/
.newsitem h5, .comment h5
{
	clear:			both;
	text-align:		right;
	font-size:		1em;
}

/* ---------------------------------------------- */

div.addcomment
{
	float: right;
}

div.addcomment label
{
	display: block;
}

/* ---------------------------------------------- */

div.comment
{
	width: 300px;
	margin: 1em 1em;
}

/* ---------------------------------------------- */

div.boxy
{
	width: 300px;
	height: 300px;
	overflow: auto;
	border: 1px solid black;	
}