/* @override 
	http://wklondon.local/?css=work/work.v.1313070544
	http://wklondon.local/?css=work/work.v.1313338665
	http://wklondon.local/?css=work/work.v.1313682788
*/

/* Work Project View */
#workProject #subnav .projectTitle {
	color: #000;
}

#workProject #titleBlock, 
#workProject .projectRow {
	float: left;
	width: 100%;
	margin-bottom: 24px;
	position: relative;
}

#workProject #titleBlock {
	margin-top: 40px;
}

#workProject #titleBlock h1 {
	color: #000;
	font-size: 34px;
	font-weight: normal;
	float: left;
	width: 840px;
	letter-spacing: -0.25px;
}

#workProject #titleBlock .projectTitle {
	color: #999;
}

#workProject #titleBlock #prevNext {
	color: #000;
	width: 70px;
	position: absolute;
	right: 0;
}

#workProject #titleBlock #prevNext a.prev:link,
#workProject #titleBlock #prevNext a.prev:active,
#workProject #titleBlock #prevNext a.prev:visited,
#workProject #titleBlock #prevNext a.prev:hover {
	background: url('/images/work-left-off.png');
	height: 16px;
	width: 12px;
	display: block;
	margin: 8px 0 0 12px;
	float: left;
}

#workProject #titleBlock #prevNext a.prev:hover {
	background: url('/images/work-left-on.png');
}

#workProject #titleBlock #prevNext a.next:link,
#workProject #titleBlock #prevNext a.next:active,
#workProject #titleBlock #prevNext a.next:visited,
#workProject #titleBlock #prevNext a.next:hover {
	background: url('/images/work-right-off.png');
	height: 16px;
	width: 12px;
	display: block;
	margin: 8px 12px 0 0;
	float: right;
}

#workProject #titleBlock #prevNext a.next:hover {
	background: url('/images/work-right-on.png');
}

#workProject #titleBlock #prevNext #prevNextText {
	clear: both;
	float: right;
	width: 100%;
	text-align: center;
	margin: 12px 0 0 0;
	font-size: 12px;
}

#workProject #titleBlock #projectDate {
	color: #000;
	font-size: 12px;
	clear: both;
	float:left;
	margin: 24px 0;
}

#workProject .projectRow {

}

#workProject .projectRow h1 {
	float: left;
	width: 100px;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	height: 32px;
}

#workProject .projectRow div.rowContent {
	position: relative;
	float: left;
	width: 700px;
	font-size: 12px;
	line-height: 16px;
	margin-left: 32px;
}


#workProject .projectRow div .half {
	width: 340px;
	float:left;
}

#workProject .projectRow div .left {
	margin-right: 20px;
}

#workProject .projectRow div .quote {
	font-size: 12px;
	line-height: 16px;
	color: #999;
}

#workProject .relatedShare {
	margin: 24px 0 0 0;
	width: 720px;
	margin-left: 132px;
}

#workProject .relatedThings, 
#workProject .share {
	float: left;
	width: 340px;
	color: #999;
	margin-right: 20px;
	font-family:'Univers LT W01 55 Roman';
	font-size: 12px;
	line-height: 20px;
}

#workProject .relatedThings {
}

#workProject .share ul {
	list-style: none;
}

#workProject .share ul li img {
	margin-right: 8px;
	vertical-align: middle;
	margin-bottom: 4px;
}

#workProject .relatedThings h1,
#workProject .share h1 {
	font-size: 12px;
	line-height: 22px;
	color: #000;
	width: 100%;
	padding-bottom: 16px;
	border-bottom: 1px solid #000;
}

#workProject .relatedThings ul,
#workProject .share ul {
	list-style-position: inside;
	margin: 16px 0 0 0;
	float: left;
}

#workProject .relatedThings ul {
	list-style-position: outside;
	margin-left: 13px;
}

/* Selected Work Projects */
#selectedWork {
	
}

#selectedWork #subnav {
}

#selectedWork article {
	width: 460px;
	float:left;
	margin-top: 32px;
}

#selectedWork article.right {
	margin-left: 20px;
}

#selectedWork article img {
	/*
	width: 460px;
	height: 271px;
	*/
	background-color: #999;
}

#selectedWork article .titleBox,
#archivedWork article .titleBox,
.workResult .titleBox {
	height: 32px;
}

#selectedWork article h1 {
	margin-top: 10px;
	font-size: 15px;
	line-height: 16px;
	color: #000;
	font-weight: normal;
}

#selectedWork article h1 a {
	color: #999;
}

#selectedWork article .projectDate {
	font-size: 12px;
	line-height: 16px;
	color: #999;
}

/* Archived Work Projects */

#archivedWork {
}

#archivedWork #subnav{
	margin-bottom: 40px;
}

#archivedWork #workCol {
	width: 640px;
	margin: 0 20px;
	float: left;
	position: relative;
}

#archivedWork article {
	width: 300px;
	float:left;
	margin-bottom: 32px;
	margin-right: 20px;
}

#archivedWork article.right {
}

#archivedWork article img {
	/*
	width: 300px;
	height: 176px;
	*/
	background-color: #999;
}

#archivedWork article h1 {
	margin-top: 10px;
	font-size: 15px;
	line-height: 16px;
	color: #000;
	font-weight: normal;
}

#archivedWork article h1 a {
	color: #999;
}

#archivedWork #workCol h1#dateNameSort {
	font-size: 15px;
	font-weight: normal;
}



#archivedWork article .projectDate {
	font-size: 12px;
	line-height: 16px;
	color: #999;
}


#loading {
	position: absolute;
	top: 100px;
	left: 340px;
}

#workProject #rowContent a:link,
#workProject #rowContent a:active,
#workProject #rowContent a:visited,
#workProject #rowContent a:hover {
	color: #999;
	text-decoration: underline;
}

#workProject #rowContent a:hover {
	color: #000;
}