body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #474a51;
	background: #f4f4ed url(../img/rail-dk.gif) repeat-x -80% 0 fixed;
	}

/* links */

a:link, a:visited {
	color: #2c88a3;
	text-decoration: none;
	}
a:hover {
	color: #306575;
	}

/* more links */

a.more {
	padding-right: 1.2em;
	background: url(../img/bitstream/bullet-circle.gif) no-repeat 100% .3em;
	}
a:hover.more {
	background-image: url(../img/bitstream/bullet-on.gif);
	}
a.more-btn {
	padding: 6px 14px;
	font-size: .9em;
	color: #84827b !important;
	background-color: #e0e0d5;
	background-image: url(../img/bitstream/noise-earth.gif);
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-transition: color, background-color .2s ease-in;
	}
a.more-btn-alt {
	padding: 5px 13px;
	font-size: .9em;
	color: #fff !important;
	border: 1px solid #76a65c;
	background-color: #76a65c;
	background-image: url(../img/glass-btn.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-transition: color, background-color .2s ease-in;
	}
a.more-btn:hover {
	color: #55544e !important;
	background-color: #ddddd1;
	background-image: none;
	}
a.more-btn-alt:hover {
	background-color: #578140;
	}
	
/* download link */

a.dnld {
	font-weight: bold;
	}

/* structure 
--------------------------------------------- */

#wrap {
	background: url(../img/bitstream/earth-grad.gif) repeat-x top left;
	}
#wrap-inner {
	max-width: 1000px;
	min-width: 700px;
	margin: 0 auto;
	padding: 25px 5% 0 5%;
	font-size: 1.2em;
	}
div.main {
	float: left;
	width: 80%;
	}
div.section {
	border-top: .1em dashed #e3e3e3;
	}
div.secondary {
	float: right;
	width: 20%;
	}
div.secondary-inner {
	padding: 0 10px;
	}

/* header 
--------------------------------------------- */

#header {
	margin: 0;
	padding: 0;
	background: #383d44 url(../img/bitstream/h-bg.gif) repeat-x bottom left;
	}
#header-inner {
	position: relative;
	max-width: 1000px;
	min-width: 700px;
	margin: 0 auto;
	font-size: 1.2em;
	}

/* tagline */

h1#tagline {
	margin: 0 0 0 10px;
	padding: 18px 0 18px 20%;
	font-size: 1.1em; 
	line-height: 1.6;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #7b828c;
	}
h1#tagline strong {
	text-transform: none;
	letter-spacing: 0;	
	color: rgba(255,255,255,.7);
	}
h1#tagline em {
	display: block;
	margin: 5px 0 0 0;
	font-size: .4em;
	line-height: 1.5em;
	font-style: normal;
	font-family: "Lucida Grande";
	}
	
/* navigation */

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 20%;
	}
#nav ul li#t-home {
	margin-left: 10%;
	}
#nav ul li a {
	float: left;
	display: block;
	line-height: 1.4em;
	padding: 8px 10px 13px 10px;
	margin: 0;
	text-decoration: none;
	color: #7b828c;
	border: none;
	-webkit-transition: color .3s linear;
	}
#nav ul li a strong {
	display: block;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #ddd;
	color: rgba(255,255,255,.7);
	-webkit-transition: color .3s linear;
	}
#nav li a:hover {
	color: #fff;
	}
#nav ul li a:hover strong {	
	color: #fff;
	}
#nav li.active {
	color: #fff;
	background: url(../img/bitstream/tab-on-noise.gif) repeat-x bottom left;
	}
#nav li.active a strong {
	color: #fff;
	}
	
/* phrase elements */

abbr, acronym, .popup {
	font-size: .8em;
	letter-spacing: .1em;
	font-style: normal;
	border-bottom: 1px dotted #e0e0d5;
	cursor: help;
	}
a abbr {
	border: none;
	}
code {
	color: #8b8074;
	font-family: Monaco, monospace;
	font-size: 1.1em;
	text-align: left;
	}
ins {
	text-decoration: none;
	border: none;
	}

/* modules 
--------------------------------------------- */

div.mod {
	margin: 0 20px 0 0;
	padding: 25px 30px 0 0;
	border-bottom: 1px solid #e0e0d5;
	}
div.last {
	border: none;
	}
div.day {
	border-top: 1px solid #e0e0d5;
	}
div.first + div.day {
	padding-top: 6px;
	border-top: none;
	}
div.mod-meta {
	float: left;
	width: 27%;
	text-align: left;
	}
div.mod-meta h3 {
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.6;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #383d44;
	}
div.mod-meta h3 a {
	display: block;
	padding: 0;
	text-decoration: none;
	color: #383d44;
	}
div.mod-meta h3 a:hover {
	color: #333;
	}
div.mod-meta h3 a em {
	float: right;
	font-size: 1.8em;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2;
	color: #b7b6ad;
	}
div.mod-meta h3 a:hover em {
	color: #91918e;
	}
h3.date-slug span.date {
	float: left;
	margin: 0 0 0 -10px;
	padding: 6px 10px 6px 10px;
	font-size: .9em;
	color: #91918e;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}
h3.date-slug span.date-num {
	margin: 0;
	font-family: Georgia;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1;
	letter-spacing: -1px;
	}
h3.date-slug span.date-month {
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
h3.date-slug span.date-year {
	display: block;
	}
h3.date-slug a:hover span.date {
	color: #474a51;
	background: #ddddd1;
	}
div.mod-meta img.meta-thumb {
	width: 11em;
	margin: .5em 0 0 0;
	}
div.mod-meta p {
	margin: 5px 0 15px 0;
	padding: 0 15px 0 10px;
	font-size: 1em;
	line-height: 1.5;
	color: #646870;
	}
div.mod-meta p a {
	font-weight: bold;
	}
	
div.mod-body {
	float: right;
	width: 72%;
	margin: 0;
	padding: 0;
	}
div.mod-body p a {
	font-weight: bold;
	}
div.mod-body h2 {
	margin: 0 0 .3em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 2.1em;
	font-weight: normal;
	line-height: 1em;
	}
div.mod-body h2.section {
	margin: 0 0 10px 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #383d44;
	}
div.mod-body h2.section em {
	font-style: normal;
	color: #646870;
	}
div.mod-body h3.sub {
	margin: 0 0 10px 0;
	font-size: 1em;
	font-weight: normal;
	line-height: 1em;
	color: #91918e;
	}
div.mod-body h4.time {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	color: #91918e;
	}
div.mod-body h4.time abbr {
	border: none;
	}
div.mod-body p {
	margin: 0 0 20px 0;
	font-size: 1.2em;
	line-height: 1.6;
	}
div.mod-body p.posted {
	font-size: 1em;
	text-align: left;
	color: #91918e;
	}
div.mod-body p a.clink {
	padding: 0 0 0 16px;
	border: none;
	color: #91918e;
	text-decoration: none;
	border: none;
	background: url(../img/bitstream/icon-com.gif) no-repeat 0 50%;
	}
div.mod-body p a.clink:hover {
	color: #646870;
	}
div.mod-body p.filed a {
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	border: none;
	}
div.mod-body blockquote {
	margin: -.1em 0 0 -18px;
	padding: 0 0 0 18px;
	font-family: Georgia, serif;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.6em;
	background: url(../img/bitstream/icon-quotes.gif) no-repeat 0 .3em;
	}
div.mod-body blockquote.alt {
	margin: -.1em 0 0 0;
	padding: 0 0 0 0;
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 1.4em;
	background: none;
	}
div.mod-body blockquote p {
	margin: 0 0 1.2em 0;
	padding: 0;
	line-height: 1.5em;
	}
div.mod-body p.attr {
	margin: 0 0 1.5em 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	text-align: right;
	font-weight: normal;
	color: #91918e;
	}
div.mod-body blockquote p.attr cite {
	font-style: normal;
	}
div.mod-body blockquote p.attr cite a {
	font-weight: bold;
	}
	
/* photo entries */

div.fig {
	float: right;
	margin: .4em 0 10px 20px;
	padding: 5px;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	}
div.fig-alt {
	float: left;
	margin: .4em 20px 10px 0;
	}

div.photo {
	padding-right: 0;
	}
div.photo div.mod-meta {
	display: none;
	}
div.photo div.mod-body {
	float: none;
	width: 100%;
	padding-right: 0;
	}
div.picture {
	position: relative;
	margin: 0 0 25px 0;
	padding: 10px;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	z-index: 1000;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.picture div {
	position: relative;
	overflow: hidden;
	}
div.picture div img {
	display: block;
	max-width: 100%;
	}
div.picture a strong,
div.picture span strong {
	display: none;
	position: absolute; 
	width: 100%;
	height: 100%;
	top: 0; 
	left: 0; 
	margin: 0; 
	padding: 30% 10px 10px 10px; 
	font-family: Georgia, serif; 
	font-weight: normal; 
	font-size: 3.5em; 
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,.7);  
	}
div.static {
	margin: 0 0 1em -10px;
	}
div.static img {
	max-width: 100%;
	padding: 10px;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.static a:hover img {
	background: #ddddd1;
	}
div.static {
	max-width: 100%;
	margin: 0 0 2.5em -10px;
	padding: 10px;
	text-align: center;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.static span {
	display: block;
	background: #fff;
	}
div.static img {
	max-width: 100%;
	margin: 0;
	padding: 0;
	background: none;
	}

/* lead section */

div.lead {
	padding-top: 5px;
	font-size: 1.3em;
	}
div.lead h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.4;
	color: #383d44;
	}
div.lead div.mod-body {
	float: none;
	}
div.lead div.mod-body p {
	margin-bottom: 20px;
	font-family: Georgia, serif;
	line-height: 1.5;
	color: #646870;
	}
div.lead div.mod-body p a.more-btn {
	padding: 5px 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: .65em;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	}
body#work div.lead div.mod-body p em {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1;
	}
div.lead div.mod-meta {
	font-size: .7em;
	line-height: 3;
	}

/* entry-specific and content */

#entries div.mod {	
	border-bottom: none;
	}
div.perm {
	padding-bottom: 40px;
	border-bottom: none;
	}
	
div.entry ul,
div.entry ol,
div.content ul,
div.content ol {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	}
div.entry ol,
div.content ol {
	margin-left: 1em;
	}
div.entry ul li,
div.content ul li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 1.5em;
	list-style: none;
	background: url(../img/bitstream/bullet-circle.gif) no-repeat 0 .3em;
	}
div.entry h2 a {
	text-decoration: none;
	color: #474a51;
	}
div.entry h2 a:hover {
	color: #408db4;
	}
div.entry img.thumb {
	float: right;
	margin: 0 0 1em 1em;
	padding: .4em;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
div.entry img.plain {
	border: none;
	background: none;
	}
div.entry a:hover img.thumb {
	background: url(../img/bitstream/noise-earth.gif);
	}
dl.lst {
	margin: 0 0 2.5em 0;
	padding: 0;
	font-size: 1.1em;
	}
dl.lst dt {
	margin: 0 0 .3em 0;
	font-weight: bold;
	}
dl.lst dd {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.5em;
	}
dl.lst dd em {
	display: block;
	font-style: normal;
	color: #91918e;
	}
div.mod-meta ol.tags {
	margin: 5px 0 0 10px;
	padding: 0;
	list-style: none;
	}
div.mod-meta ol.tags li {
	font-size: .9em;
	font-weight: bold;
	}
	
/* quickbit entries */

div.qb h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
	margin: 0 0 .4em 0;
	}
div.qb h2 a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	padding-right: 1.3em;
	text-decoration: none;
	color: #2c88a3;
	}
div.qb h2 a:hover {
	color: #306575;
	}
div.qb div.mod-meta h3 a em {
	margin-top: -5px;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 1.7em;
	line-height: 1;
	}
div.qb div.mod-body p a {	
	color: #474a51;
	border-bottom: 1px solid #ddd;
	}
div.qb div.mod-body p a:hover {
	color: #2c88a3;
	border-color: #ccc;
	}

/* quote entries */

div.quote div.mod-meta h3 a em {
	font-family: Georgia, serif;
	font-size: 2.2em;
	line-height: 1.2;
	}
div.quote div.mod-body blockquote {
	margin-left: 0;
	padding-left: 0;
	background: none;
	}
/* plain about link */

div.mod-meta h3 a.about {
	padding-left: 0;
	background: none;
	}

/* special callout module */

div.special {
	margin: 0;
	padding: 1em 0;
	border-top: 2px solid #e0e0d5;
	background: url(../img/bitstream/grad-secondary.gif) repeat-x top left;
	}

/* note style */

div.mod-body p.note {
	font-size: 1.1em;
	color: #91918e;
	}
	
/* default title module 
--------------------------------------------- */

div.title {
	padding-top: 10px;
	padding-bottom: 20px;
	}
.title h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 2.7em;
	font-weight: normal;
	line-height: 1em;
	}
div.title h1 span {
	font-weight: normal;
	color: #646870;
	}
div.title p {
	margin: .4em 0 0 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #646870;
	}
body#home div.title p {
	margin-bottom: 1em;
	}
div.title p a {
	text-decoration: none;
	font-weight: bold;
	color: #646870;
	border-bottom: 1px solid #ddd;
	}
div.title p a:hover {
	color: #474a51;
	}

/* 50/50 split layout 
--------------------------------------------- */

div.lead div.mod-body {
	margin: 0;
	padding: 0 0 0 10px;
	width: auto;
	}
div.mod-50 {
	float: left;
	width: 50%;
	}
div.mod-50b {
	float: right;
	width: 50%;
	}
div.mod-50 div.mod,
div.mod-50 div.mod-body {
	width: auto;
	padding-right: 10px;
	}
div.mod-50 div.mod-body {
	float: none;
	padding-left: 10px;
	}
div.mod-50-full div.mod {
	padding-right: 0;
	}
div.mod-50-full div.mod-body {
	padding-right: 0;
	padding-left: 0;
	}
div.mod-50-full div.picture {
	margin-left: 0;
	}

/* 20/60 split layout 
--------------------------------------------- */

div.mod-20 {
	float: left;
	width: 27%;
	}
div.mod-60 {
	float: right;
	width: 72%;
	}
div.mod-20 div.mod,
div.mod-20 div.mod-body,
div.mod-60 div.mod,
div.mod-60 div.mod-body {
	width: auto;
	}
div.mod-60 div.mod-body {
	float: none;
	padding-left: 10px;
	}


/* archives nav 
--------------------------------------------- */

#menu {
	padding-bottom: 20px;
	border: none;
	font-size: .9em;
	}
#next {
	float: right;
	font-size: .9em;
	line-height: 1.4;
	}
#prev {
	float: left;
	font-size: .9em;
	line-height: 1.4;
	}

/* comments 
--------------------------------------------- */

div.comment div.mod-meta img {
	float: right;
	width: 40px;
	margin: 0 10px 0 10px;
	padding: 5px;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.comment {
	margin-bottom: 20px;
	border: none;
	}
div.comment div.mod-body {
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
div.comment div.comment-body {
	padding: 20px 20px 0 20px;
	}
	
div.comment div.mod-body h4 {
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 1.2em;
	}
div.comment div.mod-body h4 em {
	display: none;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	color: #8f9195;
	}
div.comment div.mod-body h4 a {
	text-decoration: none;
	}
div.comment div.mod-body h4 a:hover {
	text-decoration: none;
	}
div.comment div.mod-body h4 a:hover em {
	display: inline;
	}

/* author highlighting */

 div.dan div.mod-body {
	background: #fff;
	}
	
/* forms 
--------------------------------------------- */

div.form {
	padding-top: 20px;
	border: none;
	}
div.form div.mod-meta {
	text-align: right;
	}
div.form div.mod-meta h4 {
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.4em;
	color: #b2aaa1;
	}
div.mod-body form {
	margin: 0;
	padding: 0;
	}
form fieldset {
	margin: 0;
	padding: 0;
	border: none;
	}
form fieldset label {
	margin: 0 10px 0 0;
	font-weight: bold;
	line-height: 1.2em;
	text-align: right;
	color: #8b8074;
	}
form fieldset div.field input.input-text {
	width: 98%;
	padding: 5px;
	font-size: 1.5em;
	color: #444;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #e6e6db url(../img/search-bg.gif) repeat-x top left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
form fieldset div.field textarea {
	width: 98%;
	padding: 5px;
	font-size: 1.5em;
	color: #444;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #e6e6db url(../img/search-bg.gif) repeat-x top left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
form fieldset div.field select {
	width: auto;
	padding: .5em;
	font-size: 1em;
	color: #646870;
	}
form fieldset div.field input.input-text:focus, 
form fieldset div.field textarea:focus, 
form fieldset div.field select:focus {
	border-top: 1px solid #e6e6db;
	border-bottom: none;
	background: #fff;
	outline-width: 0;
	}
form div.submit {
	margin-bottom: 25px;
	}
form div.submit input {	
	padding: 6px 14px;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	border: 1px solid #76a65c;
	background: #76a65c url(../img/glass-btn.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	}

/* confirm/alert box */

p.confirm {
	padding: 1em 1.5em;
	color: #fff;
	border-top: 3px solid #75a053;
	border-bottom: 3px solid #75a053;
	background: #90ba6e;
	}

/* tshirt form */

strong.price {
	font-family: Georgia, serif;
	font-size: 2.4em;
	line-height: 1;
	font-weight: normal;
	}
strong.price span {
	font-size: .6em;
	line-height: 1.6;
	vertical-align: top;
	}

.tshirt-form {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
.tshirt-form th {
	width: 20%;
	text-align: right;
	vertical-align: top;
	}
.tshirt-form th.price {
	line-height: 2.4;
	}
.tshirt-form td {
	padding: 0 0 15px 10px;
	vertical-align: top;
	}
.tshirt-form td p {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1em;
	}
.tshirt-form td em {
	display: block;
	margin: 3px 0 0 0;
	font-size: .9em;
	line-height: 1.4;
	color: #646870;
	}
.tshirt-form .tshirt-btn {
	padding: 6px 14px;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	border: 1px solid #76a65c;
	background: #76a65c url(../img/glass-btn.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	}


/* secondary 
--------------------------------------------- */

div.secondary h3 {
	margin: 0;
	padding: 0 0 10px 10px;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #383d44;
	}
div.secondary h3 a {
	color: #333;
	}
div.secondary h3.first {
	margin-top: 10px;
	border-top: none;
	}
div.secondary p {
	margin: 6px 0 10px 10px;
	line-height: 1.5em;
	}
div.secondary p.mod {
	margin: 6px 0 20px 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e0e0d5;
	}
div.secondary p.btn {
	margin-top: 13px;
	}
div.secondary img.thumb {
	float: right;
	margin: .4em 0 .5em 1em;
	padding: .4em;
	width: 4em;
	padding: .4em;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
div.secondary a.more-btn,
div.secondary a.more-btn-alt {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	}

/* simple work list */

#work-simple {
	margin: 20px 0 20px 0;
	padding: 0;
	list-style: none;
	}
#work-simple li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	}
#work-simple li a {
	float: left;
	display: block;
	margin: 0 15px 15px 0;
	padding: 5px;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
#work-simple li a:hover {
	background: #ddddd1;
	}
#work-simple li.active a {
	border-color: #646870;
	background: #646870 url(../img/bitstream/nav-on-noise.gif);
	}

/* img/desc lsts */

ul.lst {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul.lst li {
	margin: 0;
	padding: 6px 10px;
	color: #646870;
	overflow: hidden;
	}
div.secondary ul.lst li a {
	font-size: 1em;
	}
ul li.last {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e0e0d5;
	}
ul.lst li a {
	display: block;
	line-height: 1.4em;
	color: #646870;
	overflow: hidden;
	}
div.secondary ul.lst li a {
	color: #76a65c;
	color: rgba(118,166,92,.75);
	}
ul.lst li a.more-btn,
ul.lst li a.more-btn-alt {
	float: left;
	margin-top: 5px;
	font-size: .9em;
	font-weight: bold;
	line-height: 1;
	}
div.mod-body ul.lst li a {
	text-decoration: none;
	}
ul.lst li a strong {
	display: block;
	color: #2c88a3;
	padding: .2em 0 .1em 0;
	}
div.secondary ul.lst li a strong {
	color: #76a65c;
	}
ul.lst li a em {
	display: block;
	}
ul.lst li a img {
	float: left;
	display: block;
	margin: 2px 10px 0 0;
	padding: 5px;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
ul.lst li a:hover,
ul.lst li a:hover strong {
	color: #306575;
	}
div.secondary ul.lst li a:hover,
div.secondary ul.lst li a:hover strong {
	color: #578140;
	}
ul.lst li a:hover img {
	background: #ddddd1;
	}

/* books */

div.books div.mod-body {
	margin: 0;
	}
ul.book {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul.book li {
	margin: 0 29px 20px 0;
	padding: 0;
	border: none;
	}
ul.book li.last-book {
	margin-bottom: 30px;
	}
ul.book li a {
	padding: 0;
	line-height: 1.6;
	}
ul.book li.last a {
	margin-left: 1em;
	}
ul.book li a strong {
	padding-top: 4px;
	font-size: 1.1em;
	line-height: 1.4;
	}
ul.book li a img {
	padding: 0;
	margin-left: 0;
	border: none;
	background: none;
	}
ul.book li a:hover {
	background: none;
	}
ul.book li a:hover img {
	background: none;
	}

/* our projects */

body#work-index #work-list {
	margin-top: 20px;
	}
body#work-index #work-list li {
	width: 50%;
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: .9em;
	}
body#work-index #work-list li a strong {
	color: #2c88a3;
	}
body#work-index #work-list li a {
	color: #646870;
	}

body#home div.first {
	padding-top: 10px;
	border: none;
	}
div.proj div.mod-body {
	width: 50em;
	margin: 0;
	}	
div.proj ul.lst li {
	width: 25em;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	border: none;
	}
div.proj ul.lst li a {
	padding: 0;
	}
div.proj ul.lst li a:hover {
	background: none;
	}
div.proj ul li.last a {
	margin-left: 1em;
	}
div.proj div.mod-body p {
	margin-left: 1em;
	}
	
/* the deck */

#deck {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e0e0d5;
	}
#deck p {
	font-size: 1em;
	line-height 1.5;
	margin: 0 0 0 10px;
	}
#deck p#deck-link {
	margin-top: 15px;
	}
#deck a img.ad {
	margin: 5px 0 .5em 1em;
	padding: 5px;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
#deck a:hover img.ad {
	background: #ddddd1;
	}
#deck a {
	font-weight: bold;
	color: #76a65c;
	}
#deck a:hover {
	color: #578140;
	}

/* authentic jobs */

#aj {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e0e0d5;
	}
div.secondary p#auth {
	margin: 5px 0;
	}
div.secondary p#auth img {
	display: block;
	margin: 2px 0 0 10px;
	padding: 5px;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.secondary p#auth a:hover img {
	background: #ddddd1;
	}
div.secondary ul.jobsinc {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	}
div.secondary ul.jobsinc li {
	margin: 0;
	padding: 5px 10px;
	color: #646870;
	overflow: hidden;
	}
div.secondary ul.jobsinc li a {
	display: block;
	font-weight: bold;
	line-height: 1.4em;
	overflow: hidden;
	color: #76a65c;
	}
div.secondary ul.jobsinc li a:hover {
	color: #578140;
	}
div.secondary p#auth-link a {
	font-weight: bold;
	color: #76a65c;
	}
div.secondary p#auth-link a:hover {
	color: #578140;
	}
	

/* flickr stream */

#flickr {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e0e0d5;
	overflow: hidden;
	}
#flickr img {
	float: left;
	margin: 0 0 10px 10px;
	width: 45px;
	height: 45px;
	padding: 5px;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
#flickr a:hover img {
	background: #ddddd1;
	}


/* 1% for the planet badge */

#onepercent {
	padding: 0 10px;
	}
#onepercent img {
	padding: 5px;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
#onepercent a:hover img {
	background: url(../img/bitstream/noise-earth.gif);
	}

/* sub nav list */

ul.sub li {
	padding: 0;
	font-size: 1em;
	line-height: 1em;
	border: none;
	}
ul.sub li a {
	padding: .5em 1.2em;
	}
ul.sub li.active a {
	background: #317b9e;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	}
ul.sub li.active a strong {
	color: #fff;
	}

/* articles list */

ul.articles {
	margin-bottom: 2.5em;
	}

/* home page archives */

div.more {
	padding-bottom: 0;
	}
div.more div.mod-body {
	width: 50em;
	margin: 0;
	}
div.more div.mod-body ul.lst li {
	border: none;
	padding-left: 0;
	}
div.more div.mod-body ul.lst li a {
	margin: 0 0 1em 0;
	padding: 0;
	}
div.more div.mod-body ul.lst li a:hover {
	background: none;
	}
body#home ul.articles {
	float: left;
	width: 25em;
	}
body#home ul.monthly {
	float: right;
	width: 24em;
	}

/* search */

.search-form {
	margin: 0 0 25px 0;
	}
.search-form label {
	display: block;
	margin: 0 0 .5em 0;
	font-weight: bold;
	color: #474a51;
	}
.search-form input {
	vertical-align: middle;
	}
.search-form input.search-text {
	margin: 0;
	padding: 5px;
	font-size: 1.5em;
	color: #333;
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #e6e6db url(../img/search-bg.gif) repeat-x top left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
.search-form input.search-text:focus {
	border-top: 1px solid #e6e6db;
	border-bottom: none;
	background: #fff;
	outline-width: 0;
	}
.search-form input.search-btn {
	float: right;
	padding: 6px 14px;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	border: 1px solid #76a65c;
	background: #76a65c url(../img/glass-btn.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	}

div.mod-body form.archives {
	float: none;
	width: auto;
	margin: 0 0 2.5em 0;
	padding: 0;
	border: none;
	}
form.archives input.search-text {
	width: 70%;
	margin-right: 3px;
	}
form.archives input.search-text,
form.archives input.search-btn {
	float: none;
	}


/* work
--------------------------------------------- */

a.backwork {
	float: right;
	margin: 5px 0 0 0;
	font-size: .9em;
	}

div.content div.mod-body ul.works {
	margin: 20px 0 0 0;
	padding: 0;
	}
div.content ul.works li {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1;
	overflow: hidden;
	}
div.content ul.works li a {
	margin: 0 0 20px 0;
	font-size: .9em;
	line-height: 1.4;
	font-weight: normal;
	color: #646870;
	}
div.content ul.works li a strong {
	display: block;
	padding-top: 4px;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.5em;
	color: #2c88a3;
	}
div.content ul.works li a img {
	float: left;
	width: 20%;
	margin: 0 10px 0 0;
	padding: 5px;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
div.content ul.works li a:hover,
div.content ul.works li a:hover strong {
	color: #306575;
	}
div.content ul.works li a:hover img {
	background: #ddddd1;
	}

/* portfolio pieces */

div.work {
	margin: 0;
	border-bottom: none;
	}
div.work div.mod-meta {
	width: 50%;
	margin: 0;
	padding: 0;
	color: #646870;
	text-align: left;
	}
	
div.work div.mod-body {
	width: 50%;
	}	

/* slider styles */

div#work-screenshots {
	margin: 0 0 20px 0;
	padding: 10px;
	text-align: center;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	}
#slider-wrap {
	width: auto;
	overflow: hidden;
	}
#slider-wrap ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	}
#slider-wrap ul li {
	width: 360px;
	margin: 0;
	padding: 0;
	height: 250px;
	overflow: hidden;
	background-image: none;
	}
#slider-ctrls {
	margin-top: 10px;
	}

/* extra
--------------------------------------------- */

#extra {
	margin: 20px 0 0 0;
	background: url(../img/bitstream/noise-earth.gif);
	}
#extra-inner {
	clear: both;
	max-width: 1000px;
	min-width: 700px;
	margin: 0 auto;
	padding: 40px 5% 27px 5%;
	font-size: 1.2em;
	}
#extra dl {
	float: left;
	width: 20%;
	margin: 0;
	}
#extra dl dt {
	margin: 0 0 6px 10px;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.4em;
	color: #383d44;
	}
#extra dl dd {
	margin: 0 0 6px 10px;
	font-weight: bold;
	line-height: 1.4em;
	}
#extra dl dd.proj {	
	margin-bottom: 10px;
	}
#extra dl dd a {
	color: #84827b;
	}
#extra dl dd a:hover {
	color: #55544e;
	}
#extra dl dd.proj a {
	font-weight: normal;
	font-size: .9em;
	color: #84827b;
	color: rgba(132,130,123,.7);
	}
#extra dl dd a strong {
	display: block;
	font-size: 1.1em;
	padding: 2px 0 0 0;
	color: #84827b;
	}
#extra dl dd img {
	float: left;
	display: block;
	margin: 2px 10px 0 0;
	padding: 5px;
	background: #d1d1bc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
#extra dl.books dd img {
	width: 30%;
	}
#extra dl dd.proj a:hover,
#extra dl dd.proj a:hover strong {
	color: #55544e;
	}
#extra dl dd a:hover img {
	background: #c3c3b0;
	}


/* footer
--------------------------------------------- */

#footer {
	max-width: 1000px;
	min-width: 700px;
	margin: 0 auto;
	padding: 0 5%;
	font-size: 1.2em;
	color: #666;
	}
#footer p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.6em;
	color: #91918e;
	}
#footer a {
	color: #84827b;
	}
#footer a:hover {
	color: #55544e;
	}
#footer div.mod {
	margin-bottom: 20px;
	border: none;
	}

/* microformats
---------------------------------------------------------- */

/* hCalendar */

div.content ul.events li,
div.entry ul.events li {
	padding: 0;
	border: none;
	background: none;
	}
div.content ul.events li a {
	margin: 0 0 1em 0;
	padding: 0;
	}
div.content ul.events li a:hover {
	background: none;
	}
ul li.vevent span.summary {
	display: block;
	margin-bottom: .2em;
	font-weight: bold;
	}
ul li.vevent abbr {
	border: none;
	font-size: 1em;
	letter-spacing: 0;
	}
ul li.vevent span.location {
	font-style: italic;
	}
div.description {
	margin: 1em 0;
	font-size: .9em;
	}

/* hCard */

div.vcard {
	margin: 6px 0 20px 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e0e0d5;
	font-size: 1.1em;
	line-height: 1.5em;
	}

/* data tables
---------------------------------------------------------- */

table.data {
	width: 45em;
	margin: 0 0 2.5em 0;
	padding: 0;
	border-collapse: collapse;
	}
table.data th, table.data td {
	margin: 0;
	padding: 1em;
	vertical-align: top;
	border-bottom: 1px dashed #e3e3e3;
	}
table.data tr.last th, table.data tr.last td {
	border-bottom: none;
	}
table.data th {
	width: 10em;
	padding: 1em 0;
	text-align: left;
	}
table.data td blockquote {
	margin-left: 0;
	}

/* misc. 
--------------------------------------------- */

.by {
	font-weight: normal;
	font-style: italic;
	font-size: .9em;
	}
.vevent .location {
	display: block;
	font-style: italic;
	}
hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

/* use the best possible ampersand */

span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.5em;
	}
#tagline span.amp {
	line-height: 1;
	vertical-align: top;
	}
span.by {
	padding: 0 2px 0 0;
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.4em;
	line-height: 1;
	text-transform: none;
	letter-spacing: 0;
	}

/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }