@import 'typography.css';
@import 'forms.css';

@font-face {
	font-family: Junction;
	src: local('junctionregular'), url(../fonts/junction.otf) format("opentype");
	}
@font-face {
	font-family: Museo;
	src: local('Museo-500'), url(../fonts/museo-500.otf) format("opentype");
	font-weight: normal;
	}
@font-face {
	font-family: Museo;
	src: local('Museo-700'), url(../fonts/museo-700.otf) format("opentype");
	font-weight: bold;
	}


*, html {
	margin: 0;
	padding: 0;
	}
body {
	margin: 0;
	padding: 0;
	background: url(../img/bg-tile.gif) center top repeat;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	}

a {
	color: #3c9bff;
	-webkit-transition: color .25s linear;
	}
	a:hover {
		color: #fff;
		-webkit-transition: color .25s linear;
		}
	a img { border: none; }
	a:active,
	a:active img { outline: none; }

hr { display: none; }
abbr {
	border: none;
	cursor: help;
	font-size: 85%;
	}

#rmadi { background: url(../img/bg-tile-top.gif) center top repeat-x;margin: auto; padding:auto;text-align:center}
#khaled { background: url(../img/bg-top.jpg) center 60px no-repeat; margin: auto;text-align:center}
	body.mini #khaled { background-position: center top; }
#main {
	margin: 0 auto;
	padding: 0 10px;
	min-height: 350px;
	position: relative;
	width: 940px;text-align:left;
	}


/* Global
-------------------------------------------------------------- */

/* section */

.section {
	margin-bottom: 80px;
	}
	.section h3.header {
		color: #6284b0;
		}

/* grid */

.one	{ width: 40px; }
.two	{ width: 100px; }
.three	{ width: 160px; }
.four	{ width: 220px; }
.five	{ width: 280px; }
.six	{ width: 340px; }
.seven	{ width: 400px; }
.eight	{ width: 460px; }
.nine	{ width: 520px; }
.ten	{ width: 580px; }
.eleven	{ width: 640px; }
.push-one	{ margin-left: 60px; }
.push-two	{ margin-left: 120px; }
.push-three	{ margin-left: 180px; }
.push-four	{ margin-left: 240px; }
.push-five	{ margin-left: 300px; }

/* content */

.content h2 {
	margin-bottom: 18px;
	}
	.content h2.logotype {
		margin-bottom: 12px;
		}
.content h3 {
	margin-bottom: 18px;
	color: #929fb0;
	font-size: 18px;
	line-height: 20px;
	}
	.content p + h3,
	.content ul + h3 {
		margin-top: 36px;
		}
.content h4 {
	margin-top: 30px;
	margin-bottom: 12px;
	color: #6284b0;
	}
.content p {
	margin-bottom: 19px;
	}
.content ol,
.content ul {
	margin: 0 0 18px 36px;
	list-style: circle;
	}
.content li {
	margin-bottom: 4px;
	}
.content blockquote {
	margin-bottom: 18px;
	margin-left: -18px;
	padding: 18px 18px 16px 18px;
	background: url(../img/trans-black.png) left top repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
	.content blockquote :first-child {
		padding-top: 3px;
		background: url(../img/icn/24-quote.png) left top no-repeat;
		}
	.content blockquote p {
		padding-left: 36px;
		}
	.content p + blockquote { margin-top: -4px; }
.content p em {
	font-family: Palatino, Georgia, serif;
	font-size: 105%;
	}

/* misc. classes */

.logotype {
	background-image: url(../img/logo-type.png);
	height: 40px;
	width: 224px;
	}
.left {
	float: left;
	}
	img.left { margin-right: 20px; }
.right {
	float: right;
	}
	img.right { margin-left: 20px; }
.solo { margin-bottom: 19px; height: 190px; }
.left.caption,
.right.caption {
	clear: both;
	color: #929fb0;
	font-family: Palatino, Georgia, serif;
	font-style: italic;
	line-height: 17px;
	}
p.center { text-align: center; }

/* pager */

.pager {
	display: block;
	height: 25px;
	width: 64px;
	}
	.pager a {
		height: 25px;
		width: 32px;
		}
		.pager a:active { background-position: left -25px; }
		.pager a.previous {
			background-image: url(../img/pager-previous.png);
			float: left;
			}
		.pager a.next {
			background-image: url(../img/pager-next.png);
			float: left;
			}

/* panel */

.panel.header h2, .panel h2.header,
.panel.header h3, .panel h3.header {
	color: #3a5171;
	font-family: Museo;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 1px #b3cdec;
	text-transform: uppercase;
	}
.panel p,
.panel p a,
.panel li,
.panel a.link {
	color: #141923;
	text-shadow: 0 1px 1px #b3cdec;
	}
.panel p a { text-decoration: underline; }
.panel a.link {
	padding: 3px 10px;
	background: url(../img/trans-black.png) left top repeat;
	display: block;
	float: left;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 1px #869ebd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
	.panel a.link:hover {
		color: #fff;
		text-shadow: 0 1px 2px #07090d;
		}

/* buttons */

h3.button {
	margin-left: -2px;
	clear: both;
	display: block;
	height: 40px;
	width: 164px;
	}
	h3.button a {
		background: url(../img/button.png) left top no-repeat;
		color: #141923;
		display: block;
		font-size: 16px;
		height: 40px;
		line-height: 38px;
		text-align: center;
		text-decoration: none;
		text-shadow: 0 1px 1px #b3cdec;
		}
		h3.button a:hover  { background-position: left -40px; border: none; text-decoration: none; }
		h3.button a:active { padding-top: 1px; height: 39px; background-position: left -80px; }
	h3.button.icon a {
		padding-left: 14px;
		text-align: left;
		}
		h3.button.icon a > span {
			padding-left: 26px;
			background-position: left center;
			background-repeat: no-repeat;
			display: block;
			line-height: 38px;
			}
			h3.button.icon a span.arrow-1 { background-image: url(../img/icn/18-arrow-up.png); }
			h3.button.icon a span.arrow-2 { background-image: url(../img/icn/18-arrow-right.png); }
			h3.button.icon a span.arrow-3 { background-image: url(../img/icn/18-arrow-down.png); }
			h3.button.icon a span.arrow-4 { background-image: url(../img/icn/18-arrow-left.png); }

/* image link */

a.image { display: block; }
	a.image img,
	img.border {
		padding: 1px;
		background: #222f40;
		border: 2px solid #929fb0;
		display: block;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-box-shadow: 0 2px 3px #07090d;
		-webkit-box-shadow: 0 2px 3px #07090d;
		}
	a.image img,
	a img.border {
		-webkit-transition: border-color .25s linear;
		}
	a.image:hover img,
	a:hover img.border {
		border-color: #fff;
		-webkit-transition: border-color .25s linear;
		}

/* icons */

a.icon {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	background-position: left top;
	background-repeat: no-repeat;
	}
	a.icon, x:-moz-any-link { padding-top: 2px; }
	a.icon.twitter	{ background-image: url(../img/icn/16-twitter.png); }
	a.icon.flickr	{ background-image: url(../img/icn/16-flickr.png); }
	a.icon.facebook	{ background-image: url(../img/icn/16-facebook.png); }
	a.icon.lastfm	{ background-image: url(../img/icn/16-lastfm.png); }
	a.icon.linkedin	{ background-image: url(../img/icn/16-linkedin.png); }
	a.icon.brightkite	{ background-image: url(../img/icn/16-brightkite.png); }

/* list: work */

ul.work-list { list-style: none; }
ul.work-list li {
	margin-right: 9px;
	float: left;
	}

/* list: feature */

ul.feature-list {
	margin-bottom: 36px;
	list-style: none;
	}
ul.feature-list li {
	margin: 0 0 12px -4px;
	padding: 4px 0 0 36px;
	background: url(../img/list-feature.png) left top no-repeat;
	}

/* list: icon */

ul.icon-list { list-style: none; }
	ul.icon-list li {
		margin-bottom: 4px;
		margin-left: 4px;
		}
		ul.icon-list li a {
			padding-left: 22px;
			font-weight: bold;
			text-decoration: none;
			}
			ul.icon-list li a:hover { text-decoration: underline; }

/* list: inline */

ul.inline-list { list-style: none; }
ul.inline-list li {
	margin-right: 12px;
	float: left;
	}
	ul.inline-list li a {
		font-weight: bold;
		text-decoration: none;
		}
		ul.inline-list li a:hover { text-decoration: underline; }

/* list: inline logos */

ul.inline-list.logos {
	margin-left: 0;
	overflow: hidden;
	}
	ul.inline-list.logos li {
		margin-right: 30px;
		margin-bottom: 8px;
		}
		ul.inline-list.logos li.alt { margin-right: 0; }
a.logo {
	height: 50px;
	width: 185px;
	}
	a.logo:hover { background-position: left -50px; }
a.logo.smashing-magazine	{ background-image: url(../img/logos/smashing-magazine.png); }
a.logo.creattica			{ background-image: url(../img/logos/creattica.png); }
a.logo.web-creme			{ background-image: url(../img/logos/web-creme.png); }
a.logo.css-based			{ background-image: url(../img/logos/css-based.png); }
a.logo.css-creme			{ background-image: url(../img/logos/css-creme.png); }
a.logo.css-elite			{ background-image: url(../img/logos/css-elite.png); }
a.logo.css-mayo				{ background-image: url(../img/logos/css-mayo.png); }
a.logo.design-fridge		{ background-image: url(../img/logos/design-fridge.png); }
a.logo.bust-out-solutions	{ background-image: url(../img/logos/bust-out-solutions.png); height: 35px; width: 130px; background-position: left -35px; }

/* list: services */

ul.services-list {
	margin-left: 12px;
	list-style: none;
	}
	ul.services-list li {
		margin-bottom: 14px;
		padding-left: 44px;
		background-position: left center;
		background-repeat: no-repeat;
		font-size: 14px;
		}
		ul.services-list li.planning	{ background-image: url(../img/icn/34-grid.png); }
		ul.services-list li.design		{ background-image: url(../img/icn/34-paintbrush.png); }
		ul.services-list li.interface	{ background-image: url(../img/icn/34-code.png); }
		ul.services-list li.backend		{ background-image: url(../img/icn/34-gear.png); }
		ul.services-list li:last-child { margin-bottom: 0; }


/* Masthead
-------------------------------------------------------------- */

#masthead {
	padding-bottom: 30px;
	background: url(../img/nav-site-bg.gif) center top no-repeat;
	min-width: 980px;
	}
	body.mini #masthead { background: none; padding-bottom: 0; }
	#masthead div {
		margin: 0 auto;
		padding-top: 112px;
		position: relative;
		width: 980px;
		}
		body.mini #masthead > div { padding-top: 82px; }

/* masthead: logo */

#logo {
	margin-left: 56px;
	background-image: url(../img/logo-plastic.png);
	float: left;
	height: 180;
	width: 214;
	position: relative;
	}
	#logo img { display: none; }
	#logo span {
		background-image: url(../img/logo-plastic-overlay.png);
		cursor: pointer;
		display: block;
		height: 182px;
		width: 216px;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		}

/* masthead: navigation (site) */
/*
.nav.site {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	}
	.nav.site li {
		margin-right: 2px;
		float: left;
		height: 72px;
		text-align: center;
		width: 238px;

		}
		.nav.site li.one { margin-left: 1px; }
		.nav.site li.four { margin-right: 0; }
		.nav.site li a {
			padding-top: 30px;
			color: #929fb0;
			display: block;
			font-family: Palatino, Georgia, serif;
			font-size: 16px;
			font-style: italic;
			height: 30px;
			text-decoration: none;
			text-shadow: 0 1px 3px #000;
			-webkit-transition: color .25s linear;
			}
			.nav.site li a:hover {
				color: #fff;
				-webkit-transition: color .25s linear;
				}
			.nav.site li a strong {
				color: #fff;
				font-family: Museo;
				font-style: normal;
				font-weight: normal;
				}
				.nav.site li a strong, x:-moz-any-link { vertical-align: top; }
				.nav.site li a strong, x:-moz-any-link, x:default { vertical-align: baseline; }
			#about .nav.site li.one { background: url(../img/nav-site-active.png) -199px bottom no-repeat; }
			#work .nav.site li.two { background: url(../img/nav-site-active.png) -151px bottom no-repeat; }
			#tumble .nav.site li.three { background: url(../img/nav-site-active.png) -174px bottom no-repeat; }
			#contact .nav.site li.four { background: url(../img/nav-site-active.png) -196px bottom no-repeat; }
			#about .nav.site li.one a,
			#work .nav.site li.two a,
			#tumble .nav.site li.three a,
			#contact .nav.site li.four a { color: #fff; }
	

*/


.navsite {
	list-style: none;
	position: absolute;
	z-index:999999;
	left: 0;
	top: 0;
	width:100%;
	}
	.navsite li {
		margin-right: 2px;
		float: left;
		height: 72px;
		text-align: center;
		width: 238px;

		}
		.navsite li.one { margin-left: 1px; }
		.navsite li.four { margin-right: 0; }
		.navsite li a {
			padding-top: 30px;
			color: #929fb0;
			display: block;
			font-family: Palatino, Georgia, serif;
			font-size: 16px;
			font-style: italic;
			height: 30px;
			text-decoration: none;
			text-shadow: 0 1px 3px #000;
			-webkit-transition: color .25s linear;
			}
			.navsite li a:hover {
				color: #fff;
				-webkit-transition: color .25s linear;
				}
			.navsite li a strong {
				color: #fff;
				font-family: Museo;
				font-style: normal;
				font-weight: normal;
				}
				.navsite li a strong, x:-moz-any-link { vertical-align: top; }
				.navsite li a strong, x:-moz-any-link, x:default { vertical-align: baseline; }
			#about .navsite li.one { margin-left:10;background: url(../img/nav-site-active.png) -199px bottom no-repeat; }
			#work .navsite li.two {  margin-left:10;background: url(../img/nav-site-active.png) -151px bottom no-repeat; }
			#tumble .navsite li.three { margin-left:10; background: url(../img/nav-site-active.png) -174px bottom no-repeat; }
			#contact .navsite li.four {  margin-left:10;background: url(../img/nav-site-active.png) -196px bottom no-repeat; }
			#about .navsite li.one a,
			#work .navsite li.two a,
			#tumble .navsite li.three a,
			#contact .navsite li.four a { color: #fff; }
.text2{
font-family: Museo;
height:35px;
font-size:18;
width:350px;
}
.textarea2{
font-family: Museo;
font-size:18;
width:350px;
}

			
/* masthead: heading */

h1 {
	margin-top: 36px;
	margin-right: 12px;
	padding: 22px 140px 0 2px;
	background: url(../img/h1-top.png) right top no-repeat;
	float: right;
	position: relative;
	height: 102px;
	width: 500px;
	}
	#error h1 { padding-right: 20px; width: 620px;}
	h1 em { color: #add5ff; }
		h1 em.logotype {
			margin-top: -40px;
			margin-left: -18px;
			}
	h1 a,
	h1 img {
		display: block;
		position: absolute;
		}
		#about h1 img	{ right: 50px; top: 28px; }
		#work h1 img	{ right: 30px; top: 23px; }
		#tumble h1 img	{ right: 30px; top: 28px; }
		#contact h1 img { right: -8px; top: 20px; }
	h1 a {
		background: url(../img/h1-btn-arrow.png) left top no-repeat;
		height: 72px;
		width: 72px;
		right: 40px;
		top: 28px;
		}
		h1 a:hover { background-position: left -72px; border-bottom: none; }
		h1 a:active { background-position: left -144px; }
	h1 + h2 {
		color: #add5ff;
		line-height: 28px;
		}

/* masthead: content */

#masthead .content {
	padding-right: 10px;
	float: right;
	min-height: 400px;
	position: relative;
	width: 640px;
	}


/* Home: Featured Work
-------------------------------------------------------------- */

.recent-work.panel {
	margin-bottom: 45px;
	margin-left: -4px;
	padding: 8px 10px;
	background: url(../img/panel-recentwork.png) left top no-repeat;
	height: 312px;
	width: 928px;
	}
	.recent-work.panel .content {
		margin: 2px 0 0 2px;
		padding: 0 20px;
		background: url(../img/panel-recentwork-content.png) left top no-repeat;
		float: left;
		height: 304px;
		width: 250px;
		}
		.recent-work.panel .content p {
			font-size: 14px;
			line-height: 18px;
			}
		.recent-work.panel .work-info {
			position: relative;
			}
		.recent-work.panel .work-info > div {
			position: absolute;
			top: 0;
			}
	.recent-work.panel .window {
		padding-top: 2px;
		padding-right: 2px;
		float: right;
		overflow: hidden;
		position: relative;
		height: 306px;
		width: 632px;
		}
		.recent-work.panel .window > span {
			background: url(../img/panel-recentwork-corners.png) left top no-repeat;
			position: absolute;
			right: 0;
			top: 0;
			height: 308px;
			width: 12px;
			}
		.recent-work.panel .window .images {
			overflow: hidden;
			}
		.recent-work.panel .window a,
		.recent-work.panel .window a span {
			display: block;
			height: 304px;
			width: 632px;
			}
		.recent-work.panel .window a {
			margin-bottom: 18px;
			background-position: left top;
			background-repeat: no-repeat;
			position: relative;
			}
			.recent-work.panel .window a img { display: none; }
			.recent-work.panel .window a span {
				background: url(../img/panel-recentwork-glass.png) left top no-repeat;
				position: absolute;
				left: 0;
				top: 0;
				}

.recent-work div.header { margin-bottom: 32px; }
.recent-work h2.header {
	margin: 20px 0 0;
	float: left;
	}
.recent-work .pager {
	margin-top: 16px;
	float: right;
	}
.recent-work h3 {
	margin-bottom: 10px;
	color: #fff;
	font-size: 28px;
	line-height: 28px;
	}


/* Home: Tumble Header
-------------------------------------------------------------- */

.tumble .header.panel {
	margin-left: -4px;
	margin-bottom: 30px;
	background: url(../img/tumble-header.png) left top no-repeat;
	height: 76px;
	position: relative;
	width: 948px;
	}
	.tumble .header.panel h2 {
		margin-right: 12px;
		padding-top: 24px;
		padding-left: 32px;
		float: left;
		}
	.tumble .header.panel p {
		padding-top: 24px;
		}
	.tumble .header.panel .pages {
		color: #222;
		font-size: 14px;
		position: absolute;
		right: 4px;
		top: 2px;
		width: 240px;
		text-shadow: 0 1px 2px #fff;
		}
	.tumble .header.panel .pages span {
		padding-top: 23px;
		float: left;
		text-align: right;
		width: 170px;
		}
	.tumble .header.panel a.next {
		margin: 5px 5px 0 0;
		background: url(../img/posts-nav-next-sq.png);
		float: right;
		height: 52px;
		width: 52px;
		}
		.tumble .header.panel a.next:hover { background-position: left -52px; }
		.tumble .header.panel a.next:active { background-position: left -104px; }


/* About
-------------------------------------------------------------- */

/* about: company */

.about-company .content {
	float: left;
	width: 460px;
	}
.about-company .aside {
	float: right;
	width: 400px;
	}

/* about: company: services panel */

.panel.services {
	margin-left: -4px;
	padding: 8px 10px;
	background: url(../img/panel-services.png) left top no-repeat;
	height: 276px;
	width: 388px;
	position: relative;
	}
	.panel.services > div {
		margin-top: 2px;
		margin-left: 2px;
		padding: 0 20px;
		background: url(../img/panel-services-content.gif) left top no-repeat;
		overflow: hidden;
		height: 268px;
		width: 344px;
		}
	.panel.services .header {
		margin-top: 20px;
		}

/* about: eric */

.about-eric .content {
	float: left;
	width: 700px;
	}
.about-eric .aside {
	padding-top: 37px;
	float: right;
	width: 160px;
	}


/* Work
-------------------------------------------------------------- */

/* works */

.section.works > .content {
	float: left;
	width: 640px;
	}
.section.works > .aside {
	float: right;
	width: 220px;
	}

/* work: entry */

.section.work > .gallery {
	margin-left: -4px;
	float: left;
	width: 525px;
	}
.section.work > .content {
	padding-top: 24px;
	float: right;
	width: 340px;
	}

/* work: defaults */

.work h2 {
	margin-bottom: 18px;
	color: #add5ff;
	font-size: 24px;
	font-weight: bold;
	}
.work h3 {
	font-size: 16px;
	font-weight: bold;
	}

/* work: details */

.details dt {
	color: #929fb0;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-transform: uppercase;
	}
.details dd {
	margin-bottom: 8px;
	color: #fff;
	font-family: Museo;
	font-size: 16px;
	font-weight: normal;
	}
	.details dd:last-child { margin-bottom: 0; }
.services .service {
	margin-right: 2px;
	float: left;
	height: 34px;
	width: 34px;
	}
	.services .service:first-child { margin-left: -2px; }
.service.planning	{ background-image: url(../img/icn/34-grid.png); }
.service.design		{ background-image: url(../img/icn/34-paintbrush.png); }
.service.interface	{ background-image: url(../img/icn/34-code.png); }
.service.backend	{ background-image: url(../img/icn/34-gear.png); }

/* work: featured */

.work.featured {
	margin-bottom: 36px;
	padding-bottom: 18px;
	background: url(../img/separator.png) left bottom no-repeat;
	}
.work.featured .content {
	margin-left: 60px;
	float: left;
	width: 400px;
	}
.work.featured .details {
	float: right;
	width: 160px;
	}

/* work: image panel */

.work .image.panel {
	margin-bottom: 24px;
	margin-left: -4px;
	background: url(../img/panel-work.png) left top no-repeat;
	overflow: hidden;
	height: 244px;
	width: 648px;
	}
	.work .image.panel a,
	.work .image.panel span {
		display: block;
		height: 220px;
		width: 624px;
		}
	.work .image.panel a {
		margin-top: 10px;
		margin-left: 12px;
		position: relative;
		}
		.work .image.panel a img { display: none; }
		.work .image.panel a span {
			background: url(../img/panel-work-glass.png) left top no-repeat;
			position: absolute;
			left: 0;
			top: 0;
			}

/* work: grid */

.grid .work {
	margin-bottom: 24px;
	float: left;
	width: 300px;
	}
	.grid .work.alt { float: right; }
	.grid .work a.image { float: left; }
	.grid .work h3 { margin: 4px 0 2px; padding-left: 100px }
	.grid .work .details { padding-left: 100px; }
	.grid .work .details dt { display: none; }
	.grid .work .details dd { margin-bottom: 2px; font-size: 14px; }

/* work: gallery */

.gallery {
	background: url(../img/panel-gallery-top.png) left top no-repeat;
	}
	.gallery .nav {
		margin: 10px 0 2px 12px;
		background: url(../img/panel-gallery-nav.gif) left top no-repeat;
		height: 48px;
		width: 500px;
		}

.gallery .nav a.toggle {
	margin: 12px 0 0 12px;
	background-image: url(../img/gallery-all_work.png);
	float: left;
	height: 25px;
	width: 80px;
	}
	.gallery .nav a.toggle:active,
	.gallery .nav a.toggle.active { background-position: left -25px; }

.gallery .nav .pager {
	margin-top: 12px;
	float: right;
	}

.gallery .nav .thumbs {
	margin: 10px 10px 0;
	float: right;
	list-style: none;
	}
	.gallery .nav .thumbs li {
		margin-right: 6px;
		float: left;
		}
		.gallery .nav .thumbs li:last-child { margin-right: 0; }
		.gallery .nav .thumbs li a {
			background: url(../img/gallery-thumb.png) left top no-repeat;
			display: block;
			height: 29px;
			width: 28px;
			}
			.gallery .nav .thumbs li.current a { background-image: url(../img/gallery-thumb-current.png); }
		.gallery .nav .thumbs li img {
			margin: 2px 0 0 2px;
			height: 24px;
			width: 24px;
			}

.gallery .images {
	padding: 0 10px 14px;
	background: url(../img/panel-gallery-bottom.png) left bottom no-repeat;
	position: relative;
	}
	.gallery .images > span {
		background: url(../img/panel-gallery-corners.png) left bottom no-repeat;
		position: absolute;
		left: 10px;
		bottom: 12px;
		height: 12px;
		width: 504px;
		}
	.gallery .image {
		margin-left: 2px;
		position: relative;
		width: 500px;
		}
		.gallery .image img {
			display: block;
			}
		.gallery .image span {
			background: url(../img/panel-gallery-glass.png) left top no-repeat;
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			height: 41px;
			width: 500px;
			}

.gallery .all-work {
	padding: 0 12px;
	background: url(../img/panel-gallery-bottom.png) left top no-repeat;
	}
	.gallery .all-work table {
		padding-bottom: 2px;
		width: 100%;
		}
		.gallery .all-work table td {
			width: 50%;
			}
	.gallery .all-work a {
		padding: 6px 9px 4px;
		display: block;
		font-family: Museo;
		font-size: 14px;
		text-decoration: none;
		text-shadow: 0 1px 3px #000;
		-moz-border-radius: 4px;
		}
		.gallery .all-work a.current { color: #fff; }
		.gallery .all-work a img {
			margin-right: 4px;
			padding: 2px 3px 4px;
			background: url(../img/gallery-thumb-shadow.png) left top no-repeat;
			height: 24px;
			width: 24px;
			vertical-align: middle;
			}

/* work: content */

.section.work .content .meta {
	margin-bottom: 18px;
	padding: 24px;
	background: url(../img/trans-black.png) left top repeat;
	float: left;
	min-width: 200px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
	.section.work .content .meta .details {
		margin-bottom: 27px;
		}
	.section.work .content .meta .button {
		margin: 0 auto;
		}
	.section.work .content .meta .notice {
		margin: 6px auto 0;
		color: #929fb0;
		font-size: 11px;
		font-style: italic;
		line-height: 13px;
		text-align: center;
		width: 200px;
		}
		.section.work .content .meta .notice strong { color: #6284b0; }


/* Tumble
-------------------------------------------------------------- */

.tumble > .content {
	float: left;
	width: 640px;
	}
.tumble .aside {
	float: right;
	width: 220px;
	}

.tumble.index .content {
	float: none;
	width: 940px;
	}

/* posts */

ol.posts {
	margin: 0;
	list-style: none;
	}
	h2 + ol.posts { margin-top: 36px; }
	ol.posts li.post:first-child { padding-top: 0; }
	ol.posts li.post:last-child { margin-bottom: 20px; }

li.post {
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 44px;
	background: url(../img/separator.png) left bottom no-repeat;
	}
	.post .content {
		float: right;
		min-height: 110px;
		width: 520px;
		}
	.post .meta {
		float: left;
		width: 100px;
		}
		.post .meta dt {
			display: none;
			}
		.post .meta dd {
			margin-bottom: 12px;
			display: none;
			}
			.posts.single .post .meta dd { display: block; }
		.post .meta dd.permalink {
			display: block;
			}
			.post .meta dd.permalink a {
				margin: 0 auto;
				background-image: url(../img/post-quote-permalink.png);
				height: 42px;
				width: 42px;
				outline: none;
				}
				.post .meta dd.permalink a:hover {
					background-position: left -42px;
					}
				.post .meta dd.permalink a:active {
					background-position: left -84px;
					}
		.post .meta dd.published {
			padding-left: 0;
			font-family: Junction;
			line-height: 21px;
			text-align: center;
			}
			.post dd.published .month {
				color: #6284b0;
				font-size: 14px;
				text-transform: uppercase;
				}
			.post dd.published .day {
				display: block;
				font-size: 28px;
				}
		.post .meta dd.reblog,
		.post .meta dd.tags,
		.post .meta dd.notes {
			background-position: center top;
			background-repeat: no-repeat;
			height: 34px;
			}
		.post .meta dd.reblog	{ background-image: url(../img/icn/34-reblog.png); }
		.post .meta dd.tags		{ background-image: url(../img/icn/34-tags.png); }
		.post .meta dd.notes	{ background-image: url(../img/icn/34-star.png); }
			.post .meta dd.reblog span,
			.post .meta dd.tags ul,
			.post .meta dd.notes span {
				margin: -4px 0 0 20px;
				padding: 9px 16px 10px 54px;
				background-color: rgba(0,0,0, 0.8);
				background-repeat: no-repeat;
				display: none;
				position: absolute;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				}
				.post .meta dd.reblog span { background-image: url(../img/icn/34-reblog.png); background-position: 11px 4px; }
				.post .meta dd.tags ul { background-image: url(../img/icn/34-tags.png); background-position: 13px 4px; }
				.post .meta dd.notes span { background-image: url(../img/icn/34-star.png); background-position: 13px 4px; }
			.post .meta dd.tags li {
				margin: 0;
				display: inline;
				}
			.post .meta dd.tags li:after { content: ', '; }
			.post .meta dd.tags li:last-child:after { content: ''; }

/* posts: nav */

.nav.posts {
	padding-left: 116px;
	width: 232px;
	}
.nav.posts a {
	height: 56px;
	width: 116px;
	}
	.nav.posts a:hover { background-position: left -56px; }
	.nav.posts a:active { background-position: left -112px; }
	.nav.posts a.previous {
		background-image: url(../img/posts-nav-prev.png);
		float: left;
		}
	.nav.posts a.next {
		margin-right: -4px;
		background-image: url(../img/posts-nav-next.png);
		float: left;
		}

/* post: link */

.post.link dd.permalink a {
	background-image: url(../img/post-link-permalink.png);
	}
.link h3 {
	margin-bottom: 16px;
	padding-top: 3px;
	}
	.link h3 a {
		padding: 7px 18px 7px 36px;
		background: #3c9bff url(../img/icn/18-arrow-right.png) 8px center no-repeat;
		border-top: 1px solid #add5ff;
		border-bottom: 1px solid #7cbcff;
		color: #fff;
		display: block;
		float: left;
		text-shadow: 0 1px 2px #07090d;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-box-shadow: 0 2px 3px #07090d;
		-webkit-box-shadow: 0 2px 3px #07090d;
		-webkit-transition: background-color .25s linear;
		}
	.link h3 a:hover {
		border-bottom: 1px solid #add5ff;
		background-color: #add5ff;
		-webkit-transition: background-color .25s linear;
		}

/* post: conversation */

.post.conversation dd.permalink a {
	background-image: url(../img/post-conversation-permalink.png);
	}
.conversation h3 {
	padding-top: 12px;
	}
.conversation ul {
	margin-left: 0;
	list-style: none;
	}
	.conversation ul li {
		margin-bottom: 8px;
		}
.conversation .label {
	margin-right: 8px;
	font-family: Palatino, Georgia, serif;
	padding: 3px 6px 2px;
	text-shadow: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 2px 3px #07090d;
	-webkit-box-shadow: 0 2px 3px #07090d;
	}
.conversation .odd .label {
	background-color: #c139c9;
	}
.conversation .even {
	color: #ccc;
	}
	.conversation .even .label {
		background-color: #c9394a;
		color: #fff;
		}

/* post: photo */

.post.photo dd.permalink a {
	background-image: url(../img/post-photo-permalink.png);
	}
.photo .image {
	margin-bottom: 18px;
	}

/* post: quote */

.post.quote dd.permalink a {
	background-image: url(../img/post-quote-permalink.png);
	}
.quote .content { padding-top: 2px; }
.quote blockquote {
	margin-left: 0;
	margin-bottom: 24px;
	padding: 0;
	background: none;
	}
	.quote blockquote p {
		padding-left: 0;
		color: #fff;
		font-size: 36px;
		line-height: 38px;
		}
		.quote blockquote p:first-child {
			background: none;
			text-indent: -0.5em;
			}
		.quote blockquote p:first-child:before {
			content: "\201C";
			}
		.quote blockquote p:last-child:after {
			content: "\201D";
			}
.quote .source {
	padding-right: 100px;
	color: #929fb0;
	font-size: 16px;
	text-align: right;
	}
	.quote .source cite {
		font-style: normal;
		}

/* post: text */

.post.text dd.permalink a {
	background-image: url(../img/post-text-permalink.png);
	}
.text h2 {
	padding-top: 12px;
	}

/* post: audio/video */

.post.audio dd.permalink a {
	background-image: url(../img/post-audio-permalink.png);
	}
.post.video dd.permalink a {
	background-image: url(../img/post-video-permalink.png);
	}
.post.audio .content .av,
.post.video .content .av {
	margin-bottom: 18px;
	} 

/* posts: short */

.posts.short {
	margin-right: 20px;
	padding-left: 45px;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 175px;
	}
	.posts.short:last-child { margin-right: 0; }
	.posts.short.text	{ background-image: url(../img/icn/34-text.png); }
	.posts.short.link	{ background-image: url(../img/icn/34-link.png); }
	.posts.short.photo	{ background-image: url(../img/icn/34-photo.png); }
	.posts.short.quote	{ background-image: url(../img/icn/34-quote.png); }

.posts.short li.post {
	margin-bottom: 0;
	padding-top: 6px;
	padding-bottom: 10px;
	line-height: 16px;
	}
	.posts.short li.post:first-child { padding-top: 8px; }
	.posts.short li.post:last-child {
		margin-bottom: 0;
		background: none;
		}
	.posts.short .permalink {
		color: #929fb0;
		-webkit-transition: color .25s linear;
		}
		.posts.short .permalink:hover {
			color: #fff;
			-webkit-transition: color .25s linear;
			}

.posts.short .post.text {
	padding-top: 12px;
	}
.posts.short .post.text h4 {
	margin-top: 0;
	margin-bottom: 6px;
	}
	.posts.short .post.text p {
		margin-bottom: 6px;
		}

.posts.short .post.link a {
	text-decoration: none;
	}

.posts.short .post.photo {
	margin-right: 9px;
	padding: 0;
	background: none;
	float: left;
	}
	.posts.short .post.photo:first-child { padding-top: 0; }
	.posts.short .post.photo.alt { margin-right: 0; }
	.posts.short .post.photo .image {
		margin-bottom: 9px;
		padding: 0;
		}

.posts.short .post.quote blockquote {
	margin-bottom: 6px;
	}
	.posts.short .post.quote blockquote p {
		padding-top: 0;
		font-size: 14px;
		line-height: 16px;
		}
	.posts.short .post.quote .source {
		padding-right: 0;
		font-size: 12px;
		}

/* notes */

#notes {
	padding-top: 65px;
	background: url(../img/separator.png) left 21px no-repeat;
	clear: both;
	}
	#notes h4 {
		margin: 0;
		padding-top: 9px;
		float: left;
		text-align: center;
		width: 100px;
		}
ol.notes {
	margin: 0;
	padding: 0;
	float: right;
	width: 520px;
	}
ol.notes li.note {
	margin-bottom: 1px;
	padding: 9px 18px;
	background: url(../img/trans-black.png) left top repeat;
	clear: left;
	list-style: none;
	position: relative;
	}
	ol.notes li.note:first-child {
		-moz-border-radius: 8px 8px 0 0;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		}
	ol.notes li.note:last-child {
		-moz-border-radius: 0 0 8px 8px;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		}
	ol.notes li.note > a {
		float: left;
		}
	ol.notes li.note > a img {
		padding: 1px;
		background: #222f40;
		border: 1px solid #929fb0;
		display: block;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-box-shadow: 0 2px 3px #07090d;
		-webkit-box-shadow: 0 2px 3px #07090d;
		-webkit-transition: border-color .25s linear;
		}
	ol.notes li.note > a:hover img {
		border-color: #3c9bff;
		-webkit-transition: border-color .25s linear;
		}
	ol.notes li.note .action {
		margin-left: 6px;
		}
	ol.notes li.note .action a {
		font-weight: bold;
		text-decoration: none;
		}
		ol.notes li.note .action a:hover { text-decoration: underline; }
	ol.notes li.note a.block {
		background-image: url(../img/icn/26-block.png);
		display: none;
		height: 26px;
		width: 26px;
		position: absolute;
		top: 8px;
		right: 14px;
		}
		ol.notes li.note:hover a.block { display: inline; }
	ol.notes li.note .clear { clear: both; }
	ol.notes li.note blockquote {
		margin: 9px 0 0 9px;
		padding: 0 0 0 6px;
		border-left: 2px solid #929fb0;
		background: none;
		line-height: 15px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		}
		ol.notes li.note blockquote :first-child {
			padding: 0;
			background: none;
			}
		ol.notes li.note blockquote a {
			color: #929fb0;
			font-size: 11px;
			text-decoration: none;
			}
			ol.notes li.note blockquote a:hover {
				text-decoration: underline;
				}


/* Contact
-------------------------------------------------------------- */

.contact-form {
	float: left;
	width: 640px;
	}
#sidebar {
	float: right;
	width: 220px;
	}

/* message */

p.form-message {
	margin-bottom: 18px;
	padding: 6px 0 7px 180px;
	background: url(../img/icn/32-comment.png) 132px top no-repeat;
	}
	p.form-message.error { background-image: url(../img/icn/32-ex.png); }
		p.form-message.error strong:first-child { color: #e08686; }
	p.form-message.success { background-image: url(../img/icn/32-check.png); }
		p.form-message.success strong:first-child { color: #ace086; }

/* aside: availability */

.avail {
	background: url(../img/trans-black.png) left top repeat;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
	.avail p {
		padding: 10px 10px 10px 60px;
		background-position: 12px center;
		background-repeat: no-repeat;
		line-height: 17px;
		}
		.avail.yes p	{ background-image: url(../img/avail-green.png); }
		.avail.no p		{ background-image: url(../img/avail-red.png); }
		.avail.soon p	{ background-image: url(../img/avail-yellow.png); }
	.avail strong { color: #3c9bff; }

/* aside: vcard */

.vcard a {
	color: #929fb0;
	}
	.vcard a:hover { color: #fff; }
.vcard a.download {
	margin-right: 25px;
	background-image: url(../img/button-vcard.png);
	float: right;
	height: 21px;
	width: 58px;
	}
	.vcard a.download:hover { background-position: left -21px; }
	.vcard a.download:active { background-position: left -42px; }
.vcard div {
	padding-bottom: 2px;
	padding-left: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	}
	.vcard .org {
		background-image: url(../img/icn/20-mightydream.png);
		font-weight: bold;
		text-transform: uppercase;
		}
	.vcard .fn		{ background-image: url(../img/icn/20-person.png); }
	.vcard .adr		{ background-image: url(../img/icn/20-target.png); }
	.vcard .tel		{ background-image: url(../img/icn/20-phone.png); }
	.vcard .email	{ background-image: url(../img/icn/20-mail.png); }
	.vcard .url		{ background-image: url(../img/icn/20-browser.png); }
	.vcard .extra	{ display: none; }


/* Aside
-------------------------------------------------------------- */

.aside .section {
	margin-bottom: 30px;
	}
.aside h3 {
	margin-bottom: 12px;
	color: #6284b0;
	}
	.aside h3.button { margin-bottom: 18px; }

/* aside: twitter */

.aside div.twitter {
	margin-bottom: 18px;
	padding: 12px 18px 18px;
	background: url(../img/trans-black.png) left top repeat;
	font-size: 12px;
	line-height: 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
	.aside div.twitter .reply {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #1a212a;
		color: #929fb0;
		}
	.aside div.twitter .tweet {
		color: #929fb0;
		text-indent: -4px;
		}
	.aside div.twitter .tweet span {
		font-family: Palatino, Georgia, serif;
		}
		.aside div.twitter .tweet span:before { content: "\201C"; }
		.aside div.twitter .tweet span:after { content: "\201D"; }
	.aside div.twitter .tweet a.published {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #1a212a;
		display: block;
		font-size: 11px;
		font-weight: bold;
		text-align: right;
		text-decoration: none;
		}
		.aside div.twitter .tweet a.published:hover {
			color: #fff;
			text-decoration: underline;
			}
	.aside div.twitter .follow-me {
		margin: -12px 0 18px -18px;
		background-image: url(../img/twitter.png);
		float: left;
		height: 81px;
		width: 141px;
		}

/* aside: panel */

.aside .panel {
	margin-bottom: 18px;
	margin-left: -4px;
	padding-top: 30px;
	background: url(../img/panel-aside-top.png) left top no-repeat;
	width: 228px;
	position: relative;
	}
	.aside .panel > div {
		padding-bottom: 33px;
		background: url(../img/panel-aside-bottom.png) left bottom no-repeat;
		}
		.aside .panel > div > div {
			padding: 0 12px;
			background: url(../img/panel-aside-middle.png) left bottom repeat-y;
			overflow: hidden;
			}
.aside .panel .glare,
.aside.panel .glare {
	background: url(../img/panel-aside-glare.png) left top no-repeat;
	display: block;
	height: 97px;
	width: 127px;
	position: absolute;
	left: 4px;
	top: 2px;
	}
.aside .panel .section:last-child { margin-bottom: 10px; }
.aside .panel h3, .aside .panel p {
	padding: 0 15px;
	}
.aside .panel h3 {
	margin-bottom: 8px;
	}
.aside .panel p {
	line-height: 15px;
	}	
.aside .panel .image {
	margin-bottom: 8px;
	padding-top: 1px;
	background: url(../img/panel-aside-line-d1px.png) left top repeat-x;
	}
	.aside .panel .image img {
		padding-bottom: 2px;
		background: url(../img/panel-aside-line-l2px.png) left bottom repeat-x;
		display: block;
		}

/* aside: panel: buttons */

.aside .panel h3.button {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	height: 38px;
	width: 194px;
	}
	.aside .panel h3.button:last-child { margin-bottom: 0; }
.aside .panel h3.button a {
	background-image: url(../img/panel-aside-button.png);
	height: 38px;
	}
	.aside .panel h3.button a:hover  { background-position: left -38px; }
	.aside .panel h3.button a:active { height: 37px; background-position: left -76px; }
	.aside .panel h3.button.icon a > span {
		padding-left: 33px;
		display: block;
		}
		.aside .panel h3.button.icon a span.archive { background-image: url(../img/panel-aside-button-archive.png); }
		.aside .panel h3.button.icon a span.subscribe { background-image: url(../img/panel-aside-button-subscribe.png); }

/* aside: panel: elsewhere */

.aside .panel ul.icon-list {
	list-style: none;
	}
	.aside .panel ul.icon-list li {
		margin-bottom: 0;
		margin-left: 0;
		background: url(../img/panel-aside-line-br.png) right bottom no-repeat;
		float: left;
		width: 102px;
		}
		.aside .panel ul.icon-list li.alt {
			background: url(../img/panel-aside-line-bl.png) left bottom no-repeat;
			}
		.aside .panel ul.icon-list li a {
			padding: 0;
			background: url(../img/panel-aside-line-l2px.png) left top repeat-x;
			color: #141923;
			display: block;
			font-weight: bold;
			text-decoration: none;
			}
			.aside .panel ul.icon-list li a:hover {
				color: #fff;
				text-shadow: 0 1px 2px #07090d;
				}
			.aside .panel ul.icon-list li:first-child {
				background-image: url(../img/panel-aside-line-brt.png);
				}
			.aside .panel ul.icon-list li:first-child + li {
				background-image: url(../img/panel-aside-line-blt.png);
				}
				.aside .panel ul.icon-list li:first-child a,
				.aside .panel ul.icon-list li:first-child + li a {
					background: none;
					}
		.aside .panel ul.icon-list li.last-row {
			background: url(../img/panel-aside-line-db.png) right top no-repeat;
			}
		.aside .panel ul.icon-list li.last-row + li,
		.aside .panel ul.icon-list li:last-child {
			background: url(../img/panel-aside-line-lb.png) left top no-repeat;
			}
	
	.aside .panel ul.icon-list li span {
		padding: 5px 5px 5px 30px;
		background-position: 5px center;
		background-repeat: no-repeat;
		display: block;
		}
		.aside .panel ul.icon-list .twitter span		{ background-image: url(../img/icn/22-twitter.png); }
		.aside .panel ul.icon-list .flickr span		{ background-image: url(../img/icn/22-flickr.png); }
		.aside .panel ul.icon-list .facebook span		{ background-image: url(../img/icn/22-facebook.png); }
		.aside .panel ul.icon-list .lastfm span		{ background-image: url(../img/icn/22-lastfm.png); }
		.aside .panel ul.icon-list .linkedin span		{ background-image: url(../img/icn/22-linkedin.png); }
		.aside .panel ul.icon-list .brightkite span	{ background-image: url(../img/icn/22-brightkite.png); }
		
/* aside: panel: search */

.aside .panel .search {
	margin-bottom: 9px;
	}
	.aside .panel .search input.text {
		margin: 0 auto;
		padding: 12px 0 0 42px;
		background: url(../img/panel-aside-search.png) left top no-repeat;
		border: none;
		color: #fff;
		display: block;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		height: 25px;
		width: 150px;
		outline: none;
		}
	.aside .panel .search input.submit { display: none; }


/* Footer
-------------------------------------------------------------- */

#footer {
	margin-top: 40px;
	background: url(../img/bg-tile-bottom.gif) center bottom repeat-x;
	min-width: 960px;
	}
	#footer > div {
		background: url(../img/bg-bottom.jpg) center bottom no-repeat;
		}
		#footer > div > div {
			margin: 0 auto;
			padding: 30px 10px;
			position: relative;
			width: 940px;
			}

/* footer: extras */

.extras .section {
	margin-right: 80px;
	margin-bottom: 0;
	float: left;
	position: relative;
	width: 280px;
	}
	.extras .section.last {
		margin-right: 0;
		width: 220px;
		}
.extras h3 { margin-bottom: 12px; }
.extras h3 small a {
	margin-left: 8px;
	padding-right: 14px;
	background: url(../img/icn/14-arrow-right.png) right 2px no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: top;
	}
	.extras h3 small a:hover {
		background-image: url(../img/icn/14-arrow-right-on.png);
		border: none;
		color: #fff;
		}
.extras p { margin-bottom: 8px; }
	.extras p:last-child { margin-bottom: 0; }

/* footer: meta */

.meta.site {
	margin-top: 36px;
	padding: 4px 18px;
	background: url(../img/trans-black.png) left top repeat;
	clear: left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
	.meta.site p,
	.meta.site a {
		padding-top: 4px;
		padding-bottom: 4px; 
		}
	.meta.site p { color: #929fb0; }
	.meta.site a {
		color: #fff;
		text-decoration: none;
		}
		.meta.site a:hover {
			text-decoration: underline;
			}
.meta.site .copyright {
	float: left;
	}
.meta.site .views {
	float: right;
	}
	.meta.site .views a {
		padding-left: 24px;
		background-position: left top;
		background-repeat: no-repeat;
		}
		.meta.site .views a.iphone { background-image: url(../img/view-iphone.png); }
		.meta.site .views a.mobile { background-image: url(../img/view-mobile.png); }


/* Miscellaneous
-------------------------------------------------------------- */

/* image headlines */

#error h1.headline.holy-smokes {
	margin: 27px 0 9px;
	padding: 0;
	background-image: url(../img/h-holy-smokes.png);
	float: none;
	height: 75px;
	width: 553px;
	}
h3.headline.four-zero-four {
	margin: 0 auto;
	background-image: url(../img/error-404.png);
	height: 64px;
	width: 118px;
	}


/* Utilities
-------------------------------------------------------------- */

/* image replacement */

#logo,
h1 a,
.logotype,
.headline,
h3.error,
.tumble .header.panel a.next,
.post .permalink a,
.nav.posts a,
a.block,
.submit,
a.button,
a.logo,
.service,
.toggle,
.pager a,
.follow-me,
.vcard a.download {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

#main:after,
#notes:after,
.section:after,
.header:after,
.grid:after,
.work:after,
.pager:after,
.services:after,
.post:after, .link h3:after,
.nav:after,
.field:after, fieldset:after,
.elsewhere:after,
.extras:after,
.meta.site:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}