body{
	background: #ccc;
	margin: 0px;
}

img{
	border: 0px;
}

h1{
	text-align: right;
}

h2{
	font-size: 1.3em;
	background-color: #eef;
	padding: 5px;
	font-weight: normal;
}

a:link, a:active{
	color: #0398CA;
	background-color: transparent;
}
a:visited{
	color: #00689A;
	background-color: transparent;
}
a:hover{
	text-decoration: none;	
	background-color: #eee;
}

.page{
	border: 3px dashed #000;
	border-width: 0px 3px 0px 3px;
	background-color: #fff;
	width: 800px;
	height: 100%;
}

/* change the <ul> into a menu bar */
.menu ul{
	padding-left: 0;
}
.menu ul li{
	list-style: none;
	display: inline;
	padding: 2px 0.5em;
}

/* stylize the menu */
.menu{
	background-color: #ffc;
	border: 1px solid #000;
	border-width: 1px 0px 1px 0px;
	height: 40px;
}
.menu .item, .menu .active{
	font-variant: small-caps;
}
.menu .active{
	font-size: 1.3em;
	font-weight: bold;
}

.heading{
	font-size: 1.3em;
	padding: 5px;
}
.heading a:link{
	color: #000;
	text-decoration: none;
}
.heading a:visited{
	color: #000;
	text-decoration: none;
}
.heading a:active{
	color: #000;
	text-decoration: none;
}
.heading a:hover{
	color: #000;
	text-decoration: none;
	background-color: transparent;
}

.heading .mangst{
	font-size: 1.2em;
	text-decoration: underline;
	font-family:'courier new', monospace;
}

.blogEntry{
	margin-bottom: 20px;
}

.blogEntry .date{
	font-weight: bold;
}

.blogEntry .title{
	font-size: 1.3em;
	background-color: #eef;
	padding: 5px;
}

.blogEntry .content{
	padding-top: 20px;
}

.blogEntry .comments{
	font-variant: small-caps;
	padding-top: 10px;
}

.projectSection{
	margin-bottom: 20px;
}

.projectSection .title{
	font-size: 1.3em;
	background-color: #eef;
	padding: 5px;
}

.projectSection .project{
	padding-bottom: 10px;
	padding-left: 20px;
}

.projectSection .project .title{
	font-size: 1.1em;
	background-color: transparent;
}

.projectSection .project .date{
	font-weight: bold;
}