*{
	margin:0;
	padding:0;
}
body { 

	color: #000; 
	font-family: georgia, times, serif; 
	background:#fff;
	font-size:62.5%;
}

a, a:visited{
	color:#843D38;
}
a:hover{
	background:#eee;
	}

#head{
	background:#ccc;
	overflow:auto;
}

#head h1 a, #head h2 a{
	text-indent:-9999px;
	overflow:hidden;
	height:13px;
	width:94px;
	float:left;
	display:inline;
	background:transparent url(/css/bgimg/distorte.png) top left no-repeat;
	margin:10px 10px 9px;
}

#head:hover{
	background:#b2b2b2;
}

.container{
	float:left;
	width:70em;
}

.info h2, .info h1{
	margin:2em 10px 0;
	width:8em;
	overflow:hidden;
	text-align:right;
	font-size:3em;
	height:auto;
	float:left;
	display:inline;
	font-weight:300;
	color:#843D38;

}
.info h2 a, .info h1 a{
	color:#843D38;
	text-decoration:none;
	background:none;
}

.info{
float:left;
display:inline;
}
.info p{
	font-size:1.2em;
	width:20em;
	margin:10px 10px -5px;
	text-align:right;
}

.content{
	font-size:1.2em;
	width:33.3em;
	margin:4.16em 10px 10px 10px;
	float:left;
	display:inline;
	line-height:1.6em;

}

.content p{
	margin:10px 0;
}

.content ol, .content ul{
	margin:10px 40px;
}

.content blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }

.content h3{
	font-size:1.4em;
	margin:20px 0 0;
	color:#333;
	font-weight:300;
}
.content h4{
	font-size:1.2em;
	margin:20px 0 0;
	color:#333;
}

img.classy{
border:1px solid #ccc;
padding:5px;
}

#nav{
	float:left;
	display:none;
	overflow:hidden;
	width:328px;
	height:13px;
	margin:10px 10px 9px 228px;
	background:transparent url(/css/bgimg/nav.png) bottom right no-repeat;
	text-indent:-9999px;
}

#head:hover #nav{
display:inline;
}

#nav li{
float:left;
position:relative;
width:82px;
}

ul.navigation{
	list-style:none;
}

#nav li a{
	width:72px;
	float:left;
	display:block;
	height:13px;
	margin-left:10px;
}

#nav li a.archived:hover{
	background:transparent url(/css/bgimg/nav.png) -236px 0 no-repeat;	
}
#nav li a.context:hover{
	background:transparent url(/css/bgimg/nav.png) -154px 0 no-repeat;	
}
#nav li a.contact:hover{
	background:transparent url(/css/bgimg/nav.png) -72px 0 no-repeat;	
}
#nav li a.outside:hover{
	background:transparent url(/css/bgimg/nav.png) 10px 0 no-repeat;	
}

#menu{
float:right;
margin-bottom:30px;
}

.comment{
margin:0 10px 10px 21.66em;
}
