/* =reset
--------------------------------------------------------------------*/

* { 
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font: 12px/17px "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	margin: 30px 0;
	background: #fcfaf3;
	color: #666;
}

p, ul, ol, hr {
	margin: 0em 0 1.3em 0;
}

p.intro {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #666;
	clear: right;
	text-indent: 0 !important;
}

ul, ol {
	padding-left: 2em;
}

hr {
	border-top: 1px dotted #ccc;
	clear: both;
}

blockquote {
	line-height: 120%;
	font-size: .9em;
	font-weight: bold;
	text-align: right;
	margin: 0;
	width: 400px;
	float: right;
}

/* =headings
--------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 0 0 .4em 0;
	color: #7e7f75;
	line-height: 110%;
}

h1 {
	font-size: 20px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 { 
	font-size: 12px; 
	margin-bottom: 2px;
}


p+h3 {
	margin-top: 2em;
}


/* =links
--------------------------------------------------------------------*/


a {
	color: #d82;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #b60;
}
a:hover, #nav a:hover {
	color: #f93;
	text-decoration: underline;
}




/* =basic layout parameters
--------------------------------------------------------------------*/


#wrap {
	width: 962px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}


#main { 
	width: 750px;
	float: left;
	display: inline;
/* 	background: #dcc; */
}


#header {
	text-align: right;
	margin: 0 10px;
	width: 730px;
	height: 135px;
}



#content {
	margin: 0 0 10px 20px;
	float: left;
	display: inline;
	width: 730px;
/* 	background: #0fe; */
} 


#leadimg {
	clear: both;
	width: 730px;
	margin-bottom: 6px;
}

#footer {
	border-top: 4px solid #999;
	padding: 10px 0;
	margin: 0 0 0 20px;
	clear: both;
	width: 730px;
	color: #666;
	line-height: 15px;
}

body.home #footer {
	width: 724px;
}

#indicia {
	float: left;
}

#slogan {
	float: right;
}


/* =nav
--------------------------------------------------------------------*/

#nav {
	width: 200px;
	margin-right: 10px;
	float: left;
	display: inline;
/* 	background: #dee; */
}

#logo {
	margin-bottom: 30px;
	padding-left: 30px;
	display: block;
}

#nav #navmain li a {
	display: block;
/* 	float: left;
	clear: left; */
	padding-left: 28px;
	_height: 1em;
}



#nav ul {
	list-style: none;
	margin: 0;
}

ul#navmain {
	padding: 0;
	margin: 0 0 20px 10px;
	width: 190px;
}

#navmain>li {
	width: 190px;
	padding: 0;
	margin: 0 0 3px 0;
}

#navmain li a {
	color: #999;
	text-transform: uppercase;
	padding: 1px 0 1px 30px;
	margin: 0;
/* 	background: #d0d; */
}

#navmain li a.current {
	background: url(/i/arrow.png) 0 50% no-repeat;
}


.subnav {
	margin: 5px 0 10px 10px;
 	width: 180px;
	padding: 0;
/*  	background: #333;  */
}


#navmain .subnav li {
	margin: 0 0 1px 10px;
}

#navmain .subnav a {
	color: #777;
	text-transform: none;
	font-weight: normal;
	font-size: 10px;
	padding: 0 0 0 40px !important;
 	text-indent: -10px 
}

#navmain .subnav a.current {
		background: none;
		font-weight: bold;
}


#nav a:hover, #nav a.current {
	color: #d60;
	text-decoration: none;
}

ul.projnav {
	width: 150px !important;
}

#navmain .subnav .projnav li a {
	padding-left: 20px !important;
}







/* =multi-column
--------------------------------------------------------------------*/


.col, .chip {
	margin: 0 6px 0 0;
	float: left;
	display: inline;
}


.sixth {
	width: 120px;
}

.fourth, .chip {
	width: 178px;
}

.third {
	width: 239px;
/* 	background: #fff; */
}

.half {
	width: 362px;
}

.twothird {
	width: 484px;
/* 	background: #e0a; */
}



/* ="project chip" styles
--------------------------------------------------------------------*/

.chips {
	width: 730px;
	float: left;
	clear: left;
	margin-top: 12px;
	margin-bottom: 12px;
}

/* .chips a {
	display: block;
	background: url(/i/bg-shadow.gif) 0 0 no-repeat;
	padding: 0 6px 6px 0;
	margin: 0 4px 6px 0;
	float: left;
	display: inline;
}
 */
 
 
.chips div {
	background: url(/i/bg-shadow.gif) 0 0 no-repeat;
	margin: 0 4px 6px 0;
	float: left;
	display: inline;
	padding-bottom: 4px;
}


.chips img {
	float: left;
	display: block;
	padding: 0 6px 6px 0;
}

.chips a {
 	float: left; 
}



.chips a:hover img, .chips a:active img {
/* 	background-position: -178px 0; */
	padding: 2px 4px 4px 2px;
}


.chips a.dead:hover {
}


.chip h4 {
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 2px;
	margin-right: 6px;
}
.chip p {
	font-size: 10px;
	margin-right: 9px;
}

.chip a img {
	opacity: .8;
	mox-opacity: .8;
	webkit-opacity; .8;
}
.chip:hover img {
	opacity: 1;
	mox-opacity: 1;
	webkit-opacity; 1;
}

/* body.home .chip:hover {
	background: #fff;
} */


/* =project pages
--------------------------------------------------------------------*/

p.thumb {
	font-size: 10px;
}

p.thumb img {
	border: 1px solid #ddd;
}

/* =float particulars
--------------------------------------------------------------------*/

img.c {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	
img.r {
	padding: 4px;
	margin: 0 0 2px 6px;
	display: inline;
}

img.l {
	padding: 4px;
	margin: 0 6px 2px 0;
	display: inline;
}

.r {
	float: right;
	margin-left: 10px;
}
	
.l {
	float: left;
}





/* =content and text styles
--------------------------------------------------------------------*/

#content p {
	text-indent: 1.5em;
}

small, .smaller {
	font-size: 9px;
}

.orangey {
	color: #d82;
}


.bio {
	width: 730px;
	float: left;
	clear: both;
	margin-bottom: 40px;
/* 	background: #eee; */
}

.bio h4 {
	font-weight: normal;
	font-style: italic;
}

#header p {
	color: #888;
	line-height: 13px;
	margin-bottom: 11px;
}

#header p i, #header p em {
	color: #555;
}


/* =definition lists
--------------------------------------------------------------------*/

dt, dd {
	font-size: 11px;
	line-height: 16px;
	float: left;
	display: inline;
}

.bio dt {
	width: 90px;
	margin: 0 6px 0 0;
	text-align: right;
	font-weight: bold;
/* 	background: #ddd; */
}

.bio dd {
	width: 380px;
/* 	background: #fff; */
}





/* =exceptions
--------------------------------------------------------------------*/




.allprojects h2 {
	border-bottom: 1px solid #ddd;
	clear: both;
}

.allprojects p, body.allprojects #content ul {
	width: 300px;
}

.allprojects img {
	float: right;
}

table.projectgrid {
	border-collapse: collapse;
	width: 620px;
	margin-bottom: 1em;
}
table.projectgrid td {
	border: 3px solid #fff;
	background: #ccc;
	min-width: 150px;
	min-height: 150px;
}

p.morelink {
	text-align: right;
	font-size: 90%;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	margin-top: -1.0em;
	margin-right: 1em;
}

hr.ghost {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

.details p {
	float: left;
	margin: 0 30px 0 0;
	
}


.swappers {
	margin: 0 2em 1.5em 0;
	padding: 0;
	width: auto;
	height: 13px;
	overflow: hidden;
	float: left;
	display: inline;
}

.swappers li {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 5px 5px 0;
	height: 13px;
	overflow: hidden;
}


.swappers li a {
	background: url(/i/nav/nav_circles.gif) 0 0 no-repeat;
	display: block;
	text-indent: -10000px;
	width: 11px !important;
	float: left;
	padding: 13px 0 0 0;
	overflow: hidden;
	height: 0 !important;
	height /**/:13px; /*for IE5/Win only */
}

.swappers a:hover {
	background-position: 0 -13px;
}

p.tags {
	float: left;
	widows: 230px;
}


.lighter {
  color: #aaa;
}

.last, body.home .chips a.last {
	margin-right: 0;
}



#imgfader {
	min-height: 350px;
}