/* @group Style */

/* @group Global */

* {

	margin: 0px;
	padding: 0px;
	
	}
	
.clear {

	clear: both;
	
	}
	
.clear.empty {

	display: block;
	height: 0px;
	width: 0px;
	
	}
	
body {

	background: url('/images/background.jpg') left top repeat-x #EEE;
	color: #191919;
	font: .75em/18px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	
	}

@font-face {
    
    font-family: Delicious;
    /*src: url('../font/otf/yanone.eot');*/    
    src: local('Delicious'), url('../font/otf/Delicious-Roman.otf') format("truetype");
	
	}
	
@font-face {
    
    font-family: Delicious-SmallCaps;
    /*src: url('../font/otf/yanone.eot');*/    
    src: local('Delicious-SmallCaps'), url('../font/otf/Delicious-SmallCaps.otf') format("truetype");
	
	}


/* @end */

/* @group Links */

a {

	color: #717171;
	text-decoration: none;
	
	}

h1 a, h2 a, h3 a {

	color: inherit;
	
	}
	
h1 a:hover, h2 a:hover, h3 a:hover {

	color: #999;
	
	}
	
a:hover {

	color: inherit;
	
	}

a img {

	border: none;
	
	}
	
a:hover img {

	opacity: .5;
	
	}

/* @end */

/* @group H's */

h1 { font-size: 1.83em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.33em; }
h3 { font-size: 1.17em; }

h1, h2, h3, h4 {
	
	background: url('/images/divider.jpg') left bottom repeat-x;
	font-family: Delicious-SmallCaps, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
	padding-bottom: 7px;
	margin-bottom: 10px;
	
	}

/* @end */

/* @group Paragraphs */

p {

	text-indent: 1em;
	
	}
	
p img {

	background: #FFF;
	border: 1px solid #CCC;
	float: left;
	padding: 1px;
	margin-top: 10px;
	margin-right: 10px;
	
	}

/* @end */

/* @group Spans */

span.when, a.when, .article span.comments, #blog .comments {

	color: #999;
	display: block;
	font-family: Delicious, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	
	
	}

/* @end */

/* @group Forms */

form {

	background: url('/images/form_background.jpg') left top repeat;
	border: 1px solid #999;
	
	}

form .title {

	display: inline-block;
	font: 1.17em Delicious-SmallCaps, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-align: right;
	margin-right: 5px;
	width: 60px;
	vertical-align: baseline;
	
	}
	
form .title-push {

	margin-left: 65px;
	
	}
	
form .title.top {

	vertical-align: top;
	
	}

form ul {

	border: 1px solid #FFF;
	list-style-type: none;
	padding: 5px;
	padding-bottom: 0px;
	
	}
	
form ul li {

	margin-bottom: 5px;
	
	}
	
form input[type="password"], 
form input[type="text"], 
form textarea {

	background: #FFF;
	border: 1px solid #CFCFCF;
	padding: 4px;
	font: 1em/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	}

/* @end */

/* @group Table */

ul.table .title {

	color: #717171;
	display: inline-block;
	font-family: Delicious-SmallCaps, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-size: 1.33em;
	margin-right: 5px;
	text-align: right;	
	
	}
	
ul.table li {

	padding-bottom: 5px;
	
	}

/* @end */
	
/* @end */

/* @group Formatting */

/* @group Header */

#header {

	background: url('/images/header.jpg') center top no-repeat;
	height: 201px;
	margin: 0 auto;
	width: 920px;
	padding: 0px 10px;
	
	}
	
#header .title {

	background: url('/images/title.png') left top no-repeat;
	color: inherit;
	display: block;
	font: 2.67em Delicious-SmallCaps, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-style: italic;
	height: 37px;
	margin-top: 5px;
	position: absolute;
	width: 126px;
	
	}

#header .woosh {

	background: url('/images/woosh.png') left top no-repeat;
	height: 270px;
	margin-left: 25px;
	margin-top: 38px;
	position: absolute;
	width: 913px;
	z-index: 10;
	
	}
	
#header .navigation {

	float: right;
	
	}
	
#header .navigation a {

	background: #e1e1e1;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
	color: inherit;
	display: block;
	float: left;
	font-family: Delicious-SmallCaps, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-size: 1.33em;
	margin-left: 5px;
	padding: 4px 7px 5px;
	
	}
	
#header .navigation a:hover {

	background: #313131;
	color: #f2f2f2;
	
	}


/* @end */

/* @group Info Bar */

/* @group Favicons */

#info-bar .favicons {

	float: right;
	margin-top: 3px;
	
	}
	
#info-bar .favicons a {
	
	background: url('/images/favicons.jpg') -100px top no-repeat;
	display: block;
	float: left;
	height: 20px;
	margin-left: 5px;
	width: 20px;
	
	}

#info-bar .favicons a.facebook { background-position: -20px top; }
#info-bar .favicons a.tumblr { background-position: -40px top; }
#info-bar .favicons a.delicious { background-position: -60px top; }
#info-bar .favicons a.lastfm { background-position: -80px top; }
#info-bar .favicons a.twitter { background-position: left top; }

#info-bar .favicons a:hover { background-position: -100px bottom; }
#info-bar .favicons a:hover.facebook { background-position: -20px bottom; }
#info-bar .favicons a:hover.tumblr { background-position: -40px bottom; }
#info-bar .favicons a:hover.delicious { background-position: -60px bottom; }
#info-bar .favicons a:hover.lastfm { background-position: -80px bottom; }
#info-bar .favicons a:hover.twitter { background-position: left bottom; }



/* @end */

#info-bar {

	height: 26px;
	width: 920px;
	margin: 0 auto;
	padding: 0 10px;
	
	}
	
#info-bar .short {

	float: left;
	font: 1.17em Delicious, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	line-height: 26px;
	vertical-align: middle
	
	}



/* @end */

/* @group Content */

#content {

	margin: 10px auto 0;
	width: 920px;
	
	}

/* @group Home Page */

#twitter, #recent-work, #blog {

	float: left;
	padding: 0 15px;
	
	}

/* @group Twitter */

#twitter { width: 190px; padding-left: 0px }

#twitter .loading {

	margin-left: 80px;
	margin-top: 5px;
	margin-bottom: 10px;
	
	}

#twitter li {

	background: url('/images/divider.jpg') left bottom repeat-x;
	list-style-type: none;
	padding-bottom: 8px;
	margin-bottom: 10px;
	
	}

#twitter .when {

	margin-top: 5px;
	text-align: right;
	
	}

#twitter .when:hover {
	
	color: inherit;
	
	}

/* @end */

/* @group Recent Work */

#recent-work { width: 405px; }

#recent-work div {

	background: url('/images/divider.jpg') left bottom repeat-x;
	padding-bottom: 12px;
	margin-bottom: 10px;
	
	}
	
#recent-work p {

	clear: both;
	
	}

img.preview {

	border: 1px solid #b2b2b2;
	padding: 1px;
	
	}

#recent-work .when {

	float: left;
	margin-bottom: 3px;
	
	}
	
#recent-work h3 {

	background: none;
	float: right;
	font-family: Delicious, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
	}

#recent-work > .past-work {

	background: url('/images/past_work.jpg') left top no-repeat;
	display: block;
	float: right;
	height: 29px;
	width: 109px;
	
	}
	
#recent-work > .past-work:hover {

	background-position: left bottom;
	
	}

/* @end */

/* @group Blog */

#blog { width: 265px; padding-right: 0px; }

#blog div {

	background: url('/images/divider.jpg') left bottom repeat-x;
	margin-bottom: 10px;
	padding-bottom: 12px;
	
	}
	
#blog div:last-child {

	background: none;
	margin-bottom: 0px;
	padding: 0px;
	
	}

#blog h1 {

	background: none;
	line-height: 24px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	
	}
	
#blog .comments {

	float: left;
	
	}

#blog .comments .count {
	
	color: #333;
	
	}
	
#blog .when {
	
	float: right;
	margin-bottom: 5px;
	
	}

a.more {

	background: url('/images/arrow.png') right 7px no-repeat;
	display: block;
	float: left;
	padding-right: 14px;
	
	}

/* @end */



/* @end */

/* @group Pieces */

#pieces {

	background: url('/images/pieces_divider.jpg') center 30px no-repeat;
	background-position: center 40px;
	
	}

#pieces > div {

	background: url('/images/divider.jpg') left bottom repeat-x;
	float: left;
	padding-bottom: 12px;
	margin-bottom: 10px;
	margin-right: 20px;
	width: 410px;
	
	}
	
#pieces > div.second {

	float: right;
	margin-right: 0px;
	
	}
	
#pieces > div.second + #pieces > div {

	clear: both;
	float: left;
	
	}

#pieces .when {

	float: left;
	margin-bottom: 3px;
	
	}

#pieces p {
	
	clear: both;

	}
	
#pieces h3 {

	background: none;
	float: right;
	font-family: Delicious, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
	}

/* @group Piece */

#piece .photos {

	float: left;
	width: 605px;
	padding-right: 30px;
	
	}
	
#piece .photos img {

	margin-bottom: 5px;
	
	}
	
#piece .photos img:last-child {
	
	margin-bottom: 0px;
	
	}

#piece .description {

	float: left;
	width: 285px;
	
	}
	
#piece .description .work-types {

	background: url('/images/divider.jpg') left bottom repeat-x;
	padding-bottom: 12px;
	margin-bottom: 10px;
	
	}
	
#piece .description .work-types span {

	display: inline-block;
	line-height: 28px;
	font-family: Delicious-SmallCaps, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin-right: 20px;
	margin-top: 10px;
	
	}

#piece .description .work-types img {
	
	margin-right: 5px;
	vertical-align: middle;
	
	}
	
#piece .description .when {

	margin-bottom: 5px;
	
	}
	
#piece .description .links {

	margin-top: 10px;
	margin-bottom: 5px;
	
	}
	
#piece .description .links>* {

	font-family: Delicious, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-size: 1.17em;
	
	}

/* @end */



/* @end */

/* @group Articles */

#articles h3 {

	clear: both;
	
	}
	
#articles .article {

	width: 276px;
	
	}

.article {

	background: url('/images/divider.jpg') left bottom repeat-x;
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
	padding-bottom: 12px;
	width: 265px;
	
	}

.article h1 {
	
	background: none;
	margin-bottom: 5px;
	padding-bottom: 0px;
	
	}
	
.article .third {
	
	margin-right: 0px;
	
	}

.article .third {

	clear: both;
	
	}
	
.article .comments {

	float: left;
	
	}

.article .comments .count {
	
	color: #333;
	
	}
	
.article .when {
	
	float: right;
	margin-bottom: 5px;
	
	}

/* @group Article */

/* @group Comment Section */

#comment-section {

	margin-top: 15px;
	
	}
	
#comment-section > .add, #comment-section > .comments {

	float:  left;
	
	}
	
#comment-section > .add {

	margin-right: 30px;
	width: 335px;
	
	}
	
#comment-section > .comments {

	width: 455px;
	
	}

#comment-section > .add form input[type="password"], 
#comment-section > .add form input[type="text"], 
#comment-section > .add form textarea {

	width: 242px;
	
	}
	
#comment-section > .add form textarea {

	height: 150px;
	
	}
	
#comment-section > .comments div {

	background: url('/images/divider.jpg') left bottom repeat-x;
	padding-bottom: 12px;
	margin-bottom: 10px;
	
	}
	
#comment-section > .comments div:last-child {

	background: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
	
	}

#comment-section > .comments div .info {

	margin-bottom: 5px;
	
	}
	
#comment-section > .comments div .title {

	font-family: Delicious-SmallCaps, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-size: 1.17em;
	float: left;
	
	}
	
#comment-section > .comments div .when {

	float: right;
	
	}

/* @end */

#article {

	width: 880px;
	margin-left: 20px;
	margin-top: 15px;
	
	}
	
#article > .content > .title {

	background: url('/images/divider.jpg') left bottom repeat-x;
	margin-bottom: 10px;
	padding-bottom: 10px;
	
	}

#article > .content > .title h1 {

	background: none;
	font-size: 2em;
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
	}
	
#article > .content > .title .when {

	float: right;
	
	}

#article > .content p {

	font: 1.17em/22px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 22px;
	
	}
	
#article .intro {

	background: url('/images/divider.jpg') left bottom repeat-x;
	padding-bottom: 12px;
	font-size: 1.33em;
	line-height: 26px;
	margin-bottom: 10px;
	
	}

	
#article .intro p {

	margin-bottom: 0px;
	
	}


/* @end */

/* @end */

/* @group About/Contact */

#about, #contact, #friends {

	float: left;
	
	}

#about, #contact {

	margin-right: 30px;
	
	}

#about { width: 360px; }
#contact { width: 250px; }
#friends { width: 250px; }

#contact ul.table .title {

	width: 50px;
	
	}

#contact ul, #friends ul {

	list-style-type: none;

	}

#friends ul li {

	padding-bottom: 5px;
	
	}

#friends ul a {
	
        font-family: Delicious-SmallCaps, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	float: left;
	
	}
	
#friends ul span {

	float: right;
	
	}

/* @end */

/* @end */

/* @group Footer */

#footer {

	background: url('/images/footer.jpg') left bottom repeat-x;
	clear: both;
	height: 33px;
	margin-top: 20px;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	
	}

	
#footer .content {

	line-height: 33px;
	margin: 0 auto;
	width: 900px;
	
	}
	
#footer .copyright {

	font-family: Delicious-SmallCaps, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	float: left;
	
	}
	
#footer .links {

	float: right;
	
	}
	
#footer .links a {

	color: inherit;
	display: inline-block;
	font-family: Delicious-SmallCaps, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin-left: 20px;
	
	}
	
#footer .links a .lowercase {

	font-family: Delicious, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-transform: lowercase;
	
	}
	
#footer .links a img {

	margin-right: 5px;
	vertical-align: middle;
	
	}

#footer .links a:hover {

	color: #999;
	
	}

#footer .links a:hover img {

	opacity: .5;
	
	}

/* @end */



/* @end */