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


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Clear floats
   ========================================================================== */


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}







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

#wrapper {
	height: 100%;
	width: 100%;
	padding-top: 40px;
	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;
}

.page-wrapper {
	height: auto;
	width: 480px;
	margin: 0 auto;
	padding-top: 40px;
	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;
}

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

/*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;
}

h1 {
	font-size: 28pt;
	font-weight: 300;
	margin-top: 46px;
	margin-bottom: 35px;
	color: #666;
	font-weight: normal;
}

h2 {
	font-size: 24pt;
	font-weight: bold;
}


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;
}

span.place_headings_right { /*CALIFORNIA ETC.*/
	text-align: left;
	font-size: 16pt;
	font-style: normal;
	font-weight: 300;
	margin-left: 80px;
	margin-right: 80px;
	color: #007700;
	letter-spacing: 8px;
	float: right;
    position: relative;
    right: -85px;
}

#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;*/
}

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

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

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

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

/*Links*/
a:link, a:visited {
	text-decoration: none;
	color: #0166DC;  /*def #0166DC*/
	font-weight: bold;
}

a:link.replay_link {
	color: #007700; /*green #007700*/
	text-decoration: none;
	font-weight: normal;
}

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

a:active {
	text-decoration: none;
}


/* 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;
	font-weight: bold;
}

h1 a:hover, h1 a:hover, h2 a:hover, h2 a:hover, h3 a:hover, h3 a:hover {
	color: #333333; /*gray*/
	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*/
}

	span.gray_link_holder {
		color: #666;
		font-weight: bold;
	}

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

/*grey links*/
a:link.grey_link, a:visited.grey_link {
	color: #666666;  /*def #0166DC*/
}

a.pda_home {
	padding-right: 10px;
}

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




p {
	font-size: 10pt;
}



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

/*big year numbers on top*/
.title_years {
	color: #666666;
	font-size: 48pt;
	font-weight: bold;
	margin-left: 380px;
	margin-top: -22px;
	font-style: italic;
}

.smaller_letter_s {
	font-size: 24pt;
}

.smaller_quote {
	font-size: 52px;
}

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

.download_links {
	font-size: 8pt;
	font-style: normal;
}

#years_links {
	margin-top: -20px;
	margin-left: 30px;
}

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

.smaller_letter_s_years_links {
	font-size: 12pt;
	color: #666666;
}

#title_peter_container {
	margin-left: -100px;
}

.project_container {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*used at the bottom as link to PDA website*/
#link_to_peterdagostino_net {
	margin-top: -30px;
	font-size: 9pt;
}

/*used at the bottom -- as a link*/
#home_bio_link {
	margin-top: -20px;
	font-size: 9pt;

}




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

.image_caption {
	font-size: 12pt;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
}

.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*/
}

.text_block_1 {
	margin-top: 10px; 
	color: #000000;
	font-size: 10pt;
	font-weight: 300;
}

.text_block_wide {
	margin-top: 10px; 
    margin-left: auto;
    margin-right: auto;
	color: #000000;
	font-size: 10pt;
	font-weight: 300;
	white-space: nowrap;
	
}

.text_block_2 {
	margin-top: 10px; 
	color: #000000;
	font-size: 8pt;
	font-weight: 300;
}

.text_block_2_wide {
	color: #000000;
	font-size: 8pt;
	font-weight: 300;
}

.exhibition_info {
	margin-top: -15px; /*orig: -15px*/
	margin-bottom: 60px;
	font-weight: normal;
	font-size: 10pt;
}

#space_time{
	margin-top: -15px; /*orig: -15px*/
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 10pt;
}



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

#centering_container { /*use this as container of a centered object*/
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;

}

#paragraph_container{ /*object to be centered*/
	position: absolute;
	width: 450px; /*618px*/
	text-align: justify;
	padding:0;
	left: 50%;
	margin-left: -225px; /*half of the width -309px */
	padding-bottom: 50px;
}
	
#weblinks_bio_page_container, .weblinks_container { 
	margin-top: 40px; /*to separate from the top*/
	margin-bottom: 20px;
	text-align: center;
}	

.decades_container_for_bio_page, .category {
	margin-top: 25px;
	margin-bottom: 0px;
	line-height: 16pt;
}
		
.bold { /*use this to bold out inline elements*/
	font-weight: bold;
}

.italic {
	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;
}

.very_small_text_w_negative_margin { /*used to bring up the small text a bit more*/
	font-size: 9pt;
	margin-top: -4px; /*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;
}

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

.weblinks_container {
	margin-top: 40px; 
	margin-bottom: 20px;
	text-align: center;
}

.weblinks_container p {
	font-size: 9pt;
	line-height: 14pt;
	margin-top: 0;
	margin-bottom: 0;
}

h4.category_name {
	padding-bottom: 15px;
	font-size: 10pt;
	color: #666666;
	text-align: center;
	margin-top: 0px;
	margin-bottom: -2px;
}

	h4.category_name.in_progress {
		padding-bottom: 0;
	}

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

.project {
	margin-bottom: 5px;
}

.text-item {
	margin-bottom: 20px;
}

.links-holder {
	margin-top: 35px;
}

span.normal, a.normal_weight {
	font-weight: 300;
	font-variant: none;
}

nav {
	margin: 10px 0;
	margin: 0 auto;
	color: #666666;
	font-size: 12pt;
}

nav a:link, nav a:visited { 
	/* color: #0166DC; */
	color: #007700;
	text-decoration: none;
	font-size: 12pt;
	font-weight: 300;
}

nav a:hover, nav a:active {
	color: #333;
}

.splash {
	width: 480px;
	height: auto;
	margin: 0 auto 8px auto;
}

h3.page-title {
	color: #666666;
	font-size: 13pt;
	font-weight: 300;
	margin: 25px 0 25px 0;
	margin-bottom: 0;
}

h4 {
	color: #666666;
	font-size: 12pt;
	font-weight: 300;
	margin-bottom: 0;
	padding-bottom: 0;
}

.walks, .exhibitions, .subheader, .projects, .texts {
	line-height: 8pt;
	margin: 25px 0;
}	

.exhibitions, .projects, .texts {
	text-align: left;
	margin: 25px auto;
	width: 377px;
}

/*.texts {
	width: 338px;
} 
flush with text submenu */

.exhibitions p, .projects p {
	margin: 10px 0;
}

.texts p {
	margin: 3px 0;
}

.walks a:link, .walks a:visited, .exhibitions a:link, .exhibitions a:visited, 
.projects a:link, .projects a:visited, .texts a:link, .texts a:visited {
	color: #007700;
	font-weight: bold;
}

.walks a:hover, .walks a:active, .exhibitions a:hover, .exhibitions a:active, 
.projects a:hover, .projects a:active, .texts a:hover, .texts a:active {
	color: black;
}

a.normal_weight {
	font-weight: normal;
}

.links-holder a:link, .links-holder a:visited, .links-holder a:active, .links-holder a:hover {
	font-weight: normal;
	font-size: 12pt;
}

span.asterisk {
	font-size: 9pt;
	color: black;
}

span.antifreeze_green {
	font-size: 11pt;
	color: #007700;
}

.text_block {
	width: 430px;
	height: auto;
	line-height: 15pt;
	text-align: center;
	margin: 25px auto 0 auto;
}

	.text_block p {
		font-weight: bold;
	}

.text_block_bio {
	width: 375px;
	text-align: justify;
	margin: 25px auto 25px auto;
}

.justified {
	text-align: justify;
}

span.walk_loc {
	color: #666; /*green #007700*/
	text-decoration: none;
	font-weight: bold;
}

footer {
	margin: 0 auto;
}

footer a:link, footer a:visited {
	color: #007700;
	font-weight: bold;
}

footer a:active, footer a:hover {
	color: black;
}

span.subpage_title a:link, span.subpage_title a:visited {
	color: #007700;
}

span.subpage_title a:hover, span.subpage_title a:active {
	color: #333;
}

span.curr_page {
	color: #666;
}

.submenu {
	margin-top: 10px;
}

#temp-bio {
	width: 430px;
	text-align: justify;
	margin: 40px auto 0 auto;
}

#temp-bio p {
	text-align: justify;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 10pt;
	line-height: 15pt;
}