/*-----------------------------------------------------------------------------

A R C H I V - E

version:   1.0
date:      05/13/2012

-----------------------------------------------------------------------------*/

	

/* =Structure
----------------------------------------------- */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	margin: 0;
	padding:0;
	height: 100%;
	font-family: OriginalGaramondBT-Regular;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: .1em;
	color: #000;
	background: #fff;
	Overflow-y:hidden;
	-moz-font-feature-settings: "onum=1";
    -ms-font-feature-settings: "onum";
    -webkit-font-feature-settings: "onum";
    -o-font-feature-settings: "onum";
    font-feature-settings: "onum";
/*     font-feature-settings: "lnum"; */
    -moz-font-feature-settings: "onum=1";  /* Firefox 14 and before */
	-moz-font-feature-settings: "onum" on; /* Firefox 15 */
}

a {
	color: #000;
	text-decoration: none;
	}
	
a:hover {
	color: #c60000;
	}
	
/*
a:visited {
	color: #cccccc;
	}
*/
	
a img {
	border: none;
	}

.OriginalGaramondBT-Regular { 
	font-family: OriginalGaramondBT-Regular;
	font-weight: normal;
	font-style: normal;
}
.OriginalGaramondBT-Italic { 
	font-family: OriginalGaramondBT-Italic;
	font-weight: normal;
	font-style: normal;
}

.smallcaps { 
		font-feature-settings: "smcp";
		-moz-font-feature-settings: 'smcp=1';
		-ms-font-feature-settings: "smcp";
		-webkit-font-feature-settings: "smcp";
		-o-font-feature-settings: "smcp";
		/* text-transform:uppercase; */
    }



/* =Content
----------------------------------------------- */


.wrap {
	margin: 0;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: baseline;
}


#main {
	margin: 0 0;
	padding: 0;
	width: 100%;
	height: 100%;
	display: block;
	vertical-align: baseline;
}

.content {
	width: 100%;
	height: 90%;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	outline: 0;
	padding: 0;
	border: 0px dotted red;
	letter-spacing: .05em;
}

.content img {
	margin-top: -80px;
	}
	
	
/* =Home
----------------------------------------------- */
.logo {margin:0px auto; display: block; padding:0;}
	


/* =Titles
----------------------------------------------- */

#titles {
	margin: -40px auto 0;
	padding: 0;
	width: 810px;
	}	

ul.titles-justified {
	text-align: justify;
	margin: 0 0 45px 0;
	padding: 0;
	}

ul.titles-justified:after {
  content: "";
  display: inline-block;
  width: 100%;
}

ul.titles-justified.last { 
	margin-bottom: 0 !important; 
	}

	
ul.titles-justified li, ul.titles-justified2 li {
	display: inline;
	list-style: none;
	margin: 0;
	}


/* =Home Nav
----------------------------------------------- */
	
ul.nav-home {
	margin: -25px 0 0 -25px;
	list-style: none;
	}
	
li.intro {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .2em;
	}
	
ul.nav-home li {
	display: inline;
	margin: 0;
	padding: 0;
	}
	
ul.nav-home li a {
	margin: 0 10px;
	}
	
ul.toc {margin: -40px 0 0 0; border: 0px dotted red;}


/* =Breadcrumb
----------------------------------------------- */

	
#breadcrumb {
	position: relative;
	margin: 0 auto;
	padding-top: 4px;
	text-align: center;
	width: 80%;
	}
	
#breadcrumb .nav-arrow {
	padding: 0 2px;
	}
	

/* =Image Content
----------------------------------------------- */


.photo {
	margin: -40px auto 0;
	}
	
.descrip-wrap {
	margin: -30px auto 0;
	padding: 0;
	text-align: center;
	width: 80%;
	border: 0px dotted blue;
	}
	
.descrip {
	border: 0px dotted red;
	}
	
.quote {
	padding: 0 0 40px 0;
	letter-spacing: .2em;
	}
	
a.nav-arrow {
	color: #c60000;
	font-size: 16px;
	}
a.nav-arrow:hover {
	color: black;
	}
	
	
/* =Exhibitions 
----------------------------------------------- */
.mid-section
{
    background-color: blue;
    width: 100%;

    overflow:hidden;
}

.left-wrapper, .right-wrapper {
    background: #ffff00;
    height: 100%;
    min-height: 100%;
    width: 33%;
    display:block;
    float:left;
    margin:0;
}

.right-wrapper {
    background:#efefef;
    float:right;
}

.main-content {
    background-color: black;
    width: 33%;
    height: 100%;
    margin:0;
    float:left;
}	
	
	
	
/* =iPhone
----------------------------------------------- */
@media screen and (max-device-width: 480px){
    body {
    	font-size: 22px;
    	}
    #breadcrumb {
    	font-size: 22px;
    	line-height: 32px;
    	width: 100%!important;
    	padding-top: 20px!important;
    	border: 0px dotted blue;
    	}
    #breadcrumb .nav-arrow {
		padding: 0 4px;
		font-size: 28px;
	}
	
	ul.nav-home {
		font-size: 28px;
		margin-top: -70px!important;
	}
	
	ul.nav-home li a {
		margin: 0 30px!important;
	}
	
	li.intro {
		font-size: 26px!important;
	}
	
	ul.titles-justified li, ul.titles-justified2 li {
		display: block;
		list-style: none;
		margin: 0 0 60px 0;
	}
	
	#titles {
		margin: 100px auto 0!important;
		padding-bottom: 120px!important;
		width: 85%!important;
		border: 0px dotted red;
		font-size: 23px;
	}		
	
	ul.titles-justified {
		text-align: left;
		margin: 0 0 0 0;
		padding: 0;
	}
	    	
	.descrip-wrap {
		margin: -30px auto 0;
		padding: 0;
		text-align: center;
		width: 80%;
	}
	
	.quote {
		padding: 0 0 40px 0!important;
	}	
}

/* =iPad Mini
----------------------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  {
    body {
    	font-size: 22px;
    	}
    #breadcrumb {
    	font-size: 22px;
    	line-height: 32px;
    	width: 100%!important;
    	padding-top: 20px!important;
    	border: 0px dotted blue;
    	}
    #breadcrumb .nav-arrow {
		padding: 0 4px;
		font-size: 28px;
	}
	
	ul.nav-home {
		font-size: 28px;
		margin-top: -70px!important;
	}
	
	ul.nav-home li a {
		margin: 0 30px!important;
	}
	
	li.intro {
		font-size: 20px!important;
	}
	
	ul.titles-justified li, ul.titles-justified2 li {
		display: block;
		list-style: none;
		margin: 0 0 60px 0;
	}
	
	#titles {
		margin: 100px auto 0!important;
		padding-bottom: 120px!important;
		width: 85%!important;
		border: 0px dotted red;
		font-size: 23px;
	}		
	
	ul.titles-justified {
		text-align: left;
		margin: 0 0 0 0;
		padding: 0;
	}
	    	
	.descrip-wrap {
		margin: -30px auto 0;
		padding: 0;
		text-align: center;
		width: 80%;
	}
	
	.quote {
		padding: 0 0 40px 0!important;
	}	
    

}