img {
	border:0;
}
body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	background:url(images/menu_bg.jpg) top repeat-x black;
	text-align:center;
	color:white;
}
a {
	color:#993333;
}
a:hover {
	color:white;
}
h2 {
	font-size:24px;
}


#page {
	margin:0 auto;
	width:700px;
	text-align:left;
}
#header {
	width:100%;
	height:60px;
}
	#header a.menu {
		font-weight:bold;
		float:right;
		margin:20px 0 0 40px;
		display:inline;
		color:white;
		text-decoration:none;
	}
	#header a.menu:hover {
		border-bottom:white 4px solid;
	}
	#header .logo {
		margin:10px 0 0 0;
		float:left;
		display:inline;
	}

#content {
	float:left;
	display:inline;
	width:520px;
	margin:30px 30px 0 0;
}
	#content h2 {
		margin:0;
	}

#sidebar {
	float:left;
	display:inline;
	width:150px;
	margin:30px 0 0 0;
}
	#sidebar ul, li{
		list-style:none;
		margin:0;
		padding:0;
	}
	#sidebar li a {
		float:left;
		clear:both;
		color:white;
		text-decoration:none;
		border-left:4px solid black;
		margin:2px 0 0 0;
		padding:0 0 0 5px;
	}
	#sidebar li a:hover {
		border-left:4px solid white;
	}
	#sidebar h2 {
		margin:10px 0 0 0;
		float:left;
		clear:both;
		display:inline;
		font-size:12px;
		color:#993333;
		width:150px;
		border-bottom:1px solid #993333;
	}
	
.respond {
	width:500px;
	border-bottom:1px solid white;
	text-decoration:none;
	margin:20px 0 0 0;
}
.commentlist {
	margin: 10px 0 0 0;
}
	.commentlist .avatar {
		float:left;
		margin:0 10px 0 0;
	}
	.commentlist .commenttext {
		margin:0 0 20px 20px;
	}
