﻿
  
  div.tantalize:hover
  {
      font-size:17pt;
  }
  
  div.tantalize:hover
  {
      font-size:17pt;
  }

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;
	}

/* links */


a:link, a:visited {
	color: #317b9e;
	text-decoration: none;
	font-weight:bold;
	}
a:hover {
	color: #104c68;
	font-weight:bold;
	}

/* more link */

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);
	}
	
/* download link */

a.dnld {
	font-weight: bold;
	}
	
/* feed link */

a.rss {
	padding-left: 16px;
	background: url(../img/bitstream/icon-rss.gif) no-repeat 0 0;
	}
a.rss-link {
	float: right;
	vertical-align: middle;
	}

/* structure 
--------------------------------------------- */

#simplebits {	
	padding: 11px 0 0 0;
	background: url(../img/bitstream/top-rail.gif) repeat-x -60% 0;
	}
#wrap {
	padding: 0 0 0 7em;
	
	text-align:left;
	}
#wrap-inner {
	width: 80em;
	margin: 0 auto;
	font-size: 1.2em;
	}
div.main {
	float: left;
	width: 1em;
	}
div.section {
	border-top: .1em dashed #e3e3e3;
	}
div.secondary {
	float: right;
	width: 16em;
	}

/* header 
--------------------------------------------- */

#header {
	margin: 0;
	padding: 8px 0 0 0;
	background: #383d44 url(../img/bitstream/h-bg.gif) repeat-x bottom left;
	text-align:center;
	display:block;
	}
#header-inner {
	margin: auto;
	width: 80em;
	font-size: 1.2em;
	}
#logo {
	margin: 0;
	padding: 2em 1em;
	}
#logo a,
#logo span {
	display: block;
	width: 168px;
	height: 53px;
	background: url(../img/logo-sprite.gif) no-repeat top left;
	}
#logo img {
	display: block;
	width: 0;
	}
#logo a:hover {
	background-position: 0 -53px;
	}

/* navigation */

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	}
#nav ul li a {
	float: left;
	display: block;
	width: 14em;
	line-height: 1.4em;
	padding: 1em 1em .8em 1em;
	margin: 0;
	text-decoration: none;
	color: #7b828c;
	border: none;
	background: url(../img/nav-bg.gif) no-repeat bottom left;
	}
#nav ul li a strong {
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #e3e3e3;
	}
#nav li a:hover {
	background: url(../img/tab-hover.gif) repeat-x bottom left;
	}
#nav li a.active {
	color: #7b828c;
	background: url(../img/tab-on-noise.gif) repeat-x bottom left;
	}
#nav ul li a:hover strong {	
	color: #fff;
	}
#nav ul li a.active 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: 1em;
	text-align: left;
	}
ins {
	text-decoration: none;
	border: none;
	}

/* modules 
--------------------------------------------- */

div.mod {
	width: 63em;
	margin: 0;
	padding: 1em 0;
	border-top: 0px solid #e0e0d5;
	}
div.mod-meta {
	float: left;
	width: 15em;
	margin: 0;
	padding: 0 0 0 1em;
	text-align: left;
	}
div.mod-meta h3 {
	margin: 0;
	padding: 0 1em 0 0;
	font-size: 1em;
	font-weight: bold;
	color: #646870;
	}
div.mod-meta h3 a {
	display: block;
	padding: 0 0 0 17px;
	text-decoration: none;
	color: #646870;
	background: url(../img/icon-docart.gif) no-repeat 0 1px;
	}
div.mod-meta h3 a:hover {
	color: #474a51;
	}
div.mod-meta img.meta-thumb {
	width: 14em;
	margin: .5em 0 0 0;
	}
div.mod-body {
	float: right;
	width: 45em;
	margin: 0 1em 0 0;
	padding: 0;
	}
div.mod-body p a {
	color: #317b9e;
	}
div.mod-body a:hover {
	color: #104c68;
	}
div.mod-body h2 {
	margin: -.1em 0 .3em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 2em;
	font-weight: normal;
	line-height: 1em;
	}
div.mod-body h2.section {
	font-size: 1.4em;
	}
div.mod-body h4.time {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	color: #8f9195;
	}
div.mod-body h4.time abbr {
	border: none;
	}
div.mod-body p {
	margin: 0 0 1.5em 0;
	font-size: 1.2em;
	line-height: 1.6em;
	}
div.mod-body p.posted {
	font-size: 1em;
	text-align: left;
	color: #8f9195;
	}
div.mod-body p a.clink {
	padding: 0 0 0 16px;
	border: none;
	color: #8f9195;
	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.1em;
	font-style: italic;
	line-height: 1.2em;
	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.4em;
	}
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: #646870;
	}
div.mod-body blockquote p.attr cite {
	font-style: normal;
text-align: left;
	}
div.mod-body blockquote p.attr cite a {
	font-weight: bold;
	text-align: left;
	}
div.photo {
	margin: 0 0 1em 0;
	}
div.photo img {
	width: 45em;
	margin-left: -1em;
	padding: 1em;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	}
div.photo a:hover img {
	background: #fff;
	}
div.static {
	width: 45em;
	margin: 0 0 2.5em -1em;
	padding: 1em;
	text-align: center;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	}
div.static span {
	display: block;
	width: 45em;
	background: #fff;
	}
div.static img {
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
	}
div.simplegoods {
	width: 45em;
	margin: 0 0 2.5em -1em;
	padding: 1em;
	text-align: center;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	}
div.simplegoods a {
	display: block;
	width: 45em;
	height: 174px;
	background: url(../img/simplegoods.jpg) no-repeat 0 0;
	}
div.simplegoods a img {
	display: none;
	}


/* entry-specific and content */

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.content ul.feed-list li {
	padding-left: 0;
	background: none;
	}
div.content ul.feed-list li a.rss {
	background-position: 0 50%;
	}
div.entry h2 a {
	text-decoration: none;
	color: #474a51;
	}
div.entry h2 a:hover {
	color: #408db4;
	}
div.entry img.thumb {
	float: right;
	margin: .3em 0 1em 1em;
	padding: .4em;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
div.entry img.alt {
	float: left;
	margin: .3em 1em 1em 0;
	}
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;
	color: #646870;
	}

/* quickbit entries */

div.qb p {
	color: #474a51;
	}
div.qb h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 .3em 0;
	}
div.qb h2 a {
	color: #317b9e;
	padding-right: 1.3em;
	text-decoration: none;
	}
div.qb h2 a:hover {
	color: #104c68;
	background: url(../img/bitstream/bullet-circle.gif) no-repeat 100% 3px;
	}
div.qb div.mod-meta h3 a {
	padding-left: 24px;
	background: url(../img/bitstream/icon-link.gif) no-repeat 0 50%;
	}

/* quote entries */

div.quote div.mod-meta h3 a {
	padding-left: 20px;
	background: url(../img/bitstream/quotes.gif) no-repeat 0 50%;
	}

/* tweet entries */

div.tweet div.mod-meta h3 a {
	padding-left: 25px;
	background: url(../img/icon-tweet.gif) no-repeat 0 50%;
	}
div.tweet div.mod-body blockquote {
	color: #474a51;
	}

/* photo entries */

div.photo div.mod-meta h3 a {
	padding-left: 23px;
	background: url(../img/bitstream/icon-cam.gif) no-repeat 0 50%;
	}

/* add comment */

div.mod-meta h3.addcom a {
	background: url(../img/bitstream/icon-addcom.gif) no-repeat 0 50%;
	}

/* 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: #8f9195;
	}

h1#tagline {
	margin: 0 0 0 0; 
	padding: .5em 0 1em 0; 
	font-family: Georgia, serif; 
	font-weight: normal; 
	font-size: 2em; 
	text-align: center; 
	}
	
	h1#tagline a{
	color:#fff;
	}
	
/* default title module 
--------------------------------------------- */

div.title {
	margin: 0;
	border-top: none;
	}
body#about div.title {
	border-bottom: none;
	}
div.title h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1em;
	color: #474a51;
	}
div.title h1 span {
	display: block;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: .4em;
	font-weight: bold;
	line-height: 2.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #646870;
	}
div.title p {
	margin: .4em 0 0 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #8f9195;
	}
body#home div.title p {
	margin-bottom: 1em;
	}
div.title p a {
	text-decoration: underline;
	color: #8f9195;
	border: none;
	}
div.title p a:hover {
	color: #474a51;
	}

/* section header */

.section {
	width: 62em;
	margin: 0;
	padding: 0 0 1em 1em;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #74a050;
	border-bottom: 1px solid #e0e0d5;
	}

/* archives nav 
--------------------------------------------- */

#next {
	float: right;
	padding-right: 7px;
	font-size: .9em;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/0306/icon-more.gif) no-repeat 100% 50%;
	}
#prev {
	float: left;
	padding-left: 7px;
	font-size: .9em;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/0306/icon-less.gif) no-repeat 0 50%;
	}

/* comments 
--------------------------------------------- */

div.comment div.mod-meta img {
	width: 3em;
	margin: 0 0 0 0;
	padding: .4em;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
div.comment div.mod-body h4 {
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 1.2em;
	}
div.comment div.mod-body h4 em {
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	color: #f4f4ed;
	}
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 {
	color: #8f9195;
	}

/* author highlighting */

div.dan {
	background: url(../img/auth-hi.gif) repeat-x top left;
	}
div.dan div.mod-meta img {
	border: 1px solid #e7e7db;
	border-right: 1px solid #d1d1bc;
	border-bottom: 1px solid #d1d1bc;
	}
div.dan div.mod-body h4 em {
	color: #8f9195;
	}
	
/* forms 
--------------------------------------------- */

div.form div.mod-body {
	margin: 0;
	padding: 0;
	width: 63em;
	}
div.mod-body form {
	margin: 0 0 2.5em 0;
	padding: 0;
	}
div.mod-body form fieldset {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border: none;
	border-bottom: 1px dashed #e3e3e3;
	}
div.mod-body form fieldset label {
	float: left;
	width: 14em;
	margin: 0 2em 0 0;
	padding: 0 0 0 1em;
	font-weight: bold;
	line-height: 1.5em;
	color: #444;
	}
div.mod-body form fieldset h4 {
	float: right;
	width: 14em;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	color: #933;
	}
div.mod-body form fieldset h4 span.req {
	float: left;
	margin: 0 5px 0 0;
	font-family: Baskerville, Georgia, serif;
	font-size: 2em;
	line-height: 1;
	}
div.mod-body form fieldset div.field {
	float: left;
	width: 30em;
	margin: 0 1em 0 0;
	}
div.mod-body form fieldset div.field label {
	float: none;
	width: auto;
	font-weight: normal;
	}
div.mod-body form fieldset div.field input.input-text {
	width: 29em;
	padding: .5em;
	font-size: 1em;
	color: #444;
	}
div.mod-body form fieldset div.field textarea {
	width: 29em;
	padding: .5em;
	font-size: 1em;
	color: #444;
	}
div.mod-body form fieldset div.field select {
	width: 29em;
	padding: .5em;
	font-size: 1em;
	color: #646870;
	}
div.mod-body form div.submit {
	padding-left: 17em;
	}

/* confirm/alert box */

p.confirm {
	padding: 1em 1.5em;
	color: #fff;
	border: 3px solid #75a053;
	background: #90ba6e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

/* secondary 
--------------------------------------------- */

div.secondary {
	color: #646870;
	}
div.secondary h3 {
	margin: 0;
	padding: 1em  0 1em 1em;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #74a050;
	border-top: 1px solid #e0e0d5;
	}
div.secondary h3 a {
	color: #74a050;
	}
div.secondary p {
	margin: 1em 1em 2.5em 1em;
	line-height: 1.5em;
	}
div.secondary img.thumb {
	float: right;
	margin: .4em 0 .5em 1em;
	padding: .4em;
	width: 4em;
	padding: .4em;
	border: 1px solid #e0e0d5;
	background: #fff;
	}

/* simple work list */

#work-simple {
	margin: 1em 0 2.5em 1em;
	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 .8em .8em 0;
	padding: .4em;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
#work-simple li a:hover,
#work-simple li.active a {
	background: url(../img/bitstream/noise-earth.gif);
	}
	
/* img/desc lsts */

ul.lst {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul.lst li {
	margin: 0;
	padding: .5em 1em;
	color: #646870;
	border-bottom: 1px dashed #e3e3e3;
	overflow: hidden;
	}
div.secondary ul.lst li a {
	font-size: .9em;
	}
ul li.last {
	margin-bottom: 2.5em;
	padding-bottom: 0;
	border: none;
	}
ul.lst li a {
	display: block;
	line-height: 1.4em;
	color: #8f9195;
	overflow: hidden;
	}
div.mod-body ul.lst li a {
	text-decoration: none;
	}
ul.lst li a strong {
	display: block;
	color: #317b9e;
	padding: .2em 0 .1em 0;
	}
ul.lst li a em {
	display: block;
	}
ul.lst li a img {
	float: left;
	display: block;
	margin: 2px 10px 0 0;
	padding: .4em;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
ul.lst li a:hover {
	color: #646870;
	}
ul.lst li a:hover strong {
	color: #104c68;
	}
ul.lst li a:hover img {
	background: url(../img/bitstream/noise-earth.gif);
	}

/* books */

div.books {
	border-bottom: none;
	}
div.books div.mod-body {
	margin: 0;
	width: 46em;
	}
ul.book li {
	width: 16em;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	border: none;
	}
ul.book li.last {
	width: 14em;
	padding: 0;
	}
ul.book li a {
	padding: 0;
	}
ul.book li a strong {
	padding-top: .5em;
	}
ul.book li a img {
	padding: 0;
	margin: 0 3px 0 0;
	border: none;
	background: none;
	}
ul.book li a:hover {
	background: none;
	}
ul.book li a:hover img {
	background: none;
	}

/* our projects */

body#home div.first {
	border: none;
	}
div.proj-desc {
	border: none;
	padding-top: 0;
	}
div.proj div.mod-body {
	width: 46em;
	margin: 0;
	}	
div.proj ul.lst li {
	width: 15em;
	float: left;
	margin: 0 0 1em 0;
	padding: 0 1em 0 0;
	border: none;
	}
div.proj ul li.last {
	width: 13em;
	padding-left: 0;
	}
div.proj ul.lst li a {
	padding: 0;
	}
div.proj ul.lst li a:hover {
	background: none;
	}
div.proj div.mod-body p {
	margin-left: 1em;
	}
	
/* the deck */

#deck {
	margin: 0 0 3.5em 0;
	}
#deck p {
	font-size: .9em;
	line-height 1.5em;
	margin: 0 0 1em 1.2em;
	}
#deck a img.ad {
	margin: 0 0 .5em 1em;
	padding: 5px;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
#deck p.thedeck a {
	color: #91918e;
	}

/* authentic jobs */

div.secondary p#auth {
	margin: 0 0 .5em 0;
	}
div.secondary p#auth img {
	display: block;
	margin: 2px 0 0 1em;
	padding: 3px;
	border: 1px solid #e0e0d5;
	background: #fff;
	}
div.secondary ul.jobsinc {
	margin: 0 0 2.5em 0;
	padding: 0;
	list-style: none;
	}
div.secondary ul.jobsinc li {
	margin: 0;
	padding: .5em 1em;
	color: #646870;
	overflow: hidden;
	}
div.secondary ul.jobsinc li.last {
	margin-bottom: 2.5em;
	padding-bottom: 0;
	border: none;
	}
div.secondary ul.jobsinc li a {
	display: block;
	font-size: .9em;
	line-height: 1.4em;
	overflow: hidden;
	}

/* 1% for the planet badge */

#onepercent {
	padding: 1em 1em;
	border-top: 1px solid #e0e0d5;
	}
#onepercent img {
	padding: .5em;
	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: url(../img/bitstream/noise-earth.gif);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}
ul.sub li.active a strong {
	color: #474a51;
	}

/* articles list */

ul.articles {
	margin-bottom: 2.5em;
	}

/* home page archives */

div.more {
	padding-bottom: 0;
	}
div.more div.mod-body {
	margin: 0;
	width: 46em;
	}
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: 28em;
	}
body#home ul.monthly {
	float: right;
	width: 14em;
	}

/* search */

.search-form {
	width: 22em;
	float: right;
	margin: 0 0 2.5em 0;
	padding: 1.5em 1em .5em 1em;
	border-top: 2px solid #e0e0d5;
	}
.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 {
	float: left;
	width: 17em;
	margin: 0;
	padding: .5em;
	font-size: 1em;
	color: #959aa5;
	border: 1px solid #e0e0d5;
	background: url(../img/bitstream/grad-secndary.gif) repeat-x top left;
	}
.search-form input.search-btn {
	float: right;
	}

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: 20em;
	margin-right: 3px;
	background: none;
	}
form.archives input.search-text,
form.archives input.search-btn {
	float: none;
	}


/* work
--------------------------------------------- */

body#work div.title div.mod-body {
	width: 64em;
	padding: 0 0 0 1em;
	}
body#work div.title div.mod-meta {
	display: none;
	}

/* portfolio pieces */

div.work {
	margin: 0;
	border-bottom: none;
	}
div.work div.mod-meta {
	width: 31em;
	margin: 0;
	padding: 0;
	color: #646870;
	text-align: left;
	}
div.work div.mod-meta ul li {
	font-size: .9em;
	font-weight: bold;
	background-position: 0 .4em;
	}
div.work div.mod-body {
	width: 29em;
	}
div.work div.mod-body div.static {
	width: 29em;
	}
div.work div.mod-body div.static span {
	padding: 2em 0;
	width: 29em;
	}
dl#portimg {
	margin: .5em 0 0 0;
	padding: 0;
	}
dl#portimg dt img {
	width: 29em;
	padding: 1em;
	background: #e0e0d5 url(../img/bitstream/noise-earth.gif);
	}
dl#portimg dd {
	padding: 0;
	margin: 1em 0 0 1em;
	line-height: 1.5em;
	}
dl#portimg dd em {
	display: block;
	}

/* extra
--------------------------------------------- */

#extra div.mod {
	margin: 0 0 1.5em 0;
	border-color: #d1d1c6;
	}
#extra {
	background: url(../img/bitstream/noise-earth.gif);
	}
#extra-inner {
	clear: both;
	width: 80em;
	margin: 0 auto;
	padding: 2em 0 0 0;
	font-size: 1.2em;
	color: #646870;
	background: url(../img/blocks-ftop.gif) no-repeat bottom right;
	}
#extra div.mod {
	border: none;
	}	
#extra div.mod-body a {
	text-decoration: none;
	}

/* books module */

#extra div.books {
	
	}

/* about module */

#extra div.blurb {
	width: 80em;
	margin: 0 0 1em 0;
	border: none;
	}
div.blurb div.mod-body {
	width: 47em;
	margin: 0;
	padding: 0 16em 0 0;
	}
#extra #blurb-text {
	float: left;
	width: 29em;
	margin: 0;
	}
#extra div.blurb p {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #646870;
	}
div.blurb p a {
	font-weight: bold;
	border: none;
	}
div.blurb p a:hover {
	color: #408db4;
	}

/* elsewhere */

.elsewhere {
	float: left;
	width: 14em;
	margin: 0 0 0 3em;
	}
.elsewhere h4 {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	}
.elsewhere h4#rss-h {
	padding-left: 13px;
	background: url(../img/icon-rssh.gif) no-repeat 0 50%;
	}
.elsewhere ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.elsewhere ul li {
	margin: 0;
	font-weight: bold;
	line-height: 1.9em;
	}
	
/* flickr stream */

#flickr {
	width: 46em;
	margin: 0;
	overflow: hidden;
	}
#flickr .flickr_badge_image img {
	float: left;
	margin: 0 1em 0 0;
	width: 7em;
	height: 7em;
	padding: .5em .5em 1.5em .5em;
	border: 1px solid #e7e7db;
	border-right: 1px solid #d1d1bc;
	border-bottom: 1px solid #d1d1bc;
	background: #f4f4ed;
	}
#flickr .flickr_badge_image a:hover img {
	background: #d1d1bc;
	}

/* footer
--------------------------------------------- */

#footer {
	width: 80em;
	margin: 0 auto;
	padding: 0 0 2em 0;
	font-size: 1.2em;
	color: #646870;
	background: url(../img/blocks-fbottom.gif) no-repeat top right;
	}
#footer p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.6em;
	}
#footer div.mod {
	margin: 0;
	border: none;
	}
#footer a {
	font-weight: bold;
	}

/* 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: 0 0 1em 0;
	padding: 0;
	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.1em;
	color: #74a050;
	}

/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }