/*

	888888 88     Yb  dP  dP"Yb  .dP"Y8 88 888888 Yb  dP 
	88__   88      YbdP  dP   Yb `Ybo." 88   88    YbdP  
	88""   88  .o   8P   Yb   dP o.`Y8b 88   88     8P   
	88     88ood8  dP     YbodP  8bodP' 88   88    dP

*/

/* ***** Body & Major Containers ***** */
html, body {
	padding: 0;
	margin: 0; }
	
body {
	background: #d3deea url(images/body_side.gif) top left repeat-y;
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
	color: #394048; }	
	
img.slide {
	position: absolute;
	top: 0;
	opacity: .4;
	left: 0;
	margin-left: -100px;
	z-index: 500; }
	
#frame {
	padding: 0;
	margin: 0;
	width: 920px; }	
	
#footer {
	margin: 25px;
	background: rgba(255,255,255,.6);
	padding: 10px;
	font: normal 10px "Lucida Grande", "Verdana", sans-serif;
	color: #5c7897; }
	
	#footer a {
		color: #5c7897;
		font-weight: bold;
		text-decoration: underline; }
		
		#footer a:hover {
			color: #000; }
	
#nav_column {
	position: relative;
	z-index: 1000;
	float: left;
	margin: 166px 50px 0 0;
	width: 100px; }	
	
#header {
	position: relative;
	z-index: 1000;
	padding: 0;
	margin: 0 0 20px 0;
	width: 960px;
	height: 156px; }	

        #header a.portfolio_image img {
            border: 0;
            position: absolute;
            top: 68px;
            left: 313px; }

#header a.subscribe_image img {
            border: 0;
            position: absolute;
            top: 73px;
            left: 565px; }
	
#right_column {
	position: relative;
	z-index: 1000;
	padding: 0;
	top: -101px;
	float: left;
	width: 250px; }
	
	.portfolio {
		margin-bottom: 10px; }
		
		.portfolio a {
			display: block;
			padding: 36px 15px 0 72px;
			height: 30px;
			text-decoration: none;
			font: normal 12px "Lucida Grande", "Verdana", sans-serif;
			color: #19a0d1;
			margin-left: -11px;
			text-shadow: rgba(255,255,255,.8) 0 1px 0;
			-webkit-text-shadow: rgba(255,255,255,.8) 0 1px 0;
			background: transparent url(images/portfolio_icon.png) 2px 8px no-repeat; }
	
			.portfolio a:hover {
				text-decoration: underline; }
	
#left_column {
	position: relative;
	z-index: 1000;
	padding: 0 0 0 50px;
	float: left;
	margin-right: 50px;
	width: 220px; }
	
	#left_column .about {
		border-top: 1px dotted rgba(50,83,120,.3);
		padding: 16px 0;
		margin: 0 0 20px 0;
		text-shadow: rgba(255,255,255,.8) 0 1px 0;
		-webkit-text-shadow: rgba(255,255,255,.8) 0 1px 0;
		font: normal 11px/1.5em "Lucida Grande", "Verdana", sans-serif;
		color: #004652; }
		
		#left_column .about a {
			font-weight: bold;
			color: #002329;
			text-decoration: none; }
			
			#left_column .about a:hover {
				text-decoration: underline;
				color: #000; }
		
		.about a img {
			float: left;
			border: 0;
			margin: 0 15px 4px 0; }
	
        #left_column .twitter { }

	#left_column .twitter ul {
		list-style: none;
		text-shadow: rgba(255,255,255,.8) 0 1px 0;
		-webkit-text-shadow: rgba(255,255,255,.8) 0 1px 0;
		padding: 0;
		margin: 0 0 20px 0;
		color: #002b32; }
		
		.twitter li span a {
			font-weight: bold;
			text-decoration: none;
			color: #002329; }
			
			.twitter li span a:hover {
				text-decoration: underline; }
			
		.twitter li small {
 			display: block;
			margin: 0 0 15px 0;
			padding: 3px 0 0 0;
			font: normal 9px "Lucida Grande", "Verdana", sans-serif;
			color: #002b32; }
			
			.twitter li small a {
				color: #002b32;
				font-weight: bold;
				text-decoration: none; }
				
				.twitter li small a:hover {
					color: #000; }
	
#content_column {
	position: relative;
	z-index: 1000;
	float: left;
	width: 550px;
	top: -25px;
	padding: 0; }

		.entries .entry_headings {
			margin-right: -10px;
			margin-left: -10px;
			margin-bottom: 16px;
			background: rgba(255,255,255,.3);
			padding: 4px 10px 10px 9px;
			-webkit-border-radius: 10px; }
			
			.ff3 .entries .entry_headings {
				-moz-border-radius: 10px; }
			
		.entries .entry_body {
			text-shadow: rgba(255,255,255,.5) 0 1px 0;
			-webkit-text-shadow: rgba(255,255,255,.5) 0 1px 0;
			color: #004652;
			margin-bottom: 2.2em;
			background: transparent url(images/end_of_entry.png) bottom left no-repeat;
			padding-bottom: 1em; }
			
		.leave_a_comment {
			padding-top: 25px; }	
			
		.comment {
			background: rgba(255,255,255,.7);
			padding: 10px;
			margin-bottom: 10px;
			-webkit-border-radius: 3px; }
			
			.ff3 .comment {
				-moz-border-radius: 3px; }
			
			.comment-reply {
				margin-left: 25px !important; }
				
		#comments-open-data label {
			display: block;
			font: normal 11px "Lucida Grande", "Verdana", sans-serif;
			margin: 0 0 2px 0; }
			
			#comments-open-data input {
				margin: 0 0 4px 0;
				padding: 2px;
				font-size: 13px; }
				
				#comments-open-data label[for=comment-bake-cookie] {
					display: inline; }
					
		#comments-open-text label {
			display: none; }
			
			#comments-open-text textarea {
				width: 500px;
				padding: 2px;
				font-size: 13px; }
		
#footer {
	clear: both; }
		
		
		
/* ***** Headings ***** */
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0; }
	
h1 {
	position: absolute;
	top: 0;
	left: 0;
	height: 185px;
	width: 300px;
	padding: 0;
	margin: 0;
	background: transparent url(images/logo2.png) top left no-repeat;
	text-indent: -9000px;
	font-size: 8px; }
	
	h1 a {
		display: block;
		height: 115px;
		width: 230px;
		text-decoration: underline;
		outline: none; }

h2 { }

	h2.fresh {
		padding: 0;
		margin: 0 0 7px 1px;
		font-size: 8px;
		text-indent: -9000px;
		height: 15px;
		background: transparent url(images/freshest_article.png) top left no-repeat; }
	
	.trackbacks h2 {
		padding: 0;
		margin: 0 0 4px 0;
		font: bold 14px "Lucida Grande", "Verdana", sans-serif;	}
		
	.leave_a_comment h2 {
		padding: 0;
		margin: 0 0 4px 0;
		font: bold 14px "Lucida Grande", "Verdana", sans-serif; }	
		
	.comments h2 {
		padding: 0;
		margin: 0 0 4px 0;
		font: bold 14px "Lucida Grande", "Verdana", sans-serif; }

	.twitter h2 {
		background: transparent url(images/shortopinionated2.png) bottom left no-repeat;
		font-size: 8px;
		height: 77px;
		text-indent: -9000px;
		padding: 0;
		margin: -3px 0 13px 0; }
		
		.twitter h2 a {
			display: block;
			height: 77px;
			text-decoration: underline;
			outline: none; }

h3 { }

	/**
	 * Blog Entry Titles
	 */
	.entries .entry_headings h3 {
		padding: 0 0 3px 0;
		margin: 0;
		font: bold 28px/1.3em "Helvetica", "Verdana", sans-serif;
		letter-spacing: -1px; }
		
		.entries .entry_headings h3 a {
			text-decoration: none;
			text-shadow: rgba(255,255,255,.8) 0 1px 0;
			-webkit-text-shadow: rgba(255,255,255,.8) 0 1px 0;
			color: #ce0c67; }
			
			.entries .entry_headings h3 a:hover {
				color: #a60450; }
				
	.entries .entry_body h3 {
		padding: 10px 0 0 0;
		margin: 0 0 6px 0;
		font: bold 16px "Lucida Grande", "Verdana", sans-serif;
		color: #000; }
		
	h3.category_title {
		padding: 0 0 5px 0;
		margin: 0; }	
		
	.comment h3 {
		font: normal 12px "Lucida Grande", "Verdana", sans-serif;
		padding: 0;
		margin: 0 0 4px 0; }
		
		.comment h3 a {
			color: #394048;
			font-weight: normal;
			text-decoration: underline; }

h4 { }

	/**
	 * Blog entry subheader
	 */
	.entries .entry_headings h4 {
		text-shadow: rgba(255,255,255,.8) 0 1px 0;
		-webkit-text-shadow: rgba(255,255,255,.8) 0 1px 0;
		font: normal 10px "Lucida Grande", "Verdana", sans-serif;
		margin: 0;
		padding: 0;
		margin: 0;
		color: #004652; }
		
		.entries .entry_headings h4 a {
			color: #004652;
			font-weight: bold;
			text-decoration: none; }
			
			.entries .entry_headings h4 a:hover {
				color: #001f24;
				text-decoration: underline; }
				
		.entries .entry_headings h4 a.permalink {
			color: #004652;
			text-decoration: none; }
			
			.entries .entry_headings a.permalink:hover {
				color: #000; }		
				

h5 { }

	.twitter h5 {
		background: transparent url(images/follow_twitter.png) top left no-repeat;
		font-size: 8px;
		height: 18px;
		text-indent: -9000px;
		padding: 0;
		margin: 0 0 11px 0; }
		
		.twitter h5 a {
			display: block;
			height: 18px;
			text-decoration: underline;
			outline: none; }

h6 { }

	.entries .entry_body h6 {
		padding: 0 0 1.5em 0;
		margin: 0;
		font: normal 10px "Lucida Grande", "Verdana", sans-serif;
		color: #333; }
		
		.entries .entry_body h6 a {
			font-weight: bold;
			padding: 3px 7px;
			-webkit-border-radius: 5px;
			background: rgba(255,255,255,.4);
			color: #333;
			text-decoration: none; }
			
			.ff3 .entries .entry_body h6 a {
				-moz-border-radius: 5px; }
				
			.entries .entry_body h6 a:hover {
				text-decoration: underline;
				background: rgba(255,255,255,.8); }




/* ***** Paragraph & Link Styles ***** */
.entries p, .comment p {
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
	color: #002b32;
	margin: 0;
	padding: 0 0 1.5em 0; }
	
	.comment p {
		font-size: 11px; }

        .entries p img {
			position: relative; }
	
	.entries .entry_body a, .comment a {
		font-weight: bold;
		text-decoration: underline;
		color: #004652; }
		
		.entries .entry_body a:hover, .comment a:hover {
			color: #000; }
			
.entries blockquote, .comment blockquote {
	padding: 0;
	margin: 0 35px; }			
			
	.entries blockquote p, .comment blockquote p {
		font: normal 16px/1.6em "Baskerville", "Palatino", "Georgia", serif; }
		
p.ping_info {
	padding: 2px 0 0 0;
	margin: 0 0 2em 0;
	font: normal 11px "Lucida Grande", "Verdana", sans-serif;
	color: #7f8d9d; }
	
	p.ping_info code {
		padding: 3px 5px;
		-webkit-border-radius: 3px;
		background: rgba(255,255,255,.7); }
		
		.ff3 p.ping_info code {
			-moz-border-radius: 3px; }
			
			
			
			


/* ***** Navigation & List Styles ***** */
.entries ol, .comment ol {
	color: #002b32;
	padding: 0 0 0 25px;
	margin: 0 0 1.5em 1.5em; }
	
	.entries ol li, .comment ol li {
		margin-bottom: 5px; }
	
.entries ul, .comment ul {
	color: #002b32;
	padding: 0;
	margin: 0 25px 1.5em 25px;
	list-style: none; }
	
	.entries ul li, .comment ul li {
		padding-left: 20px;
		margin-bottom: 5px;
		background: transparent url(images/bullet.png) 0 3px no-repeat; }
	
.navigation ul {
	list-style: none;
	padding: 0;
	margin: 0; }
	
	.navigation li {
		display: block;
		height: 30px;
		text-indent: -9000px;
		padding: 0;
		margin: 0 0 1px 0; }
		
		.navigation li a {
			display: block;
			outline: none;
			-moz-outline: none;
			height: 30px; }
			
			.navigation li.about a {
				background: transparent url(images/about.gif) top left no-repeat; }
				
			.navigation li.portfolio a {
				background: transparent url(images/portfolio.gif) top left no-repeat; }
				
			.navigation li.resources a {
				background: transparent url(images/resources.gif) top left no-repeat; }
				
			.navigation li.contact a {
				background: transparent url(images/contact.gif) top left no-repeat; }
				
			.navigation li.archives a {
				background: transparent url(images/archives.gif) top left no-repeat; }