/* @group reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	text-decoration: none;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	color: #665950;
	font: 14px/1.7413 "Helvetica Neue", Arial, Helvetica, sans-serif; /* Baseline: 24px */
	-webkit-font-smoothing: antialiased;
	background: #FCFAF8 url(img/body.png) repeat-x;
	/* background: #FCFAF8 url(img/baseline.png) repeat; */
	margin: 0 auto;
	position: relative;
}
ul {
	list-style: none;
}
img {
	display: block;
	max-width: 100%;
}

/* @end reset */

/* @group typography */

/* @group headings */

h1 {
	font: bold 3.4286em/1 "Reader Bold", "Helvetica Neue", Arial, Helvetica, sans-serif; /* 48px/48px */
	font-size-adjust: 0.53;
	letter-spacing: -1px;
	color: #7EA107;
	text-shadow: 0 1px #fff;
	text-rendering: optimizelegibility;
	padding: 0.0833em 0 0.4167em; /* 4px 0 20px */
}
h2 {
	font: bold 1.5em/1.1429 "Reader Bold", "Helvetica Neue", Arial, Helvetica, sans-serif; /* 21px/24px */
	font-size-adjust: 0.53;
	letter-spacing: -0.0238em;
	color: #6D9207;
	text-shadow: 0 1px #fff;
	margin: 1.5238em 0  0.3810em; /* 24px 0 8px */
	}
h2.separate {
	border-top: 1px dotted #CCCAC8;
	padding-top: 1.0952em; /* 23px */
	clear: both;
}
h3 {
	color: #52463F;
	font-size: 1.1429em; /* 16px */
	line-height: 1.5; /* 24px */
	margin: 1em 0 0.5em; /* 16px 0 8px */
}
h4 {
	color: #52463F;
	font-size: 1em; /* 14px */
	line-height: 1.1429; /* 16px */
	margin: 0 0 0.5714em 0; /* 0 0 8px 0 */
}
h5, h6 {
	font-size: 1em; /* 14px */
}

/* @end headings */

/* @group prose */

p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {
	font-size: 1em; /* 14px */
	margin-bottom: 0.5714em; /* 8px */
}
blockquote {
	background: url(img/blockquote.png) no-repeat left 4px;
	margin: 1.1429em 0 0 -2.5714em; /* 16px 0 0 -36px */
}
blockquote p {
	color: #5E8208;
	font-size: 1.1429em;
	line-height: 1.5;
	margin: 0.5em 0 0.5em 2.25em; /* 8px 0 16px 36px */
}
blockquote p strong {
	color: #4E7208;
}
blockquote + p cite:before {
	content: "\2014 "; /* em-dash */
}

/* @end prose */

/* @group lists */

ol li {
	list-style-type: decimal;
	margin-left: 2.077em; /* 27px */
}
ul li {
	list-style: square;
	margin-left: 2.077em; /* 27px */
}
dt {
	font-weight: bold;
	margin-top: 1.1429em; /* 18px */
}

/* @end lists */

/* @group links */

a:link,
a:link *,
a:visited,
a:visited * {
	color: #17A;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: color 0.2s ease;
}
a:hover,
a:hover *,
a:focus,
a:focus * {
	color: #058; 
	font-weight: bold;
	text-decoration: none;
}
a:active,
a:active * {
	color: #036;
	font-weight: bold;
	text-decoration: none;
}
a[rel="alternate"] {
	background: url(img/icons/feed-16x16.png) no-repeat 0 0;
	padding-left: 20px;
}
a.download-vcard {
	background: url(img/icons/vcard-16x16.png) no-repeat 0 1px;
	padding-left: 20px;
}

/* @end links */

/* @group inline */

abbr {
	font-size: 0.8571em; /* 12px */
	font-weight: lighter;
	line-height: 90%;
	letter-spacing: 1px;
}
em {
	font: italic 1em/95% Georgia, Times, "Times New Roman", serif;
}
strong {
	line-height: 90%;
	color: #5C5046;
}
code,
kbd,
samp,
var {
	color: #603;
	font: 1em/90% Consolas, "Lucida Console", Monaco, monospace;
}
var {
	color: #306;
}
ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
q:before { content: open-quote; }
q:after { content: close-quote; }

/* @end inline */

/* @end typography */

/* @group tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table caption {
	font-weight: bold;
	text-align: left;
	padding-bottom: 0.643em; /* 9px */
}
thead th {
	border-bottom: 1px solid #DCDAD8;
	padding-top: 0;
	padding-bottom: 0.5em; /* 8px */
}
tbody {
	border-top: 1px solid #CCCAC8; /* not rendered in IE6/7 */
}
tbody tr th,
tbody tr td {
	border-top: 1px dotted #DCDAD8;
}
th,
td {
	text-align: left;
	padding: 0.2143em 1.9286em 0.2857em 0; /* 3px 27px 4px 0px */
}

/* @end tables */

/* @group additional paragraph styles */

.intro {
	font: normal 1.2857em/1.3666 "Reader Regular", "Helvetica Neue", Arial, Helvetica, sans-serif; /* 18px/24px */
	font-size-adjust: 0.53;
	text-shadow: 0 1px #fff;
	color: #433;
	margin-bottom: 0.8889em; /* 16px */
}
.intro strong,
.intro a {
	font-family: "Reader Bold", "Helvetica Neue", Arial, Helvetica, sans-serif; /* 18px/24px */
	font-size-adjust: 0.53;
}
.intro a:link,
.intro a:visited {
	border-bottom: 1px solid rgba(0,119,170,0.5);
}
.intro a:hover,
.intro a:focus {
	border-bottom: 1px solid rgba(0,85,136,0.5);
}
.intro a:active {
	border-bottom: 1px solid rgba(0,51,102,0.5);
}
.sub {
	color: #52463F;
	font-size: 1.1429em; /* 16px */
	line-height: 1.5; /* 24px */
	margin-bottom: 1em; /* 16px */
}
.meta, p.breadcrumbs, p cite, small {
	color: #7D726C;
	font-size: 0.8572em; /* 12px */
	line-height: 1.3333; /* 16px */
	margin-bottom: 0.6667em; /* 8px */
}
.meta a {
	font-weight: normal;
}

/* @end additional paragraph styles*/

/* @group forms */

label {
	color: #52463F;
	font-weight: bold;
	cursor: pointer;
	display: block;
}
label em {
	color: #c30;
	font-weight: normal;
}

input,
textarea,
select,
button {
	color: #665950;
	font-family: inherit;
	line-height: 1.7413; /* 24px */
	font-size: 1em;
}
textarea,
input[type="text"], 
input[type="password"],
select {
	border: 1px solid #CCCAC8;
	padding: 0.1429em; /* 2px */
	-moz-box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75), 0 1px 1px rgba(255,255,255,0.33);
	-webkit-box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75), 0 1px 1px rgba(255,255,255,0.33);
	box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75), 0 1px 1px rgba(255,255,255,0.33);
}
textarea:focus,
input[type="text"]: focus, 
input[type="password"]: focus,
select: focus {
	border-color: #888;
	outline: 2px solid #8fb309;
}
textarea {
	width: 99%;
	display: block;
}
button {
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: auto;
	background-color: #8FB209;
	border: 1px solid #6D9207;
	padding: 0.2143em 1.0714em; /* 3px 15px */ 
	overflow: visible;
}
button:hover {
	background-color: #9Fc219;
	border: 1px solid #7Da217;
}
button:active {
	background-color: #7Fa209;
	border: 1px solid #5D8207;
	-moz-box-shadow: inset 0px 2px 4px #5D8207;
	-webkit-box-shadow: inset 0px 2px 4px #5D8207;
	box-shadow: inset 0px 2px 4px #5D8207;
}
.button-container {
	float: right;
	padding-right: 1%;
}

/* @end forms */

/* @group helper styles */
.spade {
	clear: both; /* You can't polish a spade */
}
p.more {
	font-size: 1.1429em; /* 16px */
	line-height: 1; /* 16px */
	text-align: right;
	background: #f0edeb url(img/more.png) no-repeat center right;
	padding: 1em 1.125em 1em 1em; /* 16px 18px 16px 16px */
	margin: 1em 0;
	float: right;
	clear: both;
}
p.breadcrumbs {
	margin: -2em 0 0.6667em; /* 24px 0 8px */
}

/* @group checklist */

ul.checklist {
	margin-bottom: 1.7413em;
}
ul.checklist li {
	list-style: none;
	background: url(img/check-small.png) no-repeat 0 0.2em;
	margin: 0;
	padding: 0 0 0 14px
}
ul.checklist li ul li {
	background-image: none;
	list-style-type: disc;
	margin-left: 1.2857em; /* 18px */
	padding-left: 0;
}

/* @end checklist */

/* @end helper styles */

/* @group layout styles */

/* @group page structure */

.contents {
	margin: 0 auto;
	width: 90%;
	position: relative;
	clear: both;
}
.section {
	clear: both;
	padding-bottom: 1.7143em; /* 24px */
}
.supplementary {
	background-color: #ebe8e5;
	margin-top: -1px;
	border-top: 1px solid #dcdad8;
	border-bottom: 1px solid #dcdad8;
	-moz-box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75);
	-webkit-box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75);
	box-shadow: inset 0px 2px 4px rgba(220,218,216,0.75);
	padding-bottom: 1.6429em; /* 23px */
}

/* @end page structure */

/* @group #contact */

#contact {
	background-color: #8FB209;
	padding-bottom: 0;
}
#contact .contents {
	text-align: right;
}
#contact address {
	color: #fff;
	line-height: 2.2858;
	background-color: transparent;
}
#contact a.tel {
	color: #fff;
}

/* @end #contact */

/* @group #header */

#header {
	background-color: #fff;
	border-bottom: 1px solid #DCDAD8;
	margin-bottom: 5.1429em; /* 72px */
	-moz-box-shadow: -4px 2px 4px rgba(220,218,216,0.75);
	-webkit-box-shadow: 0px 2px 4px rgba(220,218,216,0.75);
	box-shadow: 0px 2px 4px rgba(220,218,216,0.75);
	padding-bottom: 0;
}
#header .contents {
	overflow: visible;
}

/* @end #header */

/* @group #logo */

#logo a:link,
#logo a:visited,
#logo a:hover,
#logo a:focus,
#logo a:active {
	background-color: transparent;
	border-bottom: none;
}

/* @end #logo */

/* @group #nav */

#nav {
	list-style: none;
	margin-top: 1.1429em; /* 16px */
}
#nav li {
	font-size: 1.1429em; /* 16px */
	line-height: 1.25; /* 20px */
	list-style: none;
	margin: 0;
	padding: 0 0 1em 0;
}
#nav li.canhelp {
	margin-right: 0;
}
#nav li a {
	color: #6C6A68;
}
#nav li.canhelp a {
	padding-right: 0;
	border-right: 0 none;
}
#nav li a:hover,
#nav li a:focus {
	color: #058; 
}
#nav li a:active {
	color: #036; 
}
body.is #nav li.is a,
body.does #nav li.does a,
body.made #nav li.made a,
body.canhelp #nav li.canhelp a {
	color: #4C4A48;
}

/* @end #nav */

/* @group #footer */

#footer {
	border-top: 1px solid #E5E4E3;
	background: #FCFCFC;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#FCFAF8));
	background: -moz-linear-gradient(top, #FCFCFC, #FCFAF8);
	background: linear-gradient(top, #FCFCFC, #FCFAF8);
	margin-top: -1px;
	width: 100%;
	clear: both;
}

#footer a.ideas-sheet:link {
	background: url(img/ideas-sheet.png) no-repeat 0 6px;
	padding-left: 54px;
	padding-top: 0.5714em;
	padding-bottom: 0.5714em;
	margin-bottom: 1.1429em; /* 16px */
	width: 66%;
	display: block;
}
#footer a.ideas-sheet:hover {
	background: url(img/ideas-sheet.png) no-repeat 0 -144px;
}
#footer a.ideas-sheet p {
	font-weight: normal;
}
#footer a.ideas-sheet p.meta {
	margin-top: -0.6667em;
	color: #7D726C;
}

#footer ul.social {
	overflow: hidden;
}
#footer ul.social li {
	list-style: none;
	margin: 0;
	display: block;
	float: left;
	margin-right: 1.2857em; /* 27px */
	padding: 0.5714em 0;
}
#footer ul.social li:last-child {
	margin-right: 0;
}
#footer ul.social a {
	display: block;
	padding-left: 30px;
}
#footer ul.social a.twitter { background: url(img/icons/twitter-24x24.png) no-repeat 0 0;}
#footer ul.social a.facebook { background: url(img/icons/facebook-24x24.png) no-repeat 0 0; }
#footer ul.social a.flickr { background: url(img/icons/flickr-24x24.png) no-repeat 0 0; }

#footer .contentinfo {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #EBE8E5;
	padding-top: 1.0714em; /* 15px */
	margin: 1.1429em 0; /* 16px 0 */
}
#footer .contentinfo small {
	float: left;
}
#footer .contentinfo small em {
	font-size: 1.0833em;
	margin-right: 0.6154em;
}
#footer .contentinfo ul {
	font-size: 0.8571em; /* 12px */
	line-height: 1.3333; /* 16px */
	clear: both;
}
#footer .contentinfo li {
	list-style: none;
	margin: 0;
	display: block;
	float: left;
	margin-right: 1.3333em;
}
#footer .contentinfo li:last-child {
	margin-right: 0;
}
#footer .contentinfo a[rel="alternate"] {
	padding-left: 16px;
	background: url(img/icons/feed-12x12.png) no-repeat 0 center;
}

/* @end #footer */

/* @end layout styles */

/* @group page styles */

/* @group home */

body.home ul.checklist li {
	background: url(img/check-large.png) no-repeat 1px 1%;
	margin: 0.5714em 0 0 2%; /* 8px 0 0 2% */
}
body.home div.hentry {
	border-bottom: 0 none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* @end home */

/* @group who we are */

/* @group index */

ul.team {
	margin-bottom: 2.2857em;
	clear: both;
}
ul.team li {
	list-style: none;
	margin: 0.5714em 0 0 0;
	padding: 0;
	float: left;
	overflow: visible;
}
ul.team li h3 {
	margin: 0.5em 0 0; /* 8px 0 0 */
}
ul.team li a:hover img.photo,
ul.team li a:focus img.photo {
	z-index: 11;
}
p.alumni {
	text-align: right;
	padding-top: 1.3333em;
	clear: both;
}

/* @end index */

/* @group list of sites */

ul.sites {
	margin-bottom: 1.7143em; /* 24px */
}
ul.sites li {
	line-height: 1.1429em; /* 16px; */
	padding: 0.2857em 0; /* 4px 0 */
	list-style: none;
	padding-left: 22px;
	margin-bottom: 0.2857em;
	margin-left: 0;
	background-repeat: no-repeat;
	background-position: 0 5px;
}
ul.sites li.natbat { background-image: url(img/icons/natbat.gif); }
ul.sites li.adactio { background-image: url(img/icons/adactio.gif); }
ul.sites li.saltercane { background-image: url(img/icons/saltercane.gif); }
ul.sites li.andybudd { background-image: url(img/icons/andybudd.png); }
ul.sites li.clagnut { background-image: url(img/icons/clagnut.gif); }
ul.sites li.principiagastronomica { background-image: url(img/icons/principiagastronomica.gif); }
ul.sites li.cennydd { background-image: url(img/icons/cennydd-16x16.png); }
ul.sites li.percent { background-image: url(img/icons/90percent-16x16.png); }
ul.sites li.stackoverflow { background-image: url(img/icons/stackoverflow-16x16.png); }
ul.sites li { background-image: url(img/icons/website-16x16.png); }
ul.sites li.huffduffer { background-image: url(img/icons/huffduffer-16x16.png); }
ul.sites li.delicious { background-image: url(img/icons/delicious-16x16.png); }
ul.sites li.twitter { background-image: url(img/icons/twitter-16x16.png); }
ul.sites li.flickr { background-image: url(img/icons/flickr-16x16.png); }
ul.sites li.lastfm { background-image: url(img/icons/lastfm-16x16.png); }
ul.sites li.vimeo { background-image: url(img/icons/vimeo-16x16.png); }
ul.sites li.upcoming { background-image: url(img/icons/upcoming-16x16.png); }
ul.sites li.dopplr { background-image: url(img/icons/dopplr-16x16.png); }
ul.sites li.facebook { background-image: url(img/icons/facebook-16x16.png); }
ul.sites li.youtube { background-image: url(img/icons/youtube-16x16.png); }
ul.sites li.linkedin { background-image: url(img/icons/linkedin-16x16.png); }
ul.sites li.slideshare { background-image: url(img/icons/slideshare-16x16.png); }
ul.sites li.readernaut { background-image: url(img/icons/readernaut-16x16.png); }
ul.sites li.gowalla { background-image: url(img/icons/gowalla-16x16.png); }
ul.sites li.dribbble { background-image: url(img/icons/dribbble-16x16.png); }
ul.sites li.lanyrd { background-image: url(img/icons/lanyrd-16x16.png); }
ul.sites li.aboutdotme { background-image: url(img/icons/aboutdotme-16x16.png); }
ul.sites li.paulrobertlloyd { background-image: url(img/icons/paulrobertlloyd-16x16.png); }
ul.sites li.rifa { background-image: url(img/icons/rifa-16x16.png); }
ul.sites li.robotperson { background-image: url(img/icons/robotperson-16x16.png); }
ul.sites li.joshemerson { background-image: url(img/icons/joshemerson-16x16.png); }

/* @end list of sites */

/* @group list of books */

ul.books {
	clear: both;
	overflow: hidden;
}
ul.books li {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: left;
}
ul.books li img.pull-left {
	width: 54px;
}

/* @end list of books*/

/* @group list of other profiles */

ul.people li {
	margin: 0 20px 10px 0;
	display: block;
	position: relative;
	float: left;
}
ul.people img {
	background: url(img/polaroid-small.png) no-repeat top left;
	padding: 4px 4px 8px;
	width: 64px;
	height: 64px;
	display: block;
}

/* @end list of other profiles */

/* @end  who we are */

/* @group what we do */

/* @group books (writing) */

.book {
	margin-top: 0.5714em; /* 8px */
	margin-bottom: 1.7143em; /* 24px */
	overflow: hidden;
}
.book h3 {
	margin-top: 0.25em; /* 4px */
	line-height: 1.25em; /* 20px */
}
.book p {
	clear: left;
}
.book p.meta {
	clear: none;
}
.book img.pull-left,
ul.books img.pull-left {
	background-color: #fff;
	border: 1px solid #E1DEDC;
	margin: 0 0.5714em 0.5714em 0;
	padding: 4px;
}

/* @end books (writing) */

/* @group hCalendar (speaking) */

.hcalendar .vevent .dtstart,
.hcalendar .vevent .dtend {
	font-weight: normal;
	line-height: 1.333em; /* 16px */
	letter-spacing: normal;
	margin-top: 1.333em; /* 16px */
}
.hcalendar .vevent h3 {
	font-weight: lighter;
	margin-top: 0;
}
.hcalendar .vevent h3 a {
	font-weight: bold;
}

/* @end hCalendar (speaking) */

/* @end what we do */

/* @group portfolio */

/* @group slideshow of case studies */

#polaroid li {
	font-size: 0.8571em; /* 12px */
	line-height: 1.2;
	list-style: none;
	margin: 1.7143em 0 2.2857em; /* 24px 0 */
}
#polaroid li img {
	border: 1px solid #DBD8D5;
	display: block;
}
#polaroid li img.app {
	border: none;
}
#polaroid a.cycler {
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	top: 150px;
	z-index: 1000;
}
#polaroid a.next {
	right: 0;
}
#polaroid a.next:link,
#polaroid a.next:visited {
	background: url(img/cycler.png) no-repeat 0 0;
}
#polaroid a.next:hover,
#polaroid a.next:focus {
	background: url(img/cycler.png) no-repeat 0 -30px;
}
#polaroid a.next: active {
	background: url(img/cycler.png) no-repeat 0 -60px;
}
#polaroid a.prev {
left: 0;
}
#polaroid a.prev:link,
#polaroid a.prev:visited {
	background: url(img/cycler.png) no-repeat 0 -90px;
}
#polaroid a.prev:hover,
#polaroid a.prev:focus {
	background: url(img/cycler.png) no-repeat 0 -120px;
}
#polaroid a.prev:active {
	background: url(img/cycler.png) no-repeat 0 -150px;
}

/* @end slideshow of case studies */

/* @group gallery of stamps */

ul.gallery  {
	margin-bottom: 4em;
	width: 100%;
	float: left;
	overflow: hidden;
}
ul.gallery li {
	text-align: center;
	list-style: none;
	margin: 0;
	background: url(img/stamp.png) repeat-x bottom;
	border-bottom: 1.1429em solid #D4D2D0;
	margin-top: 1.1429em;
	float: left;
}

/* @end gallery of stamps */

/* @group project */

img.screenshot {
	background-color: #fff;
	margin-bottom: 1.714em;
	padding: 4px;
	border: 1px solid #DCDAD8;
	display: block;
}
img.app {
	background: transparent;
	border: none;

}

/* @end project */

/* @end portfolio */

/* @group contact us */

/* @group map */

#map {
	width: 100%;
	height: 320px;
}
.map {
	background-color: #fff;
	padding: 4px;
	border: 1px solid #DCDAD8;
	display: block;
}
.map img {
	max-width: none;
}

/* @end map*/

/* @group contact form */

#contact-form input#name,
#contact-form input#email,
#contact-form textarea {
	width: 100%;
}

/* @end contact form */

/* @end contact us */

/* @group news */

/* @group hAtom */

div.hentry {
	border-bottom: 1px dotted #CCCAC8;
	padding-bottom: 1.6429em; /* 23px */
	margin-bottom: 1.7143em; /* 24px */
}
abbr.published {
	font-weight: normal;
	line-height: 1.333em; /* 16px */
	letter-spacing: normal;
	margin-top: 1.333em; /* 16px */
	display: block;
}
h3.entry-title {
	margin-top: 0;
}
h3.entry-title a:link,
h3.entry-title a:visited {
    color: #52463F;
}
h3.entry-title a:hover,
h3.entry-title a:focus {
    color: #058; 
}
h3.entry-title a:active {
    color: #036; 
}

/* @end hAtom */

/* @end news */

/* @end page styles */