*{margin:0;padding:0;}
body { font: .8em Georgia, "Times New Roman", Serif; background: #fff; color: #444; }
a { color: #003FCF; text-decoration: none; }
	a:hover { color: #8f008F; }
p { line-height: 1.7em; margin: 0 0 15px; }
li {line-height: 1.7em;}
.x { clear: both; }

h1 { float: left; font-size: 2em; font-weight: normal; font-style: italic; padding: 0 0 0px 10px; margin: 0 0 0px; }
h2 { font-weight: normal; font-size: 2.6em; padding: 0 0 10px; margin: 0 0 15px; }
h3 { font-size: 1.7em; font-weight: normal; margin: 0 0 20px; }
	h3 a { color: #222; }
	
#content { width: 900px; margin: 0px auto;}
#test { background: #800; height:70px; line-height:70px; color:#fff; 
	display:flex; align-items: center;}


#menu { float: right; margin: 10px 10px 0 100px; }
	#menu li { display: inline; list-style: none; }
	#menu li a { float: left; margin: 0 0 0 20px; color: #fff; }
		#menu li a:hover { color: #555; }

.post { clear: both; padding: 30px 10px;  border-bottom: 1px solid #ddd; margin: 0 0 40px; 
    }

	.post .details { float: left; width: 220px; font: .8em Georgia, "Times New Roman", Serif;}
	.post .details p{line-height:1.3em; margin: 0 0 7px;}
	.post .details .info { font-size: .9em; color: #999; }
		.post .details .info a { color: #777; border-bottom: 1px dotted #999; padding: 3px 1px; }
	.post .body { float: right; width: 620px; padding: 0 0 0 30px; border-left: 1px solid #ddd; }
	
.coltwo { width: 630px; margin: 0 40px 30px 0; float: left; font-size: .9em; }
.col { width: 290px; margin: 0 40px 30px 0; float: left; font-size: .9em; }
	.col.last { margin-right: 0; }
		
#footer { clear: both; border-top: 1px solid #ddd; padding: 20px 0; font-size: .9em; color: #999; }
.code {font: "Courier New", Courier, monospace; font-weight:bold;}
.col li {line-height:1.7em;}