.displayBox img { background-color: #ddd; padding: 15px;  } 

body.articles #main-content h1,
body.events #main-content h1 { margin-top:-0.2em; } 
body.articles #main-content h1,
#extras h1 {
	position:absolute;
	left:-10000em;
}
.clientteam { white-space:nowrap; }
#content .utilities {
	margin:-0.1em 0 0.5em 0;
	padding:0;
	overflow:hidden;
}
	#content .utilities li {
		float:left;
		margin:0;
		padding:0;
		background:none;
	}
p.notification {
	padding:0.35em 10px;
	background:#D3E0E0;
	color:#24353f;
}
p.feeds { 
	clear:both; 
	margin:0;
}

/* articles */

#articles {
	margin:-6px 0 0 0;
}	
div.article {
	clear:both;
	margin:-8px -12px 1em -12px;
	padding:8px 12px 8px 72px;
	overflow:hidden;
}
#articles div.article {
	margin-top:0;
}

code {
	clear:both;
	font-family:monospace;
	white-space:pre;
	margin:1px;
}
.article-body code {
  width: 400px;
  overflow-x: auto;
  display: block;
  height: auto;
}

	div.article h2 {
		margin-left:-60px;
		margin-bottom:0.2em;
	}
	em.press-release { 
		text-transform:uppercase;
		font-style:normal;
		font-size:0.88em;
	}	
	.article-meta {
		margin:0 0 0.4em 0;
		color:#7f8485;
		font-size:0.86em;
	}	
		.article-meta a { color:#3f4445; }
		.article-meta a:hover { color:#0073FF; }			
		.by-author { background:#fff7d6; }		
			.by-author .user-thumb img { border-color:#FFF; } 			
	body.articles .article-intro { 
		font-weight:bold; 
		margin:0 0 2em 0;
	}	
	body.articles #articles .article-intro { 
		font-weight:normal; 
		margin:0;
	}		
		#articles .article-intro p {
			margin:0.3em 0;
		}		
	.article-intro img,
	.article-body img {
		display:block;
		margin:0 auto 10px auto;
	}	
	.article-body:after {
		content:".";
		height:0;
		display:block;
		clear:both;
		visibility:hidden;
	}
		.article-body object,
		.article-body embed {
			position:relative;
			width:390px !important;
			height:321px !important;
			margin:0.4em 0;
		}
	
	/* article list (tiny version) */
	
	#canvas .article-list {
		line-height:1.25em;
		margin:0.4em 0 -0.4em 0;
	}	
		#canvas .article-list li {
			margin:0 0 0.4em 0;
			padding-left:62px;
			background:none;
			overflow:hidden;
		}	
			#canvas .article-list li .user-thumb { margin:0 0 0.2em -62px; }
			#canvas .article-list li strong { font-weight:normal; }
				#canvas .article-list li strong a { display:block; }
			#canvas .article-list li .article-meta { margin-bottom:0; }	
	
/* comments */

.article-comments {
	clear:both;
	position:relative;
	margin:4em 0 0 -60px;
}
	.article-comments h3 {
		margin:2em 0 0.8em 0;
	}	
	.comment {
		position:relative;
		margin:0 -4px 0.5em -4px;
		padding:4px 4px 4px 64px;
		overflow:hidden;
	}
		.comment h4 {
			margin:0 0 0.5em 0;
			color:#7f8485;
			font-weight:normal;
			font-size:0.88em;
		}
			.comment h4 strong { font-weight:normal; }
				.comment h4 strong a { color:#3f4445; }
	.article-comments p.feeds {
		position:absolute;
		top:0;
		right:0;
		margin:0;
	}
				
	/* comment form */
		
.article-comments form {
	border:2px solid #D3E0E0;
	padding:10px 16px 0 8px;
}	
.article-comments form div {
	clear:both;
	margin:0 0 10px 0;
}
.article-comments form div:after {
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
	.article-comments label {
		display:block;
		float:left;
		width:20%;
	}	
	.article-comments input.text,
	.article-comments textarea  {
		float:left;
		width:79%;
		margin:-1px -4px !important;
	}	
	.article-comments textarea { height:6em; }	
	.article-comments form em {
		display:block;
		clear:left;
		margin:0.4em 0 0.4em 20%;
		font-size:0.86em;
		color:#666;
	}	
	.article-comments div.buttons {
		position:relative;
		margin:0 -16px 0 -8px;
		padding:0 16px 0 8px;
		border-top:2px solid #D3E0E0;
		text-align:right;
	}	
		.article-comments input.submit {
			margin:-2px -4px;
			padding:6px 4px;
			background:#FFF;
			border:2px solid #D3E0E0;
			font-weight:bold;
			color:#666;
			cursor:pointer;
		}
	
/* events */

body.events #main-content .item { margin:0 0 1em 0; }
	body.events #main-content .item h2 { margin:0 0 0.7em 0; }
ul.eventslist li {
	margin:0 0 1.5em 0;
	padding-left:60px;
	background:none;
}
ul.eventslist li:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#extras ul.eventslist li {
	min-height:39px;
	position:relative;
	margin-bottom:0.7em;
	padding-left:46px;	
	font-size:0.86em;
	line-height:1.25;
}
	#content ul.eventslist a.url {
		background-position:100% 6px; 
		font-size:1.25em; 
		line-height:1.15; 
	}	
	#content ul.eventslist a.url:hover { background-position:100% -94px; }	
	#content #extras ul.eventslist a.url { 
		font-size:1em;
		background-position:100% 4px;
		color:#3f4445;
	}
	#content #extras ul.eventslist a.url:hover { 
		background-position:100% -96px; 
		color:#0073FF;
	}	
	#content #extras ul.eventslist a.external { background-image:url("../images/icons/arrow-right-dimmed.gif"); } 
	#content #extras ul.eventslist .location { color:#7f8485; }
	ul.eventslist li p { margin:0; }	
.cal {
	position:relative;
	float:left;
	display:block;
	width:42px;
	min-height:47px;
	margin:0 0 0 -60px;
	padding:0 3px 1px 3px;
	background:#FFF;
	border:2px solid #D3E0E0;
	font-size:0.96em;
	line-height:1.1;
	color:#888;
	font-weight:normal;
	text-align:right;
}
#extras .cal {
	position:absolute;
	left:0;
	top:0;
	width:28px;
	min-height:32px;
	margin:1px 0 0 0;
}
	.cal span.cal-day {
		width:100%;
		display:block;
		margin:-0.1em 0;
		color:#ED1C24;
		font-weight:bold;
		font-size:1.8em;
	}	
	#extras .cal span.cal-day {
		font-size:1.3em;	
		margin-bottom:-0.2em;	
	}
body.events #main-content p.feeds {
	position:absolute;
	top:0.95em;
	right:0;
}
#passed-events ul.eventslist li,
#passed-events ul.eventslist li .cal { color:#AAA; }
	#passed-events .cal span.cal-day { color:#999; }
	#passed-events ul.eventslist li a { color:#6F7475; }
	#passed-events ul.eventslist li a.url {	color:#6f7475; }
	#passed-events ul.eventslist li a.url:hover { color:#0073FF; }
	#passed-events ul.eventslist li a.external { background-image:url("../images/icons/arrow-right-dimmed.gif"); }
	#passed-events h2 { color:#AAA; }
	#passed-events .cal { border-color:#D5D5D5; }
	#passed-events .utilities { display:none; }
.event-meta {
	margin:0.4em 0 0 0;
	color:#7F8485;
	font-size:0.86em;
}
	.event-meta a { color:#4F5455; }
	
/* tags */

span.tag { white-space:nowrap; }

body.tags #main-content .item { 
	margin:4em 0; 
	clear:both; 
}
	body.tags #main-content .item h2 { margin:0 0 0.7em 0; }
	body.tags #main-content a.back {
		position:relative;
		top:-1.5em;
	}
	
#tags-articles h3 {
	margin:0;
	font-size:1.25em;
	font-weight:normal; 
	color:#ED1C24;
}
#tags-articles p { margin:0; }
#tags-articles .article-meta { 
	clear:none !important;
	margin:0.4em 0 0 0;
}

		/* tag clouds */

ul.taglist { 
	line-height:1.5em; 
}
body.tags ul.taglist { font-size:1.3em; }	
	ul.taglist li {
		display:inline;
		margin:0;
		padding:0;
		background:none;
	}
		ul.taglist li a { font-size:0.8em; }
			ul.taglist li a strong {
				font-weight:normal;
				font-size:1.15em;
			}
#sub-content ul.taglist li a { color:#3f4445; }
#sub-content ul.taglist li a:hover { color:#0073FF; }

/* contact info */

.contactinfo ul { margin:0; clear:both; }
	.contactinfo ul li {
		min-height:52px;
		margin:0 0 10px 0;
		padding-left:62px;
		background:none;
		overflow:hidden;
		font-size:0.86em;
		color:#7f8485;
	} 		
		.contactinfo li .user-thumb { margin:0 0 0 -62px; }	
		.contactinfo li a {	color:#3f4445; }
		.contactinfo li a:hover { color:#0073FF; }
		.contactinfo ul li a.head {
			margin-left:-12px;
			padding-left:12px;
			color:#7f8485;
			font-size:1.16em;
		}	
			.contactinfo ul li a strong { 
				color:#0c151b;
			}
			.contactinfo ul li a.head:hover,
			.contactinfo ul li a.head:hover strong { color:#0073FF; }	
		.contactinfo ul li em { font-style:normal; }
		.contactinfo ul li address { margin:0; }
			.contactinfo ul li address .org { display:none; }
		
/* team members/collagues */
				
#canvas .members {
	margin-right:-11px !important;
	overflow:hidden;
}
	#canvas .members ul {
		overflow:hidden;
		margin:0 0 -4px 0;
		padding:0;
	}
	#canvas .members li {
		position:relative;
		float:left;
		margin:0 4px 4px 0;
		padding:0;
		background:none;	
	}
	#canvas .members li.selected img {
		border-color:#ED1C24;
	}	
		#canvas .members li a { display:block; }
	#canvas .members a.more {
		float:left;
		margin:0.6em 0;
	}


/* sub content */
	
#sub-content .item {
	margin:0 0 1em 0;
	padding:0 0 0.4em 0;
	border-bottom:2px solid #D3E0E0;
	overflow:hidden;
}
	#sub-content h2 {
		font-weight:normal;
		font-size:1.2em;
	}
		#sub-content h2 a:hover { text-decoration:none; }
	#sub-content p,
	#sub-content ul { margin-bottom:0.5em; }
	
	/* recent articles */

#canvas #sub-content #recent-articles ul { font-size:0.94em; }
#canvas #recent-articles li { padding-left:32px; }
	#canvas #recent-articles li .user-thumb { margin-left:-32px; }
		#canvas #sub-content #recent-articles li img.user-thumb { border-width:1px; }
	#canvas #sub-content #recent-articles li a * { 
		display:block; 
		color:#3f4445;
	}
	#canvas #sub-content #recent-articles li a:hover * { color:#0073FF; }
	
	/* recent comments */
	
#recent-comments ul { margin-bottom:0; }
	#recent-comments li {
		margin:0 0 1em 0;
		padding:0;
		background:none;
		color:#7f8485;
		font-size:0.86em;
	}
		#recent-comments li strong { font-weight:normal; }
			#recent-comments li cite a { color:#3f4445; }
			#recent-comments li cite a:hover { color:#0073FF; }
		#recent-comments blockquote { 
			margin:0; 
			padding:0;
			border:0;
			font-style:normal;
		}
			#sub-content #recent-comments blockquote a { 
				display:block; 
				color:#3f4445;
			} 
			#sub-content #recent-comments blockquote a:hover { color:#0073FF; }
		#recent-comments li p {
			margin:0;
			color:#0c151b;
		}
			
	/* temp notification */
	
#temp-notification {
	margin:0 -10px 1em -10px !important;
	padding:7px 10px 5px 10px !important;
	background:#f1f5f7;
	border:1px solid #e9eff3 !important;
	font-size:0.88em;
	line-height:1.25em;
}
	#temp-notification h2 { font-size:1.36em; }
	#temp-notification a { color:#ED1C24 !important; }
	#temp-notification a:hover { color:#0073F !important; }
			
	/* article archive */

#articles-archive li {
	padding-left:0;
	background:none;
	color:#7f8485;
}
	#articles-archive li a { color:#3f4445; }
	#articles-archive li a:hover { color:#0073FF; }
			
/* extras */

#extras .item {
	margin:0 0 1em 0;
	padding:0 0 0.4em 0;
	border-bottom:2px solid #D3E0E0;
	overflow:hidden;
}
	#extras h2 {
		font-weight:normal;
		font-size:1.2em;
	}
		#extras h2 a:hover { text-decoration:none; }
	#extras p,
	#extras ul { margin-bottom:0.5em; }
		
	/* flickr.com photo list */

#flickr-gallery { position:relative; }
	#flickr-gallery h2 { 
		position:relative;
		z-index:1;
		padding-right:52px;
	}
	#flickr-gallery a.base {
		padding-right:0;
		background-image:none;
		position:absolute;
		z-index:2;
		top:0.1em;
		right:0;
	} 
		#flickr-gallery a.base img { border:0; }
	#flickr-viewer {
		margin:0.4em -4px 0.4em 0;
	}

	/* last.fm album chart */

#lastfm-popular { position:relative; }
	#lastfm-popular h2 { 
		position:relative;
		padding-right:52px;
	}
	#lastfm-popular a.base {
		padding-right:0;
		background-image:none;
		position:absolute;
		top:0.1em;
		right:0;
	} 
		#lastfm-popular a.base img { border:0; }
	#lastfm-popular ol.albums {
		margin:0.4em -4px 0.4em 0;
		list-style:none outside;
		overflow:hidden;
	}
		#lastfm-popular ol.albums li {
			float:left;
			margin:0 4px 4px 0;
		}
			#lastfm-popular ol.albums li a {
				display:block;
				float:left;
				padding:0;
				background:none;
			}	
				#lastfm-popular ol.albums li a img { 
					display:block;
					border:2px solid #D3E0E0;
				}
			
	/* blogroll */

#blogroll ul li {
	padding:0;
	background:none;
}
	#blogroll ul a { color:#3f4445; }
	#blogroll ul a:hover { color:#0073FF; }
	#blogroll ul a.external { background-image:url("../images/icons/arrow-right-dimmed.gif"); }
		#blogroll ul a img {
			float:left;
			margin:0 0.5em 0 0;
		}

	/* ads */
	
#extras #ads h2 { position:absolute; left:-10000em; }

/* pagination */

.pagination {
	clear:both;
	margin:2em 0 0.4em 0;
	font-size:0.86em;
	line-height:1.25;
	overflow:hidden;
	border:2px solid #D3E0E0;
}
	.pagination h2 {
		float:left;
		margin:-2px 0 -2px -2px;
		padding:4px 4px 2px 10px;
		border:2px solid #D3E0E0;
		font-size:1em;
		line-height:1.25;
		color:#666;
	}	
	.pagination a,
	.pagination .disabled,
	.pagination .current {
		float:left;
		margin:-2px 0 -2px -2px;
		padding:4px 7px 2px 7px;
		border:2px solid #D3E0E0;
		font-weight:bold;
		color:#666;
	}
	.pagination .current {
		color:#ED1C24;
	}	
	.pagination a:hover {
		background-color:#EEE;
		color:#ED1C24;
		text-decoration:none;
	}	
	.pagination a.current {
		background-color:#D3E0E0;
		color:#0c151b;
		cursor:default;
	}	
	.pagination .disabled,
	.pagination a.prev,
	.pagination a.next {
		float:right;
		margin-left:0;
		margin-right:-2px;
	}
	.pagination .disabled {
		color:#D3E0E0;
		font-weight:bold;
	}
	
/* item navigation (users...) */

.item-navigation {
	position:relative;
	margin:0;
	padding:0 60px;
	font-size:1.1em;
}	
	.item-navigation img {
		position:absolute;
		left:60px;
		margin:-20px 0 0 0;
		border:0;
	}
	.item-navigation h2 { margin:0; }		
	.item-navigation p { margin:0.3em 0 0 0; }
	.item-navigation ul {
		margin:0;
	}	
		.item-navigation ul li {
			position:absolute;
			top:0.2em;
			margin:0;
			padding:0;
			background:none;
		}		
		.item-navigation ul li.prev { left:0; }
		.item-navigation ul li.next { right:0; }
			.item-navigation ul li a {
				display:block;
				width:24px;
				height:23px;
				border:2px solid #D3E0E0;	
				text-indent:-10000em;
				overflow:hidden;
				background:#FFF 50% 8px no-repeat;
			}
			.item-navigation ul li a:hover { border-color:#ED1C24; }			
			.item-navigation ul li.prev a {	background-image:url("../images/icons/arrow-left.gif"); }			
			.item-navigation ul li.next a { background-image:url("../images/icons/arrow-right.gif"); }
			.item-navigation a.more { background-image:url("../images/icons/arrow-left.gif"); }
			.item-navigation a.more:hover { background-position:2px -96px; }
	.item-navigation a.back { font-size:0.86em; }			
.case-banner img {
	margin-top:-25px; 
	border:0; 
}
			
/* client/project list */

ul.client-list,
ul.project-list { 
	margin:0;
	font-size:0.925em; 
	line-height:1.4;
}
	ul.client-list li,
	ul.project-list li {
		margin:0.5em 0;
		padding:0;
		background:none;
	}	
		ul.client-list li a,
		ul.project-list li a { color:#8a7c72; }
		ul.client-list li a:hover,
		ul.project-list li a:hover { color:#0073FF; }

/* banners */

.banner {
	clear:both;
	margin:0 0 30px 0;
}
	.banner a,
	.banner a img { display:block; }

/* generic column setup */

#canvas .columns { 
	clear:both;
	margin:0.4em 0;
	overflow:hidden;
}
	#canvas .columns .column {
		width:45%;
		margin:0;
		padding:0 5% 0 0;
		float:left;
	}
	#canvas .col-two .column {
		width:45%;
		padding-right:5%;
	}
	#canvas .col-three .column {
		width:29%;
		padding-right:4%;
	}
	#canvas .col-four .column {
		width:22%;
		padding-right:3%;
	}
	#canvas .col-five .column {
		width:18%;
		padding-right:2%;
	}
	
/* generic collapsables */

.collapsable .body { padding:1px 0; }
.minimal .body { display:none; }
.collapsable a.toggle {
	clear:both;
	width:100%;
	height:27px;
	margin:10px 0 0 0;
	display:block;
	background:#FFF;
	border-top:2px solid #D3E0E0;
	outline:0;
}
	.collapsable a.toggle span {
		display:block;
		width:24px;
		height:23px;
		float:right;
		margin-right:23px;
		border:solid #D3E0E0;
		border-width:0 2px 2px 2px;	
		text-indent:-10000em;
		overflow:hidden;
		background:url("../images/icons/arrow-up.gif") #FFF 50% 8px no-repeat;
	} 
.collapsable a.toggle:hover,
	.collapsable a.toggle:hover span { border-color:#ED1C24; }
	.minimal a.toggle span { background-image:url("../images/icons/arrow-down.gif"); }

/* generic tab navigation */

#canvas .tabs {
	position:relative;
	clear:both;
}
	#canvas ul.tabs-navigation {
		margin:0 15px 0 0;
		padding:0;
		border-bottom:2px solid #D3E0E0;
	}
	#canvas ul.tabs-navigation:after {
		content:".";
		display:block;
		clear:both;
		visibility:hidden;
		height:0;
	}
		#canvas ul.tabs-navigation li {
			position:relative;
			z-index:10;
			float:left;
			margin:0 -2px 0 0;
			padding:0;
			background:none;
			border:solid #D3E0E0;
			border-width:2px 2px 0 2px;
		}
		#canvas ul.tabs-navigation li.current { 
			z-index:20;
			margin-bottom:-2px; 
		}
			#canvas ul.tabs-navigation li a {
				display:block;
				padding:5px 0.8em 3px 0.8em;
				color:#ADA8A4;
				background:#FFF;
			}
			#canvas ul.tabs-navigation li.current a {
				padding-bottom:5px;
				color:#222;
				background:#FFF;
				text-decoration:none;
				cursor:default;
				outline:0;
			}
	#canvas .tabs div.tab {
		clear:both;
		padding:4px 0 0 0;
	}
	body.jsready #canvas .tabs div.tab { display:none; } 
	body.jsready #canvas .tabs div.current { display:block; }
	.tabs a.more {
		position:absolute;
		right:15px;
		top:5px;
		margin-top:0.25em;
	}

.user-other .tabs { min-height:100px; }	
.user-other .tabs h3 { display:none; }

/* job list */

#job-list {
	float:right;
	width:179px;
	padding-bottom:.5em;
	border-bottom:4px solid #D3E0E0;
}

	#job-list a.external {
		font-size:1.16em;
	}
	
/* generic item list */

ul.item-list {
	margin:0.5em 0 0.8em 0;
}
	ul.item-list li {
		margin:0 0 1.3em 0;
		padding-left:0;
		background:none;
		color:#7f8485;
	}
		ul.item-list li a {
			display:block;
		}
			ul.item-list strong {
				display:block;
				font-size:1.16em;
				color:#0c151b;
				padding:0 0 0 13px;
				background:url("../images/icons/arrow-right.gif") 2px 4px no-repeat;
			}
				ul.item-list a strong {
					padding:0;
					background:none; 
				}
				ul.item-list a:hover strong { color:#0073FF; }		
		
/* error page */
		
.error-page {
	width:50%;
	margin:90px auto 0 auto;
}
	
/* colofon/privacy/legal */

body.privacy h2,
body.legal h2 {
	font-size:1.15em;
	font-weight:bold;
	line-height:1.35;	
}

body.colofon h2,
body.privacy h3,
body.legal h3 {
	font-size:1em;
	font-weight:bold;
	line-height:1.35;
}

body.colofon #main-content ul li {
	padding-left:0;
	background-image:none;
}

/* flash */
#flashcontent {
	text-align: center;
}
.flash-alternative {
	text-align: left;
	margin: 1em auto;
}

body.home .flash-alternative {
	width: 500px;
	font-size: 2em;
}