/* Grid Specs */
.grid { /* Base grid */
	/*
	background-image: url(../images/grid.png);	
	*/
	width: 60em;				/* 960px */
	margin: 0 auto;
	position: relative;
}

.c0 { width: -1.5em; padding: 0 .75em; position: relative; } .r0 { left: 0em; } .l0 { left: -0em; } 
.c1 { width: 4.5em; padding: 0 .75em; position: relative; } .r1 { left: 6em; } .l1 { left: -6em; } 
.c2 { width: 10.5em; padding: 0 .75em; position: relative; } .r2 { left: 12em; } .l2 { left: -12em; } 
.c3 { width: 16.5em; padding: 0 .75em; position: relative; } .r3 { left: 18em; } .l3 { left: -18em; } 
.c4 { width: 22.5em; padding: 0 .75em; position: relative; } .r4 { left: 24em; } .l4 { left: -24em; } 
.c5 { width: 28.5em; padding: 0 .75em; position: relative; } .r5 { left: 30em; } .l5 { left: -30em; } 
.c6 { width: 34.5em; padding: 0 .75em; position: relative; } .r6 { left: 36em; } .l6 { left: -36em; } 
.c7 { width: 40.5em; padding: 0 .75em; position: relative; } .r7 { left: 42em; } .l7 { left: -42em; } 
.c8 { width: 46.5em; padding: 0 .75em; position: relative; } .r8 { left: 48em; } .l8 { left: -48em; } 
.c9 { width: 52.5em; padding: 0 .75em; position: relative; } .r9 { left: 54em; } .l9 { left: -54em; } 

.abs {
	position: absolute;
}

/* Blog Design. Assuming a baseline of 24px. */
body {
	background-color: #eee;
	font-size: 100%;			/* 16px */
	font-family: arial, sans-serif;
}

/* Toolbar design */
#header-container {
	position: fixed;
	top: 0;
	z-index: 20;
	width: 100%;
}

	#header {
		background-color: #ddd;
		color: #333;
		font-family: 'Times New Roman', serif;
		font-style: italic;
		line-height: 1.5em;
		height: 1.5em;
	}
		a#logo:link, a#logo:visited {
			color: #111;
			text-decoration: none;
			padding: 0 3px;
		}
		a#logo:hover span {
			color: #31140d;
			background-color: #fff;
		}
		a#logo:active span {
			background-color: #fbb;
		}

/* Post header design */
h1.post-header {
	text-shadow: #fff 0 1px;
	font-family: 'Times New Roman', serif;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	font-size: 3em;				/* 48px */
	line-height: 1em;			/* 48px */
	letter-spacing: -.04em;
	z-index: 0;
}

	h1.post-header a:link, h1.post-header a:visited {
		color: #111;
		text-decoration: none;
	}

	h1.post-header a:hover {
		color: #300;
	}

	h1.post-header a:active {
		background-color: #fbb;
		border-bottom: solid 1px #f00;
	}

/* Post Time */
.post-time {
	text-align: center;
	font-size: .8em;
	line-height: 1.975em;
}	
	.post-time .date {
		color: #555;
		font-style: italic;
		font-family: 'georgia', serif;
		font-variant: small-caps;
		letter-spacing: .1em;
	}
		.post-time .date sup {
			font-size: .6em;
			text-transform: lowercase;
			font-variant: normal;
			position: relative;
			top: -.3em;
		}
	.post-time .at {
		color: #31140d;
		font-family: georgia, serif;
	}
	.post-time .time {
		color: #555;
		font-family: georgia, serif;
	}

/* Post Design */
#posts {
	margin-top: 1.5em;
}
	.post {
		background-color: #fff;
		margin: .75em 0;
		padding: .75em;
	}

		/* Post content design */
		.post-content {
			color: #222;
			font-size: 1em;				/* 16px */
			line-height: 1.5em;			/* 24px */
		}
			.post-content .alignleft {
				float: left;
			}

			.post-content .alignright {
				float: right;
			}

			.post-content .aligncenter {
				margin: 0 auto;
			}

			.post-content p {
				margin-bottom: 1.5em;		/* 24px */
				position: relative;
			}

			.post-content b, .post-content strong {
				color: #000;
				text-shadow: #666 0 1px;
				font-weight: normal;
			}

			.post-content a:link {
				color: #000;
				background-color: #fff;
				text-shadow: #ddd 0 1px;
				text-decoration: none;
				border-bottom: solid 2px #dfdfdf;
				padding: 0 5px;
			}

			.post-content a:visited {
				color: #000;
				background-color: #fff;
				text-shadow: #ddd 0 1px;
				text-decoration: none;
				border-bottom: solid 1px #dfdfdf;
				padding: 0 5px;
			}

			.post-content a:hover {
				color: #31140d;
				border-bottom: solid 1px #31140d;
			}

			.post-content a:active {
				color: #31140d;
				background-color: #fbb;
				border-bottom-color: #f00;
			}

			.post-content h1 {
				color: #777;
				font-size: 2em;				/* 32px */
				line-height: 1.5em;			/* 48px */
				font-family: arial, sans-serif;
			}
			
			.post-content h2 {
				color: #444;
				font-size: 1.5em;			/* 24px */
				line-height: 2em;			/* 48px */
			}

			.post-content h3 {
				color: #777;
				font-size: 1em;				/* 16px */
				line-height: 1.5em;			/* 24px */
			}

			.post-content b {
				color: #000;
			}

			.post-content ul, .post-content ol {
				margin-bottom: 1.5em;			/* 24px */
			}

			.post-content li {
				margin-left: 1em;			/* 16px */
			}

			.post-content .aside {
				color: #777;
				font-size: 1.25em;			/* 20px */
				font-family: 'times new roman', serif;
				margin-bottom: 0;
				padding: 1.2em;
			}

			.post-content .wp-caption {
				background-color: #efefef;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd));
				border: solid 0.0625em #ddd;		/* 1px */
				padding: 1em;
				margin-bottom: 1.4375em;		/* 23px */
			}

				.post-content .wp-caption a {
					border: none;
					background-color: transparent;
				}

				.post-content img {
					border: none;
				}

				.post-content p.wp-caption-text {
					font-variant: small-caps;
					text-align: center;
					margin: 0;
				}

		/* Post meta design */
		.post-meta {
			text-transform: uppercase;
			font-size: .75em;			/* 12px */
			line-height: 2em;			/* 24px */
		}
			.post-meta a:link, .post-meta a:visited {
				color: #666;
				background-color: #fff;
				border-bottom: solid 1px #aaa;
				text-decoration: none;
				padding: 0 .2em;
			}

			.post-meta a:hover {
				color: #31140d;
			}

			.post-meta a:active {
				background-color: #fbb;
			}

.comments-container { 
	background-color: #000;
	color: #fff;
	font-size: 1em;
	line-height: 1.5em;
}
	.comments-container h3 {
		color: #ddd;
		text-shadow: #000 0 1px;
		font-family: 'Times New Roman', serif;
		font-weight: normal;
		font-size: 2em;
		line-height: 1.5em;
		letter-spacing: -.04em;
		z-index: 0;
	}
		.comment {
			display: block;
			margin-top: 2em;
			margin-bottom: 2em;
		}
			.comment-author {
				font-size: .75em;
				line-height: 4em;
			}
			.avatar {
				background-color: #111;
				border: solid #222 1px;
				float: left;
				padding: 3px;
				margin: 4px;
			}
			.comment-author cite {
				margin-left: 20px;
			}

		.comment p {
			margin-top: 1em;
			margin-bottom: 1em;
		}

		.comment a:link {
			color: #fff;
			border-bottom: solid 1px #aaa;
			text-shadow: #aaa 0 1px;
			text-decoration: none;
			padding: 0 5px;
		}

		.comment a:hover {
			border-bottom: solid #f00 1px;
		}

		.comment a:active {
			background-color: #fff;
			color: #f00;
		}

		.comment a:visited {
			border-bottom: solid 1px #999;
			color: #fff;
			text-decoration: none;
		}

		.comment-meta {
			font-size: .5em;
			line-height: 3em;
		}

		#respond p {
			font-size: 1em;
			line-height: 1.5em;
		}

		#respond label {
			text-align: left;
			font-size: .75em;
			line-height: 2em;
			display: block;
			width: 200px;
		}

		#reply-title {
			font-size: 1em;
			line-height: 1.5em;
		}

		#reply-title a {
			color: #fff;
			border-bottom: solid #f00 1px;
			text-decoration: none;
		}