/**
* =layout
* @subsection layout
* @subsection general, header and footer
* --------------------------------------------------------------------------------------------------
*/
html {
	height: 100%;
}
body {
	min-height: 100%;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size: 10px; color: #666; line-height: 1.5;
	background: #fff;
}
body.black {
	background-color: #000;
}
#wrapper,
#container {}
#wrapper {
	position: relative;
	margin: 0 auto; padding: 70px 34px 0;
}
#container {
	overflow: hidden;
	min-width: 800px;
}
.journal #container,
.biography #container {
	min-width: 960px;
}

#header {
	position: relative; overflow: hidden;
	margin: 0;
}
	#header h1 {
		float: left;
	}
	#header h1,
	#header h1 a {
		height: 30px; width: 485px;
		background-image: url(img/sprites/titles.gif);
		outline: 0;
	}
	
#footer {
	position: fixed; right: 0; bottom: 0; z-index: 5000;
	width: 100%; height: 34px;
	background-color: #fff;
}
#footer-tdf {
	margin: 14px 34px 0 auto;
}
#footer-tdf,
#footer-tdf a {
	height: 7px; width: 122px;
	background-image: url(img/misc/footer-tdf.gif);
}
.black #footer {
	background-color: #000;
}
.black #footer-tdf,
.black #footer-tdf a {
	background-position: 0 -7px;
}

body.slideshow #footer,
body.photography-detail #footer {
	width: auto;
}


/**
* =content
* @subsection layout
* @subsection content
* --------------------------------------------------------------------------------------------------
*/
#content {
	position: relative; overflow: hidden; clear: both;
	padding: 18px 0 34px;
}
	#content .column {
		float: left;
		width: 436px;
		margin: 0 20px 0 0;
	}
	#content .images,
	#content .projects,
	#content .slideshow,
	#content div.has-cycle-arrows ul.cycle-arrows {
		overflow: hidden; position: relative;
		margin: 0; padding: 0;
		list-style: none;
	}
	#content .images {
		margin-bottom: 10px;
	}
		#content .images li,
		#content .projects li,
		#content .slideshow li {
			float: left; position: relative;
			margin: 0 10px 20px 0;
		}
		#content .images li {
			overflow: hidden;
			width: 90px;
			margin: 0 2px 2px 0;
		}
		#content .slideshow li {
			position: relative;
			margin: 0;
		}
			#content .images li img,
			#content .projects li img,
			#content .slideshow li img {
				display: block;
			}
		
		#content .projects li h2,
		#content .thumbnails li span,
		#content .thumbnails li.active a span,
		#content .thumbnails li.active a:hover span,
		#content .thumbnails li.active a:focus span {
			position: absolute; top: 0; left: 0; right: 0; bottom: 0; zoom: 1; z-index: 50000;
			display: none;
			height: 100%; width: 100%;
			font-weight: normal;
			background: url(img/misc/rgba0,0,0,0.5.png) repeat 0 0;
			cursor: pointer;
		}
		#content .projects li a:hover h2,
		#content .projects li a:focus h2,
		#content .thumbnails li a:hover span,
		#content .thumbnails li a:focus span {
			display: block;
		}
		#content .projects li h2 span {
			position: absolute; bottom: 5px; left: 5px;
			color: #fff;
		}
		#content .thumbnails li.active img {
			opacity: 0.3; filter: alpha(opacity=30);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
		}
	
	#slideshow,
	#image, #video,
	#content div.crossfade {
		position: relative;
		float: left;
	}
	#content div.crossfade {
		margin-bottom: 9px;
	}
	#content div.crossfade img {
		position: absolute; top: 0; left: 0;
	}
	#content div.crossfade div.loader {
		position: absolute; top: 20px; left: 50%;
		height: 28px; width: 28px;
		margin: 0 0 0 -14px;
		background: url(img/misc/loading.gif) no-repeat 50% 0;
		display: none;
	}
	.black #content div.crossfade div.loader {
		background-image: url(img/misc/loading.black.gif);
	}
		
	#content div.has-carousel {
		margin-bottom: 10px;
	}
	#content div.has-cycle-arrows ul.cycle-arrows li a {
		visibility: hidden;
		outline: 0;
	}
	#content div.has-cycle-arrows ul.cycle-arrows li.disabled,
	#content div.has-cycle-arrows ul.cycle-arrows li.disabled a {
		display: none;
	}
	#content div.has-cycle-arrows ul.cycle-arrows li.hover a,
	#content div.has-cycle-arrows ul.cycle-arrows li:hover a {
		visibility: visible;
	}
	#content div.has-cycle-arrows ul.cycle-arrows,
	#content div.has-cycle-arrows ul.cycle-arrows li {
		position: absolute; top: 0; bottom: 0; z-index: 5000;
		width: 100%; height: 100%;
		margin: 0; padding: 0;
		list-style: none;
		background: transparent url(img/misc/empty.gif) repeat 0 0;
	}
	#content div.has-cycle-arrows ul.cycle-arrows li {
		width: 50%;
	}
	#content div.has-cycle-arrows ul.cycle-arrows li.previous {
		left: 0;
	}
	#content div.has-cycle-arrows ul.cycle-arrows li.next {
		right: 0;
	}
	#content div.has-cycle-arrows ul.cycle-arrows li a {
		display: block;
		height: 100%;
		outline: 0;
	}
	#content div.has-cycle-arrows ul.cycle-arrows li.previous a {
		background: url(img/misc/previous.png) no-repeat 5% 50%;
	}
	#content div.has-cycle-arrows ul.cycle-arrows li.next a {
		background: url(img/misc/next.png) no-repeat 95% 50%;
	}
	
	#image h2, #video h2,
	#slideshow li h2,
	h2.error {
		margin: 5px 0 0;
		color: #ccc; font-weight: normal;
	}
	h2.error {
		margin-bottom: 5px;
	}
	
/**
* =project
* @subsection layout
* @subsection project
* --------------------------------------------------------------------------------------------------
*/
#project {
	position: relative;
}
#project .thumbnails,
#project .scroller-arrows {
	width: 738px;
}
html.js #project .thumbnails {
	height: 60px; overflow: hidden;
}
#project .scroller-arrows {
	position: absolute; top: 0; left: 0; z-index: 5000;
	margin: 0; padding: 0;
	list-style: none;
}
#project .scroller-arrows li {
	position: absolute; top: 0; z-index: 5000;
	height: 60px; width: 17px;
	background: #fff;
	border: 1px solid #fff; border-width: 0;
}
#project .scroller-arrows li.previous {
	left: 0;
	border-right-width: 2px;
}
#project .scroller-arrows li.next {
	right: -14px;
	border-left-width: 1px;
}
#project .scroller-arrows .disabled {
	display: none;
}
#project .scroller-arrows li,
#project .scroller-arrows li a {
	height: 60px;
	background-image: url(img/sprites/arrows.gif);
	outline: 0;
}
#project .scroller-arrows li.previous,
#project .scroller-arrows li.previous a {
	background-position: 0 -60px;
}
#project .scroller-arrows li.previous a:hover,
#project .scroller-arrows li.previous a:focus {
	background-position: 0 0;
}
#project .scroller-arrows li.next,
#project .scroller-arrows li.next a {
	background-position: -18px -60px;
}
#project .scroller-arrows li.next a:hover,
#project .scroller-arrows li.next a:focus {
	background-position: -18px 0;
}

.black #project .scroller-arrows li {
	border-color: #000;
	background-color: #000;
}

#project #video {
	position: relative; z-index: 6000;
	float: none;
	width: 570px;
	margin: 0 auto;
}
#project #video object {
	position: relative; z-index: 6001;
}


/**
* =nav
* @subsection layout
* @subsection navigation
* --------------------------------------------------------------------------------------------------
*/
.nav ul {
	padding: 0; margin: 0;
	list-style: none;
}
#nav {
	position: absolute; top: 34px; left: 34px; right: 34px;
	overflow: hidden;
	min-width: 760px;
}
#nav.idle ul {
	display: none;
}
#nav ul {}
	#nav ul li,
	#nav ul li a {
		height: 15px;
		background-image: url(img/sprites/navigation.gif);
	}
	#nav ul li {
		position: relative;
		float: left;
		margin: 0 20px 0 0;
	}
	#nav ul li.slideshow,
	#nav ul li.journal,
	#nav ul li.colour,
	#nav ul li.portfolio-pdf {
		float: right;
	}
	
	#nav ul li.photography,
	#nav ul li.photography a {
		width: 96px;
		background-position: 0 0;
	}
	#nav ul li.photography a:hover,
	#nav ul li.photography a:focus {
		background-position: 0 -15px;
	}
	.photography #nav ul li.photography a,
	.photography #nav ul li.photography a:active,
	.photography #nav ul li.photography a:hover,
	.photography #nav ul li.photography a:focus,
	.homepage #nav ul li.photography a,
	.homepage #nav ul li.photography a:active,
	.homepage #nav ul li.photography a:hover,
	.homepage #nav ul li.photography a:focus {
		background-position: 0 -30px;
	}
	.black #nav ul li.photography,
	.black #nav ul li.photography a {
		background-position: 0 -45px;
	}
	.black #nav ul li.photography a:hover,
	.black #nav ul li.photography a:focus {
		background-position: 0 -60px;
	}
	.black .photography #nav ul li.photography a,
	.black .photography #nav ul li.photography a:active,
	.black .photography #nav ul li.photography a:hover,
	.black .photography #nav ul li.photography a:focus,
	.black .homepage #nav ul li.photography a,
	.black .homepage #nav ul li.photography a:active,
	.black .homepage #nav ul li.photography a:hover,
	.black .homepage #nav ul li.photography a:focus {
		background-position: 0 -75px;
	}
	
	#nav ul li.biography,
	#nav ul li.biography a {
		width: 73px;
		background-position: -110px 0;
	}
	#nav ul li.biography a:hover,
	#nav ul li.biography a:focus {
		background-position: -110px -15px;
	}
	.biography #nav ul li.biography a,
	.biography #nav ul li.biography a:active,
	.biography #nav ul li.biography a:hover,
	.biography #nav ul li.biography a:focus {
		background-position: -110px -30px;
	}
	.black #nav ul li.biography,
	.black #nav ul li.biography a {
		background-position: -110px -45px;
	}
	.black #nav ul li.biography a:hover,
	.black #nav ul li.biography a:focus {
		background-position: -110px -60px;
	}
	.black .biography #nav ul li.biography a,
	.black .biography #nav ul li.biography a:active,
	.black .biography #nav ul li.biography a:hover,
	.black .biography #nav ul li.biography a:focus {
		background-position: -110px -75px;
	}
	
	#nav ul li.contact,
	#nav ul li.contact a {
		width: 62px;
		background-position: -190px 0;
	}
	#nav ul li.contact a:hover,
	#nav ul li.contact a:focus {
		background-position: -190px -15px;
	}
	.contact #nav ul li.contact a,
	.contact #nav ul li.contact a:active,
	.contact #nav ul li.contact a:hover,
	.contact #nav ul li.contact a:focus {
		background-position: -190px -30px;
	}
	.black #nav ul li.contact,
	.black #nav ul li.contact a {
		background-position: -190px -45px;
	}
	.black #nav ul li.contact a:hover,
	.black #nav ul li.contact a:focus {
		background-position: -190px -60px;
	}
	.black .contact #nav ul li.contact a,
	.black .contact #nav ul li.contact a:active,
	.black .contact #nav ul li.contact a:hover,
	.black .contact #nav ul li.contact a:focus {
		background-position: -190px -75px;
	}
	
	#nav ul li.slideshow,
	#nav ul li.slideshow a {
		width: 75px;
		background-position: -260px 0;
	}
	#nav ul li.slideshow a:hover,
	#nav ul li.slideshow a:focus {
		background-position: -260px -15px;
	}
	.slideshow #nav ul li.slideshow a,
	.slideshow #nav ul li.slideshow a:active,
	.slideshow #nav ul li.slideshow a:hover,
	.slideshow #nav ul li.slideshow a:focus {
		background-position: -260px -30px;
	}
	.black #nav ul li.slideshow,
	.black #nav ul li.slideshow a {
		background-position: -260px -45px;
	}
	.black #nav ul li.slideshow a:hover,
	.black #nav ul li.slideshow a:focus {
		background-position: -260px -60px;
	}
	.black .slideshow #nav ul li.slideshow a,
	.black .slideshow #nav ul li.slideshow a:active,
	.black .slideshow #nav ul li.slideshow a:hover,
	.black .slideshow #nav ul li.slideshow a:focus {
		background-position: -260px -75px;
	}
	
	#nav ul li.portfolio-pdf,
	#nav ul li.portfolio-pdf a {
		width: 100px;
		background-position: -350px 0;
	}
	#nav ul li.portfolio-pdf a:hover,
	#nav ul li.portfolio-pdf a:focus {
		background-position: -350px -15px;
	}
	.portfolio-pdf #nav ul li.portfolio-pdf a,
	.portfolio-pdf #nav ul li.portfolio-pdf a:active,
	.portfolio-pdf #nav ul li.portfolio-pdf a:hover,
	.portfolio-pdf #nav ul li.portfolio-pdf a:focus {
		background-position: -350px -30px;
	}
	.black #nav ul li.portfolio-pdf,
	.black #nav ul li.portfolio-pdf a {
		background-position: -350px -45px;
	}
	.black #nav ul li.portfolio-pdf a:hover,
	.black #nav ul li.portfolio-pdf a:focus {
		background-position: -350px -60px;
	}
	.black .portfolio-pdf #nav ul li.portfolio-pdf a,
	.black .portfolio-pdf #nav ul li.portfolio-pdf a:active,
	.black .portfolio-pdf #nav ul li.portfolio-pdf a:hover,
	.black .portfolio-pdf #nav ul li.portfolio-pdf a:focus {
		background-position: -350px -75px;
	}
	
	#nav ul li.journal,
	#nav ul li.journal a {
		width: 59px;
		background-position: -460px 0;
	}
	#nav ul li.journal a:hover,
	#nav ul li.journal a:focus {
		background-position: -460px -15px;
	}
	.journal #nav ul li.journal a,
	.journal #nav ul li.journal a:active,
	.journal #nav ul li.journal a:hover,
	.journal #nav ul li.journal a:focus {
		background-position: -460px -30px;
	}
	.black #nav ul li.journal,
	.black #nav ul li.journal a {
		background-position: -460px -45px;
	}
	.black #nav ul li.journal a:hover,
	.black #nav ul li.journal a:focus {
		background-position: -460px -60px;
	}
	.black .journal #nav ul li.journal a,
	.black .journal #nav ul li.journal a:active,
	.black .journal #nav ul li.journal a:hover,
	.black .journal #nav ul li.journal a:focus {
		background-position: -460px -75px;
	}
	
	#nav ul li.colour,
	#nav ul li.colour a {
		width: 40px;
		background-position: -530px 0;
	}
	#nav ul li.colour a:hover,
	#nav ul li.colour a:focus {
		background-position: -530px -15px;
	}
	.colour #nav ul li.colour a,
	.colour #nav ul li.colour a:active,
	.colour #nav ul li.colour a:hover,
	.colour #nav ul li.colour a:focus {
		background-position: -530px -30px;
	}
	.black #nav ul li.colour,
	.black #nav ul li.colour a {
		background-position: -530px -45px;
	}
	.black #nav ul li.colour a:hover,
	.black #nav ul li.colour a:focus {
		background-position: -530px -60px;
	}
	.black .colour #nav ul li.colour a,
	.black .colour #nav ul li.colour a:active,
	.black .colour #nav ul li.colour a:hover,
	.black .colour #nav ul li.colour a:focus {
		background-position: -530px -75px;
	}
	
	
		
/**
* =titles
* @subsection titles
* --------------------------------------------------------------------------------------------------
*/
#header h1,
#header h1 a {
	background-position: 0 0;
}
.biography #header h1,
.biography #header h1 a {
	background-position: 0 -30px;
}
.contact #header h1,
.contact #header h1 a {
	background-position: 0 -60px;
}
.slideshow #header h1,
.slideshow #header h1 a {
	background-position: 0 -90px;
}
.journal #header h1,
.journal #header h1 a {
	background-position: 0 -120px;
}

.black #header h1,
.black #header h1 a {
	background-position: 0 -150px;
}
.black .biography #header h1,
.black .biography #header h1 a {
	background-position: 0 -180px;
}
.black .contact #header h1,
.black .contact #header h1 a {
	background-position: 0 -210px;
}
.black .slideshow #header h1,
.black .slideshow #header h1 a {
	background-position: 0 -240px;
}
.black .journal #header h1,
.black .journal #header h1 a {
	background-position: 0 -270px;
}


/**
* =biography
* @subsection layout
* @subsection biography
* --------------------------------------------------------------------------------------------------
*/
body.biography #content {
	padding-top: 88px;
}
body.biography .content h1 {
	float: left;
	height: 350px; width: 480px;
	margin: 0 20px 0 0;
	background-image: url(img/misc/biography.gif);
}
body.biography .black .content h1 {
	background-image: url(img/misc/biography.black.gif);
}
body.biography .content ul {
	margin: 0 0 20px; padding: 0;
	line-height: 1.5;
	list-style: none;
}
body.biography .content ul li {
	text-transform: uppercase;
}
body.biography .content #clients ul li,
body.biography .content #magazines ul li {
	display: inline;
}
body.biography .content li.unique {
	margin-top: 10px;
}


/**
* =contact
* @subsection layout
* @subsection contact
* --------------------------------------------------------------------------------------------------
*/
body.contact #content,
body.journal #content {
	padding-top: 88px;
}
body.contact .content div {
	overflow: hidden;
	margin: 0 0 20px; text-transform: uppercase;
}
body.contact .content address,
body.contact .content p {
	margin: 0;
}

body.contact .content #work h2 {
	margin-right: 100px;
}
body.contact .content dl {
	overflow: hidden;
	margin: 3px 0 0;
}
body.contact .content dt,
body.contact .content dd {
	margin: 0 0 3px;
}
body.contact .content dt {
	float: left; clear: left;
	margin-right: 8px;
	font-weight: normal;
}

body.contact .content .vcard span {
	display: block;
}

body.contact .content #prints ul {
	margin: 0; padding: 0;
	list-style: none;
}


/**
* =journal
* @subsection layout
* @subsection journal / wordpress blog
* --------------------------------------------------------------------------------------------------
*/
.journal .content {
	width: 932px;
}
.journal .content .column {
	margin-right: 20px;
}
.journal .content #content-primary {
	float: right;
}
.journal .content .hentry {
	overflow: hidden;
	margin-bottom: 10px;
}
	.journal .content .hentry h2,
	.journal .content .hentry h2 a {
		color: #000; font-size: 20px; font-weight: normal;
	}
	.journal .content .hentry h2 {
		margin: 0 30px 10px 0;
	}
	.journal .content .hentry p.date {
		margin: 0;
		color: #666; font-size: 14px;
	}
	.journal .content .hentry .entry-meta {
		overflow: hidden;
		margin: 0 0 30px;
	}
	.journal .content .hentry .entry-meta p {
		float: left;
		margin: 0 15px 0 0;
		font-size: 12px; color: #999; text-transform: uppercase;
	}
	.journal .content .hentry .entry-meta p a {
		color: #000;
	}
	.journal .content .hentry .entry-meta p.comments a {
		background: url(img/misc/comments.gif) no-repeat 0 1px;
		padding-left: 27px;
	}	
	.journal .content .hentry .entry-content {
		color: #666;
	}
	
	.journal .content .hentry .entry-content h1,
	.journal .content .hentry .entry-content h2,
	.journal .content .hentry .entry-content h3 {
		margin: 0;
		font-size: 1em; line-height: 1.3; text-transform: uppercase; color: #000; font-weight: bold;
	}
	.journal .content .hentry .entry-content h4 {
		margin: 0;
		color: #666; font-size: 1em; text-transform: uppercase; font-weight: normal;
	}
	.journal .content .hentry .entry-content h5 {
		text-transform: uppercase;
	}
	.journal .content .hentry .entry-content blockquote {
		font-style: italic;
	}
	.journal .content .hentry .entry-content a {
		color: #000; text-decoration: underline;
	}
	.journal .content .hentry .entry-content a:hover,
	.journal .content .hentry .entry-content a:focus {
		text-decoration: none;
	}
	
	.journal .content div.listing .hentry {
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px;
	}
	.journal .content div.listing .hentry:last-child {
		border-bottom: 0;
	}
	
.journal .content #content-secondary .attachment-post-thumbnail,
.journal .content #content-secondary h2.heading {
	display: block;
	margin: 0 0 30px;
}
.journal .content #content-secondary .follow {
	margin: 0 0 30px;
}
.journal .content #content-secondary .follow p,
.journal .content #content-secondary .follow a {
	margin: 0;
	color: #000; font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 16px;
}
.journal .content #content-secondary .follow a {
	display: inline-block;
	padding: 3px 22px 3px 0;
}
.journal .content #content-secondary .follow a.feed {
	background: url(img/misc/feed.gif) no-repeat 100% 4px;
}
.journal .content #content-secondary .follow a.twitter {
	background: url(img/misc/twitter.gif) no-repeat 100% 4px;
}
.journal .content #content-secondary h2.heading {
	height: 467px; width: 436px;
	background-image: url(img/misc/archive.gif);
}
.journal .content #content-secondary .hatom ul {
	margin: 15px 0 0; padding: 0;
	list-style: none;
}
.journal .content #content-secondary #recent-entries ul li {
	margin: 0 0 20px;
}
.journal .content #content-secondary #recent-entries ul li a {
	font-size: 20px; text-transform: uppercase; color: #999;
	line-height: 1;
}
.journal .content #content-secondary #recent-entries ul li a:hover,
.journal .content #content-secondary #recent-entries ul li a:focus {
	text-decoration: none; color: #000;
}
.journal .content #content-secondary #recent-entries ul li span {
	display: block;
	margin: 0 0 4px;
	color: #666; font-size: 14px;
}

.journal .content #content-secondary #archives ul ul {
	margin: 0 0 10px;
}
.journal .content #content-secondary #archives ul li a {
	font-size: 16px; color: #000; text-transform: uppercase;
}
.journal .content #content-secondary #archives ul li ul li {
	margin: 0 0 3px;
}
.journal .content #content-secondary #archives ul li ul li a,
.black .journal .content #content-secondary #archives ul li ul li a {
	font-size: 12px; color: #666; text-transform: none;
}
.journal .content #content-secondary #archives ul li ul li a:hover,
.journal .content #content-secondary #archives ul li ul li a:focus,
.black .journal .content #content-secondary #archives ul li ul li a:hover,
.black .journal .content #content-secondary #archives ul li ul li a:focus {
	color: #333; text-decoration: none;
}

.journal .content #content-secondary #archives,
.journal .content #comments,
.journal .content .commentlist li {
	margin: 20px 0 0; padding: 20px 0 0;
	border-top: 1px solid #e6e6e6;
}

.journal .content #prev-next {
	overflow: hidden;
	padding: 15px 0 0; margin: 0 0 25px;
	list-style: none;
	border-top: 10px solid #666;
}
.journal .content #prev-next li {
	overflow: hidden;
	width: 100%;
	margin: 0 0 3px;
	text-transform: uppercase;
}
.journal .content #prev-next li span {
	float: left;
	width: 100px;
	color: #000;
}
.journal .content #prev-next li a {
	float: right;
	display: block;
	width: 316px;
	text-decoration: none;
}

.journal .content .commentlist {
	margin: 0; padding: 0;
	list-style: none;
}
.journal .content .commentlist li {
	overflow: hidden;
	width: 100%;
}
.journal .content .commentlist li.f {
	border: 0; padding-top: 0;
}
.journal .content .commentlist p.photo {
	float: left;
	margin: 0;
}
.journal .content .commentlist .author,
.journal .content .commentlist .entry-content {
	margin: 0 0 0 60px;
}
.journal .content .commentlist .author {
	margin-bottom: 15px; margin-top: -4px;
}
.journal .content .commentlist .author cite {
	font-style: normal; text-transform: uppercase; font-size: 14px;
}

.journal .content #commentform,
.journal .content #commentform fieldset,
.journal .content #commentform div {
	margin: 0; padding: 0; border: 0;
}
.journal .content #commentform {
	padding: 30px 20px 15px;
	border-top: 10px solid #666;
	background-color: #e6e6e6;
}
.journal .content #commentform h2 {
	margin-bottom: 12px;
}
.journal .content #commentform div.text {
	overflow: hidden;
	margin: 0 0 8px;
}
.journal .content #commentform div.text label {
	float: left;
	padding-top: 2px;
}
.journal .content #commentform .submit-fieldset input,
.journal .content #commentform div.text input,
.journal .content #commentform div.text textarea {
	margin-left: 110px;
	outline: 0;
}
.journal .content #commentform div.text input,
.journal .content #commentform div.text textarea {
	display: block;
	width: 190px;
	background-color: #fff;
	border: 1px solid #979797;
}
.journal .content #commentform div.text textarea {
	width: 270px; height: 90px;
	resize: none;
}
.journal .content #commentform div.text input:focus,
.journal .content #commentform div.text textarea:focus {
	border-color: #000;
}
.journal .content #commentform .submit-fieldset #post_comment {
	height: 24px; width: 106px;
	background-image: url(img/misc/post-comment.gif);
}
.journal .content #commentform .submit-fieldset #post_comment:hover,
.journal .content #commentform .submit-fieldset #post_comment:focus {
	background-position: 0 -24px;
}
.journal .content #form-note {
	margin: 10px 0 0 20px;
	font-size: 10px;
}
	
	
	
.black .journal .content #prev-next,
.black .journal .content #commentform,
.black .journal .content #content-secondary #archives,
.black .journal .content #comments,
.black .journal .content .commentlist li {
	border-top-color: #333;
}
.black .journal .content .hentry .entry-content {
	cloor: #666;
}
.black .journal .content .hentry h2,
.black .journal .content .hentry h2 a,
.black .journal .content .hentry .entry-meta p a,
.black .journal .content #content-secondary .follow p,
.black .journal .content #content-secondary .follow a,
.black .journal .content #prev-next li span,
.black .journal .content #content-secondary #archives ul li a,
.black .journal .content #content-secondary #recent-entries ul li a:hover,
.black .journal .content #content-secondary #recent-entries ul li a:focus,
.black .journal .content .hentry .entry-content h1,
.black .journal .content .hentry .entry-content h2,
.black .journal .content .hentry .entry-content h3,
.black .journal .content .hentry .entry-content a {
	color: #fff;
}
.black .journal .content #content-secondary h2.heading {
	background-image: url(img/misc/archive.black.gif);
}
.black .journal .content .hentry .entry-meta p.comments a {
	background-position: 0 -15px;
}
.black .journal .content #commentform {
	background-color: #292929;
}
.black .journal .content #commentform label {
	color: #999;
}


/**
* =video
* --------------------------------------------------------------------------------------------------
*/
#content .video-js-box { text-align: left; position: relative; z-index: 6100; }
#content .video-js { background-color: #000; }

/* General controls styles */
#content .vjs-controls { display: none; list-style: none; margin: 0; padding: 0; position: absolute; z-index: 6100; height: 30px; opacity: 0.85; color: #fff; }
#content .vjs-controls > li { list-style: none; float: left; height: 25px; width: 25px; margin: 0 5px 0 0; padding: 0; text-align: center;
  background-color: #0B151A; border-radius: 5px; box-shadow: 0px 2px 2px #000;
  /* Webkit */
  -webkit-border-radius: 5px;
  background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  -webkit-box-shadow: 0px 1px 3px #000;
  /* Firefox */
  -moz-border-radius: 5px;
  background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;
  -moz-box-shadow: 0px 1px 3px #000;
}
#content .vjs-controls > li:last-child { margin-right: 0; }
#content .vjs-controls > li:first-child { margin-left: 5px; }

/* Play/Pause */
#content .vjs-play-control span { display: block; font-size: 0px; line-height: 0; text-decoration: none; }
#content .vjs-play-control.vjs-play span { width: 0; height: 0; margin: 8px 0 0 8px; border-top: 5px solid #273F3E; border-left: 10px solid #fff; border-bottom: 5px solid #112129; }
#content .vjs-play-control.vjs-pause span { width: 3px; height: 10px; margin: 8px auto 0; border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff; }

/* Progress */
#content .vjs-progress-control { width: 190px; }
#content .vjs-progress-control ul { list-style: none; margin: 0; padding: 0; }
#content .vjs-progress-control .vjs-progress-holder { list-style: none; position: relative; float: left; width: 100px; height: 9px; border: 1px solid #777; margin: 7px 0 0 5px; padding: 0; background-color: #112129; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#content .vjs-progress-control .vjs-play-progress { position: absolute; display: block; width: 0px; height: 9px; background: #fff;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
    background: -moz-linear-gradient(top,  #fff,  #777);
    }
#content .vjs-progress-control .vjs-load-progress { position: absolute; display: block; width: 0px; height: 9px; background-color: #777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#content .vjs-progress-control .vjs-progress-time { list-style: none; float: left; margin: 7px 0 0 5px; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif;  }

/* Volume */
#content .vjs-volume-control { width: 50px !important; }
#content .vjs-volume-control ul { display: block; margin: 0; padding: 4px 0 0 5px; list-style: none; }
#content .vjs-volume-control ul li { float: left; margin: 0; padding: 0; list-style: none; width: 5px; margin-right: 2px; height: 0px; border-bottom: 18px solid #555; }
#content .vjs-volume-control ul li:nth-child(1) { border-bottom-width: 2px; height: 16px; }
#content .vjs-volume-control ul li:nth-child(2) { border-bottom-width: 4px; height: 14px; }
#content .vjs-volume-control ul li:nth-child(3) { border-bottom-width: 7px; height: 11px; }
#content .vjs-volume-control ul li:nth-child(4) { border-bottom-width: 10px; height: 8px; }
#content .vjs-volume-control ul li:nth-child(5) { border-bottom-width: 14px; height: 4px; }

/* Fullscreen */
#content .vjs-fullscreen-control ul { list-style: none; margin: 5px 0 0 5px; padding: 0; width: 20px; height: 20px; text-align: left; vertical-align: top; }
#content .vjs-fullscreen-control ul li { list-style: none; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
#content .vjs-fullscreen-control ul li:nth-child(1) { margin: 0 3px 3px 0; border: none; border-top: 6px solid #fff; border-right: 6px solid #273F3E; }
#content .vjs-fullscreen-control ul li:nth-child(2) { border: none; border-top: 6px solid #fff; border-left: 6px solid #273F3E; }
#content .vjs-fullscreen-control ul li:nth-child(3) { clear: both; margin: 0 3px 0 0; border: none; border-bottom: 6px solid #fff; border-right: 6px solid #112129; }
#content .vjs-fullscreen-control ul li:nth-child(4) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid #112129; }
#content .vjs-fullscreen-control.vjs-fs-active ul li:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid #273F3E; }
#content .vjs-fullscreen-control.vjs-fs-active ul li:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid #273F3E; }
#content .vjs-fullscreen-control.vjs-fs-active ul li:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid #112129; }
#content .vjs-fullscreen-control.vjs-fs-active ul li:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid #112129; }


/**
* =ie6
* --------------------------------------------------------------------------------------------------
*/
* html #nav {
	left: 0;
}
* html #content .projects li h2,
* html #content .thumbnails li span,
* html #content .thumbnails li.active a span,
* html #content .thumbnails li.active a:hover span,
* html #content .thumbnails li.active a:focus span {
	position: relative; zoom: 1;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/misc/rgba0,0,0,0.5.png',sizingMethod='scale');
}
* html #content div.has-cycle-arrows ul.cycle-arrows li.previous a {
	background-image:  url(img/misc/previous.gif);
}
* html #content div.has-cycle-arrows ul.cycle-arrows li.next a {
	background-image: url(img/misc/next.gif);
}