/*SCREEN WIDTH 52 OR MORE - LESS THAN 81 REM (LARGE TABLET)*/

/*SECONDARY NAVIGATION (PLACES)*/

.places	{
	width: 10rem;
	top: 16.2rem;
	font-size: 95%;
}	

#logo	{
	width: 10rem;
}

/*HEADER*/
	
header	{
	margin-left: 10rem;
	width: calc(100% - 10rem);
}

#title	{
	width: 60%;
	left: 20%;
	top: 50%;
}

/*PRIMARY NAVIGATION*/

nav	{
	font-size: 95%;
	margin-left: 10rem;
	width: calc(100% - 10rem);
}

nav li	{
	padding: .5rem .9rem;
}

nav li span	{
	display: inline;
}	

/*CONTENT*/

#content	{
	padding: 1rem 2rem;
	margin-left: 10rem;
}

#content section	{
	clear: both;
}	

#content p	{
	text-align: justify;
}	

h2	{
	font-size: 1.5rem;
}

h3, h4	{
	font-size: 1.2rem;
}

section h4	{
	font-size: 1rem;
}	

/*WIDTH OF THE QUOTE AND H3 DEPENDS ON THE FIRST IMAGE ON THE PAGE (PORTRAIT OR LANDSCAPE)*/

#quote.wide	{
	width: calc(55% - 4rem - 4px);
	float: left;
}

h3.wide	{
	width: calc(55% - 2rem - 2px);
	clear: left;
}	

#quote.narrow	{
	width: calc(45% - 4rem - 4px);
	float: left;
}

h3.narrow	{
	width: calc(45% - 2rem - 2px);
	clear: left;
}	

/*IMAGES*/

figure.left	{
	float: left;
	margin: 0 2rem 1rem 0;
}	

figure.right	{
	float: right;
	margin: 0 0 1rem 2rem;
}

figure.landscape	{
	width: 55%;
}

figure.portrait	{
	width: 45%;
}

figure.small	{
	display: block;
	width: 35%;
}

figure.small .caption	{
	display: block;
	font-size: .9rem;
	text-align: center;
	margin: .5rem 0 1rem;
}	

figure.small .caption:last-child	{
	margin-bottom: 0;
}	

figure img	{
	width: 100%;
	display: block;
}

figure.right img	{
	margin-top: 2rem;
}

figure.right img:first-child	{
	margin-top: 0;
}	

figcaption	{
	font-size: .9rem;
	
}	

figcaption .credit	{
	font-style: italic;
}	

figure.object	{
	width: 21%;
	float: left;
	margin: 0 0 2rem 3%;
}


figcaption	{
	margin-top: .5rem;
}

/*OBJECT ZOOM (POP-UP WINDOWS)*/

.pop_up	{
	left: calc(2% + 10rem + 6px);
	right: 2%;
	padding-left: 3rem;
	padding-right: 3rem;
}

.standard 	{
	width: 55%;
	margin-right: 2rem;
	float: left;
}	

.reduced	{
	width: 40%;
	margin-right: 2rem;
	float: left;
}	

.pop_up .close	{
	font-size: 150%;
}

.pop_up h4	{
	text-align: left;
}	

/*ASIDE (GENERAL PAGES)*/

#main	{
	float: left;
	width: 50%;
}	

aside	{
	float: right;
	width: 45%;
	margin-top: 1rem;
}

#main h3	{
	margin-top: 1rem;
	text-align: left;
	padding-left: 1rem;
}	

aside h3	{
	margin-top: 0;
	text-align: left;
	padding-left: 1rem;
}	

/*MAP ON THE HOME PAGE*/

#map_large a span	{
	display: block;
}	

#map_large a	{
	font-size: .9rem;
}

#map_large a:before	{
	left: -.6rem;
	border: 4px solid #ad5144;
}

#map_large .dot	{
	margin-left: 0;
	padding: 0;
}

/*LABELS ON THE MAP: ADJUSTED POSITIONS TO AVOID OVERLAP*/

#map_large #dot_silla a	{
	margin-top: -.7rem;
	margin-left: -.2rem;
}

#map_large #dot_bodhgaya a	{
	margin-top: -.7rem;
	margin-left: -.2rem;
}

#map_large #dot_sarnath a	{
	margin-left: -4.5rem;
}

#map_large #dot_kashmir a	{
	margin-top: -.8rem;
	margin-left: -.2rem;
}

#map_large #dot_gandhara a	{
	margin-top: .8rem;
	margin-left: -.6rem;
	
}

#map_large #dot_bamiyan a	{
	margin-left: -5rem;
}

#map_large #dot_persia a	{
	margin-left: 0;
}	

#map_large #dot_tang_china a	{
	margin-top: .7rem;
	margin-left: -.2rem;
}

/*FOOTER*/

footer	{
	margin-left: 12rem;
	margin-right: 2rem;
}