html, body { height: 100%; }

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	text-shadow: 1px 1px 2px #222;
	margin: 0;
}

.photo, .nav_home img {
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.outer {
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin: 0 auto -1.3em;
	border: 1px solid transparent;
}

.inner {
	margin: 3% auto 5em;
	width: 80%;
	min-width: 32em;
	max-width: 51em;
}

footer {
	font-size: .75em;
	text-align: center;
}

h1 {
	font-size: 2.5em;
	display: inline;
}

body, h1 a:hover, td a:hover, a.thumbs_icon:hover { background: #333; }

h2 {
	font-size: 1.95em;
	display: inline;
	font-style: italic;
	color: #1e1e1e;
	text-shadow: none;
}

h3 {
	font-size: 1.7em;
}

h4 {
	font-style: italic;
	font-size: 1.3em;
}

h5 {
	font-size: 1.3em;
	margin: 1em auto;
}

h6 { font-size: 1em; }

h2, h3, h4, h5 { margin: .8em auto; }

h1, h2, h4, h5 { font-weight: 500; }

p {
	font-size: .9em;
	font-family: 'Merriweather', serif;
	line-height: 1.5;
	max-width: 50em;
}

#photo_essays div a span { font-size: .85em; }

td { font-size: 14px; }

ul {
	list-style-type: none;
	padding: 0;
}

li { line-height: 2; }

a:link, a:active, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	background: #222;
}

a:link, a:active,
a:visited,
h1 a:hover,
.nav_pub h4,
.nav_home a#nav_home:hover,
.nav_photo a#nav_photo:hover,
.nav_pub a#nav_pub:hover,
.nav_bio a#nav_bio:hover,
.nav_contact a#nav_contact:hover {
	color: #fae0c1;
}

p, h3, h4, h5, li, footer, a:hover, nav ul a:link, nav ul a:active, nav ul a:visited, .no_highlight:hover { color: #d6d3cf; }

.nav_home img {
	width: 80%;
	min-width: 30em;
}

table.photo_essay {
	table-layout: fixed;
	margin: -1.3em auto auto -2.75em;
}

#photo_essays div, .thumbs div {
	width: 9.5em;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 3em;
	padding: 1em;
}

.thumb {
	max-height: 7.75em;
	max-width: 7.75em;
}

#photo_essays div img {
	display: block;
	margin-bottom: 1em;
	width: 7.8em;
}

td.photo {
	min-width: 700px;
	max-width: 700px;
	height: 500px;
	max-height: 500px;
	text-align: center;
}

td.photo img {
	max-height: 450px;
	max-width: 688px;
}

.thumbs { margin-left: -1em; }

.arrow, .thumbs_icon { opacity: .75; }

.arrow:hover, .thumbs_icon:hover { opacity: 1 }

.arrow:active, .thumbs_icon:active { opacity: .8; }

.photo_title h3 { margin: .2em auto .5em .2em; }

.thumbs_icon img, .photo_title h4 { margin-left: .4em; }

.photo_title h4 {
	font-size: 1.2em;
	font-weight: 200;
}

.moscow, .picks, .tech, .blogs, .other { display: none; }

.photoframe {
	padding: 5px;
	background: #eee;
	border: 1px solid #ccc;
	color: #333;
	box-shadow: 2px 2px 3px #222;
}

a.framedlink:hover { background: none; }

.publications ul { margin-top: 0;}

.publications li { line-height: 2; }

.nav_pub h4 { cursor: pointer; margin: .5em auto;}

table.photo_essays {
	min-width: 700px;
	max-width: 700px;
	height: 500px;
	margin-top: -30px;
}

nav h2 { margin-left: .65em;}

nav ul { margin: .5em auto 3.7em; }

nav ul a:link, nav ul a:active, nav ul a:visited, nav ul li span {
    display: block;
    padding: .07em 1.14em 0;
    margin: 0;
    text-decoration: none;
    background: #222;
}

.nav_home img { width: 98%; }

.nav_home a#nav_home,
.nav_photo a#nav_photo,
.nav_pub a#nav_pub,
.nav_bio a#nav_bio,
.nav_contact a#nav_contact

{ background: #1c1c1c; }

nav ul span:hover, nav ul a:hover {
    color: #000;
	background: #fae0c1;
	text-shadow: none;
}

.no_highlight:hover {
	background: #222;
}

nav ul li {
	height: 1.9em;
	float: left;
	position: relative;
	line-height: 2;
	font-size: .95em;
}

nav ul ul {
	position: absolute;
	display: none;
	margin-top: 0;
}

nav ul li ul span, nav ul li ul a {
  float: left;
  white-space: nowrap;
  width: 7em;
}

#pub_ul .nav_sub {
  padding-left: 2.5em;
  width: 8.6em;
}

nav ul ul ul { top: .2em; }

nav ul li ul ul {
  margin-top: -.2em;
  left: 12.25em;
}

.nav_sub_photo { left: 9.25em; }

#places a { width: 27em; }

#comedy a {width: 8em; }

#clubbing a { width: 14em; }

#dance a { width: 22em; }

#figure-skating a { width: 14em; }

#others a { width: 15em; }

#pub_ul li span { width: 10em; }

#arts a { width: 18em; }

#features a { width: 16em; }

#picks a { width: 12.5em; }

#business a, #news a, #tech a, #tech-blogs a, #other a { width: 19em; }

nav ul li:hover ul ul, nav ul li:hover ul ul ul, nav ul li:hover ul ul ul ul { display: none; }

nav ul li:hover ul, nav ul li li:hover ul, nav ul li li li:hover ul, nav ul li li li li:hover ul { display: block; }