/*
2009 JohnHendron.net StyleSheet
(c) 2008-09 John G. Hendron
Thanks for visiting. Yes, I code my own site.
*/
	
	body {
		background-color: #fff;
		margin: 0;
		padding: 0;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 105%;
		}
	h2 {
		font-size: 1.5em;
		color: #2e3250;
		font-weight: bold;
		padding-top: 20px;
		}
	body#home h2 {
		margin-top: 2em;
		}
	body#resume  {
		color: #a68e4d;
		}
	body#resume h2 {
		margin: 0 0 .45em 0;
		}
	body#resume h3 {
		font-weight: normal;
		color: #7c6a3a;
		}
	#content {
		background-color:  #e6e6cf;
		padding: 2.5em;
		margin: 3em;
		}
	p.introduction {
		color: #a68e4d;
		font-size: 2em;
		font-weight: bold;
		line-height: 1.4em;
		padding: 0; margin: 0 0 1em 0;
		}
	p {
		color: #a68e4d;
		font-size: 1em;
		font-weight: normal;
		line-height: 1.8em;
		padding: 0;
		margin: 0 0 1em 0;
		}
	p.introduction a, p.introduction a:link {
		color: #a68e4d;
		text-decoration: none;
		border-bottom: 3px solid #a68e4d;
		padding-bottom: 2px;
		}
	p.introduction a:hover {
		color: #c00;
		text-decoration: none;
		border-bottom: 3px solid #c00;
		padding-bottom: 2px;
		 -webkit-transition: background-color .5s linear;
		}
	p.introduction strong {
		color: #7c6a3a;
		font-weight: bold;
		}
	
	p strong {
		color: #7c6a3a;
		font-weight: normal;
		}
		
	p a, p a:link, h3 a, h3 a:link, li a, li a:link, div a, div a:link {
		color: #7c6a3a;
		text-decoration: none;
		border-bottom: 1px solid #a68e4d;
		padding-bottom: 1px;
		}
		
	p a:hover, h3 a:hover, li a:hover {
		color: #c00;
		text-decoration: none;
		border-bottom: 1px solid #c00;
		padding-bottom: 1px;
		 -webkit-transition: color .5s linear;
		}	
		
	p.copyright {
		border-top: 1px dotted #7c6a3a;
		margin: 2em 4.5em 0 4.5em;
		padding: 1em 3em 1em 3em;
		font-size: .75em;
		text-align: center;
		}
		
	#biography {
		display: none;
		}
	#menu {
		text-align: right;
		font-size: .75em;
		margin-right: 4em;
		color: #7c6a3a;
		position: absolute;
		top: 10px;
		right: 0;
		}
	body#resume div#rightsidebar ul li, body#resume div#leftside ul li {
		list-style-type: square;
		margin-left: 1em;
		margin-bottom: 1em;
		line-height: 1.5em;
		}

	body#resume div#rightsidebar ul li ul li, body#resume div#leftside ul li ul li {
		list-style-type: none;
		padding-left: 0;
		margin-left: 0;
		font-size: .75em;
		margin: .5em 0 .5em 0;
		}
		
	body#resume div#rightsidebar ul, body#resume div#leftside ul {
		padding: 0;
		margin: 0;
		}
	#menu a, #menu a:link, #menu a:visited {
		text-decoration: none;
		font-weight: bold;
		color: #7c6a3a;
		border: 0;
		}
	#menu a:hover {
		text-decoration: none;
		color: #c00;
		font-weight: bold;
		 -webkit-transition: color .8s linear;
		}
	#menu a.live {
		text-decoration: none;
		color #c00;
		border-bottom: 1px solid #c00;
		}
	#menu ul li {
		display: inline;
		list-style-type: none;
		padding-right: 1em;
		}
	#rightsidebar {
		float: right;
		margin: 0 20px;
		padding: 0;
		width: 220px;
		}
	#leftside {
		padding-right: 20px;
		}
/* blog styles */		
		
h2.blogtitle, h2.blogtitle a {

	background-color: rgb(174, 219,155);
	-moz-border-radius-topright: 16px; -webkit-border-top-right-radius: 16px;
	margin-left: -1.65em;
	padding-right: .6em;
	padding-left: 1.65em;
	padding-top: .25em; padding-bottom: .25em;
	margin-bottom: 0;
	margin-top: 0;
	text-decoration: none;
	border: 0;
	color: #2e3250;
	text-shadow: rgba(207,212,219,.7) 0 1px 0;
	}
p.metadate {
	background-color: rgba(102,141,204,.55);
	-moz-border-radius-bottomright: 16px; -webkit-border-bottom-right-radius: 16px;
	margin-left: -2.45em;
	padding-left: 2.45em;
	color: #2e3250;
	padding-right: 7.5em;
	margin-top: 0;
	margin-bottom: 0;
	}
div.entry, div.entry p {
	color: #7c6a3a;
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 0em;
	}
div.entry strong, div.entry p strong {
	color: #7c6a3a;
	font-weight: bold;
	}
p.postmetadata {
	color: #a68e4d;
	font-size: .75em;
	line-height: 1.2em;
	margin-top: .70em;
	border-top: 1px solid #a68e4d;
	padding-top: .7em;
	}
	
div#left {
	margin: 0 15px 0 0;
	width: 60%;
	}
	
div#sidebar {
	float: right;
	width: 35%;
	margin: 15px 0 0 0;
	color: #a68e4d;
	}	
div#sidebar li {
	font-size: 90%;
	list-style-type: none;
	padding: .25em 0;
	margin: 0;
	}
div#sidebar li h2 {
	padding: .1em 0;
	margin: 0;
	color: #aedb9b;
	}
div#left div.post {
	padding-bottom: 1.5em;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}		
.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}	
	
img.photo {
	border: 8px solid #eee;
  -moz-box-shadow:    0px 0px 7px 6px #888;
  -webkit-box-shadow: 0px 0px 7px 6px #888;
  box-shadow:         0px 0px 7px 6px #888;
}

div.example {
background-color: #d6d6bf;
width: 100%;
}