@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:100,400);


body {
	background-color: #161616;
	background-image: url(../_media/backg/paper3.gif);
	background-repeat: repeat;
	max-width: 100%; }
body.scrolltop #menubar {
	transition-delay:2s;
	-webkit-transition: opacity 3s linear;
		 -moz-transition: opacity 3s linear;
			 	  transition: opacity 3s linear;
	opacity: 0.25;
}
#menubar:hover {
	-moz-transition: opacity 0.3s linear !important;
	-webkit-transition: opacity 0.3s linear !important;
	opacity: 0.95 !important;
	transition-delay: 0s !important; }
.phototoc {
	max-width: 100%;
	margin-right: 4%; }

h1{
	border-bottom-style: none;
	border-bottom-width: 0; }
heading, h1, h1 *, .subtitle a, h2, h2 *, .phototoc dt, .phototoc dt a {
	font-family: "Josefin Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Geneva, Swiss, SunSans-Regular;
	font-weight: 100; }

heading, h1 {
	font-size: 55px;
	text-indent: -5px;
	letter-spacing: 0.5pt;
	margin-top: 0.5em;
	margin-bottom: 0.5em; }
.subtitle a, h2 {
	letter-spacing: 1px;
	}

heading, h1, h2, h2 *, h3, h3 * {
	color: #909090;
	text-shadow: #000 2px 2px 2px; }
h2 a {
	color: #2e7dac; }
h2 a:hover {
	margin-bottom: 7px;
	border-bottom: 4px solid yellow !important; }
h2 .selected {
	margin-bottom: 7px; }
.selected {
	border-bottom: 1px solid yellow !important; }
.catinfo, #lightboxDetailsA {
	font-variant: small-caps; }
.phototoc .catinfo a:hover {
	margin-bottom: -4px;
	border-bottom: 4px solid yellow; }
.phototoc a.new {
	}
.apropos {
	border-bottom-color: #526378; }
.apropos + *, .apropos + ul + h3, .apropos + ul + h3 + ul {
	border-left-color: #526378; }
	
.banner {
	background: none;
	box-shadow:0 0 0 rgba(194, 194, 194, 0.1);
	-moz-box-shadow:0 0 0 rgba(194, 194, 194, 0.1);
	-webkit-box-shadow:0 0 0 rgba(194, 194, 194, 0.1);
	}

.cover {
	opacity: 0;
	-webkit-animation: fadeIn 2s 1;
	-moz-animation: fadeIn 2s 1;
	animation: fadeIn 2s 1;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards; }

.breadcrumb, .breadcrumb * 	{
	font-family: "Josefin Sans", "Helvetica Neue", Hevetica;
	background-image: none;
	text-indent: -3px;
	padding-left: 0; }
.subtitle {
	line-height: 140%;
	text-transform: none;
	letter-spacing: 1px;
	border-bottom-style: none;
	display: inline; }
.visualcue {
	position: fixed;
	top: 77px;
	right: 55px;
	float: right;
	display: block;
  	opacity:0;

	-webkit-animation-delay: 2s;
  	 -moz-animation-delay: 2s;
	-webkit-animation-duration: 4s;
	   -moz-animation-duration: 4s;
	-webkit-animation-name: visualcue;
	   -moz-animation-name: visualcue;
	}


.visualcue img {
	border: solid 1px white;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
	}


.article p, .article li, .article dt, .article dd, .intro p, .header p, .article blockquote p, .article blockquote li {
		color: #909090; }

/* iPad */
@media only screen and (max-device-width:1024px) {
	.visualcue { -webkit-animation-name: none; -moz-animation-name: none; }
	.article p, .article li, .article dt, .article dd, .article blockquote p, .article blockquote li, .intro p {
		color: #b2b2b2; }
}

/* iPhone */
@media only screen and (max-device-width: 640px)
{
	heading, h1, h1 *, .subtitle a, h2, h2 *, .phototoc dt, .phototoc dt a {
		font-weight: 300; }
	h1 					{
		font-size: 36px; }
	h2 					{
		xfont-size: 66px; }
}


/*–––– rules ––––*/
@-moz-keyframes fadeIn {
	from	{ opacity:0; }
	to		{ opacity:1; }
	}
@-webkit-keyframes fadeIn {
	from	{ opacity:0; }
	to		{ opacity:1; }
	}
@keyframes fadeIn {
	from	{ opacity:0; }
	to		{ opacity:1; }
	}

@-moz-keyframes fadeOut {
	from	{ opacity:1; }
	to		{ opacity:0; }
	}
@-webkit-keyframes fadeOut {
	from	{ opacity:1; }
	to		{ opacity:0; }
	}
@keyframes fadeOut {
	from	{ opacity:1; }
	to		{ opacity:0; }
	}

@-webkit-keyframes visualcue {
	from	{ opacity:0; }
	33%		{ opacity:0.9; }
	to		{ opacity:0; }
	}
@-moz-keyframes visualcue {
	from	{ opacity:0; }
	33%		{ opacity:0.9; }
	to		{ opacity:0; }
	}
@keyframes visualcue {
	from	{ opacity:0; }
	33%		{ opacity:0.9; }
	to		{ opacity:0; }
	}
	
blockquote.twitter-strip p,
.legal {
	background-color: #3e3e3e;
	background-image: none;
	border-right: 1px solid #323288;
	border-bottom: 1px solid #323288;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.04) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.04) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.04) inset; }
.legal, .legal *,
blockquote.twitter-strip p {
	color: #dbdbdb;
	text-shadow: none;
	}
	
blockquote.twitter-strip p {
	width: 33%;
	float: right;
	clear: none;
	margin-left: 3em;
	}
.header p {
	font-weight: 300;
	letter-spacing: 1pt;
	text-shadow: none; }
.header p:last-child	{
	border-top: 1px solid #3e3e3e; }
.tiles li {
	color: #bcbcbc;
	background-color: #1c222a; }
.nav {
	border-top: 0.5px solid #3e3e3e; }