/**
 * Fonts and vertical rhythm
 */
body {
	font-size: 16px;
	line-height: 1.5;

	font-family: Georgia;
}	

h1 {
	/**
	 * Our h1 element only contains an image. Nix the line-height so that the
	 * element keeps the dimensions of the image.
	 */
	line-height: 0;
}

h2 {
	font-size: 1.5em;

	padding: 3em 0 0 0;
}

h3 {
	font-size: 1em;

	padding: 0.75em 0;
	text-shadow: 0 1px 1px #ddd;
}

a.plain:link, a.plain:visited {
	color: inherit;
	text-decoration: none;
}

h3, dt, a:link, a:visited {
	color: #666600;
}

header h3 {
	color: #797900;
}

h4 {
	font-size: 1em;
}


header h3 {
	margin: 3em 0 1.5em 0;
}

#professional-background h3, #what-I-do h3, #get-in-touch h3 {
	padding-top: 2.25em;
}

p {
	margin: 1.5em 0;
}

p.first {
	margin-top: 0;
}

#get-in-touch {
	margin-bottom: 6em;
}

footer {
	font-size: 14px;
	line-height: 1.714em;
}

footer hr {
	padding-top: 3.286em;
	margin: 0;
	border: none;
	border-bottom: 2px solid #8c8c00;
}

footer p {
	margin: 1.714em 0;
}





/**
 * Horizontal layout
 */
header h2, header h3 {
	margin-left: 320px;
}

#canvas {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px;
}

#logo {
	float: left;
	margin-right: 20px;
}

#professional-background h3, #get-in-touch dl, footer hr {
	clear: both;
}

#professional-background h3, #professional-background p,
#get-in-touch h3, #get-in-touch p, footer p {
	margin-right: 320px;
}

#what-I-do h3, #what-I-do p {
	margin-left: 320px;
}


#services, #get-in-touch dl {
	width: 276px;
	padding: 1.5em 0 20px 1.5em;
	background-color: #ffffcc;
	border: 2px solid #8c8c00;

}
#services {
	float: left;
	margin-top: 4.5em;
	padding-left: 20px;
}

#get-in-touch dl {
	float: right;
}

#services h4 {
	margin-bottom: 1.5em;
	border-bottom: 2px solid #8c8c00;
}

#services ul {
	font-size: 12px;
}

#services li {
	line-height: 2em;
	padding-left: 2em;
}