body {
	padding: 0;
	margin: 0;
	background: transparent url('/design/graphics/header_bg.png') no-repeat scroll center top;
}

#page {
	width: 962px;
	font: 0.8em Arial,Helvetica,sans-serif;
	color: #4d1300;
	padding: 0;
	margin: 0 auto;
}
	
	#page_sheath {
		width: 962px;
	}

#header {
	position: relative;
	width: 962px;
	margin-top: -24px;
	overflow: hidden;
	zoom: 1;
	background: transparent url('/design/graphics/bars_bg.gif') no-repeat scroll 4px top;
}
	
	h1#title_1 {
		float: left;
		width: 150px;
		height: 37px;
		padding: 0;
		margin: 100px 0 0 42px;
	}
		
		h1#title_1 a {
			display: block;
			width: 150px;
			height: 37px;
			text-indent: -999em;
			background: transparent url('/design/graphics/title_cdf2_com.gif') no-repeat scroll left top;
		}
	
	h2#title_2 {
		float: left;
		clear: right;
		width: 523px;
		height: 82px;
		padding: 0;
		margin: 102px 194px 0 53px;
	}
		
		h2#title_2 a {
			display: block;
			width: 523px;
			height: 82px;
			text-indent: -999em;
			background: transparent url('/design/graphics/title_of_people_and_pixels.gif') no-repeat scroll left top;
		}
	
	#bars {
		float: left;
		clear: both;
		height: 0;
	}
	
	#header h3 {
		padding: 0;
		margin: 0;
	}
		
	#feeds a, 
	#links a, 
	#archives a {
		font-size: 0.85em;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: #4d1300;
		padding: 0 0.2em;
	}
		
		#feeds .bar a:hover {
			color: #fff;
			background-color: #ffc300;
		}
		
		#links a:hover {
			color: #fff;
			background-color: #6bad3e;
		}
		
		#archives a:hover {
			color: #fff;
			background-color: #00a0c8;
		}
	
	#feeds {
		position: relative;
		clear: left;
		width: 360px;
		height: 32px;
		top: -184px;
		z-index: 11;
		padding: 30px 0 0;
		overflow: hidden;
		zoom: 1;
	}
		
		#feeds .sheath {
			float: left;
			margin-top: -0.375em;
			overflow: hidden;
			zoom: 1;
		}
		
		#feeds h3 {
			display: block;
			float: left;
			width: 89px;
			height: 69px;
			text-indent: -999em;
			padding: 0;
			margin: -30px 0 0;
		}
		
		#feeds .bar {
			float: left;
			width: 250px;
			height: 1.3em;
			padding: 0;
			overflow: hidden;
			zoom: 1;
		}
			
			#feeds .bar a {
				padding-left: 18px;
				margin: 0 0.5em 0 1em;
				background: transparent url('/design/graphics/icon_feed.gif') no-repeat scroll 2px 1px;
			}
	
	#links {
		position: relative;
		width: 573px;
		height: 31px;
		top: -184px;
		z-index: 12;
		padding: 32px 0 0;
		margin: -62px 0 0 380px;
		overflow: hidden;
		zoom: 1;
	}
		
		#links .sheath {
			float: left;
			margin-top: -0.375em;
			overflow: hidden;
			zoom: 1;
		}
		
		#links h3 a {
			display: block;
			float: right;
			width: 102px;
			height: 68px;
			text-indent: -999em;
			padding: 0;
			margin: -32px 0 0;
		}
		
		#links h3 a:hover {
			background: transparent url('/design/graphics/bar_links_tab_hover.gif') no-repeat scroll 14px 24px;
		}
		
		#links .bar {
			float: left;
			width: 467px;
			height: 1.1em;
			padding: 0;
			overflow: hidden;
			zoom: 1;
		}
			
			#links .bar a {
				float: left;
				margin: 0 0.75em 0 1em;
			}
	
	#archives {
		position: relative;
		width: 768px;
		height: 26px;
		top: -184px;
		z-index: 13;
		padding: 12px 0 0;
		margin: -18px 0 0 97px;
		overflow: hidden;
		zoom: 1;
	}
		
		#archives .sheath {
			float: left;
			margin-top: -0.5833em;
			overflow: hidden;
			zoom: 1;
		}
		
		#archives h3 a {
			display: block;
			float: right;
			width: 122px;
			height: 64px;
			text-indent: -999em;
			padding: 0;
			margin: -36px 0 0;
		}
		
		#archives h3 a:hover {
			background: transparent url('/design/graphics/bar_archives_tab_hover.gif') no-repeat scroll right bottom;
		}
		
		#archives .bar {
			float: left;
			width: 643px;
			height: 1.3em;
			list-style: none;
			padding: 0;
			margin: 0;
			overflow: hidden;
			zoom: 1;
		}
			
			#archives .bar li {
				float: left;
				list-style: none;
				padding: 0;
				margin: 0 0.35em 0 0.85em;
			}
	
	#search {
		float: right;
		width: 166px;
		margin: -91px 37px 0 0;

		overflow: hidden;
		zoom: 1;
	}
		
		#search #outer_sheath {
			float: left;
			width: 99px;
			padding: 5px 5px 0 0;
			background: #fff url('/design/graphics/search_field_bg_top.gif') no-repeat scroll top right;
		}
		
		#search #inner_sheath {
			width: 92px;
			padding: 0 5px 6px 7px;
			background: transparent url('/design/graphics/search_field_bg_bottom.gif') no-repeat scroll bottom left;
		}
		
		#search #q {
			width: 92px;
			font-size: 0.85em;
			color: #b6926e;
			padding: 0;
			margin: 0;
			border: 0;
			outline: 0;
		}
		
		#search #search_button {
			float: left;
			padding: 0;
			margin: 0;
		}
	
	a#about {
		display: block;
		float: left;
		clear: left;
		width: 26px;
		height: 21px;
		text-indent: -999em;
		padding: 0;
		margin: -21px 0 0 19px;
		background: transparent url('/design/graphics/icon_me.gif') no-repeat scroll left top;
	}
		
		a#about:hover {
			background-image: url('/design/graphics/icon_me_hover.gif');
		}

/* ----------------- Body (Overall & Homepage) ----------------- */

#body {
	width: 962px;
	overflow: hidden;
}
	
	#body p {
		text-align: justify;
		margin: 1em 0;
	}
	
	#body p.date, 
	p.date {
		float: left;
		width: 85px;
		font-size: 1.85em;
		line-height: 1.1;
		font-weight: normal;
		text-transform: uppercase;
		color: #b6926e;
		padding: 0 8px 0 0;
		margin: 0 0 0.6755em -2px;
		overflow: hidden;
	}
	
	#body p.figure, 
	p.figure {
		font-size: 0.8em;
		font-weight: bold;
		text-transform: uppercase;
		text-indent: -0.1em;
		margin: 2.2em 0 1.25em 0.1em;
		line-height: 2.5;
	}
	
	h4 {
		float: left;
		width: 337px;
		font-size: 1.85em;
		line-height: 1.1;
		font-weight: normal;
		text-transform: uppercase;
		padding: 0;
		margin: 0 0 0.6755em;
		overflow: hidden;
	}
		
		#body h4 a {
			font-weight: normal;
			padding: 0;
		}
	
	h5 {
		font-size: 1.25em;
		line-height: 1.25;
		font-weight: bold;
		margin: 1.6em 0 0.7334em;
	}
	
	#body a {
		font-weight: bold;
		color: #6bad3e;
		text-decoration: none;
		padding: 0 0.2em;
	}
		
		#body a:hover {
			color: #fff;
			background: #6bad3e;
		}
	
	div#life {
		float: left;
		width: 480px;
		padding-bottom: 2em;
	}
		
		div#life .post {
			width: 430px;
			padding: 34px 24px 2em 26px;
			background: transparent url('/design/graphics/entry_header_bg_life.gif') no-repeat scroll left top;
			overflow: hidden;
			zoom: 1;
		}
			
			#life h4, 
			.life h4 {
				color: #ffc300 !important;
			}
			
			#life h4 a, 
			.life h4 a {
				color: #ffc300 !important;
				text-decoration: none !important;
			}
				
				#life h4 a:hover, 
				.life h4 a:hover {
					color: #fff !important;
					background-color: #ffc300 !important;
				}
		
		div#life p.more {
			display: block;
			float: right;
			margin: 0 24px 0 26px;
		}
			
			div#life a.more {
				display: block;
				float: right;
				margin: 0 -0.2em 0 0;
			}
	
	div#web_design {
		float: left;
		width: 480px;
		padding-bottom: 2em;
	}
		
		div#web_design .post {
			width: 430px;
			padding: 38px 26px 1.5em 24px;
			background: transparent url('/design/graphics/entry_header_bg_web.gif') no-repeat scroll left top;
			overflow: hidden;
			zoom: 1;
		}
			
			#web_design h4, 
			.web_design h4, 
			.web-design h4 {
				color: #00a0c8 !important;
			}
			
			#web_design h4 a, 
			.web_design h4 a, 
			.web-design h4 a {
				color: #00a0c8 !important;
				text-decoration: none !important;
			}
				
				#web_design h4 a:hover, 
				.web_design h4 a:hover, 
				.web-design h4 a:hover {
					color: #fff !important;
					background-color: #00a0c8 !important;
				}
		
		div#web_design p.more {
			display: block;
			float: right;
			margin: 0 26px 0 24px;
		}
			
			div#web_design a.more {
				display: block;
				float: right;
				margin: 0 -0.2em 0 0;
			}

/* ----------------------- Article Pages ----------------------- */

body#life a#about {
	margin-top: -3px;
} 

body#web_design a#about, 
body#error a#about {
	margin-top: -7px;
}

body#life #body {
	padding-top: 24px;
	margin-top: -18px;
	background: transparent url('/design/graphics/subpage_header_bg_life.gif') no-repeat scroll left 8px;
}

body#web_design #body, 
body#error #body {
	padding-top: 24px;
	margin-top: -14px;
	background: transparent url('/design/graphics/subpage_header_bg_web.gif') no-repeat scroll left 16px;
}

#previous {
	float: left;
	width: 134px;
	padding: 22px 22px 0 18px;
}
	
	#previous p.date, 
	#previous p.category_title {
		float: none;
		width: auto;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.25;
		margin-left: 0;
	}
	
	#previous h4 {
		float: none;
		width: auto;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.25;
	}

		#previous h4 a {
			font-weight: bold;
		}

#post {
	float: left;
	width: 574px;
	padding: 20px 16px 0 18px;
}
	
	#post h4 {
		width: 483px;
	}

#next {
	float: left;
	width: 140px;
	padding: 22px 18px 0 22px;
}
	
	#next p.date, 
	#next p.category_title {
		float: none;
		width: auto;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.25;
		margin-left: 0;
	}
	
	#next h4 {
		float: none;
		width: auto;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.25;
	}
		
		#next h4 a {
			font-weight: bold;
		}

/* ----------------------- Listing Pages ----------------------- */

.listing #body {
	background: transparent url('/design/graphics/subpage_header_bg_both.gif') no-repeat scroll left top;
	padding-top: 26px;
}
	
	.listing .post {
		background-image: none !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 1em !important;
		margin-bottom: 1.1667em !important;
	}

h2#page_title {
	color: #b6926e;
	font-size: 1.85em;
	line-height: 1.1;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 0 0.5em 34px;
	margin: 0 0 15px;
	overflow: hidden;
	zoom: 1;
}
	
	h2#page_title .title {
		display: block;
		float: left;
		height: 47px;
		text-indent: -999em;
		padding-bottom: 0;
	}
	
	body#archives_page h2#page_title .title {
		width: 196px;
		background: transparent url('/design/graphics/page_title_archives.gif') no-repeat scroll left top;
	}
	
	body#links_page h2#page_title .title {
		width: 113px;
		background: transparent url('/design/graphics/page_title_links.gif') no-repeat scroll left top;
	}
	
	body#search_results h2#page_title .title {
		width: 144px;
		background: transparent url('/design/graphics/page_title_search.gif') no-repeat scroll left top;
	}
	
	body#cdf2 h2#page_title .title {
		width: 89px;
		background: transparent url('/design/graphics/page_title_cdf2.gif') no-repeat scroll left top;
	}
	
	h2#page_title #page_subtitle {
		float: left;
		padding: 45px 0 0 12px;
		margin: -1em 0 0;
	}
	
		body#search_results h2#page_title #page_subtitle {
			padding-left: 20px;
		}
	
	body#links_page div#life {
		width: 480px;
	}
		
		body#links_page div#life .post {
			width: 430px;
		}
	
	body#links_page div#web_design {
		width: 480px;
	}
		
		body#links_page div#web_design .post {
			width: 430px;
		}
	
	body#links_page .post, 
	body#search_results .post {
		margin-bottom: 1.5em !important;
	}
	
	body#links_page div#life h4 {
		width: 430px;
		margin: 0 0 0.4167em;
	}
	
	body#links_page div#web_design h4 {
		width: 430px;
		margin: 0 0 0.4167em;
	}
	
	body#archives_page #month_listing {
		list-style: none;
		padding-left: 18px;
		padding-right: 14px;
		margin: 0;
	}
		
		body#archives_page #month_listing li {
			list-style: none;
			float: left;
			width: 10em;
			color: #b6926e;
			font-size: 1.8em;
			line-height: 1.1;
			font-weight: normal;
			text-transform: uppercase;
			padding: 0;
			margin: 0;
		}
			
			body#archives_page #month_listing li a {
				font-weight: normal;
			}
		
		body#archives_page .hide {
			display: none;
			visibility: hidden;
		}
	
	body#search_results #posts {
		padding-bottom: 2em;
		overflow: hidden;
	}
		
		body#search_results .post {
			width: 908px;
			padding-right: 26px;
			padding-left: 26px;
			overflow: hidden;
		}
		
		body#search_results p.date {
			margin-bottom: 0.4167em;
		}
		
		body#search_results h4 {
			margin-bottom: 0.4167em;
		}
		
		body#search_results .search_excerpt {
			float: left;
			width: 480px;
		}
			
			body#search_results .search_excerpt p {
				margin-top: 0.0833em;
			}
		
		body#search_results #search_nav {
			padding: 0 26px;
		}
		
		body#search_results #search_previous, 
		body#search_results #search_next {
			float: left;
			width: 50%;
			font-size: 1em;
			line-height: 1.25;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		body#search_results #search_next {
			text-align: right;
		}
	
	body#cdf2 #bio {
		float: left;
		width: 430px;
		padding-right: 24px;
		padding-left: 26px;
	}
	
	body#cdf2 #pic {
		float: left;
		width: 431px;
		padding-right: 26px;
		padding-bottom: 22px;
		padding-left: 23px;
		margin-top: -50px;
	}
		
		body#cdf2 #pic img {
			width: 431px;
			height: 525px;
		}

/* ----------------------- Comments ----------------------- */

.comment {
	margin: 1em 0 2em;
}

#body .comment_message p, 
#body .comment_message *, 
#body p.commenter {
	margin: 0;
}

.comments-wrapper {
	margin: 2.5em 0;
	overflow: hidden;
}

	.comments-wrapper label.front {
		float: left;
		width: 6em;
		text-align: right;
		padding-right: 1em;
	}

	.comments-wrapper input#remember {
		margin-left: 1em;
	}

	.comments-wrapper #comment_form_buttons {
		padding-left: 7em;
	}

/* ----------------------- Footer ----------------------- */

#footer {
	width: 910px;
	font-size: 0.8em;
	padding: 24px 26px 12px;
	margin: 1em 0 0;
	background: transparent url('/design/graphics/footer_bg.gif') no-repeat scroll center top;
	overflow: hidden;
}
	
	#footer p {
		padding: 0;
		margin: 0;
	}
		
		#footer p.colophon {
			text-align: justify;
		}
		
		#footer p.copyright {
			text-align: center;
		}
	
	#footer a {
		font-weight: bold;
		color: #6bad3e;
		text-decoration: none;
		padding: 0 0.2em;
	}
		
		#footer a:hover {
			color: #fff;
			background: #6bad3e;
		}

/* ----------------------- Portfolio ----------------------- */

body#portfolio {
	background-position: center -55px;
}
	
	body#portfolio #header {
		background-image: none;
		margin-top: 0;
	}
	
	body#portfolio h1#title_1 {
		margin-top: 21px;
	}
	
	body#portfolio h2#title_2 {
		margin-top: 23px;
	}
	
	body#portfolio #body {
		background: transparent url('/design/graphics/subpage_header_bg_both.gif') no-repeat scroll left top;
		padding-top: 26px;
	}
	
	body#portfolio .individual h2#page_title {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	body#portfolio h2#page_title .title {
		width: 210px;
		height: 59px;
		background: transparent url('/design/graphics/page_title_portfolio.gif') no-repeat scroll left top;
	}
	
	#portfolio a img {
		opacity: 0.85;
		filter: alpha(opacity = 85);
	}
		#portfolio a:hover img {
			opacity: 1;
			filter: alpha(opacity = 100);
		}
	
	#portfolio #previous {
		width: 132px;
		padding: 22px 22px 0 35px;
	}
		
		#portfolio #previous img, 
		#portfolio #next img {
			width: 132px;
			height: 50px;
			border: none;
			margin-bottom: 0.2em;
		}
		
		#portfolio #previous h4, 
		#portfolio #next h4 {
			font-size: 0.781em;
			text-align: center;
			padding: 0.2em 0 0;
		}
		#portfolio #previous h4 a, 
		#portfolio #next h4 a {
			display: block;
			padding: 0 0 0.2em;
		}
	
	#portfolio #post {
		width: 550px;
		padding: 24px 16px 0 18px;
	}
	
	#portfolio #next {
		width: 132px;
		padding: 22px 35px 0 22px;
	}
	
	div#portfolio_listing {
		overflow: hidden;
		padding: 0 26px 2em;
		margin: 0;
	}
		
		#portfolio .category {
			float: left;
			overflow: hidden;
			width: 264px;
			padding: 0 30px 0 6px;
		}
			
			#portfolio .category h3 {
				font-size: 1.85em;
				line-height: 1.1;
				font-weight: normal;
				text-transform: uppercase;
				color: #b6926e;
				padding: 0;
				margin: 0;
			}
			
			#portfolio .category .thumbnails {
				padding-top: 0.55em;
			}
			
			#portfolio .category .thumbnails p {
				margin-top: 0;
			}
				#portfolio .category .thumbnails p.thumb {
					margin: 1.4063em 0;
				}
			
			#portfolio .category .thumbnails a {
				padding: 0;
			}
			#portfolio .category .thumbnails a:hover {
				color: auto;
				background-color: transparent;
			}
			
			#portfolio .category .thumbnails a img {
				border: none;
			}
		
		#portfolio #post .article_image {
			clear: left;
			float: left;
			width: 154px;
			margin-top: 0;
		}
			#portfolio #post .article_image img {
				width: 132px;
				height: 50px;
			}
		
		#portfolio .portfolio_titles {
			float: left;
			width: 396px;
		}
			#portfolio #post .portfolio_titles h4 {
				width: auto;
			}
		
		#portfolio .category_title {
			font-size: 1.85em;
			line-height: 1.1;
			font-weight: normal;
			text-transform: uppercase;
			color: #b6926e;
			margin: 0;
		}
		
		#portfolio #post .portfolio_url {
			font-size: 1.85em;
			line-height: 1.1;
			font-weight: normal;
			padding: 0;
			margin: 0.6755em 0;
		}
			#portfolio #body #post .portfolio_url a {
				font-weight: normal;
				margin-left: -0.2em;
			}
		
		#portfolio #post .article_thumbs {
			overflow: hidden;
			width: 580px;
			margin-right: -30px;
			margin-bottom: 1em;
		}
			
			#portfolio #post .article_thumbs a {
				display: block;
				float: left;
				padding: 0;
				margin-right: 10px;
			}
			#portfolio #post .article_thumbs a:hover {
				background: transparent;
			}
			#portfolio #post .article_thumbs a img {
				border: none;
			}

/* ----------------------- Shadowbox CSS ----------------------- */

#sb-container,#sb-wrapper {text-align:left;}
#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}
#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}
body > #sb-container{position:fixed;}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}
#sb-container > #sb-overlay{height:100%;}
#sb-wrapper{position:relative;}
#sb-wrapper img{border:none;}
#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}
#sb-body-inner{position:relative;height:100%;}
#sb-content.html{height:100%;overflow:auto;}
#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title-inner,#sb-info-inner{position:relative;font-family:sans-serif;line-height:1;}
#sb-title,#sb-title-inner{height:auto !important;}
#sb-title-inner{font-size:1em;padding:5px 0;color:#fff;}
#sb-info,#sb-info-inner{height:20px;}
#sb-info-inner{font-size:12px;color:#fff;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}
#sb-nav-close{background-image:url(shadowbox/resources/close.png);background-repeat:no-repeat;}
#sb-nav-next{background-image:url(shadowbox/resources/next.png);background-repeat:no-repeat;}
#sb-nav-previous{background-image:url(shadowbox/resources/previous.png);background-repeat:no-repeat;}
#sb-nav-play{background-image:url(shadowbox/resources/play.png);background-repeat:no-repeat;}
#sb-nav-pause{background-image:url(shadowbox/resources/pause.png);background-repeat:no-repeat;}
#sb-counter{float:left;padding:2px 0;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-family:sans-serif;font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}