@charset "UTF-8";
/* CSS Document */

body {
	background-color: #ffffff;
	margin:0;
	width:100%;
	height:100%;
}

#wrapper {
	height: 100%;
	width: 100%;
	padding-top: 80px;
	padding-bottom: 40px;
	font-family:  "Lucida Sans Unicode","Lucida Grande", sans-serif;
	font-size: 12pt;
	color: #000000;
	text-align: center;
	text-decoration: none;
	line-height: 18pt;
}

/*inner wrapper, to make sure indent is consistent*/
#wrapper_inner {
	height: 100%;
	width: 600px; /*previously 540, 450px - 600 to accomodate wider text*/
	margin-left: auto;
	margin-right: auto;
	border: black;
	/*border-style: solid;*/
}

#wrapper_inner_wide {
	height: 100%;
	width: 720px; /*previously 540, 450px - 600 to accomodate wider text*/
	margin-left: auto;
	margin-right: auto;
	border: black;
	/*border-style: solid;*/
}

.wide {
	width: 240; 
	height: 135;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

.wide5 {
	float: left;
}

/*use inner on some pages (like the info pages)*/
#inner {
	margin-top: 30px;
}

h1 {
	font-size: 32pt;
	font-weight: 300;
	margin-top: 46px;
	margin-bottom: 40px;
}

h2 {
	font-size: 24pt;
	/*font-weight: bold;*/

}




/* lower, horizontal word in the footer -- IBERIA etc */
.bottom_link { 
	font-size: 12pt;
	line-height: 28px;
	font-weight: normal; /*previously: 600*/
	margin-top: 110px;
}



h2.place_headings { /*CALIFORNIA ETC.*/
	text-align: left;
	font-size: 16pt;
	font-style: normal;
	font-weight: 300;
	padding: 0;
	margin-top: 40px;
	margin-bottom: 50px;
	margin-left: 80px;
	margin-right: 80px;
	color: #666666;
	letter-spacing: 8px;
}

h2.place_headings_two { /*CALIFORNIA ETC.*/
	text-align: left;
	font-size: 16pt;
	font-style: normal;
	font-weight: 300;
	padding: 0;
	margin-top: 40px;
	margin-bottom: 30px;
	margin-left: 80px;
	margin-right: 80px;
	color: #666666;
	letter-spacing: 8px;
}

#countries { /*big NA, EU etc*/
	font-size: 34pt;
	font-weight: normal;
	font-style: italic;
	float: right; /*makes it stick to the right*/
		/*margin-left: 40px;
		text-indent: 260px;
		margin-top: 20px;
		margin-bottom: 50px;*/
}

#continents_solo_pages { /*pages that identify continents only: namerica, etc*/
	font-size: 34pt;
	font-weight: normal;
	font-style: italic;
	color: #666666;
	margin-top: 120px;
	margin-bottom: 140px;
}

#continents_solo_pages_2 { /*pages that identify continents only: namerica, etc*/
	font-size: 12pt;
	font-weight: normal;
	font-style: italic;
	color: #666666;
	margin-top: 30px;

}

.places_solo_pages { /*used with H3*/
	font-size: 14pt;
	font-style: normal;
	font-weight: 300;
	padding: 0;
	margin-top: 40px;
	margin-bottom: 50px;
	margin-left: 55px;
	margin-right: 50px;
	color: #666666;
	letter-spacing: 2px; /*before: 8px*/
}

places_solo_pages2 { /*used with H3*/
	font-size: 16pt;
	font-style: normal;
	font-weight: 300;
	padding: 0;
	margin-top: 40px;
	margin-bottom: 50px;
	margin-left: 55px;
	margin-right: 50px;
	color: #666666;
	letter-spacing: 8px; /*before: 8px*/
}


h3 {
	font-size: 18pt;
	font-weight: bold;
	margin-top: 0px;
	/*margin-bottom: 50px;*/
	color: #666666;
}

.smaller_text { /*used to bring down the size or text for countries at EU, NA etc*/
	font-size: 11pt; /*reduce the size for non-links*/
}

h3#continents { /**/
	font-size: 12pt;
	line-height: 24pt;
	margin-top: 8px;
	font-weight: 300;
	font-style: italic;
	color: #009900;
}

h3#front_page {
	margin-top: 20px;
	font-weight: 600;
	color: #000000;
	font-size: 18pt;
	line-height: 36px;
}

h3#bio_page {
	margin-top: 20px;
	font-weight: 300;
	color: #000000;
	font-size: 18pt;
	line-height: 16px;
	margin-bottom: 15px;
}

h3.titles_info_page {
	margin-bottom:20px;
	padding: 0px;
}


h4.bio_page { /*used for small gray 'years' subheadings on the bio page*/
	font-size: 10pt;
	color: #666666;
	text-align: center;
	margin-top: 0px;
	margin-bottom: -2px;
}



p {
	font-size: 10pt;
	/*padding: 0;
	margin: 0;*/
}



/*Links*/
a:link, a:visited {
	text-decoration: none;
	color: #0166DC;  /*def #0166DC*/
	/*font-weight: 300;*/ /*not a good idea to specify font weights in links.*/
}

a:hover {
	text-decoration: none;
	color: #333333;
}

a:active {
	text-decoration: none;
}






/*green links*/
a:link.green_link, a:visited.green_link {
	color: #007700;  /*def #0166DC*/
}

a:hover.green_link {
	color: #333333;  /*def #0166DC*/
}

/*end green links*/





/*brown links*/
a:link.brown_link, a:visited.brown_link {
	color: #CC6633;
}

a:hover.brown_link {
	color: #AA6633;  /*def #0166DC*/
}
/*end brown links*/


/*blue links*/
a:link.blue_link, a:visited.blue_link {
		color: #0000ff;
	}
	
a:hover.blue_link {
		color: #000099;  /*def #0166DC*/
}
	/*end brown links*/
/*end blue links*/
	
	
	


.quote {
	margin-top: 100px;
	font-weight: 900;
}

.quote_source {
	color: #CC6633;
	font-weight: normal;
	font-size: 8pt;
}

.quote_source_green {
	color: #007700;
	font-weight: normal;
	font-size: 8pt;
}

.quote_source_blue {
	color: #000066;
	font-weight: normal;
	font-size: 8pt;
}



a:link.titles_info_page, a:visited.titles_info_page {
	color: #0166DC;  /*blue*/
}

/* links on the heading level */
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	color: #007700; /*green #007700*/
	text-decoration: none;
}

h1 a:hover, h1 a:hover, h2 a:hover, h2 a:hover, h3 a:hover, h3 a:hover {
	color: #333333; /*gray*/
	text-decoration: none;
}

/* #### end Links #### */





img {
	border: none;
	margin: 0;
	padding: 0;
	outline: none;
}

object {
	overflow:hidden; /*to get rid of scrollbars on a placed object...*/
	outline: none; /*to hide the dotted border*/
}


.project_container { /*used to contain individual projects on the page and separate them from other projects */
	margin-top: 10px;
	margin-bottom: 10px;
}


.image_caption { /* caption below the image */
	text-align: center; /*formerly: left*/
	font-size: 12pt;
	margin-top: 10px; /*previously: 18px*/
	margin-bottom: 50px; /*previously: 10px*/
	margin-left: 0px; /*formerly: 85px*/
	/*font-weight: bold;*/
	color: #666666;
}

.image_caption_two { /* caption below the image */
	text-align: center; /*formerly: left*/
	font-size: 12pt;
	margin-top: 10px; /*previously: 18px*/
	margin-bottom: 15px; /*previously: 10px*/
	margin-left: 0px; /*formerly: 85px*/
	/*font-weight: bold;*/
	color: #666666;
}

.image_caption_backup { /* temporarily kept -- not used */
	font-size: 12pt;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
}

.caption_location { /*used for small letters next to the caption: location, years etc*/
	font-size: 10pt;
	color: #666666;
	font-weight: 300;
	margin-left: 10px; /*to separate it from the main caption*/
}

.image_caption_for_3_images {
	font-size: 12pt;
	margin-top: 10px; /*previously: 18px*/
	margin-bottom: 0px; /*previously: 10px 50px*/
	margin-left: 0px; /* formerly: 85px;*/
	text-align: center; /*formerly: left*/
	color: #666666;
}

.caption_for_3_videos {
	font-size: 12pt;
	margin-top: 10px; /*previously: 18px*/
	margin-bottom: 0px; /*previously: 10px 50px*/
	margin-left: 0px; /* formerly: 85px;*/
	text-align: center; /*formerly: left*/
	color: #000000;
}

.caption_info_for_3_images {
	font-size: 10pt;
	color: #666666;
	font-weight: 300;
	/*margin-left: 20px;*/ /*to separate it from the main caption*/
}

.image_caption_top_location { /* for text location on top of the image (Sierra nevada etc) */
	font-size: 12pt;
	/*font-style: italic;
	font-weight: bold;*/
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px; /*formerly: 85px*/
	text-align: center; /*formerly: left*/
}

.image_footnote {
	padding: 0;
	margin: 0;
	margin-top: -5px;
	font-size: 8pt;
}

#centering_container {
	margin-left: auto;
	margin-right: auto;
}

#centering_container_wide {
	margin-left: auto;
	margin-right: auto;
}

#container_video, 
#container_video_a, #container_video_b, #container_video_c, #container_video_d, #container_video_e, #container_video_f, #container_video_g, #container_video_h, #container_video_i, #container_video_j, #container_video_k, 
#container_video_l, #container_video_m, #container_video_n, #container_video_o, #container_video_p, #container_video_q, #container_video_r, #container_video_s, #container_video_t, #container_video_u, #container_video_v, 
#container_video_w, #container_video_x, #container_video_y, #container_video_z, #container_video_gug, #container_video_malibu_getty, #container_video_rome_vatican { 
	margin-left: auto; /*auto margins to center the video*/
	margin-right: auto;
	border: none;
}


#container_3videos { /*for 3 videos as in California*/
	/*text-align: left;*/
	border-style: solid;
	border-color: red;
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 200px;
	overflow: hidden;
	margin: auto;
}

/*for pages that have 3 videos:*/
#container_video1 { /*for video content*/
	/*margin-left: auto;*/ 
	/*margin-right: auto;*/
	margin: 0;
	padding: 0;
	float: left;
	border-style: solid;
	border-color: green;
	height: 100px;
	width: 150px;
}


#container_video2 { /*for video content*/
	/*margin-left: auto;*/ /*auto margins to center the video*/
	/*margin-right: auto;*/
	margin: 0;
	padding: 0;
	height: 100px;
	width: 150px;
	float: right;
	border-style: solid;
	border-color: yellow;
}


#container_video3 { /*for video content*/
	/*margin-left: auto;*/ /*auto margins to center the video*/
	/*margin-right: auto;*/
	
	margin: 0;
	padding: 0;
	height: 100px;
	width: 150px;
	float: right;
	border-style: solid;
	border-color: blue;
}


#paragraph_container{ /*object to be centered*/
	/*position: absolute;*/
	width: 450px; /*618px*/
	text-align: justify;
	padding:0;
	margin-left: auto;
	margin-right: auto;
}

	
#weblinks_bio_page_container { /**/
	margin-top: 40px; /*to separate from the top*/
	margin-bottom: 20px;
	text-align: center;
}	

.decades_container_for_bio_page {
	margin-top: 25px;
	margin-bottom: 0px;
	line-height: 16pt;
}

.inline_project_title {
	font-style: italic;
	color: #000000;
	
}
		
.bold { /*use this to bold out inline elements*/
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.small_italic_bold {
margin-top: -15px;
margin-bottom: 60px;
font-weight: bold;
font-size: 10pt;
font-style: italic;
}

.centered {
	text-align: center;
}

.small_text {
	font-size: 10pt;
}

.very_small_text {
	font-size: 9pt;
	margin-top: 0px; /*margins changed - vr*/
	margin-bottom: 0px;
	line-height: 14pt;
}

.gray { /*use this to grey out the text (inline etc)*/
	color: #666666;
}

.light_green {
	color: #99ff00;
}

.border_1px {
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

.museums_text_block {
	width: 408px;
	height: auto;
	line-height: 15pt;
	text-align: center;
	margin: 0 auto 50px;
}

.text_block
{
	width: 408px;
	height: auto;
	line-height: 15pt;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.museums_text_block p {
	font-weight: normal;
	}




/* LEFT-OVER ELEMENTS -- see if they are useful... */

#smaller_email_address { /*on bio page*/
	font-size: 10pt;
	font-style: normal;
	font-weight: 300;
}



.copyright_text {
	font-size: 9pt;
	font-weight: normal;
	margin-top: 45px;
	margin-bottom: 40px;
}

.copyright_text_large {
	font-size: 18pt;
	font-weight: normal;
	color: #007700; /* #007700; green */
	margin-top: 15px;
	margin-bottom: 40px;
}

#copyright_small_grey {
	font-size: 14px;
	color: #666666;
}





/*SPECIFIC RULES (*for particular instances that need adjustments)*/

#mx_embedded_slideshow {

}





/*behavior of thumbnails:*/
.thumb_container {
	/*background: #000000;*/
	width: 80px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#th-bilbao {
	margin-top: 0px;
	margin-left: 0px;
	height: 45px;
}

#th-altamira_cave {
	margin-top: 40px;
	margin-left: -180px;
	height: 45px;
}
#th-santiago {
	margin-top: -20px;
	margin-left: -550px;
	height: 45px;
}
#th-barcelona {
	margin-top: 0px;
	margin-left: 570px; /*650*/
	height: 45px;
}
#th-oporto {
	margin-top: 35px; /*-30*/
	margin-left: -520px; /*-650*/
	height: 45px;
}
#th-valencia {
	margin-top: 65px; /*70*/
	margin-left: 400px; /*500*/
	height: 45px;
}
#th-lisbon {
	margin-top: -35px;
	margin-left: -600px;
	height: 45px;
}
#th-cordoba {
	margin-top: 10px;
	margin-left: -100px;
	height: 45px;
}
#th-sevilla { 
	margin-top: 45px;
	margin-left: -250px;
	height: 45px;
}
#th-granada {
	margin-top: -40px;
	margin-left: -30px; /*-30*/
	height: 45px;
}
#th-mojacar {
	margin-top: 0px;
	margin-left: 200px;
	height: 45px;
}
#th-zaragoza {
	margin-top: -90px; /*-10*/
	margin-left: 300px;
	height: 45px;
}