@import url(reset.css);

body {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 15px;
}

a {
	text-decoration: none;
	color: inherit;
	border-bottom: dotted 1px #000;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

#wrapper {
	width: 940px;
	min-height: 500px;
	margin: 44px auto 0 auto;
	position: relative;
}

	.tweet {
		position: absolute;
		top: 20px;
		right: 0;
	}
	
	#wrapper h1 {
		height: 44px;
		background: url(name.jpg) no-repeat 0 0;
		text-indent: -9999px;
		font-size: 54px;
		border-bottom: solid 2px #000;
		cursor: pointer;
	}
	
	#wrapper .section {
		padding: 30px 0;
		border-bottom: dotted 1px #000;
	}
	
		#wrapper .section h2 {
			font-size: 28px;
			margin: 0 0 10px 0;
		}
		
		#wrapper .section h3 {
			font-size: 18px;
			font-weight: bold;
			display: inline;
		}
		
		#wrapper .section h4 {
			font-size: 16px;
			line-height: 22px;
			font-weight: bold;
		}
		
		#wrapper .section ol li {
			margin: 0 0 20px 0;
			position: relative;
		}
		
			#wrapper .section ol li span.date {
				position: absolute;
				right: 0;
				top: 0;
			}
			
			#wrapper .section ol li span {
				font-weight: normal;
			}
		
		#wrapper .section ol li ul {
			padding: 0 0 0 40px;
		}
			
			#wrapper .section ol li ul li {
				list-style-type: circle;
				margin: 0 0 5px 0;
			}
		
		#wrapper .section li {
			line-height: 18px;
		}
		
			#wrapper .section table td {
				padding: 0 0 5px 0;
				line-height: 18px;
			}
			
				#wrapper .section table td h6 {
					font-weight: bold;
					width: 140px;
				}

	#wrapper #footer {
		padding: 50px 0;
	}
		
		#wrapper #footer a {
			display: block;
			text-indent: -9999px;
			width: 60px;
			height: 60px;
			background: url(u.jpg) no-repeat 0 0;
			border: none;
			margin: 0 auto;
		}