html, body
{
	padding: 0;
	margin: 0;
}
body {
	background-color: #fff;
	font-size: 14px;
	line-height: 1.5em;
	color: #111;
	-webkit-text-size-adjust: none;
	font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', Arial;
	font-weight: 400; 
	font-style: normal;
}
* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

article, section, nav, footer, header, aside, #primary {display:block; margin:0; padding:0
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

h1, h2, h3 { }
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	color: #000;
	margin: 23px 0 8px 0;
}

h1, h2, h3
{
	font-size: 24px;
	line-height: 1.2em;
	font-family: 'Gotham 5r', 'Gotham A', 'Gotham B', Arial; 
	font-weight: 500; 
	font-style: normal;
	color: #A4A597;
}
h4
{
	color: #555; 
	border-bottom: 1px solid #A4A597; 
	padding-bottom: 5px; 
	font-weight: 400; 
	font-size: 140%;  
	line-height: 1.3em;
	font-family: 'Gotham 4r', 'Gotham A', 'Gotham B', Arial; 
}
h5, h6
{
	font-family: 'Gotham SSm 7r', 'Gotham SSm A', 'Gotham SSm B', Arial;
	color: #777; 
	border-bottom: 1px solid #e0e0e2; 
	padding-bottom: 5px; 
	margin-bottom: 8px; 
	font-weight: 400; 
	font-size: 120%; 
	line-height: 1.3em;
}
#content h3 a, #content h4 a, #content h5 a
{
	font-weight: 400
	font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', Arial;
}
p
{
	margin: 10px 0 15px 0;
}
.pullquote {font-style:italic; font-size: 150%;line-height:1.5em; color: #57068c;font-family: Times New Roman, Times, serif;,}
a
{
	color: #57068c; 
	text-decoration: none;
}
a:hover
{
	color: #A4A597;
	text-decoration: underline;
}
#content a { 
	font-weight:700;
	font-family: 'Gotham SSm 7r', 'Gotham SSm A', 'Gotham SSm B', Arial;
}

pre
{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}


nav#mm-mobile-left ul#mm-nav li.social {display: none !important }


#header
{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	height: auto;
	padding: 0 ;
	background: #fff;
	  border-top: 22px solid white;
}

#header h2.school-title
{
	display: block;
	padding:12px 20px 15px;
	margin: -20px 0px 0px 0px;
  line-height: 18px;
  text-align:center;
}
#header h2.school-title a
{
	background: center center no-repeat transparent;
	background: url(/e/m/i2/nyusteinhardt_logo_sm.png);
	 background-color: #fff; 
 background-image: url(//docs.steinhardt.nyu.edu/e/i3/nyusteinhardt_logo.svg), none; 
 background-repeat: no-repeat; background-position: 0px; padding: 0px; background-size: 173px 20px;
	display: inline-block;
	width: 173px;
	height: 20px;

}
#header h2.school-title a:hover
{
opacity:0.8;
}
#header #top {background: black;float:left;width:100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left:5px;

}
#header h1.dept-title
{
	text-align: left;
	margin:  0px ;
	height:auto;
	background: #000;
}
#header h1.dept-title a
{
	padding: 13px 20px 15px;
	display: inline-block;
	margin:  0 auto;
	color: white;
	text-decoration: none;
	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}

#header h3.dept-title {	font-family: 'Gotham SSm 4r', 'Gotham SSm A', 'Gotham SSm B', Arial;
;display: none; margin-bottom: 13px; z-index: 2;}
#header h3.dept-title {text-align:left; margin: 5px 0px 9px 25px;text-transform:uppercase; font-weight: 400; font-size: 15px; letter-spacing: 0.02em; }
#header h3.dept-title a {padding: 0px; display: inline-block; left: 0px; text-decoration: none; color: black; }
#header h3.dept-title a:hover {color: #A4A597;  }

#header h1.dept-title a { height: 92px; width: 300px; padding: 0px; display: block; left: 0px; float:left; 
background: #000 url(http://steinhardt.nyu.edu/e/art/80wse/80wse_title.png) no-repeat 0px 0px }
#header h1.dept-title a a:hover { background: #000 url(http://steinhardt.nyu.edu/e/art/80wse/80wse_title.png) no-repeat 0px -92px; }


#header h1 a span, #header h2 a span
 {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


#header a.menu,
.header a.menu
{
	display:none
}
#header a.right,
.header a.right
{
	position:absolute; 
	top: 8px;
	background: center center no-repeat transparent;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	background-image: url(http://steinhardt.nyu.edu/e/priism/i/icon_connect2.png);
	right: 3px;
}

#page nav#menu-right, #page nav#menu-right ul#header-links {display:none}
/** PAGE TITLES FROM PREVIOUS SITE **/
div#page_title { 
width:100%; 
  margin-top: 0px;
  padding: 0 20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}

div#page_title h2 {
	font-weight:400;
	color: black;
	margin-top:40px;
	margin-bottom:0;
	font-size: 200%; line-height:1.3em; letter-spacing: 0.02em;
}

div#page_title.nopic, div#page_title.exhibition, div#page_title.academics {display: block; overflow: hidden; margin-top: 0px;}

#content,
.content
{
	padding: 0px 20px 20px 20px;
}

 
div#primary { width: 100%;}
div#primary.no-sidebar {max-width: 100%; width: 100%;} 
aside.sidebar-area { width: 100%; font-size: 90%; line-height: 1.7em;color: #555 ;}
aside.sidebar-area div.slot_sidebar1, aside.sidebar-area div.slot_sidebar10, aside.sidebar-area div.slot_sidebar11, aside.sidebar-area div.slot_sidebar12, aside.sidebar-area div.slot_sidebar13, aside.sidebar-area div.slot_sidebar14, aside.sidebar-area div.slot_sidebar15, aside.sidebar-area div.slot_sidebar16, aside.sidebar-area div.slot_sidebar17, aside.sidebar-area div.slot_sidebar18, aside.sidebar-area div.slot_sidebar19, aside.sidebar-area div.slot_sidebar2, aside.sidebar-area div.slot_sidebar20, aside.sidebar-area div.slot_sidebar21, aside.sidebar-area div.slot_sidebar22, aside.sidebar-area div.slot_sidebar23, aside.sidebar-area div.slot_sidebar24, aside.sidebar-area div.slot_sidebar25, aside.sidebar-area div.slot_sidebar26, aside.sidebar-area div.slot_sidebar27, aside.sidebar-area div.slot_sidebar28, aside.sidebar-area div.slot_sidebar29, aside.sidebar-area div.slot_sidebar3, aside.sidebar-area div.slot_sidebar30, aside.sidebar-area div.slot_sidebar31, aside.sidebar-area div.slot_sidebar32, aside.sidebar-area div.slot_sidebar33, aside.sidebar-area div.slot_sidebar34, aside.sidebar-area div.slot_sidebar35, aside.sidebar-area div.slot_sidebar36, aside.sidebar-area div.slot_sidebar37, aside.sidebar-area div.slot_sidebar38, aside.sidebar-area div.slot_sidebar39, aside.sidebar-area div.slot_sidebar4, aside.sidebar-area div.slot_sidebar5,
aside.sidebar-area div.slot_sidebar6, aside.sidebar-area div.slot_sidebar7, aside.sidebar-area div.slot_sidebar8, aside.sidebar-area div.slot_sidebar9, aside.sidebar-area div.slot_sidebar91, aside.sidebar-area div.slot_sidebar92, aside.sidebar-area div.slot_sidebar93, aside.sidebar-area div.slot_sidebar94, aside.sidebar-area div.slot_sidebar95, aside.sidebar-area div.slot_sidebar96, aside.sidebar-area div.slot_sidebar97, aside.sidebar-area div.slot_sidebar98
{float: left; margin-bottom: 20px; margin-top:0px; width: 100%;}

#content img {width: inherit; max-width:100% !important; height: auto;}

hr {background: #A4A597;border:0px;height:1px; margin: 20px 0px;}

#footer
{
	font-size:9px;line-height:1.7em;
	color: #555;
	height: auto;
  padding: 0px 20px 10px 20px;
    clear:both;
    border-top: 1px solid #e0e0e2
}

.copyright { padding-top: 10px;}
.copyright p {margin: 0 0 8px 0px; }



nav h4 { background: black; margin:0px 0px 10px 0px; padding: 18px 15px 12px 15px; color: white;font-weight:500; text-transform:uppercase; font-size:11px; height:49px; border:0;}
nav form {padding: 5px 12px}
ul#header-links {margin: 102px 0px 0px 0px; padding:0px;list-style:none; border-top: 1px solid rgba(0,0,0,0.1); background: transparent}
ul#header-links li {margin:0px; padding:0px; background: transparent; border:0px;}
ul#header-links li a {display: block; margin:0px; padding:10px 15px; color: #000; text-decoration:none;border-bottom: 1px solid rgba(0,0,0,0.1); }

.mm-menu ul#header-links li.email a  { background: url(/e/m/i2/icon_connect_email.png) no-repeat 15px 8px; padding-left:42px;}
.mm-menu ul#header-links li.telephone a  {background: url(/e/m/i2/icon_connect_phone.png) no-repeat 15px 8px; padding-left:42px}
.mm-menu ul#header-links li.directions a  {background: url(/e/m/i2/icon_connect_map.png) no-repeat 15px 8px; padding-left:42px}

ul#header-links li.facebook,
ul#header-links li.twitter, 
ul#header-links li.youtube,
ul#header-links li.instagram {float: left}

ul#header-links li.facebook a,
ul#header-links li.twitter a, 
ul#header-links li.youtube a,
ul#header-links li.instagram a {border:0px; padding: 0px;width:40px;height:40px;border-right: 0px solid; 
height: 18px; padding: 0px; width:17px; float: left; margin: 15px 5px 0 15px;} 


li.facebook a:hover  {background-color: #A4A597; background-image: url(http://steinhardt.nyu.edu/e/i3/icon_facebook-64.png); background-position: center; background-repeat: no-repeat; background-size: 100%}
li.twitter a:hover  {background-color: #A4A597; background-image: url(http://steinhardt.nyu.edu/e/i3/icon_twitter-64.png); background-position: center; background-repeat: no-repeat; background-size: 100%}
li.instagram a:hover  {background-color: #A4A597; background-image: url(http://steinhardt.nyu.edu/e/i3/icon_instagram-64.png); background-position: center; background-repeat: no-repeat; background-size: 100%}

li.facebook a  {background-color: #000; background-image: url(http://steinhardt.nyu.edu/e/i3/icon_facebook-64.png); background-position: center; background-repeat: no-repeat; background-size: 100%}
li.twitter a  {background-color: #000; background-image: url(http://steinhardt.nyu.edu/e/i3/icon_twitter-64.png); background-position: center; background-repeat: no-repeat; background-size: 100%}
li.instagram a  {background-color: #000; background-image: url(http://steinhardt.nyu.edu/e/i3/icon_instagram-64.png); background-position: center; background-repeat: no-repeat; background-size: 100%}

li.social span,.menu.right span,
.assistive-text, caption {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


nav#menu-right form input {border: 1px solid;font-size: 10px;width:150px;;font-weight:400; height:23px; padding:2px;}
nav#menu-right form .headersubmit {border: 1px solid; width: auto; text-transform:uppercase;font-size: 9px;font-weight:700; height:22px; padding: 3px;}

#menu-right.mm-menu li.contact { display:none}

ul#header-links li.desktopinfo {display:none}

html.mm-right .mm-page #page { 0 0 20px rgba(0, 0, 0, 0.5);
-moz-box-shadow:  0 0 20px rgba(0, 0, 0, 0.5);
  box-shadow:  0 0 20px rgba(0, 0, 0, 0.5); 
}

/* Append */

/* Sidebar */
div#content.nosidebar aside#sidebar, body.wide_page aside#sidebar, body.news_page aside.sidebar-area, 
div#content.nosidebar aside#topbar, body.wide_page aside#topbar { display:none;}
aside.sidebar-area { margin-top:25px;}


/* aside.sidebar-area h3, aside.sidebar-area h4, .home_page .home_news h3, .home_page .home_videos h4, .home_sidebar h4 { color: #485d00 !important; font-weight:500; font-size: 14px !important; line-height: 1.2em !important;; margin: 0px 0px 0px 0px; padding: 0px 0 5px 0; border-bottom: 1px solid #919e66 !important; }
aside.sidebar-area h3 a, aside.sidebar-area h4 a, .home_sidebar h4 a { color: #485d00 !important; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none;}
aside.sidebar-area h3 a:hover, aside.sidebar-area h4 a:hover { color: #000 !important; }
aside.sidebar-area ul, aside.sidebar-area p { background-color: #fff; border-top: 0px solid #919e66; list-style: none; margin: 5px 0px 10px 0px; padding: 0px;line-height: 2.4ex; font-size: 11px }
aside.sidebar-area ul li { padding: 0px; margin-bottom: 0px; padding-bottom: 0px !important; margin-top: 0px !important; line-height:1.6em; font-size: 11px;}
aside.sidebar-area ul li a, aside.sidebar-area p a {border-bottom: 1px solid transparent; padding: 2px 1px; margin: 5px 0px 5px 0px; display: block; background-color: transparent; color: Black; text-decoration: none; }
aside.sidebar-area ul li a:hover, aside.sidebar-area p a:hover { background-color: #eff1e9; border-bottom: 1px solid #a3ae7f; color: black; }

aside.sidebar-area p a {text-decoration: underline; display: inline !important;}


aside.sidebar-area ul li ul { border: none !important; list-style: none; margin: 0px 0px 0px 00px; padding: 0px; }
aside.sidebar-area ul li ul li a {padding-left: 14px; color: #919e66}
aside.sidebar-area ul li ul li a:hover { background-color: #919e66; color: #fff;}

aside.sidebar-area ul li a img {margin: 0 0 10px 10px; float: right;}
*/


.mm-ismenu {
  background: #57068c; }

.mm-menu {
  color: #fff; }
  
  .mm-menu .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.4);
    color: white; }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after {
    border-color: #fff }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }
nav#mobile-left ul {display: block !important}
nav#mobile-left ul li a  { text-decoration: none !important}
nav#mobile-left ul li.selected a  { background: rgba(255,255,255,0.33)}
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose {
    font-weight: 500; }

#menu-right .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    border-bottom-width: 0px !important;
}

  .mm-list a.mm-subopen {
    width: 100% !important
  }
      
nav#menu-left ul {float: left; ; list-style-type:none; padding:0px; ;}
nav#menu-left ul {padding: 0; margin:0px; }

nav#menu-left ul li {display:block; float:left; position:relative; z-index:100; margin: 0px; padding:0}
nav#menu-left ul li a {font-family: 'Gotham A', 'Gotham B'; 
font-weight: 400; 
font-style: normal;display:block; line-height:1em; margin: 0px 0px; padding:12px 15px; text-decoration: none; color: white; text-transform: capitalize;}
nav#menu-left ul li a:hover {color: #A4A597; }
nav#menu-left ul li li {float:none; }
nav#menu-left ul li li a {display:block !important; width: 100%; font-size: 90%; padding:8px 15px;}

nav#menu-left ul, 
nav#menu-left ul ul {margin:0; padding:0; min-height: 0; display: block;  }
nav#menu-left ul ul {margin: -5px 0 0 -1px; background: black; left: 0; position: absolute; top: 0; visibility: hidden; z-index: 10; width: inherit;padding:0px 0px 5px 0px; min-width: 8em }
nav#menu-left ul li#exhibitions ul {min-width: 11em }

nav#menu-left ul li:hover > ul { top: 100%; visibility: visible;}
nav#menu-left ul li li:hover > ul { left: 100%; top: 0; }

nav#menu-left ul li#contact, nav#menu-left ul li.social {display:none}
nav#menu-left ul li.facebook a, nav#menu-left ul li.twitter a, nav#menu-left ul li.instagram a {height: 18px; padding: 0px; width:17px; float: left;} 


/** contents */

.small {font-size: 90%; line-height: 1.6em}
.big {font-size: 115%; line-height: 1.6em}
.bigger {font-size: 125%; line-height: 1.6em}
.hide {display: none;}
.purple {color: #57068c !important}
.red {color: #dc291e !important}
.green {color: #485D00 !important}
.hide, .hidden {display:none;}

hr {color:#919E66; background-color:#919E66; height: 1px;border:0px;}

/* Text meant only for screen readers */
.assistive-text, caption {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/* FIX THESE */
/** tagged content **/
body.page_taggedcontent div#page_title h2 {display: none}

div.slot_common_taggedcontent a {font-family: 'Gotham A', 'Gotham B'; font-size: 200%; font-weight:400 !important; line-height:1.3em; letter-spacing: 0.02em; color: black !important; text-decoration:none; }
div.slot_common_taggedcontent a {display: inline-block; cursor:text ; padding: 0px; margin: 5px 0px 6px 0px}

div.slot_common_taggedcontent h3 {display:none;}
div.slot_common_taggedcontent ul {margin: 0px 0px; padding: 0px; list-style-type:none;}

div.slot_common_taggedcontent div.pagecontent {font-size: 14px !important; display: block !important}
div.slot_common_taggedcontent div.pagecontent a {font-size: inherit !important; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight:700 !important; line-height:1.3em; letter-spacing: 0em;  color: #57068c !important;display: inline; padding: 0px; margin: 0px}
div.slot_common_taggedcontent div.pagecontent a:hover {
	color: #A4A597;
	text-decoration: underline;
}

/* Photo Pages */
#photos {width: 100%; margin: 0px 0px 0px; padding: 15px 0px 0px 0px; clear: both; float: none !important; margin: 0px; text-align:center}
#photos h4 {text-align:left;}
#photos ul {list-style: none; margin: 0px; padding: 0px 0px 80px 0px;; }
#photos ul li a img {border: 0px solid #a4a597; padding: 0px;  } 

div#appendbar .nonIE ul li a img, div#photos ul li a img {max-width:43px !important; max-height:43px !important; ;
				height: expression(this.height > 43 ? 43: true); width: expression(this.width > 43 ? 43: true); } 

#photos ul li {margin: 0px 15px 15px 0px; padding: 0px; background-color: #f9f9f9; border: 1px solid transparent;; display: table; float: left;height: 43px;  width: 43px; #position: relative; overflow: hidden;}
#photos ul li a {display: block; #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; text-align:center}
#photos ul li a img {#position: relative; #top: -50%; #left: -50%}
#photos ul li  {border: 0px solid #000; }
#photos ul li a:hover  {background: #000; }
#photos ul li a:hover img {border: 0px solid #000; }

#lbBottom {height: 38px !important; }
#lbCloseLink { margin: 8px 0 }
#lbCaption { color: white; font-size: 80%; line-height: 1.65em;}
#lbCaption .artist {font-weight: 500;}
#lbCaption {font-weight: normal; z-index: 102}
.thumbnailDescription {display:none;}

/** Home Page **/

div.home_page #append {  font-size:85%; line-height: 1.5em; margin-top: 40px; }
body.home_page #append p {margin: 0px 0px;}

div.home_page #append div.slot_append1,
div.home_page #append div.slot_append2,
div.home_page #append div.slot_append3  {overflow:hidden;width:30.47619047619%; /* 225px */ float: left; margin-right: 4.285714285714%; /* was 37px - now 30px */ margin-bottom: 30px;margin-top:0}
div.home_page #append div.slot_append3 {margin-right: 0px !important}

div.home_page #append h3 {display: block; margin-bottom: 1px; font-weight: 400; font-style: normal; font-size: 145%; border-bottom: 1px solid black; background-color: black; line-height:1.2em; }
div.home_page #append h3 a {display: block; font-weight:400; color: white; background-color: black; padding: 8px 0px 7px 8px; text-decoration: none;}
div.home_page #append h3 a:hover {color: #A4A597}
div.home_page #append p img, 
div.home_page #append img { margin: 0px 0px 6px 0px; /* height: 169px; */ width: 100%; height:auto;}
div.home_page #append a:hover img {border-bottom: 1px solid #000000 !important; margin-bottom: 5px;}

@media screen and (max-width: 481px) {
div.home_page #append div.slot_append1,
div.home_page #append div.slot_append2,
div.home_page #append div.slot_append3 {
	width: 100%; margin-right:0
}
}


aside.sidebar-area ul li a#video {position: relative;}

.slot_common_colorbox #video ul { height: auto; list-style: none; margin: 0px 0px 0px 0px; padding: 0px; font-size: 10px; }
.slot_common_colorbox #video ul li { font-size: 11px; line-height: 1.4em; display: block;overflow:hidden; }
#video a {position: relative;}
#content .slot_common_colorbox #video ul li a { font-weight:400; padding: 6px;  position: relative; top:0px; left:0px; color: Black; text-decoration: none; display: block; }
.slot_common_colorbox #video ul.videoList li a { border-bottom: 1px solid #e0e0e2;; }
.slot_common_colorbox #video ul.videoList li a:hover { border-bottom: 1px solid #A4A597; }
aside.sidebar-area .slot_common_colorbox #video ul.videoList li a { height: auto; }

.slot_common_colorbox #video ul li a img {clear: none !important;  float: left; margin: 0px 10px 0px -6px; padding: 0px; border: 0px solid white; overflow:hidden;}
aside.sidebar-area #video ul li a img {float: none; width:100%; height:auto; margin:0px 0px 5px 0px;border:0px;}
#content .slot_common_colorbox #video ul li a:hover {background-color: #e0e0e2; ;}

ul.videoList li .video_title, #content .vimeo .video_title {font-weight:700; font-size:110%; line-height:1.5em;}
.video_title {font-weight:400; font-size:inherit;}

span.video_button {clear: left !important;; display: block; width: 27px; height: 27px; background: url(/e/i3/video_thumb.png) no-repeat 0px 0px; z-index: 1;}
#content span.video_button {position: absolute;top: 37px; left: 51px;}
aside.sidebar-area span.video_button {position: absolute;top:55px; left:75px; width: 45px; height: 45px;background: url(/e/i3/video_thumb_med.png) no-repeat 0px 0px;}

.slot_common_colorbox #video ul,
.slot_common_colorbox #video ul li, 
.slot_common_colorbox #video ul li a {float:left; width: 100%; position:relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* PAST EXHIBITIONS LISTING !! CHECK THESE !!*/
.slot_view_taggedprofiles h3 {display:none;}
.slot_view_taggedprofiles ul {/* width: 855px; */width: 100%; list-style: none; margin: 0px 0px; padding: 0px; }
.slot_view_taggedprofiles ul li {margin: 0px 0 20px 0px;padding:0; text-align:center; } 
/* #content */ .slot_view_taggedprofiles ul li img {padding: 0px; margin:0px; width: 100%; height: auto;  border-top: 1px solid white} 
.slot_view_taggedprofiles ul li p {display: inline;  } 
.slot_view_taggedprofiles ul li br {display:none;}
.slot_view_taggedprofiles ul li a {display: table-cell;text-align:center; line-height:1.4em; vertical-align:middle;height: 65px;  background: #000; width: 223px; padding: 0 4px; color: white;;} 
.slot_view_taggedprofiles ul li a, .slot_view_taggedprofiles ul li strong {font-weight: 400 !important; font-size:13px;} 
.slot_view_taggedprofiles ul li a:hover {color: #A4A597 !important; text-decoration:none;} 

@media screen and (min-width: 330px)  and (max-width: 559px) {
.slot_view_taggedprofiles ul li {float:left; max-width: 47.5%; padding: 0px;  margin: 0px 5% 5% 0px  } 
.slot_view_taggedprofiles ul li:nth-child(2n+1) {clear:both;}
.slot_view_taggedprofiles ul li:nth-child(2n+2) {margin-right: 0;}
}

@media screen and (min-width: 560px) {
.slot_view_taggedprofiles ul li {float:left; max-width: 28%; padding: 0px;  margin: 0px 8% 8% 0px; background:black; } 
.slot_view_taggedprofiles ul li:nth-child(3n+4) {clear:both;}
.slot_view_taggedprofiles ul li:nth-child(3n+3) {margin-right: 0;}
}

/* NEW EXHBITION PAGE */
.third_level_nav {width: 150px; float: left; ;}
#content .third_level_nav {border-top: 1px solid #A4A597; list-style-type:none; padding:0px; margin: 0px; margin: 20px 50px 50px 0; background-color: none;  }
#content .third_level_nav li {padding: 0px; margin: 0px; }
#content .third_level_nav li a {font-size: 12px; border-bottom: 1px solid #A4A597; background-color: transparent; color: #000; display:block; height:auto; font-weight:normal; text-decoration:none; display: block; padding:8px 7px;  }

.description {width: 540px; float:right; margin-top:20px;}

/** Directions Page **/
div#content table.locations td {vertical-align: top;padding:5px ; font-size:11px; line-height:1.5em}
div#content table.locations td:nth-child(even) {border-left: 1px solid #f1f1f3;border-right: 1px solid #f1f1f3;}
div#content table.locations td p {margin:0px}
.contact_right iframe {border:1px solid black; width:100%; }

#third_level_nav { z-index: 1000; margin: 15px 20px 0px 20px; }
#topbar { z-index: 1000; margin: 15px 0px 0px 0px; }
#sidebar { z-index: 1000; margin: 15px 20px 0px 20px; }
#topbar h3 {display:none;}
#third_level_nav ul, aside.sidebar-area ul {display: table; width: 100%; list-style-type:none; padding:0px; margin: 0px; background-color: none;border-top: 1px solid #A4A597;   }
#third_level_nav ul li, aside.sidebar-area ul li {display: table-cell;  border-bottom: 1px solid #A4A597; padding: 0px; margin: 0px; }
#third_level_nav ul li a, #content aside.sidebar-area ul li a { ; background-color: transparent; color: #000; display:block; height:auto; font-weight:normal; text-decoration:none; display: block; padding:8px 7px 8px 7px;font-size:12px; line-height: 1.5em  /*12px*/}
#third_level_nav ul li a.selected, aside.sidebar-area ul li a.selected {text-decoration: underline; background-color: #f1f1f3; color: #000; }
#third_level_nav ul ul li a:hover, #third_level_nav li a:hover, aside.sidebar-area ul ul li a:hover, aside.sidebar-area li a:hover {background-color: #e0e0e2 !important; color: #000; text-decoration: underline }



@media screen and (max-width: 559px) {
iframe, div#content object
{
width: 100% !important;;
}
iframe#ixiframe, iframe[name=google_conversion_frame] {
height: 1px !important;
}

}

iframe#ixiframe, iframe[name=google_conversion_frame] {
height: 1px !important;
}


@media screen and (min-width: 560px) {
#page nav#menu-right {display:block}	
nav form {padding: 5px 5px}
#header h3.dept-title {display:block;}
#header #top {padding-left:10px}
nav#menu-left ul li#contact, nav#menu-left ul li.social {display:inline}
nav#menu-left ul {width: 100%; position:relative;}
nav#menu-left ul li.social {float:right; padding: 7px; background:white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

nav#menu-left ul li.social {position:absolute; right:10px; bottom:8px;}
nav#menu-left ul li.facebook {bottom: 92px}
nav#menu-left ul li.twitter {bottom: 50px}
nav#menu-left ul li.instagram {;}

nav#menu-left ul li a {font-size:18px;}

table.everyother tr:nth-child(odd)
{
background:#ffffff;
}
table.everyother tr:nth-child(even) td,  tr:nth-child(even) td
{
background:#f1f1f1;
} 

#page {position: relative;;background: white;width: 100%; max-width: 950px; margin:0px auto;}
body {background: #f1f1f3}
  

#header a.menu,
.header a.menu,
#header a.friends,
.header a.friends,
#header a.right,
.header a.right
{
        display:none;
}
#header  {
    position:relative; 
    top:0px; left:0px;
    background: transparent;
      border-top:0px;
}

#header h2.school-title a
{
	width: 225px;
	height: 26px;
	background-size: 225px 26px;
    margin:25px;
}
#header h2.school-title {text-align: left; display: block;height:76px; padding:0px; margin:0px;}

#header h1.dept-title { font-size:15px; line-height:1.6em; font-weight: 500;}
#header h1.dept-title a
{
	padding: 13px 25px 20px 25px;
 }
#header h1.dept-title a:hover { color: rgba(255,255,255,0.8) }
#header h1.dept-title strong {font-family: 'Gotham A', 'Gotham B', Arial; display: block; font-weight:400; font-size:26px;}
    
nav#menu-right {display: block; position: absolute; top; right:12px; top: 21px;}
nav#menu-right h4, nav#menu-right ul#header-links, nav#menu-right ul li.directions, nav#menu-right ul li.email, nav#menu-right ul li.telephone, nav#menu-right ul li.social {display: none;;}

nav#menu-right form .headersubmit {margin-left:-1px; font-size: 9px;height:20px; padding: 2px 3px; cursor:pointer;
position: relative; top: 0px; left:0px; float:right;}
nav#menu-right form .headersubmit:hover {background: #A4A597; color:white; border-color: black;}
nav#menu-right form input {width:137px;;font-weight:400; height:20px; padding:2px;}


#footer { padding:10px 0px 10px 0px;margin: 25px 25px 0 25px;display:block; clear:both;position:relative; text-align:center;}
.copyright { margin:0 60px 0 25px; padding-bottom: 1px;  }


/* NAVIGATION */
nav#mm-mobile-left, nav#menu-right.mm-menu, html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {display:none !important;}
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(0px, 0) !important;
    -moz-transform: translate(0px, 0) !important;
    -ms-transform: translate(0px, 0) !important;
    -o-transform: translate(0px, 0) !important;
    transform: translate(0px, 0) !important; }

nav#menu-left {display: block;  background: transparent; width: 100%; padding-left: 0px; 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}




div#content.nosidebar div#primary, body.wide_page div#primary, body.news_page div#primary, body.facultyMain div#primary {max-width: 100%; width: 100%;float:left; }
div#page_title, #content { padding: 10px 25px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
div#page_title {padding:0 25px}
body.page_wide div#content {border-left: 0px solid white; padding: 25px; ;}


div#primary {min-height: 450px}

/** Directions Page **/
.contact_right {width:60%; float:right;}
.contact_left {width:30%; float:left;}
}

@media screen and (min-width: 820px) {
/* div#primary {max-width: 470px; width: 69%;float:left;} */
/* body.page_wide div#primary {max-width: 900px; width: 75%;} */
/* aside.sidebar-area {float: right; width: 184px; border:0px;padding: 0; margin: 0 -5px 0 0; } */

#header #top {padding:0;border-left: 25px solid white;}
nav#menu-left ul li#contact, nav#menu-left ul li.social {display:inline}
nav#menu-left ul {float:right; margin-top:45px; position:relative; width:auto;}

nav#menu-left ul li.social {position:absolute; top:59px; float:right; padding: 0px; background:white;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
nav#menu-left ul li.facebook {right:75px;}
nav#menu-left ul li.twitter {right:45px;}
nav#menu-left ul li.instagram {right:15px;}

div#content { padding: 0px 100px 25px 100px; font-size: 100%; line-height: 1.75em; float:left;; }
div#content.third_level_nav_spacer, div#content.sidebar  { padding: 3px 35px 25px 0px; width: 77%; max-width: 740px; float:right;; font-size: 100%; line-height: 1.75em; position:; }
div#content.sidebar  { width: 100%; max-width: 100%; }
div#content.sidebar #primary  { width: 77%; max-width: 740px; float:right; }
div#page_title { padding: 10px 100px 10px 100px}
div#page_title.third_level_nav_spacer { padding: 10px 25px 10px 25px}
#footer { margin: 30px 50px 0 50px}

/* NEW EXHBITION PAGE */
#third_level_nav, #topbar {width: 150px; float: left;;}
#third_level_nav, #topbar { z-index: 1000; margin: 15px 0px 0px 25px; float: left;}
#third_level_nav ul, aside.sidebar-area ul {display:block !important;}
#third_level_nav ul li, aside.sidebar-area ul li {display:block !important}
}


@media screen and (min-width: 950px) {
#page {border: 1px solid #e0e0e2; border-top:0px;}
.home_page div#content { width: 907px}
div#content.third_level_nav_spacer { width: 740px}
div.home_page #append img { width: 215px; height:auto;}
}

nav#mobile-left ul.mm-highest {z-index:10000000000000}
    .mm-menu > .mm-panel.mm-opened.mm-highest {      left: 0%; }


.mm-menu {
  color: #000 !important;}
.mm-menu .mm-list > li > a.mm-subopen:after {
    border-color: #000 !important }
  .mm-menu .mm-list > li > a.mm-subclose, .mm-list > li.mm-label {
    background: #A4A597 !important}


@media screen and (max-width: 560px) {
#header {border-top:0}
#page {border-bottom: 75px solid white}
#header h2.school-title{position:absolute; bottom:0; padding-left: 18px;}
#header h3.dept-title {font-size: 60%; font-weight:700;  background: #e0e0e2; display:block;position:absolute; width: 100%; bottom:50px; margin: 0 !important; padding: 10px 5px 10px 19px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
 }
}
@media screen and (max-width: 365px) {
#header h1.dept-title a { height: 76px; width: 250px; padding: 0px; display: block; left: 0px; float:left; 
background: #000 url(http://steinhardt.nyu.edu/e/art/80wse/80wse_title.png) no-repeat 0px 0px; background-size: 250px}
nav#menu-left ul {display:table; width:100%}
nav#menu-left ul li {display:table-cell;float:none;}
nav#menu-left ul li a { font-size: 90%;}
}
@media screen and (max-width: 330px) {
nav#menu-left ul li {text-align:center;}
nav#menu-left ul li a {padding-right:5px; padding-left:5px;}
}


/** Append Bar and Stylish List */

ul.stylish_list {list-style-type:none; padding:0; margin: 0; margin-top:5px;;}
ul.stylish_list li {list-style-type:none; margin:0; padding:0;}
ul.stylish_list li a { text-decoration:none; display: block; margin-top: 1px; border-bottom: 1px solid #e0e4d4 ; padding: 5px; font-weight:500 !important; }
ul.stylish_list li a:hover {color: black; background-color: rgba(87,6,140,0.05) !important; border-bottom: 1px solid #dc291e !important;}

.past_exhibitions_page .slot_append2.slot_view_taggedprofiles:before {clear:both; content: "Gallery Exhibitions"; font-size:18px;margin-bottom:25px; display:block; font-weight:700;}
.past_exhibitions_page .slot_append3.slot_view_taggedprofiles:before {clear:both; content: "Washington Square Windows"; font-size:18px;margin-bottom:25px; display:block; font-weight:700;}
.past_exhibitions_page .slot_append4.slot_view_taggedprofiles:before {clear:both; content: "Broadway Windows"; font-size:18px;margin-bottom:25px; display:block; font-weight:700;}
.past_exhibitions_page .slot_append6.slot_view_taggedprofiles:before {clear:both; content: "Project Space"; font-size:18px;margin-bottom:25px; display:block; font-weight:700;}
.past_exhibitions_page .slot_append8.slot_view_taggedprofiles:before {clear:both; content: "MFA Thesis Shows "; font-size:18px;margin-bottom:25px; display:block; font-weight:700;}


form.subscribe {display:flex; flex-wrap:wrap; }
form.subscribe label {flex-basis: 30%; font-size: 12px; text-align:center;line-height:1.4em; border: 1px solid #555; margin: 0 0 5px 0; padding: .7em; background: #e0e0e2;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px}
form.subscribe input {flex-basis: 70%; margin: 0 0 5px 0; border: 1px solid #555; border-left:0; padding: .35em; 
-webkit-border-radius: 0 2px 2px 0; 
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0; }
form.subscribe input.subscribeButton {flex-basis: 100%; ;}
form.subscribe * {    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

form.subscribe input.subscribeButton {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 2px 1px #fff;
	color: rgba(0,0,0,.8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	line-height: 2;
	font-size:14px;
	padding: .2em 1.5em .2em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font-weight:500;
}
form.subscribe input.subscribeButton ]:hover {
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */
	background: linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
	border-color: #bbb #bbb #aaa #bbb;
}
form.subscribe input.subscribeButton :active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.15);
	box-shadow: inset 0 2px 2px rgba(0,0,0,.15);
}




@media only screen and (min-width : 750px /*48em*/) {

	#primary .two-col .col1, #primary .two-col .col2, #primary .two-col .col {width: 50%; padding: 0 5%; float:left;}
	#primary .two-col .col1, #primary .two-col .col:nth-of-type(odd) {padding-left: 0;}
	#primary .two-col .col2, #primary .two-col .col:nth-of-type(even) {padding-right: 0}

	#primary .three-col .col1, #primary .three-col .col2, #primary .three-col .col3 {float:left;}
	#primary .three-col .col1, #primary .three-col .col2, #primary .three-col .col3 {width:33.333333333%;}
	#primary .three-col .col-wide2 {width:65.66666666666666%;}

	#primary .four-col .col1, #primary .four-col .col2, #primary .four-col .col3, #primary .four-col .col4 {width:25%; float:left;}
	#primary .four-col .col-wide2 {width:50%;}
	#primary .four-col .col-wide3 {width:75%;}

	#primary .two-col .sidebar-area, #primary .three-col .sidebar-area, #primary .four-col .sidebar-area {float:right; margin-left:0; padding-left: 2% ;}

}