body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	font-family: "Helvetica", Arial, Sans-serif;
	line-height: 24px;
	background: #f9f9f9 url(images/baseline-bg.png);	
}

	body.nogrid {
		background: #f9f9f9 url(images/nogrid-bg.png);
	}
	body.nogrid #upper {
		background: none;
	}
	body.nogrid #lower {
		background: #303030 url(images/footer-nogrid-bg.png);
	}
	body.nogrid #footer{
		background: none;
	}


a {
	color: #b02000; text-decoration: none;
}
	a:hover {
		color: #9e1d00;
	}

#upper {
	width: 939px; margin: 0 auto; padding: 0 21px 0 21px;
	background: url(images/grid-bg.png);
}

#header {
	overflow: hidden;
}

	#header h1 {
		width: 139px; height: 115px; float: left;
		background: #af2100; border-bottom: 5px solid #9e1d00;
	}
		#header h1 img {
			display: block; margin: 0 auto;
			padding: 61px 0 0 0;
		}
	
	#header p#grid {
		visibility: hidden; /* Overwritten by JS */
		float: right; margin: 30px 0 0 0;
	}
		#header p#grid a {
			font: italic 11px "Georgia", Serif; color: #bdbdbd;
			background: url(images/grid-icon.png) left no-repeat; padding: 0 0 0 16px;
		}
			#header p#grid a:hover {
				color: #aeaeae;
			}
	
	#header ul {
		float: left; list-style: none; margin: 22px 0 0 0;
	}
		#header ul li {
			width: 139px; float: left; margin: 0 0 0 21px;
			text-align: right;
		}
			#header ul li a {
				font-size: 24px; text-transform: lowercase;
			}
			#header ul li.rss a {
				background: url(images/rss-icon.png) left no-repeat; padding: 0 0 0 23px;
			}
		
#main {
	margin: 72px 0 0 0;	
}
	#main h2 {
		font: italic 26px "Georgia", Serif; margin: 0 0 24px 0;
	}
	#main h3 {
		font: italic 18px "Georgia", Serif; margin: 0 0 24px 0;
	}
	#main p {
		font-size: 14px; color: #333; margin: 0 0 24px 0;
	}
		#main p.btn a {
			display: block; width: 139px; height: 21px; margin: -6px 0 24px 0; padding: 3px 0 0 0;
			background: #b02000; color: #fff;
			font: italic 16px "Georgia", Serif; text-align: center;
		}
			#main p.btn a:hover {
				background: #9e1d00;
			}
	
	#main .post {
		padding: 0 0 48px 0; overflow: hidden;
	}
		#main .post .content {
			width: 779px; margin: 0 0 0 21px; float: right;
		}
		
		
		#main .post .details {
			width: 139px; float: right; padding: 3px 0 0 0;
		}
			#main .post .details ul {
				list-style: none;
			}
				#main .post .details ul li {
					font-size: 26px; color: #bdbdbd; text-transform: lowercase;
				}
					#main .post .details ul li a {
						color: #bdbdbd;
					}
						#main .post .details ul li a:hover {
							color: #aeaeae;
						}

#lower {
	background: #303030 url(images/footer-baseline-bg.png);
	overflow: hidden;
}

	#footer {
		width: 939px; margin: 0 auto; padding: 75px 21px 48px 21px;
		background: url(images/footer-grid-bg.png); overflow: hidden;
	}
		#footer h3 {
			font: normal 26px "Helvetica", Arial, Sans-Serif; color: #656565;
			margin: 0 0 24px 0;
		}
		#footer a {
			color: #fff;
		}
			#footer a:hover {
				color: #aeaeae;
			}
		
		#footer div {
			float: left; margin: 0 0 68px 21px;
		}
			#footer div:first-child {
				margin: 0;
			}
		
			#footer div#categories, div#footer #social {
				width: 139px;
			}
			#footer div#latest, div#footer #popular {
				width: 299px;
			}
		
				#footer div ul {
					list-style: none;
				}
					#footer div ul li {
						font: italic 18px "Georgia", Serif;
						margin: 0 0 24px 0;
					}
		
		#footer ul#credits {
			float: left; list-style: none;
		}
			#footer ul#credits li {
				float: left; margin: 0 10px 0 0;
			}
				#footer ul#credits li a {
					display: block; height: 24px;
					background: url(images/credits.png) no-repeat; text-indent: -9999px;
				}
					#footer ul#credits li.wordpress a {
						width: 24px; 
						background-position: 0 0;
					}
					#footer ul#credits li.spoongraphics a {
						width: 26px; 
						background-position: -31px 0;
					}
					#footer ul#credits li.jquery a {
						width: 56px; 
						background-position: -64px 0;
					}
		
		#footer p#back-top {
			float: right; margin: 3px 0 0 0;
		}
			#footer p#back-top a {
				font: italic 11px "Georgia", Serif; padding: 0 0 0 15px;
				background: url(images/back-top.png) left no-repeat;
			}
			
a {outline: none; }