/*BASE STYLES*/

header, footer, nav, aside, section, article, figure, figcaption	{
	display: block;
}

img	{
	width: 100%;
	display: block;
	border: none;
}	

.clearfix, footer	{
	clear: both;
}	

body 	{
	background: #b34c35;
	font-family: 'Open Sans', sans-serif; 
	margin: 0;
	padding: 0;
	color: #21253e; /*blue*/
}

a	{
	color: #9a341c; /*red*/
	text-decoration: none;
}	

a:hover, a:active, a:focus	{
	color: #000000;
}	

.foreign	{
	font-style: italic;
}

#container	{
	margin: 0 auto;
	background: #ffffff;
	-webkit-box-shadow: 0 2px 10px #21253e;
	-moz-box-shadow: 0 2px 10px #21253e;
	box-shadow: 0 2px 10px #21253e;
}	

/*PLACES (SECONDARY NAVIGATION)*/

.places	{
	background: #21253e;
}	

.places ul {
	list-style: none;
	margin: 0;
	padding: 0;
}	

.places li	{
	padding: .5rem 0;
	margin: 0;
	font-weight: bold;
	border-bottom: 1px dotted #b5c5d2;
}

.places li#map, .places li:last-child	{
	border-bottom: none;
}

.places a	{
	display: block;
	width: 100%;
	color: #cccccc;
	color: #b5c5d2;
}

.places #journey, .places #journey2, .places #map, .places #map2		{
	text-transform: uppercase;
}	

.places a:hover, .places a:active, .places a:focus, .places a.current	{
	color: #9a341c;
}	

/*HEADER*/

header	{
	padding: 0;
	position: relative;
}

#title	{
	position: absolute;
}

h1	{
	display: none;
}

#banner	{
	margin: 0;
	padding: 0;
}	

#banner	img	{
	width: 100%;
}

/*PRIMARY NAVIGATION*/

nav	{
	background: #21253e;
}

nav ul	{
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

nav a	{	
	/*color: #b5c5d2;*/
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}	

nav a:hover, nav a:active, nav a:focus, nav a.current	{
	color: #9a341c;
}	

/*CONTENT*/
				
#content	{
	position: relative;
	background: #ffffff;
}

#content p	{
	text-align: justify;
}	

h2, h3, h4	{
	font-weight: bold;
}

h2	{
	color: #ffffff;
	margin-top: 0;
	background: #ad5144;
	padding: .5rem;
}

h3	{
	background: #b5c5d2;
	padding: .5rem 0;
}

/*IMAGES*/

figure img, img.border	{
	border: 1px solid #b5c5d2;
}

figcaption	{
	font-size: 90%;
	margin-top: .5rem;
}	

figcaption .credit	{
	font-style: italic;
}	


#quote	{
	border: 1px dotted #9a341c;
	font-size: .9rem;
	padding: 1rem;
	color: #9a341c;
	margin-bottom: 2rem;
}

span.no_hyphen	{
	hyphens: none;
}	


#quote p:first-child	{
	margin-top: 0;
	
}

#quote .reference	{
	font-style: italic;
	text-align: right;
	color: #21253e;
	margin-bottom: 0;
}	

.poem	{
	list-style: none;
	padding-left: 0;
	margin-left: 1rem;
	font-style: italic;
}	

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

.pop_up	{
	display: none;
}	

.pop_up:target	{
	display: block;
}	

.pop_up	{
	position: fixed;
	overflow-x: hidden;
	-webkit-overflow-scrolling:touch; /*for iPad*/
	overflow-y: auto;
	top: 0;
	bottom: 0;
	z-index: 100;
	background: #ffffff;
	border-top: 1px solid #b5c5d2;
	padding: 0 2rem 2rem;
}

.pop_up .close	{
	font-size: 130%;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 .5rem .2rem;
	background: #ad5144;
	border-left: 1px solid #21253e;
	border-bottom: 1px solid #21253e;
}

.pop_up .close a, .pop_up .close a:visited	{
	display: block;
	color: #ffffff;
}

.pop_up .close a:hover, .pop_up .close a:active, .pop_up .close a:focus {
	color: #21253e;
}	

.pop_up .close a:before	{
	content: "";
	position: absolute;
	top: -.5em;
	right: -.5em;
	bottom: -.5em;
	left: -.5em;
}

.pop_up .obj	{
	border: 1px dotted #21253e;
	padding: 1rem;
	margin-bottom: 2rem;
}	

.pop_up .tombstone	{
	font-size: 90%;
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
}

.pop_up .tombstone li	{
	padding-top: .2em;
	padding-bottom: .2em;
}	

.tombstone span	{
	margin-right: 1rem;
}

/*MAP ON THE HOME PAGE*/

#map_large 	{
	clear: both;
	width: 100%;
	position: relative;
}

#map_large img,  #map_words img	{
	display: block;
	border: 1px solid #b5c5d2;
	width: 100%;
}

#map_large .dot	{
	position: absolute;
	margin-top: -.5rem;
}	

#map_large a	{
	display: block;
	margin: 0;
	padding: 0 .2rem;
	background: rgba(255, 255, 255, .7);
	border-radius: .5rem;
	color: #ad5144;
	font-weight: bold;
	vertical-align: top;
}

#map_large a:before	{
	content: "";
	position: absolute;
}	

#map_large a:hover, #map_large a:focus, #map_large a:active {
	color: #21253e;
}	

/*DOTS ON MAP: ABSOLUTE POSITIONING*/

#map_large #dot_silla 	{
	top: 25%;
	left: 86%;
}

#map_large #dot_se_asia 	{
	top: 78%;
	left: 63.5%;
}

#map_large #dot_bodhgaya	{
	top: 42%;
	left: 46%;
}

#map_large #dot_sarnath	{
	top: 41%;
	left: 44%;
}

#map_large #dot_south_india	{
	top: 48.5%;
	left: 35.5%;
}

#map_large #dot_kashmir	{
	top: 27.5%;
	left: 36.5%;
}

#map_large #dot_gandhara	{
	top: 28%;
	left: 33.5%;
}

#map_large #dot_bamiyan	{
	top: 28%;
	left: 31%;
}

#map_large #dot_persia	{
	top: 23.5%;
	left: 22.5%;
}

#map_large #dot_dunhuang	{
	top: 18%;
	left: 54%;
}	

#map_large #dot_tang_china	{
	top: 27.5%;
	left: 67%;
}

/*ABOUT PAGE*/

#team h4	{
	margin: 0;
}

/*RESOURCES PAGE*/

.ref h4	{
	margin-bottom: 0;
}	

.refs	{
	margin-top: 0;
}

.refs li	{
	margin-top: .5rem;
}	

#bibliography section:target h4	{
	color: #9a341c;
}	


/*FOOTER*/

footer	{
	padding: .5rem 0;
}	

footer p	{
	clear: both;
	font-size: 80%;
	margin: .5rem 0;
	text-align: center;
}