/* ========================================== */
/* body */
/* ========================================== */

body {
		margin: 0;
		text-align: center;
		background-color: #gggggg;
		/* background: #fff url("../img/body/tile.gif") center top repeat-y; */
		font-family: Helvetica, Arial, sans-serif;
		font-size: 62.5%; /* to size ems as pixels */
}
#wrap {
		text-align: left;
		vertical-align: middle;
		margin: 0 auto;
		width: 760px;
}

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

a:link {text-decoration: none; color: #9B9B9B; color: #A4ABB4;}
a:visited {text-decoration: none; color: #9B9B9B;}
a:active {text-decoration: underline; color: #666;}
a:hover {text-decoration: underline; color: #666;}
.hide {position: absolute; left: 0; top -500px; height: 1px; width: 1px; overflow: hidden;}

/* ========================================== */
/* header */
/* ========================================== */

.hide {display: none;}
#header {border-bottom: 1px solid #E0E0E0;}
#header h1 {display: none;}
#logo {
	margin: 24px 0 25px 0;
	border-color: #FF6600;
}

#like {
	position: absolute;
	top: 10px;
	right: 10px;
}

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

#firm h1 {
	position: absolute;
	top: 82px;
}
#work h1 {
	position: absolute;
	top: 105px;
}

#firm h1, #work h1 {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1.3em;
	font-family: Futura, Arial, Helvetica, sans-serif;
	line-height: 1.9em;
}

#firm ul, #work ul {
		padding: 0;
		margin: 0 -6px 0 0;
		text-align: left; /* right */
}

#firm li, #work li {
		display: inline;
}

#firm #firm {
	font-weight: bold;
}

#work #projects {
	font-weight: bold;
}

#firm li a, #work li a {
	font-size: 1.3em;
	line-height: 1.9em;
	font-family: Futura, Arial, Helvetica, sans-serif;
	margin: 0 1px 0 -4px;
	padding: 2px 6px 3px 6px;
}
* html #firm li a, #work li a {padding: 1px 6px 3px 6px;} /* hack to push nav down one pixel in ie6/pc */

#firm li a:hover, #work li a:hover {
		text-decoration: none;
}

/* ========================================== */
/* text area */
/* ========================================== */

#navpath {
		font-size: 1.1em;
		line-height: 2.9em;
		letter-spacing: 1px;
		padding: 0;
		margin: 0;
		clear: both;
		border-top: 1px solid #E0E0E0;
}

#text {
		width: 230px;
		float: right;
		padding: 0;
		font-size: 1.1em;
		line-height: 1.6em;		
		text-align: justify;
}

#text p {
		margin: 0 0 7px 0;
}

#text h1 {
		font-size: 100%;
		margin: 0 0 7px 0;
}

#text ul {
		margin: 0 0 7px 0;
		padding: 0;
}

#text li {
	padding-left: 10px;
	list-style-type: none;
	background: url("li.gif") left center no-repeat;
}

#text form {
		margin: 0 0 7px 0;
		padding: 0;
}

#text select {
		margin: 0;
		padding: 0;
		font-size: 0.9em;
		width: 230px;
		background-color: #DEDEDE;
}



#textwide {
		width: 530px;
		float: right;
		padding: 0;
		font-size: 1.1em;
		line-height: 1.6em;		
		text-align: justify;
}

#textwide p {
		margin: 0 0 7px 0;
}

#textwide h1 {
		font-size: 100%;
		margin: 0 0 7px 0;
}

#textwide ul {
		margin: 0 0 7px 0;
		padding: 0;
}

#textwide li {
	padding-left: 10px;
	list-style-type: none;
	background: url("li.gif") left center no-repeat;
}

#textwide form {
		margin: 0 0 7px 0;
		padding: 0;
}

#textwide select {
		margin: 0;
		padding: 0;
		font-size: 0.9em;
		width: 230px;
		background-color: #DEDEDE;
}

/* ========================================== */
/* images area */
/* ========================================== */

#images {
	width: 510px;
	float: left;
	
}

#large img {
		width: 510px;
		float: left;
		
}

#thumbs img {
	float: left;
	height: 90px;
	border: 0;
}

#navimage img {
	float: right;
	width: 79px;
}

#images p {
	clear: left;
	margin: 0 0 7px 0;
	font-size: 1em;
}

#imagesnarrow {
	width: 210px;
}
	

/* ========================================== */
/* layout - base */
/* ========================================== */

#base {
		clear: both;
		margin: 0;
		height: 2.0em;
		border-bottom: 1px solid #E0E0E0;
}


/* ========================================== */
/* layout - break */
/* ========================================== */

#break {
		clear: both;
		margin: 0;
		height: 2em;
		border-bottom: 1px solid #E0E0E0;
}


/* ========================================== */
/* layout - tumblr */
/* ========================================== */

#tumblr {
		padding: 0;
		font-size: 1.0em;
		line-height: 1.6em;		
		text-align: justify;
}

ol.tumblr_posts {
		margin: 0 0 7px 0;
		padding: 0;
		
}

li.tumblr_text_post {
	width: 400px;
	padding-bottom: 20px;	
	font-size: 1.0em;
	line-height: 1.6em;
	text-align: justify;
	list-style-type: none;
	background: url("li.gif") left center no-repeat;
		
}


div.tumblr_title {
	width: 400px;
	padding: 0;
	font-size: 1em;
	line-height: 1em;
	margin: 0 0 7px 0;
	font-weight: bold;
}

div.tumblr_body {
		width: 400px;
		padding: 0;
		font-size: 1.0em;
		line-height: 1.6em;		
		text-align: justify;
}	

li.tumblr_photo_post {
	width: 400px;
	padding-bottom: 20px;
	font-size: 1.0em;
	line-height: 1.0em;
	text-align: justify;
	padding-left: 10px;
	list-style-type: none;
	background: url("li.gif") left center no-repeat;
}