html {
	background-image: url(pinstripes.png);
	background-position: center 0;
	background-color: #000;
}

body { 
	color: #ddd; 
	font-family: helvetica, arial, helvetica, sans-serif;
	font-size:   12px;
	line-height: 16px;
	margin: 0;
	width: 1040px;
	padding: 0 0 0 1px;
	margin: 16px auto;
}

p {
	margin: 8px 0 0 0;
}

p:first-child, h1 + p, h2 + p, h3 + p, .news_item  h2:first-child, #main_text h2:first-child, #awards h3:first-child {
	margin-top: 4px;
}

img {
	border: 0;
}

h1,h2,h3,a,a p,strong {
	opacity: 0.75;
}

h1 {
	font-size: 22px;
	line-height: 20px;
	margin: 8px 0 0 0;
	color: #00cfff;
}

h2 {
	font-size: 14px;
	margin: 16px 0 0 0;
	color: #00cfff;
}

h3 {
	font-size: 12px;
	margin: 16px 0 0 0;
	color: #00cfff;
}

h1 a, h2 a, h3 a, .project a {
	text-decoration: none;
}

b, strong {
	color: #00cfff;
}

a { 
	color: #00cfff; 
	font-weight: bold;
}

a:hover {
	/*color: #fff;*/
}

a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover p { 
	opacity: 1.0;
}

address {
	margin: 0;
	font-style: normal;
}

label {
	float: left;
	width: 150px;
	font-weight: bold;
	padding: 1px 10px 0 0;
	font-size: 90%;
}

#mixtape {
}

#menu {
	height: 64px;
	padding: 0;
	font-size: 32px;
	font-weight: bold;
	text-transform: lowercase;
	color: #fff;
}

#menu ul {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 20px;
}

#menu li {
	display: inline;
	margin: 0 16px 0 0;
}

#menu li:first-child {
	font-size: 32px;
	color: #00cfff;
}

#menu a {
	text-decoration: none;
}

#footer {
	position: relative;
	clear: both;
	width: 1024px;
	padding: 4px 8px;
	margin: 32px 0 0 0;
	height: 16px;
	font-weight: bold;
	background-image: url(grey.png);
	/*-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/
}

#footer:before {
	content: url(corner_8TL.png);
	position: absolute;
	top: 0;
	left: 0;
}

#footer .inside:before {
	content: url(corner_8TR.png);
	position: absolute;
	top: 0;
	right: 0;
}

#footer .inside:after {
	content: url(corner_8BL.png);
	position: absolute;
	bottom: 0;
	left: 0;
}

#footer:after {
	content: url(corner_8BR.png);
	position: absolute;
	bottom: 0;
	right: 0;
}

#home_news {
	width: 688px; 
	float: right;
}

#home_news h1 {
	margin: 0 0 4px 8px;
	height: 20px;
}

#home_news #news_items {
	position: relative;
	margin: 0 0 32px 0;
	padding: 8px;
	background-image: url(grey.png);
	/* min-height: 224px; */
	/*-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/
	/*-moz-border-radius-topright: 64px; -webkit-border-top-right-radius: 64px; border-top-right-radius: 64px;*/
}

.news_item {
	margin: 0 0 16px 0;
}

#sketchbook #intro {
	height: 496px;
}

#main_feature {
	width: 688px;
	height: 488px;
	margin-right: 0;
	float: right;
}

#main_feature h1, #sketchbook h1 {
	font-size: 55px;
	line-height: 35px;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

#main_feature h2, #sketchbook h2 {
	font-size: 22px;
	line-height: 32px;
	margin: 4px 0 0 0;
}

#featured_projects {
	width: 336px; 
	float: left;
	margin: 0 0 16px 0;
}

#featured_projects .project:before {
	content: url(corner_32TL.png);
}

#featured_projects .project {
	height: 248px;
}



.project h1 {
	font-size: 28px;
	line-height: 22px;
	letter-spacing: -1px;
	text-transform: uppercase;
}

.project h2 {
	font-size: 14px;
	line-height: 14px;
	margin: 8px 0 0 0;
}

#featured_projects .tags {

}

#projects, #sketchbook {
	position: relative;
	width: 1056px;
	min-height: 576px;
}

#projects .project {
	float: left;
}

#navbar {
	clear: both;
	position: relative;
	height: 16px;
	width: 1024px;
	margin: 0 0 0 8px;
}

#navbar h2 {
	margin: 0;
	padding: 0;
}

#navbar #pagination {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	font-weight: bold;
	word-spacing: 8px;
}

#pagination a {
	text-decoration: none;
}

#project {
	position: relative;
}

#project #related_projects {
	width: 192px; 
	position: absolute; 
	top: 0; 
	left: 816px; 
}

#related_projects h2, #info h2 {
	margin: -4px 0 4px 0;
	height: 16px;
}

#info h2 {
	margin-left: 8px;
}

#project #related_projects .project {
	width: 224px; 
	height: 152px;
}

#project #related_projects .project .text {
	padding-right: 0;
} 	

#video {
	width: 800px;
	height: 488px;
	margin: 0 0 16px 0;
	position: relative;
	overflow: hidden;
	background-image: url(grey.png);
	/*-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/
}

#video .submenu {
	position: absolute;
	top: 462px;
	left: 8px;
}

#video .tags {
	position: absolute;
	top: 462px;
	right: 8px;
}

#video .tags a {
	float: left;
	display: table-cell;
	vertical-align: middle;
	margin: 0 8px 0 12px;
}

#project {
/*	min-height: 824px;*/
}

#project h1, #about > h1 {
	margin: 0 0 4px 8px;
}

#main_text {
	width: 776px;
	padding: 8px 16px 8px 8px;
	min-height: 104px;
	background-image: url(grey.png);
	position: relative;
	/*-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/
	/*-moz-border-radius-topright: 64px; -webkit-border-top-right-radius: 64px; border-top-right-radius: 64px;*/
}

#main_text .submenu {
	margin: 0 0 8px 0;
}

#main_text #galleries {
	width: 800px;
}

#main_text #galleries img {
	width: 76px;
	float: left;
	margin: 8px 8px 0 0;
	border: 2px solid #ddd;
	/*-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;*/
}

#main_text #galleries img:hover {
	border-color: #00cfff;;
}

#main_text #galleries .gallery {
	margin: 0 0 16px 0;
}

#main_text #credits p {
	margin: 2px 0 0 0;
}

#main_text .vimeo {
	margin-top: 8px;
}

#sketchbook {
	width: 1096px;
}

#sketchbook #intro {
	width: 512px; 
	height: 336px;
	margin: 0 16px 16px 0;
	float: left;
	position: relative;
	background-image: url(grey.png);
	/*-moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;	*/
}

#sketchbook #intro:before {
	content: url(corner_64TL.png);
	position: absolute;
	top: 0;
	left: 0;
}

#sketchbook #intro .image:before {
	content: url(corner_16TR.png);
	position: absolute;
	top: 0;
	right: 0;
}

#sketchbook .picture {
	width: 160px; 
	height: 160px; 
	overflow: hidden; 
	vertical-align: center; 
	position: relative;
	margin: 0 16px 16px 0;
	float: left;
	z-index: 1;
}

#sketchbook .picture:before {
	content: url(sketchbook_corners_top.png);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#sketchbook .picture:after {
	content: url(sketchbook_corners_bottom.png);
	position: absolute;
	bottom: 0;
	left: 0;
}

.pagination {
	display: inline;
}

.project {
	width: 336px;
	height: 272px;
	margin: 0 16px 16px 0;
	position: relative;
	overflow: hidden;
	background-image: url(grey.png);
	/*-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/
}

.project:before, #main_text:before, #news_items:before, #tag_cloud:before {
	content: url(corner_8TL.png);
	position: absolute;
	top: 0;
	left: 0;
}

.project .image:before, #tag_cloud .inside:before {
	content: url(corner_8TR.png);
	position: absolute;
	top: 0;
	right: 0;
}

.project .text:after, #intro .text:after, #video .inside:after, #main_text .inside:after, #news_items .inside:after, #tag_cloud .inside:after, #info .inside:after {
	content: url(corner_8BL.png);
	position: absolute;
	bottom: 0;
	left: 0;
}

.project:after, #intro:after, #video:after, #main_text:after, #news_items:after, #tag_cloud:after, #info:after {
	content: url(corner_8BR.png);
	position: absolute;
	bottom: 0;
	right: 0;
}

#main_text .inside:before, #news_items .inside:before {
	content: url(corner_64TR.png);
	position: absolute;
	top: 0;
	right: 0;
}

.project h1, #intro h1 {
	color: #fff;
}

.project h2, .project h3 {
	margin-top: 4px;
}

.project h2 .date {
	color: #fff;
	font-size: 10px;
	line-height: 18px;
	float: right;
}

.project .text, .news_item .text, #sketchbook #intro .text {
	padding: 2px 8px;
}

.project a .text {
	text-decoration: none;
	font-weight: normal;
	color: #ddd;
}

.project .tags {
	position: absolute;
	right: 0;
	text-align: right;
}

.project .tags a {
	float: right; 
	clear: right;
	height: 12px;
	line-height: 16px;
	font-size: 10px;
	margin: 0 0 4px 0;
	padding: 0 4px 4px 0;
	/*-moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0;*/
	/*-moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0;*/
}

.tags a {
	position: relative;
	height: 16px;
	font-size: 10px; 
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	padding: 0;
	background-image: url(tag_bg.png);
	/*-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/
}

.tags a:before {
	content: url(tag_L.png);
	position: absolute;
	top: 0;
	left: -8px;	
}

.tags a:after {
	content: url(tag_R.png);
	position: absolute;
	top: 0;
	right: -8px;	
}

.tags a:hover:before {
	content: url(tag_Lblue.png);
}

.tags a:hover:after {
	content: url(tag_Rblue.png);
}

.project .tags a:after {
	content: none;
}

.tags a:hover {
	background-image: url(blue.png);
	color: #fff;
}

.submenu {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

.submenu li {
	display: inline;
	margin: 0 16px 0 0;
	padding: 0;
}

.submenu a {
	text-decoration: none;
}

.corner8L:before {
	content: url(corner_8TL.png);
}

.corner16L:before {
	content: url(corner_16TL.png);
}

.corner32L:before {
	content: url(corner_32TL.png);
}

.corner64L:before {
	content: url(corner_64TL.png);
}

.corner8R .image:before {
	content: url(corner_8TR.png);
}

.corner16R .image:before {
	content: url(corner_16TR.png);
}

.corner32R .image:before {
	content: url(corner_32TR.png);
}

.corner64R .image:before {
	content: url(corner_64TR.png);
}

#about {
	position: relative;
}

#about #video {
	width: 688px;
	height: 424px;
}

#about #video .submenu {
	top: 398px;
}

#about #video .image:before {
	content: url(corner_16TR.png);
	position: absolute;
	top: 0;
	right: 0;
}

#about #video:before {
	content: url(corner_32TL.png);
	position: absolute;
	top: 0;
	left: 0;
}

#about #main_text {
	position: relative;
	width: 664px;
	min-height: 0;
}

#info {
	float: right;
	width: 336px;
}

#info .project {
	height: auto;
}

#info .inside {
	padding: 8px 8px 32px 8px;
}

#info .inside:before {
	content: url(corner_64TR.png);
	position: absolute;
	top: 0;
	right: 0;
}

#awards h3 {
	margin-top: 16px;
}

#awards p {
	margin-top: 4px;
}

#awards h3:first-child {
	margin-top: 0;
}

.tags {
/*	display: none;*/
}