body{
	font-size: 15pt;
	border-bottom: 7px solid #424242;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
}

	.top-border{
		border-top: 7px solid #424242;	/* #424242 is a pretty close match to the color of #333 at 90% opacity on a #fff background */
		margin-bottom: 1px;
		height: 0;	/* height of zero required to fix whitespace gap that appears in IE7 */
	}



h1{
	padding: 1em 0 1em;
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: left;
	color: #000;
	font-size: 26pt;
}

	h2{
		font-family: Georgia, serif;
		font-weight: normal;
		color: #000;
		font-size: 20pt;
	}

p{
	color: #000;
	overflow: hidden;
	line-height: 1.8;
	margin: 0 0 2em 0;
}


	em{
		background: url(../images/underline.gif) bottom center no-repeat;
		padding-bottom: 6px;
		font-style: normal;
	}

		em.short-underline{
			background: url(../images/underline-short.gif) bottom center no-repeat;
			padding-bottom: 6px;
		}

		em.alternative{
			background: url(../images/underline-alternative.gif) bottom center no-repeat;
			padding-bottom: 6px;
		}

		em a{
			color: #000;
		}
			em a:hover{
				color: #990000;
				text-decoration: none;
			}	

	.quote{
		color: #444;
		font-size: 13pt;
		font-style: italic;
	}
		.quote-exception{				/* allows quote text to wrap around toastmasters logo */
			margin-bottom: 0;
			color: #444;
			font-size: 13pt;
			font-style: italic;
		}
		
	.validation-link{
		font-size: 10pt;
		text-align: right;
		margin-bottom: 0;
	}
		.validation-link a{
			color: #424242;
		}
			.validation-link a:hover{
				color: #990000;
				text-decoration: none;
			}

ul li{
	list-style-type: square;
}

li{
	color: #000;

	line-height: 1.8;
	margin-bottom: 0.5em;
	margin-left: 1.5em;
}


a{
	color: #990000;
	text-decoration: none;
}
	a[name]{
		color: #000;
	}
		a[name]:hover{					/* this keeps the named anchors from displaying a hover effect */
			text-decoration: inherit;
			color: inherit;
			background: inherit;
		}
		
	a:hover{
		text-decoration: underline;
	}

	#navigation a{
		color: #fff;
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
	}

	#navigation a:hover{
		color: #b30000;
		text-decoration: none;
	}


.welcome-text{
	margin-top: 10em;
	font-size: 16pt;
	margin-bottom: 25em;
}
	.big{
		font-size: 23pt;
		margin-bottom: -0.3em;
		padding-bottom: 10px;
	}


.portfolio-entry{
	border-bottom: 1px dotted #ddd;
	padding-bottom: 2em;
	margin-bottom: 2em;

}

	.down-arrow{
		margin-bottom: -20px;
	}






.resume{
	margin-top: 30em;
}


.contact-div{
	margin-top: 25em;
}
	
	.contact-image{
		margin-top: 25em;
		height: 298px;
		background: #fff; /* 		background: url(../images/animated-radio.gif) bottom left no-repeat; */
	}

	.hassle{				/* you hafta hate sp@m, drops address image down in line with the text */
		margin-bottom: -7px;
	}

.centered-image{
	display: block;
	margin:0 auto;
}	
	
.float-left{float: left;}
	img.float-left{padding: 0 2.5em 0 0;
	}

.float-right{float: right;}
	img.float-right{padding: 0 0 0 2.5em;
	}
	
	
	
.blog{
	margin-top: 10em;
}

#blog-navigation{
	float: right;
	margin-top: 3em;
	margin-left: 3em;
	width: 250px;
	
	font-size: 12pt;
}

	#feed-subscription{
		width: 245px;
		background: url(../images/rss-icon2.gif) center right no-repeat #424242;
		text-transform: uppercase;
		text-align: center;
		padding: 8px 5px 9px 0;


	}
	
		#feed-subscription a{
			color: #fff;
			padding-left: 10px;
			padding-right: 10px;

		}

			
			#feed-subscription a:hover{		
				color: #b30000;
				text-decoration: none;
			}
			
	#recent-posts{
		width: 230px;
		background: url(../images/background-recent-posts.gif) top no-repeat #e4f2cc;
		padding: 80px 10px;
	}
		#recent-posts a{
			color: #516727;
		}
		
			#recent-posts a:hover{
				color: #b30000;
				text-decoration: none;
			}