body { color: #545454; font-family:'Lato', sans-serif; margin:10px; }
a{ color: #545454; }
h1{ color:#888; display:block; }

.clear{ clear:both; }

#main-navigation{ position:fixed; top:0; background-color:#ddd; width:100%; }
	#main-navigation ul{ padding:0; margin:0; }
	#main-navigation ul li{ display:block; float:left; width:150px; }
	#main-navigation ul li a{ color:inherit; font-size:2em; text-decoration: none; }

#projects{}
	ul li.project-item{ display:block; float:left; padding:0 0 0 20px; margin:0 0 40px 0; width:516px; }
		.project-item .project-item-title{ background-color:rgba(200,200,200,0.9); padding:5px 0; position:absolute; width:inherit; }
			.project-item-title h2{ color:#666; float:left; padding: 0; margin:0 10px; width:70%; }
			.project-item-title h2 span.year{ color:#666; font-size:0.5em; }
			.project-item-title ul{ float:right; font-size:0.9em; padding:6px 0 0 0; margin:5px 5px 0 0; }			
			.project-item-title ul li{ float:left; display:inline; margin:0 5px; }
				.project-item-title ul li a{ color:#666; text-decoration: none; }

		.project-item img{}
		.project-item p{}
		.project-item ul{}

		.project-item .project-item-description{ background-color: rgba(23,23,23,0.8); pointer-events:none; height:237px; margin:43px 0 0 0; padding:5px 0;position:absolute; width:inherit; }
			.project-item .project-item-description p{ color:#FFF; font-weight:300;margin:5px 0; padding:0 10px;}


#workshops_and_exhibitions{ line-height: 1.8em; padding-left:50px; }
	#workshops_and_exhibitions ul{ padding:0; margin:15px; }
	#workshops_and_exhibitions ul li span.title{ margin-right:10px; }
	#workshops_and_exhibitions ul li span.date{ margin-right:15px; }



#about{ padding-left:50px; }
	#about p{ line-height: 1.8em; max-width: 500px; }

#contact{ line-height: 1.8em;padding-left:50px; }

#copyrights{ font-size: 0.7em; }