/*
	Foundation (see also: basic.css)
	--------------------------------
*/
body { line-height: 1.618; }

.lte7 body { *font-size: small; } /* hack retained to preserve specificity */

pre, code, kbd, samp { font-family: "Andale Mono", "Lucida Console", monospace, sans-serif; } /* normalize monospace sizing */

html, body, select, input, textarea { color: rgb(34,34,34) } /* #222 looks better than black: http://twitter.com/H_FJ/statuses/11800719859 */

html { overflow-y: scroll } /* Always force a scrollbar in non-IE */


/*
	Headings (see also: basic.css)
	------------------------------
*/

header h1, header h1 a, header > nav, .photos-grid > h1, .nav-year ul > li > h2, .content section > h2, .container.photo-detail .breadcrumb a { /* LH = 21/13=1.618 | M = 13/1.618 = 8 */
	font-size: 13px; line-height: 1.618;
	margin-top: 5px; margin-bottom: 3px; }

.container.photo-detail article > header > h1 {
	font-size: 13px; line-height: 1.402;
	margin: 0;
	text-transform: none; }


/*
	Typography (see also: basic.css)
	--------------------------------
*/

header h1, header h1 a, header > nav a, .photos-grid h1, .nav-year ul > li > h2 a, .content section > h2, .content section dt, .biografie section ul em, p, .container.photo-detail .breadcrumb a, a.home {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal; }

h1, h2, h3, h4, h5, h6, header > nav a, .container > footer p, .container.photo-detail .breadcrumb a, a.home {
	text-transform: uppercase; }

header h1, header h1 a, header > nav a, .photos-grid h1, .nav-year ul > li > h2 a, .container.photo-detail .breadcrumb a, a.home {
	text-shadow: rgba(145,152,153,.4) -1px -1px 0; }

header h1 a:hover, header > nav a:hover, .nav-year ul > li:hover h2 a, .container.photo-detail .breadcrumb a:hover, a.home {
	text-shadow: none; }

/* Webfont loader, see: http://code.google.com/apis/webfonts/docs/webfont_loader.html */

/* Loading */
.wf-loading header h1, .wf-loading header h1 a, .wf-loading header > nav a, .wf-loading .photos-grid h1,
.wf-loading .nav-year ul > li > h2 a, .wf-loading .content section > h2, .wf-loading .content section, .wf-loading p,
.wf-loading .container.photo-detail .breadcrumb a,
.wf-loading a.home {
	visibility: hidden; }

/* Active */
.wf-active header h1, .wf-active header h1 a, .wf-active header > nav a, .wf-active .photos-grid h1,
.wf-active .nav-year ul > li > h2 a, .wf-active .content section > h2, .wf-active .content section, .wf-active p,
.wf-active .container.photo-detail .breadcrumb a,
.wf-active a.home {
	font-family: "myriad-pro-semi-condensed-1","myriad-pro-semi-condensed-2", Helvetica, Arial, sans-serif;
	visibility: visible; }

.wf-active header h1, .wf-active header h1 a, .wf-active header > nav a, .wf-active .photos-grid h1,
.wf-active .nav-year ul > li > h2 a, .wf-active .content section > h2,
.wf-active .container.photo-detail .breadcrumb a,
.wf-active a.home {  /* LH = 21/15=1.402 */
	font-size: 15px; line-height: 1.402;
	letter-spacing: .1em; }

.wf-active header h1, .wf-active header h1 a, .wf-active header > nav a, .wf-active .photos-grid h1,
.wf-active .nav-year ul > li > h2 a, .wf-active .content section > h2, .wf-active .content section dt, .wf-active .biografie section ul em,
.wf-active .container.photo-detail .breadcrumb a, .container.photo-detail article > footer > p,
.wf-active a.home {
	font-weight: 300; }

.wf-active .content section > p, .wf-active .content section dl p, .wf-active .content section dt, .wf-active .biografie section ul em, p {
	font-weight: 400; }

.wf-active .container.photo-detail article > footer > p {
	letter-spacing: .1em;
	line-height: 1.402; }

.wf-active .container > footer p {
	letter-spacing: .1em; }

/* Inactive */
.wf-inactive header h1, .wf-inactive header h1 a, .wf-inactive header > nav a, .wf-inactive .photos-grid h1,
.wf-inactive .nav-year ul > li > h2 a, .wf-inactive .content section > h2
.wf-inactive .content section dt, .wf-inactive .biografie section ul em, .wf-inactive p {  }


/*
	Links (see also: basic.css)
	---------------------------
*/

a, a:active, a:visited {
	color: rgb(255,255,255); text-decoration: none; }

.content section a, footer a {
	color: rgb(111,119,120); }

/*
	Layout
	------
*/

body {
	background: rgb(158,167,168) url("skin/bg-circular-gradient.png") 50% 325px no-repeat;
	color: rgb(255,255,255);}

/* Postioning relative */
header, nav, section, article, figure, aside, footer, .container, .content, .nav-year ul > li {
	position: relative; }

img {
	max-width: 100%;
	height: auto; }

.lte8 img { width: 100%; }


/*	Max width 982px (1024px) default layout for desktops and laptops (DEFAULT)
	---------------------------------------------------------------------------------------------------------------- */
.container {
	margin: 28px auto 0;
	width: 538px; }

header > h1, .photos-grid > h1, .content header > h1, .nav-year ul > li > h2 {
	margin: 0 0 8px 0; }

/* Header, main navigation */
.container > header {
	width: 100%;
	position: absolute;
	top: 309px; }

	.container > header > h1, header > nav {
		position: absolute; }

	.container > header > h1 {
		margin: 0 8px 0 0;
		text-align: right;
		width: 220px;
		right: 100%; }

		.container > header > h1 a {
			padding: 6px; }

	.container > header > nav {
		margin: 0 0 0 8px;
		position: absolute;
		left: 100%;
		width: 176px; }

	.lte8 .container > header > nav {
		width: 180px; }

		.container > header > nav li {
			float: left; }

		.container > header > nav li:first-child {
			margin-right: 2px; }

			.container > header > nav li > a {
				padding: 6px; }

			.lte8 .container > header > nav li > a {
				padding: 3px; }

/* Bread Crumb */
.breadcrumb {
	text-align: left; }
section.content > article > a,
section.content > article > header {
	display: inline-block;
}
.container.photo-detail .breadcrumb span, section.content > article > span  {
	background: url(skin/nav-arrows.png) no-repeat 100% 0;
	height: 9px;
	width: 9px;
	display: inline-block;
}
.container.photo-detail .breadcrumb span {
	margin: 0 3px 0 2px; }
	
section.content > article > span {
	margin: 0 3px 0 6px;
	}

/* Photos grid */
.photos-grid {
	margin: 0 auto;
	width: 100%; }

	.photos-grid > ul {
		background: rgb(168,176,178) url(skin/grid-lines-dark-90.png) left top repeat;
		list-style: none;
		margin: 0;
		width: 538px;
		height: 538px; }

		.photos-grid.archive > ul {
			height: auto;}

		.photos-grid > ul li {
			border-right: 2px solid transparent;
			border-bottom: 2px solid transparent;
			display: inline;
			float: left;
			width: 88px;
			height: 88px; }

		.photos-grid > ul li:nth-child(6n+6) { border-right-width: 0; }
		.photos-grid > ul li:nth-child(1n+31) { border-bottom-width: 0; }

			.photos-grid > ul li img {
				float: left; }

			.photos-grid > ul li a:hover img {
				outline: 2px solid rgb(131,139,140); }

	.photos-grid.archive h2 {
		background-color: rgba(255,255,255,0.6);
		width: 100px;
		height: 100px;
		text-align: center;
		position: absolute;
		top: 0;
		z-index: 2;
	}
	.photos-grid.archive h2 a {
		display: block;
		height: 100%;
	}

/* Intro photo */
.photos-grid img.intro {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 538px;
	height: 538px; }

/* Photo details */
.container.photo-detail {
	width: 742px;
	text-align: center;
	margin-left: auto;
	margin-right: auto; }

	.container.photo-detail header {
		display: none; }

	.container.photo-detail > section > article > a {
		display: block;
		background-color: #a6b0b2;
		overflow: hidden;
		height: 538px; }
		.container.photo-detail > section > article > a span {
			vertical-align: middle;
			height: 100%;
			width: 0;
			overflow: hidden;
			font-size: 0;
			margin-left: -4px;
			display: inline-block;
		}

		.container.photo-detail >section > article > a > img {
			max-height: 538px;
			vertical-align: middle;
			width: auto;}

	.container.photo-detail article > header,
	.container.photo-detail article > footer {
		height: 0;
		overflow: visible;
		width: 370px;
		margin: 0;
		top: 11px; }
		.container.photo-detail article > footer > p {
			margin: 0 0 16px 0;
			padding: 0; }

		.container.photo-detail article > footer > p:nth-child(2) {
			margin-top: -12px ; }
			
			.container.photo-detail article > footer a {
				text-decoration: underline;
				color: #fff;
				
			}

	.container.photo-detail article > header,
	.container.photo-detail article > footer,
	.container.photo-detail > a {
		text-align: left; }

		.container.photo-detail .breadcrumb {
			margin: 0 0 8px 102px;}
	
		.container.photo-detail .nav-year {
			position: relative;
			left: auto;
			right: auto;
			top: 14px;
			padding-bottom: 28px;
			float: right;
			width: auto; }

			.container.photo-detail .nav-year ul > li {
				position: static; }

				.container.photo-detail .nav-year ul > li > h2 {
					display: none; }

		.container.photo-detail .next-prev {
			top: 100px;}

		.container.photo-detail > footer {
			display: none; }

/* Content pages (Biografie, Contact) */
.content section {
	background: rgb(255,255,255) url(skin/grid-lines-light-90.png) left top repeat;
	color: rgb(111,119,120);
	min-height: 358px;
	padding: 90px; }
  
  .biografie section ul {
    list-style: none;
    margin-left: 0;
  }
  
  .biografie section ul li {
    position: relative;
    padding-left: 6em;
  }
  
  .biografie section ul em {
    color: rgb(158,165,167);
    font-style: normal;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
  }

	.content section dt {
		clear: left;
		color: rgb(158,165,167);
		float: left; }

	.content section dd {
		margin: 0;
		padding-left: 3.236em; } /* 2.427em */

		.content section dd p {
			margin-bottom: 0; }

	.content section > .vcard .adr {
		margin-bottom: 1em;}

	.content section > .vcard abbr {
		margin-right: 7px; }

/* Year navigation */
.nav-year, .next-prev {
	position: absolute;
	top: 119px;
	left:0;
	width: 100%; }

	.nav-year ul > li, .next-prev > ul > li {
		position: absolute; }

		.nav-year ul > li > h2 {
			position: absolute;
			top: -29px;
			left: 0;
			z-index: 2; }

			.photos-grid + .nav-year ul > li > h2,
			.photos-grid + .nav-year ul > li > h2 > a {
				float: left;
				width: 88px;
				height: 117px; }

		.nav-year ul > li:hover > h2 > a {
			color: rgb(111,119,120); }

			.nav-year ul > li:hover > ul > li a {
				border-color: rgb(131,139,140); }

			.photo-detail .nav-year ul > li:hover > ul > li a {
				border-color: rgb(197,206,208); }

		.nav-year ul > li > ul {
			background: transparent url(skin/nav-year-empty-15.png) left top repeat;
			width: 88px;
			height: 88px; }

			.nav-year ul > li > ul > li {
				float: left;
				position: relative; }

				.nav-year ul > li > ul > li a {
					background: rgb(158,167,168);
					border: 1px solid rgb(197,206,208);
					margin: 0 2px 2px 0;
					width: 11px;
					height: 11px; }

				.nav-year ul > li > ul > li:nth-child(6n+6) a {
					margin-right: 0; }

					.nav-year ul > li > ul > li a:visited {
						background: rgb(197,206,208); }

					.photo-detail .nav-year ul > li > ul > li a:hover,
					.photo-detail .nav-year ul > li > ul > li a:visited:hover {
						border-color: rgb(131,139,140); }

				.photo-detail .nav-year ul > li > ul > li.selected a {
					background: rgb(197,206,208);
					border-color: rgb(255,255,255); }

					.photo-detail .nav-year ul > li > ul > li.selected a:hover {
						background: rgb(197,206,208);
						border-color: rgb(131,139,140); }

		.nav-year.sets-left-1 ul > li.set-left-1,
		.next-prev.sets-left-1 li.prev,
		.next-prev.sets-left-2 li.prev { left: -102px; }
		.nav-year.sets-left-2 ul > li.set-left-1 { left: -102px; }
		.nav-year.sets-left-2 ul > li.set-left-2 { left: -204px; }

		.nav-year.sets-right-1 ul > li.set-right-1,
		.next-prev.sets-right-1 li.next,
		.next-prev.sets-right-2 li.next { right: -102px; }
		.nav-year.sets-right-2 ul > li.set-right-1 { right: -204px; }
		.nav-year.sets-right-2 ul > li.set-right-2 { right: -102px; }

		.nav-year.sets-left-2 ul > li.set-left-2,
		.nav-year.sets-right-2 ul > li.set-right-1 {
			display: none; }

/* Next, previous navigation */
.next-prev {
	width: 100%;
	position: absolute; }

	.photo-detail .next-prev {
		z-index: 1; }

	.next-prev li {
		width: 44px;
		height: 88px; }

	.next-prev li.next {
		margin-right: -55px;
		right: 0; }

	.next-prev li.prev {
		margin-left: -55px;
		left: 0; }

		.next-prev li a {
			background: transparent url(skin/nav-arrows.png) -29px 35px no-repeat;
			height: 100%; }

		.next-prev li.prev a { background-position: 17px 35px; }

		.next-prev li a:hover { background-position: -29px -106px; }
		.next-prev li.prev a:hover { background-position: 17px -106px; }

/* Footer */
.container > footer {
	margin: 8px 0;
	clear: both; }

.container > footer, .container > footer a {
	color: rgb(111,119,120); }

	.container > footer p {
		margin-bottom: 0; }

	.container > footer p:first-child {
		float: left;}

	.container > footer p:last-child {
		float: right;}

		.container > footer p:last-child a {
			margin-left: .809em; }
			
			

/*	Style adjustments for iPad in landscape + portrait mode goes here
	-------------------------------------------------------------- */
@media only screen and (device-width: 768px) {

	body { -webkit-text-size-adjust: 115%; }

	header h1, header > nav, .photos-grid h1, .nav-year ul > li > h2 a, .content section > h2, .content section dt, .biografie section ul em, p {
		font-weight: 400; }

	.container.photo-detail article > footer p {
		line-height: 1.3; }
				.container.photo-detail > section > article > a span {
					margin-left: -5px;
				}

}	/* END @media iPad Landscape + Portriat


/*	Style adjustments for iPad in landscape mode goes here
	--------------------------------------------------- */
@media only screen and (device-width: 768px) and (orientation: landscape) {



	body {
		background-position: 50% 329px;
		max-width: 1024px; }

		.container.photo-detail .nav-year,
		.container.photo-detail footer p.story {display: none; }

		.container.photo-detail >section > article > a {

			}

}	/* END @media iPad Landscape */


/*	Max width 768px; default layout for iPad in portrait view
	-------------------------------------------------------------------------------- */
@media only screen and (device-width: 768px) and (orientation: portrait) {

	body {
		background-position: 50% 390px;
		width: 768px; }

	.container {
		margin-top: 50px;
		width: 354px; }

	.container.photo-detail {
		margin-top: 10px; }

	.container.photo-detail {
		width: 658px; }

		.container.photo-detail >section > article > a {

			height: 610px; }

			.container.photo-detail >section > article > a > img {
				max-height: 610px;
				width: auto;}

	.container > header {
		top: -40px; }

		.container > header > h1 {
			margin: 0;
			text-align: left;
			left: -197px; }
			
				.container.photo-detail .breadcrumb {
					margin-left: 0;} /*TODO*/

		.container > header > nav {
			margin: 0;
			text-align: right;
			left: auto;
			right: -206px; }

	.photos-grid > ul {
		width: 358px;
		height: 808px; }

		.photos-grid > ul li:nth-child(6n+6) { border-right-width: 2px; }
		.photos-grid > ul li:nth-child(4n+4) { border-right-width: 0; }

		.photos-grid > ul li:nth-child(1n+31) { border-bottom-width: 2px; }
		.photos-grid > ul li:nth-child(1n+33) { border-bottom-width: 0; }

	.content {
		width: 538px;
		margin-left: -90px; }

		.content section {
			min-height: 628px;
			padding: 90px; }

	.nav-year, .next-prev {
		position: absolute;
		top: 119px;
		left:0;
		width: 100%; }

	.container > footer {
		margin-bottom: 24px;
		width: 538px;
		top: 14px; }

	.container > footer p:first-child {
		left: -191px; }

	.container > footer p:last-child {
		right: -7px; }


}	/* END @media iPad Portrait */


/*	Show outer year navigation sets, when viewport is wider than treshhold
	-------------------------------------------------------------------------------- */
@media only screen and (min-width: 1060px) {
	.container.photo-detail {
		width: 946px; }

		.container.photo-detail article > header,
		.container.photo-detail article > footer,
		.container.photo-detail .nav-year {
			margin: 0 102px; }

	.nav-year.sets-left-2 ul > li.set-left-2,
	.nav-year.sets-right-2 ul > li.set-right-1 {
		display: block; }

	.next-prev.sets-left-2 li.prev { left: -204px; }
	.next-prev.sets-right-2 li.next { right: -204px; }

	.container.photo-detail .breadcrumb {
		margin-left: 204px; }

		

}


/*	max width 1174px (1280px) wider layout for desktops and laptops
	---------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1174px) {

	body {
		background-position: 50% 343px; }

	.container {
 		width: 574px;}

 	.container.photo-detail {
		width: 1006px; }

	.container.photo-detail >section > article > a {

		height: 574px; }

		.container.photo-detail >section > article > a > img {
			max-height: 574px; }

		.container.photo-detail article > footer,
		.container.photo-detail .nav-year {
			margin: 0 108px; }

 		.container > header {
			top: 326px; }

		.container.photo-detail .breadcrumb {
			margin-left: 216px; }

			.container.photo-detail article > footer {
				width: 394px; }

	.photos-grid img.intro {
		width: 574px;
		height: 574px; }

	.photos-grid > ul{
		background-image: url(skin/grid-lines-dark-96.png);
		width: 574px;
		height: 574px;}

	.photos-grid > ul li {
		width: 94px;
		height: 94px; }

	.content section {
		background-image: url(skin/grid-lines-light-96.png);
		padding: 96px; }

	.nav-year, .next-prev {
		top: 125px; }

		.nav-year ul > li > ul {
			background: transparent url(skin/nav-year-empty-16.png) left top repeat;
			width: 94px;
			height: 94px; }

			.photos-grid + .nav-year ul > li > h2,
			.photos-grid + .nav-year ul > li > h2 > a {
				width: 94px;
				height: 123px;}

			.nav-year ul > li > ul > li a {
				width: 12px;
				height: 12px; }

		.nav-year.sets-left-1 ul > li.set-left-1,
		.next-prev.sets-left-1 li.prev { left: -108px; }
		.nav-year.sets-left-2 ul > li.set-left-1 { left: -108px; }
		.nav-year.sets-left-2 ul > li.set-left-2,
		.next-prev.sets-left-2 li.prev { left: -216px; }

		.nav-year.sets-right-1 ul > li.set-right-1,
		.next-prev.sets-right-1 li.next { right: -108px; }
		.nav-year.sets-right-2 ul > li.set-right-1,
		.next-prev.sets-right-2 li.next { right: -216px; }
		.nav-year.sets-right-2 ul > li.set-right-2 { right: -108px; }

	.next-prev li {
		height: 94px; }

		.next-prev li a { background-position: -29px 38px; }
		.next-prev li.prev a { background-position: 17px 38px; }

		.next-prev li a:hover { background-position: -29px -103px; }
		.next-prev li.prev a:hover { background-position: 17px -103px; }

}	/* END @media Width >= 1342 */


/*	Max width 1342px (1342px) wider layout for desktops and laptops
	---------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1342px) {

	body {
		background-position: 50% 361px; }

	.container {
 		width: 610px;}

 	.container.photo-detail {
		width: 1066px; }

		.container.photo-detail >section > article > a {

			height: 610px; }

		.container.photo-detail >section > article > a > img {
			max-height: 610px; }

		.container.photo-detail .breadcrumb {
			margin-left: 228px; }

		.container.photo-detail article > footer,
		.container.photo-detail .nav-year {
			margin: 0 114px; }
			
		.container.photo-detail article > footer {
			width: 418px; }

		.container > header {
			top: 345px;}

	.photos-grid img.intro {
		width: 610px;
		height: 610px; }

	.photos-grid > ul{
		background-image: url(skin/grid-lines-dark-102.png);
		width: 610px;
		height: 610px;}

	.photos-grid > ul li {
		width: 100px;
		height: 100px; }

	.content section {
		background-image: url(skin/grid-lines-light-102.png);
		padding: 102px; }

	.nav-year, .next-prev {
		top: 131px; }

		.nav-year ul > li > ul {
			background: transparent url(skin/nav-year-empty-17.png) left top repeat;
			width: 100px;
			height: 100px; }

			.photos-grid + .nav-year ul > li > h2,
			.photos-grid + .nav-year ul > li > h2 > a {
				width: 100px;
				height: 129px;}

			.nav-year ul > li > ul > li a {
				width: 13px;
				height: 13px; }

		.nav-year.sets-left-1 ul > li.set-left-1,
		.next-prev.sets-left-1 li.prev { left: -114px; }
		.nav-year.sets-left-2 ul > li.set-left-1 { left: -114px; }
		.nav-year.sets-left-2 ul > li.set-left-2,
		.next-prev.sets-left-2 li.prev { left: -228px; }

		.nav-year.sets-right-1 ul > li.set-right-1,
		.next-prev.sets-right-1 li.next { right: -114px; }
		.nav-year.sets-right-2 ul > li.set-right-1,
		.next-prev.sets-right-2 li.next { right: -228px; }
		.nav-year.sets-right-2 ul > li.set-right-2 { right: -114px; }

	.next-prev li {
		height: 100px; }

		.next-prev li a { background-position: -29px 41px; }
		.next-prev li.prev a { background-position: 17px 41px; }

		.next-prev li a:hover { background-position: -29px -100px; }
		.next-prev li.prev a:hover { background-position: 17px -100px; }

}	/* END @media Width >= 1342 */



/*	Max height; smaller height viewport for desktops and laptops
	-------------------------------------------------------------------------------- */
@media only screen and (max-height: 620px) {

	body { background-position: 50% 311px; }
	.container { margin-top: 14px; }
	footer { margin-bottom: 0; }

}	/* END @media max-height */

@media only screen and (max-height: 606px) {

	body { background-position: 50% 302px; }
	.container { margin-top: 5px; }
	footer { margin-bottom: 0; }

}	/* END @media max-height */

@media only screen and (max-height: 658px) and (min-width: 1174px) {

	body { background-position: 50% 329px; }
	.container { margin-top: 14px; }

}	/* END @media max-height */

@media only screen and (max-height: 642px) and (min-width: 1174px) {

	body { background-position: 50% 322px; }
	.container { margin-top: 7px; }

}	/* END @media max-height */

@media only screen and (max-height: 692px) and (min-width: 1342px) {

	body { background-position: 50% 347px; }
	.container { margin-top: 14px; }

}	/* END @media max-height */

@media only screen and (max-height: 680px) and (min-width: 1342px) {

	body { background-position: 50% 340px; }
	.container { margin-top: 7px; }

}	/* END @media max-height */


/*
	Form elements
	-------------
*/

.ie7 legend { margin-left: -7px; } /* Fixes position of legend in IE 6/7 */

.ie7 input[type="checkbox"] { vertical-align: baseline; } /* Align checkboxes, radios, text inputs with their label (http://tjkdesign.com/ez-css/css/base.css) */

input:invalid, textarea:invalid {
	border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
 -webkit-box-shadow: 0px 0px 5px red;
		 box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: rgb(240,221,221); }


/*
	Miscellaneous
	-------------
*/

::-moz-selection { /* No text-shadow: http://twitter.com/miketaylr/status/12228805301 */
    background: rgb(157,182,190);
    color: rgb(255,255,255);
    text-shadow: none; }

::selection {
    background: rgb(157,182,190);
    color: rgb(255,255,255);
    text-shadow: none; }

button { /* Make buttons play nice in IE (http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/) */
    width: auto;
    overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic } /* Bicubic resizing for non-native sized IMG (http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/) */

.col { /* Equal height columns for when you want your containers to have the same height (http://www.ejeliot.com/blog/61) */
	margin-bottom: -1000px;
	padding-bottom: 1000px; }


/*
	Hide elements
	-------------
*/

.hidden { /* Hide for both screenreaders and browsers (http://css-discuss.incutio.com/wiki/Screenreader_Visibility) */
    display: none;
    visibility: hidden; }

.visuallyhidden, /* Hide only visually, but have it available for screenreaders (http://www.webaim.org/techniques/css/invisiblecontent/, solution from: http://j.mp/visuallyhidden) */
.vcard .adr > em, .vcard .adr > .type, .vcard .adr > .country-name,
.vcard .type,
.photo-detail > header > nav {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px); }

.lte7 .visuallyhidden,
.lte7 .vcard .adr > em, .lte7 .vcard .adr > .type, .lte7 .vcard .adr > .country-name,
.lte7 .vcard .type,
.lte7 .photo-detail > header {
	clip: rect(1px 1px 1px 1px); } /* Depreciated syntax (space delimiters, no comma delimiters) for IE6/7 */

.invisible { visibility: hidden } /* Hide visually and from screenreaders, but maintain layout */


/*
	(Reusable) Image Replacement
	----------------------------
*/

.ir,
.nav-year li > ul > li a,
.next-prev li > a,
.photo-detail .breadcrumb span,
.content > article > span {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr; }


/*
	Clearfix Reloaded (http://bit.ly/clearfix-reloaded)
	---------------------------------------------------
*/

.clearfix:before, .clearfix:after, .row:before, .row:after,
.photos-grid > ul:before, .photos-grid > ul:after,
.nav-year ul:before, .nav-year ul:after,
.content section dl:before, .content section dl:after,
.container.photo-detail article:before, .container.photo-detail article:after,
footer:before, footer:after  {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden; }

.clearfix:after, .row:after,
.photos-grid > ul:after,
.nav-year ul:after,
.content section dl:after,
.container.photo-detail article:after,
footer:after {
	clear: both; }

.lte7 .clearfix, .lte7 .row,
.lte7 .photos-grid > ul,
.lte7 .nav-year ul,
.content section dl,
.container.photo-detail article,
footer { zoom: 1; } /* IE6/7 */

.show-small {
  display: none !important;
}

/*
	Print styles
	------------
*/

@media print {

	* {
		color: rgb(34,34,34);
		background: transparent !important;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10pt;
		letter-spacing: .2pt;
		line-height: 1.4;
		margin: 0 !important;
		padding: 0 !important;
		text-shadow: none !important;
		width: 100% !important;
		word-spacing: 1.1pt; }

	h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; }

	h1 { font-size: 18pt; }
	h2 { font-size: 15pt; }
	h3 { font-size: 13pt; }
	h4, h5, h6 { font-size: 11pt; }

 	p, h2, h3 { orphans: 3; widows: 3; }
 	h2, h3 { page-break-after: avoid; }

	pre, blockquote {
		border: 1px solid rgb(153,153,153);
		margin: 1.5em;
		padding: 1em;
		page-break-inside: avoid; }
	hr { background-color: rgb(204,204,204); }

	@page { margin: 0.5cm; }
	.pagebreak { display: block; page-break-after: always; } /* Page break (define page breaks in HTML for print (add class 'pagebreak')) */

	img { page-break-inside: avoid; } /* Images (basic styling of images for print) */
	a img { border: none; }

 	a, a:visited { /* Styling of links (anchors) in print */
		color: rgb(51,51,51) !important;
		text-decoration: underline; }

 	a:after { content: " (" attr(href) ")"; }
	abbr:after { content: " (" attr(title) ")"; }

	.ir a:after { content: ""; } /* Don't show links for images (refers to image replacement (.ir) class) */

	table { /* Tables (basic table styling for print) */
		margin: 1px;
		text-align: left; }

	th {
		border-bottom: 1px solid rgb(51,51,51);
		font-weight: bold; }

	td { border-bottom: 1px solid rgb(51,51,51); }
	th, td { padding: 4px 10px 4px 0; }
	tfoot { font-style: italic; }

	caption {
		background: rgb(255,255,255);
		margin-bottom: 2em;
		text-align: left; }

	thead { display: table-header-group; } /* http://css-discuss.incutio.com/wiki/Printing_Tables */
	tr { page-break-inside: avoid; }

}	/* END @media Print */