body{
	font-family: "TheSerif", "Rockwell", georgia, serif;
	font-size: 13px;
	padding: 1em;
	color: #444444;
	background: url('bg.jpg') top right no-repeat;
}

#header{
	position: fixed;
	float: left;
	width: 18em;
	margin-top: 10%;
	margin-right: 1em;
	padding-bottom: 1em;
	background-color: #F3F5FF;
	border-bottom: solid 4px #565BA7;
}

#posts{
	margin-left: 19em;
}

a{
	text-decoration: none;
	color: #E9865C;
}

a:hover{
	text-decoration: underline;
}

h1{
	margin: 0px;
	color: white;
	background-color: #565BA7;
	padding: 0.3em;
	padding-top: 4em;
	font-size: 2em;
}

#header p{
	margin: 0px;
	margin-top: 1em;
	margin-bottom: 0em;
	padding-left: 0.6em;
	padding-right: 0.6em;
}

#header .author{
	font-weight: bold;
	font-size: 1.5em;
	padding-left: 0.45em;
}

#header .author a{
	color: #565BA7;
}

#header ul{
	list-style: none;
	margin: 0px;
	padding-left: 1.2em;
	margin-top: 1em;
}

#header li{
	font-weight: bold;
	margin-bottom: 0.5em;
}

SUP{
	line-height: 0em;
}

.post{
	width: 40em;
	margin-bottom: 3em;
}

.post .date{
	margin:0px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 1em;
	padding: 0.7em;
	padding-bottom: 0.5em;
	background-color: #565BA7;
	color: white;
}

.post p{
	margin-left: 0.7em;
}

.post .homework{
	margin-left: 2.8em;
	margin-right: 1.4em;
}

.post .homework h3{
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 1em;
	color: #565BA7;
	border-bottom: dotted 1px #565BA7;
}

#d1 .date{
	background-color: #348754;
}
#d1 h3{
	color: #348754;
	border-color: #348754;
}

#d2 .date{
	background-color: #873424;
}
#d2 h3{
	color: #873424;
	border-color: #873424;
}