/*
style sheet chroma
*/

/*
	#006cb5 - blue
	#00ae42 - green
	#ff6600 - orange
	#7243a8 - purple
	#ff1f1f - red
	#f7bb04 - yellow
*/

/* yahoo reset+fonts 2.4.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.clrfix{zoom:1;}
.clrfix:after{content:".";display:block;height:0;width:0;line-height:0;clear:both;visibility:hidden;}

body {
	font-family: Helvetica;
}

p {
	line-height: 1.462em;
	margin-bottom: 1.077em;
}

em, i {
	font-style: italic;
}

a {
	color: #000;
	text-decoration: none;
	outline: none;
}

a img {
	border: 0;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

body a:hover {
	color: #8c8c8c;
}

a:hover.highlight {
	color: #fff;
}

h1, h2 {
	font-size: 1.692em;
/*	font-size: 174%;*/
	font-weight: normal;
}

h3 {
	font-size: 1em;
	font-weight: bold;
}

h4 {
	font-size:  1em;
	font-weight: bold;
}

.ir {
	float: left; /* need this for inline commas on about page */	
	text-indent: -999em;
	outline: none;
	font-size: 8px;	
}

#site_title.blue   a { background-position: 0 -14px; }
#site_title.green  a { background-position: 0 0; }
#site_title.orange a { background-position: 0 -56px; }
#site_title.purple a { background-position: 0 -70px; }
#site_title.red    a { background-position: 0 -28px; }
#site_title.yellow a { background-position: 0 -42px; }

#page_title {
	position: absolute;
	text-indent: -999em;
	outline: none;
	overflow: hidden;
	font-size: 8px;
}

.section_title {
	font-size: 22px;
	font-weight: normal;
	line-height: 25px;
}

.archive_title {
	margin-bottom: 30px;
	font-size: 100%;
	font-weight: normal;
}

.archive_title .section {
	font-weight: bold;
}

.page_content a.color1, .page_content a.color2, .page_content a.color3 {
	color: #fff;
}

.page_content a.color1:hover, .page_content a.color2:hover, .page_content a.color3:hover {
	color: #eee;
}

/* TODO: may be able to simplify this */
#wrapper {
	padding-left: 17px;
	width: 990px;
	padding-left: 1.308em;
}

/* HEADER */
#header {
	height: 78px;
	padding-top: 1.308em;
}

#site_title {
	float: left;
	position: relative;
	width: 128px;
	height: 27px;
}

#site_title a {
	display: block;
	width: 128px;
	height: 27px;
	background: transparent url('images/logo.png') no-repeat top left;
	outline: none;
}

#nav {
	float: left;
	margin-left: 38px;
	padding-top: 10px;
}

#nav li {
	float: left;
	margin-right: 1em;
	font-size: 93%;
	line-height: 1em;
}

#nav a, #nav a:visited, #nav a:hover {
	text-transform: uppercase;
}
/* END HEADER */


/* SIDEBAR */
#sidebar {
	float: left;
	width: 164px;
}

#sidebar_clients h3 {
	font-size: 93%;
	margin-bottom: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

#sidebar_clients .sidebar_nav {
	margin-bottom: 1.5em;
}

.sidebar_nav {
	margin-bottom: 1em;
	font-size: 93%;
	line-height: 1em;
}

.sidebar_nav li {
	margin-bottom: 6px;
	margin-left: -2px;
}

.sidebar_nav a {
	padding: 2px;
	_float: left;
	_margin-left: -2px;
	*position: relative;
}

.sidebar_nav .current_page_item a, .sidebar_nav .current_page_item a:hover, .sidebar_nav .current-cat a {
	color: #fff;
}

.sidebar_fresh {
	margin-top: 4px;
	width: 149px;
	height: 430px;
	*margin-top: 5px;
}

.sidebar_fresh2 {
	float: right;
	width: 146px;
	margin-top: 4px;
	padding-right: 8px;
}
/* END SIDEBAR */


#content {
	float: left;
	width: 990px;
}


/* BODY */
#body {
	float: left;
	width: 806px;
}
/* END BODY */

/* FOOTER */
#footer {
	float: left;
	padding-top: 100px;
	padding-left: 184px;
	padding-bottom: 1.818em;
	font-size: 0.846em;
	color: #6a6968;
}

#footer p {
	margin-bottom: 4px;
	font-size: 12px;
}

#footer ul {
/*	list-style: none;*/
}

#footer li {
	float: left;
	margin-right: 0.364em;
	padding-right: 0.364em;
	border-right: 1px solid #ccc;
}

#footer li.last {
	border-right: 0;
}

#footer li a {
	color: #6a6968;
	text-decoration: underline;
}

#footer li a:hover {
	color: #8c8c8c;
}


/* END FOOTER */


/* MISC STYLES */
.color1, .color2, .color3 {
	padding: 2px;
	color: #fff;
}
/* END MISC STYLES */


/* PAGE SPECIFIC STYLES */
.page_content {
	float: left;
/*	width: 55.769em;*/
}

.entry_content {
}

#sub_pages {
	float: left;
	width: 100%;
	margin-bottom: 47px;
	font-size: 12px;
	
}

#sub_pages ul {
	float: left;
	line-height: 1em;
	font-size: 12px;
}

#sub_pages ul li {
	float: left;
	text-transform: uppercase;
}

#sub_pages ul ul {
	margin-top: 3px;
}

#sub_pages ul li li {
	font-size: 1em;
	text-transform: none;
}

#sub_pages ul li a {
	padding: 3px 2px;
	margin-left: -2px;
	float: left;
	_position: relative;
}

/* END PAGE SPECIFIC STYLES */

/* HOME */
.home #wrapper, .home #content, .home #body, .home .page_content {
	width: 100%;
}

.home .page_content {
	margin-bottom: 30px;
}

.home #wrapper {
	padding-left: 0;
}

.home #header {
	padding-left: 1.308em;
}

.home #footer {
	padding: 60px 0 0 201px;
}

.home .message {
	padding: 10px 0 0 201px;
}

/* THE FIRM */
.page_3 .entry_content {
	width: 597px;
}

.page_3 .photos {
	height: 116px;
	margin-bottom: 15px;
	margin-top: 40px;
}

.page_3 h2, .page_404 h2{
	margin-bottom: 16px;
/*	font-size: 1.692em;*/
	line-height: 30px;
	font-weight: normal;
}

.page_3 p {
	font-size: 1.077em;
	line-height: 22px;
}
/* END THE FIRM */

/* PEOPLE */

.people .page_content {
	width: 705px;
}

.people .photos {
	height: 116px;
	margin-bottom: 15px;
}

.people div.photo {
	float: left;
	width: 14.5em; 
}

.people .entry_content {
	margin-left: 15.308em;
}

.people #sub_pages ul li li {
	font-size: 13px;
}

.people #sub_pages ul li {
	width: 174px;
	padding-right: 25px;
}
/* END PEOPLE */

/* HONORS */
.honors #sub_pages ul li {
	margin-right: 17px;
	text-transform: none;
}

.honors .page_content {
	width: 730px;
}

.honors .photo {
	float: left;
	width: 14.5em; 
}

.honors .entry_content {
	margin-left: 15.308em;
}
/* END HONORS */


/* PRESS */
.press #sub_pages ul li {
	margin-right: 17px;
	text-transform: none;
}

.press .page_content {
	width: 730px;
}

.press .page_content dd {
	line-height: 1.462em;
	margin-bottom: 1.077em;
}

.press .page_content dt, .press .page_content li {
	line-height: 1.462em;
}

.press .page_content dl, .press .page_content ul {
	margin-bottom: 1.846em;
}

.press .page_content ul {
/*	list-style: none;*/
}

.press .page_content ul li {
/*	margin-left: -16px;*/
}

.press .page_content ul li a {
	padding-left: 16px;
	margin-left: -16px;
	background: transparent url('images/icon_download.png') no-repeat left center;
}

.press .item {
	float: left;
	width: 531px;
}

.press #media_inquiries {
	float: left;
	width: 199px;
}

/* END HONORS */

/* PROJECTS & CLEINTS */
.page_9 .page_content {
	position: absolute;
	left: -999em;
	height: 1;
}

.clients_list {
	float: left;
	width: 355px;	
}

.clients_list ul { /* all lists */
	float: left;
	width: 324px;
	padding: 0;
	margin-bottom: 14px;
}

.clients_list ul ul {
	padding-bottom: 2px;
	line-height: 16px;
}

.clients_list ul a {
	display: block;
	width: 324px;
	outline: 0;	
}

.clients_list ul li { /* all list items */
	float: left;
	width: 324px; /* width needed or else Opera goes nuts */
	font-size: 13px;
	line-height: 17px;
}

.clients_list ul li ul { /* second-level lists */
	position: absolute;
	width: 324px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.clients_list .active {
	margin: -3px 0 0 -5px;
	padding: 3px 0 0 5px;
	_position: relative;
}

.clients_list li.active ul { /* lists nested under hovered list items */
	left: auto;
	border-left: 5px solid #ff6600;
	margin-left: -5px;
}

.clients_list ul li.active a,
.clients_list ul ul li a:hover {
	color: #fff;
}

.clients_list ul li.active li a {
	font-size: 12px;
}

.project .page_content {
	width: 796px;
}

.project h2 {
	margin-bottom: 13px;
	font-size: 22px;
	font-weight: normal;
	line-height: 25px;
	color: #b5b5b5;
}

.project h3 {
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	color: #333333;
	text-transform: uppercase;
}

.project .entry_content {
	margin-bottom: 19px;
}

div.prev_next {
	margin-bottom: 16px;
}

div.prev_next a {
	color: #999999;
	font-size: 11px;
}

.prev_next .prev {
	float: left;
}

.prev_next .back_to {
	float: left;
	padding: 0 18px;
	text-align: center;
}

.prev_next .next {
	float: left;
}

.project_information {
	float: left;
	width: 329px;
}

.project_portfolio_thumbnails {
	float: left;
	margin-bottom: 20px;
}

.project_portfolio_thumbnails li {
	float: left;
	margin: 0 10px 6px 0;
/*	list-style: none;*/
}

.project .related {
	margin-bottom: 1em;
	font-size: 11px;
	line-height: 17px;
}

.project_portfolio {
	float: right;
	width: 442px;
	height: 442px;
}

/* GENERAL & MEDIA */
.page_13 .page_content {
	width: 640px;
}

.page_13 .entry_content {
	width: 285px;
}

.page_13 #location_map {
	float: right;
	width: 290px;
}
/* END GENERAL & MEDIA */

/* CAREER & INTERNSHIPS */
.page_14 .entry_content {
	width: 528px;
}
/* END CAREER & INTERNSHIPS */


/* BLOG */
.fresh .page_content {
	width: 600px;
}

.fresh h1 a, .fresh h2 a, .fresh .entry_meta a {
	color: #000;
}

.fresh h1 a:hover, .fresh h2 a:hover, .fresh .entry_meta a:hover {
	color: #8c8c8c;
}

.fresh .post {
	margin-bottom: 40px;
}

.fresh .entry_content small {
	display: block;
	margin-top: -2px;
	font-size: 12px;
}

.fresh .sep {
	margin: 0 3px;
}

#search {
	margin-bottom: 16px;
}

#search input {
	width: 136px;
	padding: 4px 3px 2px 3px;
	border: 2px solid #000;
	outline: none;
	*padding: 3px;
}

#sidebar h4, .sidebar_fresh2 h4 {
	margin-bottom: 6px;
	font-weight: bold;
}

.entry_meta {
	font-size: 12px;
}

.entry_meta strong {
	font-weight: bold;
}