/* =============================================================================
   Fonts
   ========================================================================== */


@font-face {
	font-family: 'NTBook';
	src: url('fonts/nt-book-webfont.eot');
	src: url('fonts/nt-book-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/nt-book-webfont.woff') format('woff'),
	     url('fonts/nt-book-webfont.ttf') format('truetype'),
	     url('fonts/nt-book-webfont.svg#NTBook') format('svg');
}

@font-face {
	font-family: 'NTLight';
	src: url('fonts/nt-light-webfont.eot');
	src: url('fonts/nt-light-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/nt-light-webfont.woff') format('woff'),
	     url('fonts/nt-light-webfont.ttf') format('truetype'),
	     url('fonts/nt-light-webfont.svg#NTLLight') format('svg');
}

@font-face {
	font-family: 'NTBold';
	src: url('fonts/nt-bold-webfont.eot');
	src: url('fonts/nt-bold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/nt-bold-webfont.woff') format('woff'),
	     url('fonts/nt-bold-webfont.ttf') format('truetype'),
	     url('fonts/nt-bold-webfont.svg#NTBold') format('svg');
}

@font-face {
	font-family: 'NTDemi';
	src: url('fonts/nt-demi-webfont.eot');
	src: url('fonts/nt-demi-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/nt-demi-webfont.woff') format('woff'),
	     url('fonts/nt-demi-webfont.ttf') format('truetype'),
	     url('fonts/nt-demi-webfont.svg#NTLDemi') format('svg');
}

@font-face {
	font-family: 'NDThin';
	src: url('fonts/nd-thin-webfont.eot');
	src: url('fonts/nd-thin-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/nd-thin-webfont.woff') format('woff'),
	     url('fonts/nd-thin-webfont.ttf') format('truetype'),
	     url('fonts/nd-thin-webfont.svg#NDThin') format('svg');
}

/* =============================================================================
   Basics
   ========================================================================== */

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}

html {
	overflow:auto;
}

body {
	background: #000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	color: #eee;
	font-size: 11px;
	line-height: 1em;
	height:100%;
}

body.black-on-white {
	background: #fff;
	color:#121212;
}

/* =============================================================================
   Links
   ========================================================================== */

body a,
body a:link,
body a:visited,
body a:focus,
body a:active,
body a:hover {
	color: #eee;
}

body a:hover {
	color: #bebebe;
}

body.black-on-white a,
body.black-on-white a:link,
body.black-on-white a:visited,
body.black-on-white a:focus,
body.black-on-white a:active,
body.black-on-white a:hover {
	color: #121212;
}

body.black-on-white a:hover {
	color: #404040;
}

/* =============================================================================
   Logo & Titles
   ========================================================================== */

body #site-logo {
	z-index:10000;
	width: 221px;
	height: 44px;
	display: block;
	position:fixed !important;
	position: absolute;
	top:30px;
	left:30px;
	background: transparent url('../img/logo-white.png') no-repeat 0 0;
}

body.black-on-white #site-logo {
	background-image: url('../img/logo-black.png');
}

body.overlay-visible #site-logo {
	background-image: url('../img/logo-white.png');
}

body #logo-big {
	z-index:10000;
	width: 948px;
	height: 184px;
	display: block;
	position:fixed !important;
	position: absolute;
	top:0;
	left:0;
	background: transparent url('../img/logo-white-big.png') no-repeat 0 0;
}

body.black-on-white #logo-big {
	background-image: url('../img/logo-black-big.png');
}

#site-title,
#site-description {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* =============================================================================
   UI Elements
   ========================================================================== */

#site-overlay,
#status {
	display:none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:#000;
}

#status {
	text-align:center;
	font-weight:bold;
	background:transparent;
}

#status.error {
	z-index:99999;
	display:block;
}

#status.loading {
	z-index:-9999;
	display:block;
	background:transparent url('../img/progress-white.gif') center center no-repeat;
}

body.black-on-white #status.loading {
	background-image:url('../img/progress-black.gif');
}

#next, #prev {
	z-index:1000;
	position:fixed !important;
	position:absolute;
	bottom:155px;
	width:110px;
	height:29px;
	left:30px;
}

#next {
	left:155px;
	background: transparent url('../img/arrow-right-white.png') left center no-repeat;
}

body.black-on-white #next {
	background-image: url('../img/arrow-right-black.png');
}

#prev {
	background: transparent url('../img/arrow-left-white.png') right center no-repeat;
}

body.black-on-white #prev {
	background-image: url('../img/arrow-left-black.png');
}

#see-all,
#slides-index,
#fullscreen-toggle,
#slideshow-toggle {
	z-index:1000;
	position:fixed !important;
	position:absolute;
	bottom:115px;
	right:30px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-size:10px;
	font-family: "NTDemi", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

#slides-index {
	font-family: "NTLight", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	color: #eee;
	font-size:12px;
	right:20px;
	bottom:310px;
	width:59px;
	height:1em;
	text-align:center;
}

body.black-on-white #slides-index {
	color: #121212;
}

#see-all {
	margin-top:24px;
	bottom:210px;
	width:39px;
	height:85px;
}

#see-all span {
	position:absolute;
	top:0px;
	width:39px;
	height:55px;
	background:transparent url('../img/see-all-white.png') 0 8px no-repeat;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

body.black-on-white #see-all span {
	background-image:url('../img/see-all-black.png');
}

body.black-on-white #see-all,
body.black-on-white #see-all span {
	border-color:#121212;
}

#slideshow-toggle {
	bottom:101px;
}

#slide-title,
#slide-subtitle {
	z-index:1000;
	position:fixed !important;
	position:absolute;
	bottom:40px;
	right:30px;
	text-transform:uppercase;
	font-size:15px;
	min-width:300px;
	text-align:right;
	white-space:nowrap;
	letter-spacing:1px;
	font-family: "NTDemi", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

#slide-title {
	bottom:60px;
}

/* =============================================================================
   Menus
   ========================================================================== */

nav.portfolio_left,
nav.portfolio_right {
	z-index:1000;
	position:fixed !important;
	position:absolute;
	bottom:40px;
	left:30px;
	height:85px;
	width:110px;
	text-transform:uppercase;
	text-align:right;
	font-size:15px;
	line-height:18px;
	letter-spacing:1px;
	font-family: "NTBook", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

nav.portfolio_right {
	left:155px;
	text-align:left;
	font-family: "NTDemi", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

/* =============================================================================
   Page Content
   ========================================================================== */

article {
	position:fixed !important;
	position:absolute;
	top:0;
	left:0;
	width:320px;
	height:540px;
	z-index:1000;
}

article.imprint {
	width:370px;
}

article.contact {
	width:450px;
}

article .post-title {
	font-size:90px;
	line-height:100px;
	letter-spacing:.1em;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	font-family: "NDThin", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	margin:0 0 50px 0;
}

article .post-content {
	font-size:11px;
	line-height:1.6em;
}

article .post-content h2,
article .post-content h3,
article .post-content h4,
article .post-content h5,
article .post-content h6 {
	text-transform:uppercase;
	font-size:14px;
	font-family: "NTLight", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	letter-spacing:1px;
	margin:0 0 15px 0;
}

article .post-content p,
article .post-content address {
	text-align:justify;
	margin:0 0 15px 0;
}

article .post-content hr {
	margin:50px 0 30px 0;
}

article .post-content .alignleft {
	float:left;
	margin:0 20px 20px 0;	
}

article .post-content .alignright {
	float:right;
	margin:0 0 20px 20px;	
}

article .post-content div.alignright,
article .post-content div.alignleft {
	margin:0 0 20px 0;
}

article .post-content .aligncenter {
	display:block;
	margin:0 auto 20px auto;
}

article .post-content .alignnone {
	margin:0 20px 20px 20px;
}

article div.post-lang {
	margin: 0 0 20px 0;
	text-align: center;
	text-transform: uppercase;
}

article div.post-lang .active {
	opacity: .65
}

article div.post-lang .divider {
	margin: 0 8px;
}

/* =============================================================================
   Videos
   ========================================================================== */

#video {
	z-index:1000;
	position:fixed !important;
	position:absolute;
	width:600px;
	height:448px;
}


/* =============================================================================
   Gallery
   ========================================================================== */

#supersized-loader {
	position:fixed !important;
	position:absolute;
	top:40px !important;
	right:20px !important;
	z-index:0;
	width:60px;
	height:60px;
	margin:-30px 0 0 -30px;
	text-indent:-999em;
	background:transparent url(../img/progress-white.gif) no-repeat center center;
}

body.black-on-white #supersized-loader {
	background-image:url(../img/progress-black.gif);
}

#supersized {
	display:block;
	position:fixed;
	left:0;
	top:0;
	overflow:hidden;
	z-index:-999;
	height:100%;
	width:100%;
}

#supersized img {
	width:auto;
	height:auto;
	position:relative;
	display:none;
	outline:none;
	border:none;
}

#supersized.page-type-page img,
#supersized.page-type-home img {
	opacity:.3;
}

#supersized.speed img {
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}

#supersized.quality img {
	-ms-interpolation-mode:bicubic;
	image-rendering: optimizeQuality;
}

#supersized li {
	display:block;
	list-style:none;
	z-index:-30;
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#supersized a {
	width:100%;
	height:100%;
	display:block;
}

#supersized li.prevslide {
	z-index:-20;
}

#supersized li.activeslide {
	z-index:-10;
}

#supersized li.image-loading {
	background:transparent url(../img/progress-white.gif) no-repeat center center;
	width:100%;
	height:100%;
}

body.black-on-white #supersized li.image-loading {
	background-image:url(../img/progress-black.gif);
}

#supersized li.image-loading img {
	visibility:hidden;
}

#supersized li.prevslide img, #supersized li.activeslide img {
	display:inline;
}

#thumb-container {
	display:none;
	z-index:10000;
	position:fixed !important;
	position:absolute;
	width:700px;
	min-height:475px;
}

#thumb-tray {
	position:relative;
	top:0;
	left:0;
	width:700px;
	height:475px;
	overflow:hidden;
}

#thumb-prev,
#thumb-next {
	float:left;
	width:101px;
	height:18px;
	background: transparent url('../img/arrow-left-white.png') center center no-repeat;
	margin:30px 0 0 10px;
}

#thumb-next {
	float:right;
	background-image:url('../img/arrow-right-white.png');
	margin:30px 10px 0 0;
}

#thumb-index {
	display:block;
	text-align:center;
	font-size:15px;
	line-height:18px;
	letter-spacing:1px;
	font-family: "NTBook", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	margin:30px 120px 0 120px;
	color:#eee;
}

#thumb-list {
	position:absolute;
	top:0;
	left:0;
	width:710px;
}

#thumb-list li {
	float:left;
	margin:10px;
	width:120px;
	height:75px;
	opacity:.6;
}

#thumb-list li img {
	cursor:pointer;
	border:1px solid rgba(128,128,128,.6);
}

#thumb-list li:hover,
#thumb-list li.current-thumb {
	opacity:1;
}