html {
	background-color: #f9f7ed;
	border-top: 4px solid #becd8a;
}
body {
	color: #5f7008;
	font-family: Georgia, serif;
	font-size: 120%;
	min-width: 700px;
	max-width: 900px;
	margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
	color: #73880a;
	color: #56650C;
	font-family: Tahoma, sans-serif;
	padding-top: 0.2em;
}
p { font-size: 110%; }
p em {
	background-color: #ffea5c;
	background-color: rgba(255, 234, 92, 0.65);
	padding: 0 0.2em;
}

/*

	Link Styles

*/

a {
	color: #5f7008;
	color: #56650C;
}
p a, h1 a, h2 a, h3 a, h4 a, h5 a, li a {
	padding: 0.1em;
	background-color: #fbffd8;
/*	background-color: rgba(251,255,216,0.7)*/
}
a img {
	background-color: transparent;
}
a[name] { padding: 0; }
a:visited {
	color: #5E5E5E;
}
a:hover, #page_footer a:hover {
	background-color: #ff8;
/*	background-color: rgba(255,255,136,0.7)*/
}
a:active  { color: #8aa500; }

a[rel="external"], a[target="_blank"] {
	/* content:  " \2713"; */
	padding-right: 14px;
	background-image: url(/assets/images/site_wide/external-links.png);
	background-position: right;
	background-repeat: no-repeat;
}

a img { border: none; }

.skiplink {
	position: absolute;
	left: -999em;
/*	width: 990em;*/
}
a.skiplink:active,  a.skiplink:focus {
	left: 20em;
	color: #8aa500;
	background-color: #ff8;
	border: 4px #becd8a solid;
}


/*

	Content styles

*/

sup, sub {
	font-size: 70%;
}
.content dt { margin-bottom: 0.2em; margin-top: 0.5em; }
.content dd { margin-left: 2em; }
.content {
	float: left;
	margin: 2% auto 0 1%;
	width: 65%;
}

.content h1 {
	font-size: 1.8em;
	margin-top: 1.2em;
}
.content hr {
	border: none;
	border-bottom: 2px solid #becd8a;
	margin: 0.5em 0;
}

.content blockquote {
	padding: 0.3em 1em;
}
.clear { float: none; clear: both; }

.content img { margin: auto 0.8em 0.3em auto; }
.content img { padding: 4px; border: 1px solid #999; background-color: #fff; }

.content img { -webkit-box-shadow: 3px 3px 5px #bbb; }
.content img { -moz-box-shadow: 3px 3px 5px #bbb; }

.content.homepage p>img, #lead_img, img.tiny_thumbnail, img.plain_img { -webkit-box-shadow: none; -moz-box-shadow: none; }

.content img.plain_img {
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent;
}

/*.content a img { border: none; margin: 0; }*/

.content img.thumbnail { float: left; margin: auto 1em 0.3em auto; padding: 4px; border: 1px solid #999; background-color: #fff; }
.content img.tiny_thumbnail { float: left; margin: 2px 8px 2px 0; border: 0; background-color: transparent; }
.content #lead_img { float: left; margin-right: 1em; padding: 0; border: none; background-color: transparent; }

.content pre, .content samp {
	display: block;
	font-family: "Droid Sans Mono", "Bitstream Vera Sans Mono", Consolas, Monaco, monospace;
	font-size: 90%;
	background-color: #ECEAEA;
	border: 1px solid #5F701E;
	padding: 0.3em 0.5em;
	color: #464646;
	color: #353832;
	white-space: pre-wrap;
	overflow: scroll;
}
.content code {
	font-family: "Droid Sans Mono", "Bitstream Vera Sans Mono", Consolas, Monaco, monospace;
	background-color: #ECEAEA;
	padding: 0 0.4em;
	color: #353832;
	white-space: pre-wrap;
}
.content kbd {
	display: inline-block;
	font-family: monospace;
	padding: 0 0.4em;
	white-space: pre-wrap;
	background-color: #c5d09c;
}
.content li kbd {
	font-size: 108%;
}

.content .scroll {
	display: block;
	overflow: scroll;
}


/*

	Homepage styles

*/
div.content.homepage {
	width: 100%;
}
.homepage h1 {
	font-family: Georgia, serif;
	font-size: 200%;
	font-weight: normal;
}
.homepage p, .homepage h1 {
	text-align: center;
}
.homepage #intro_items h3 {
	font-size: 200%;
}
.homepage p>img {
	border: none;
	padding: 0;
	background-color: transparent;
}
div#intro_items {
	clear: both;
	margin: 0 auto;
	padding-left: 1%;
}
div#intro_items div {
	width: 18%;
	float: left;
	margin: 0.5em auto;
	min-height: 180px;
	padding: 0.5em 1.5em;
}
div#intro_items div+div {
	border-left: 1px dashed #ccc;
}
div#intro_items div p {
	text-align: left;
}
.portfolio_intro {
	display: block;
	margin-top: 0.5em;
	float: left;
}
.portfolio_intro img {
	height: 55px;
}
a.portfolio_intro {
	background-color: transparent;
}


/*

	Page Header styles

*/
div#page_header {
	float: left;
	width: 100%;
	margin-bottom: 1.5em;
}

div#top_nav {
	float: right;
	background-color: #becd8a;
	margin-top: -12px;
}
div#top_nav ul {
	margin: 0.2em auto 0 auto;
}
div#top_nav li {
	display: -moz-inline-box;
	display: inline-block;
	list-style-type: none;
	margin: 0 -4px 0 0;
	padding: 0;
}
div#top_nav li a {
	background-color: #becd8a;
	padding: 0.8em;
}
div#top_nav li a:hover {
	background-color: #ff8;
}
div#top_nav li.active a {
	background-color: #fbffd8;
}


/*

	Page Footer Styles

*/
#page_footer {
	background-color: #C5D09C;
	padding: 0.5em 1em;
	margin: 2em 0 1em 0;
	clear: both;
	border: 1px solid #5f7008;
}
#page_footer a { background-color: transparent; }
#page_footer h4 { margin: 0.4em auto 0.1em auto; }
#page_footer p, #page_footer ul { margin-bottom: 0.5em; }

/*

	Copyright styles

*/
div.copyright {
	margin-top: 1em;
	padding: 1em 0;
	border-top: 1px solid #5f7008;
	font-size: 85%;
}

/*

	Index page styles

*/
div.index {
	margin-bottom: 1em;
/*	overflow: auto;*/
}
div.index div {
	margin-bottom: 1em;
	overflow: hidden;
	float: none;
	clear: both;
}
div.index div h3 {
	margin-top: 0;
}
#ditto_pages {
	position: absolute;
	left: 88%;
	top: 0.2em;
}
.content .pagination {
	border-top: 2px solid #becd8a;
	padding: 0.5em 0;
	margin: 2em auto;
	float: none;
	clear: both;
}
.content .pagination p {
	margin: 0.1em 0 0.5em 0;
	padding: 0.3em;
	background-color: #fbffd8;
}
.index>p {
	margin-left: 280px;
}

/*

	Basic Index Styles

*/
div.basic div.index a img.thumbnail {
	padding: 4px;
	border: 1px solid #999;
	background-color: #fff;
}


/*

	Work page styles

*/
div.work div.index img.thumbnail, div.content.work img.thumbnail {
	float: left;
	margin: auto 1em 0.5em auto;
	padding: 0;
	border: none;
	background-color: transparent;
}
.credits {
	border: 1px solid #becd8a;
	padding: 0.5em 0.7em;
	background-color: #fbffd8;
}
.credits p {
	margin-bottom: auto;
}

.update {
	padding: 0.3em;
	background-color: #fff9db;
}
.update strong {
	background-color: #fff458;
	padding: 0.1em;
}
/*

	Left Navigation Menu styles

*/

div#left_nav {
	float: left;
	margin: 1em 2em 1em 0;
	padding: 0 1em 1em 0;
	width: 23%;
}
div#left_nav ul {
	padding-left: 0;
	margin-top: 0.3em;
	margin-left: 1em;
}
div#left_nav li {
	list-style-type: none;
}
div#left_nav li a {
	border-top: 1px solid #e2f2aa;
	display: block;
	width: 100%;
	padding: 0.3em;
	padding-left: 1em;
}
div#left_nav li.last a {
	border-bottom: 1px solid #e2f2aa;
}
div#left_nav li.active a {
	background-color: #becd8a;
}



/*

	Forms styles

*/
form {
	margin: 0.2em auto;
}
form p{
	padding: 0; margin-left: 0;
}
form input[type="text"], .content form select {
	margin-bottom: 0.4em;
}
form fieldset {
	/* border: none;
	background-color: #eee; */
	margin: 0 auto 0.8em auto;
	border: 1px solid #ddd;
}
fieldset legend {
	font-size: 100%;
	font-weight: bold;
	background-color: transparent;
}
label {
	vertical-align: top;
	margin-right: 0.5em;
	display: inline-block;
	width: 15%;
	padding-left: 0.2em;
}
.nowrap label {
	width: 80%;
}
div.content form fieldset ul {
	list-style-type: none;
}
div.content form fieldset ol li {
	margin: 1em;
}
form .form_note {
	background-color: #84BBFF;
	border: 1px solid #00559F;
	padding: 1em;
}
form .errors {
	background-color: #ffdf9b;
	border: 1px solid #ffbc38;
	padding: 1em;
}

form em {
	padding-left: 0.2em;
	padding-right: 0.2em;
	font-weight: bold;
	color: #D69600;
}

form .required { background-color: #ffdf9b; }
form .invalid { background-color: #ffc1c1; }

form input[type="checkbox"] .required {
	background-color: #ffdf9b;
	border: 3px solid #ffbc38;
}
textarea { margin: 0.4em auto 0.5em 0.2em; }