html, body{ color:#000; font-family:freight-macro-pro,sans-serif; font-weight:500; }
h1,h2,h3,h4,h5,h6{ font-family:mislab-std,sans-serif; font-weight:400; }
a{ color:#f7931e; -webkit-transition:color 300ms; transition:color 300ms; }
a:hover{ color:#ebb07b; }

.img-block{ margin-left:auto; margin-right:auto; }
body.gallery .container,
body.slideshow .container{ max-width:980px; }
.breadcrumb{ margin:10px auto 0; }
footer#bottom{ margin:10px auto 0; padding:10px 0; text-align:center; border-top:#DDD 1px solid; color:#7f7f7f; max-width:960px; }

.spacer{ height:40px; }
.spacer2x{ height:80px; }
.max-960{ max-width:960px; margin:0 auto; }

#top{ width:100%; position:relative; top:0; background:#FFF; z-index:100; }
#top .header-image{ width:100%; height:58px; overflow:hidden; }
#top .header-image img{ display:block; margin-left:-225px; left:50%; position:relative; }
.main-menu{ list-style:none; margin:0 auto; padding:0; position:relative; text-align:center; }
.main-menu li{ margin:0; padding:0; position:relative; display:inline-block; }
.main-menu a{ display:block; padding:4px 20px; font-family:freight-macro-pro,sans-serif; font-size:14px; font-weight:400; text-transform:uppercase; color:#7f7f7f; letter-spacing:2px; }
.main-menu a:hover{ text-decoration:none; color:#f15a24; }
.main-menu li.current a,
.main-menu li.current a:hover{ color:#f7931e; }
.main-menu ul{ list-style:none; display:none; position:absolute; top:100%; left:0; background:rgba(255,255,255,.97); margin:0; padding:0; z-index:110; }
.main-menu ul li{ width:200px; display:block; text-align:left; }
.main-menu ul li a{ line-height:120%; padding:8px 20px; }
.main-menu ul li a:hover{ background:#FFF; }
.main-menu li.current ul a{ color:#7f7f7f; }
.main-menu li.current ul a:hover{ color:#f15a24; }
.main-menu ul ul{ top:0; left:100%; }
.main-menu li:hover>ul{ display:block; }
@media (min-width: 630px) {
	#top{ position:fixed; float:left; }
	main{ padding-top:90px; }
}

.page-title{ text-align:center; padding-top:30px; padding-bottom:30px; }
.page-title h2{ margin-top:0; font-size:24px; }

/* large photo grid for photography landing page */
.photogrid-holder{ margin:0 auto;  }
.photogrid .item{ padding:4px; position:relative; }
.photogrid .item p{ position:absolute; z-index:2; bottom:10px; text-align:center; margin:0; text-transform:uppercase; width:100%; color:#FFF; font-size:26px; -webkit-transition:all 600ms; transition:all 600ms; }
.photogrid .item:hover p{ color:#f7931e; }
.photogrid .item a{ display:block; background:no-repeat top left; background-size:contain; }
.photogrid .left a{ width:300px; height:604px; }
.photogrid .square a{ width:300px; height:300px; }
.photogrid .top a{ width:908px; height:300px; }
.photogrid .item a::before{content: ' '; display:block; position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; background-color:rgba(255,255,255,0); -webkit-transition:all 600ms; transition:all 600ms; }
.photogrid .item a:hover::before{ background-color:rgba(0,0,0,.5); }
/* tweak max-width to center the container at various viewports */
@media (min-width: 637px) {
	.photogrid .item{ float:left; padding:2px; }
	.photogrid-holder{ max-width:608px; }
}
@media (min-width: 975px) {
	.photogrid-holder{ max-width:942px; }
}


body.home{ color:#FFF; background:#000 url(../img/home.jpg) no-repeat left center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
body.home #top{ display:none !important; }
body.home main{ padding-top:0; }
body.home .sidebar{ margin-top:50px; margin-left:30px; }
body.home .main-menu{ text-align:left; }
body.home .main-menu li{ display:block; max-width:180px; }
body.home .main-menu li>ul,
body.home .main-menu li:hover>ul{ display:none; }
body.home .main-menu a{ color:#FFF; text-align:left; font-weight:700; font-size:15px; text-transform:none;  }
body.home .main-menu a:hover{color:#f7931e; }
body.home .main-menu li.link-home{ display:none; }
body.home h1{ font-family:freight-macro-pro,sans-serif; font-weight:400; font-size:24px; text-transform:uppercase; }
body.home footer#bottom{ display:none; }

body.category .galleries ul{ list-style:none; margin:0; padding:0; text-align:center; }
body.category .galleries li{ display:inline-block; margin:10px;  }
body.category .galleries a{ display:block; text-decoration:none; color:#000; }
body.category .galleries img{ display:block; margin:0 auto; }
body.category .galleries p{ text-align:center; }
@media (min-width: 975px) {
	body.category .galleries li{ margin:43px; }
}

body.gallery h1,
body.gallery .gallery-subtitle,
body.gallery .gallery-body{ font-family:mislab-std,sans-serif; font-weight:400; }
body.gallery h1{  font-size:18px; font-weight:400; margin-bottom:0; }
body.gallery .gallery-subtitle{ font-size:13px; margin-top:0; }
body.gallery .gallery-body{ font-size:13px; }
body.gallery .photos img{ display:block; margin:0 auto 40px; }
body.gallery .region-crumb,
body.gallery .region-crumb a{ color:#7f7f7f; font-size:22px; font-family:mislab-std,sans-serif; font-weight:400; }
body.gallery .region-crumb a{ margin:0 10px; font-size:18px; }

body.slideshow .photo{ width:220px; height:220px; margin:11px; float:left; }
body.slideshow #detail{ display:block; position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(255,255,255,0.95); }
body.slideshow .close-button{ display:block; position:absolute; z-index:10; top:10px; right:10px; background:#FFF; padding:10px; color:#000; }
body.slideshow .detail-outer{ position:relative; margin:50px auto 0; float:right; left:-50%; }
body.slideshow .detail-inner{ position:relative; left:50%; }
body.slideshow .detail-caption{ margin:10px 0; text-align:left; font-size:16px; }
body.slideshow .detail-copyright{ margin:0; text-align:left; color:#7F7F7F; font-size:12px; }
body.slideshow .detail-photo-container{ position:relative; }
body.slideshow .detail-photo{ position:relative; z-index:1040; }
body.slideshow .detail-nav{ display:block; position:absolute; top:0; left:0; width:50%; height:100%; z-index:1050; cursor:pointer; outline:none; }
body.slideshow .detail-nav.next{ left:50%; }
body.slideshow .detail-nav .glyphicon{ display:none; position:absolute; top:50%; margin-top:-10px; font-size:20px; color:#000; text-shadow: 0px 0px 4px rgba(255, 255, 255, 1); }
body.slideshow .detail-nav.prev .glyphicon{ left:10px; }
body.slideshow .detail-nav.next .glyphicon{ right:10px; }
body.slideshow .detail-nav:hover .glyphicon{ display:block; }

body.books .lower{ max-width:560px; padding:0 15px; }
body.books h1 span{ font-size:18px; display:block; }
body.books .book-title{ text-align:left; }
body.books .lower h2{ margin-bottom:20px; }
body.books .lower a{ font-size:16px; font-weight:700; text-decoration:underline; color:#f67514; }
body.books .title-desktop{ display: none; }
body.books .cover{ box-shadow: 3px 4px 8px 0px rgba(0,0,0,0.62); margin-bottom: 30px; max-width: 280px; }

@media (min-width: 992px) {
	body.books .cover{ margin-bottom: 0; }
	body.books .cover-capsule{ max-width: 182px; margin-bottom: 24px; }
	body.books .cover-stages{ max-width: 275px; }
	body.books .cover-nyu{ max-width: 333px; }
	
	body.books .title-mobile{ display: none; }
	body.books .title-desktop{ display: block; }
	body.books h1{ margin-bottom:24px; }
	body.books .leftcol{ text-align:right; padding-right:12px; }
	body.books .leftcol img{ display:inline; }
	body.books .rightcol{ padding-top:50px; padding-left: 12px; }
	body.books .book-title{ text-align:center; }
	body.books .leftcol .book-title{ width:295px; margin-left:auto; margin-right:auto; }
	body.books .lower{ margin-left:200px; padding:0; }
}
@media (min-width: 1183px) {
	body.books .lower{ margin-left: 300px; }
}

body.projects hr{
    display:block;
    height:1px;
    border:0;   
    border-top:2px solid #ebebeb;
    margin:19px auto;
    padding:0;
	max-width:600px;
}
body.projects h2{ margin-bottom:20px; }
body.projects .copy{ max-width:522px; margin:0 auto; }
body.projects .copy hr{ margin:40px auto 10px; }
body.projects .copy a{ font-size:16px; font-weight:700; text-decoration:underline; color:#f67514; }


body.about .text-right{ text-align:left; }
body.about h1{ margin-bottom:0; }
body.about h1 span{ font-size:18px;  }
body.about .project-title{ text-transform:uppercase; color:#505050; font-weight:700; }
body.about a.project-title:hover{ text-decoration:none; color:#ebb07b; }
body.about hr{ border-top:#EEE 2px solid; max-width:600px; margin:40px auto; }
body.about .sfp{ max-width:475px; }
body.about .sfp-copy{ padding-right:10px; text-align:right; }
body.about .dp-copy,
body.about .fd-copy,
body.about .bio,
body.about .at{ padding:0 15px; }
body.about .bio,
body.about .at{ max-width:500px; margin:0 auto; }
body.about .linkedbox{ margin:0 auto; max-width:230px; border:#000 1px solid; padding:15px; text-align:center; }
body.about .linkedbox h3{ font-size:14px; margin:0 0 20px; }
body.about .linkedbox p{ margin-bottom:0; }
@media (min-width: 992px) {
	body.about .dp-copy,
	body.about .fd-copy,
	body.about .bio,
	body.about .at{ padding-left:0; padding-right:0; }
	body.about .fd-image{ float:left; width:352px; }
	body.about .fd-copy{ float:left; width:170px; margin-left:200px; margin-right:15px; }
	body.about .fd-spacer{ height:170px; }
	body.about .text-right{ text-align:right; }
	body.about .sfp{ margin-left:200px; }
	body.about .dp-image{ float:left; margin:0; width:612px; }
	body.about .dp-copy{ float:left; width:300px; padding:95px 0 0; margin-left:10px; }
	
}

.contact .narrow{ max-width:170px; margin-left:auto; margin-right:auto; }