
body {
	background-color:#f7f7f7;
	margin:0px;
}

h1,h2,h3,h4 {
	font-family:sans-serif;
}

h1 {
	font-size:45px;
	font-weight:100;
	margin-top:0px;
}

ul {
	padding-left: 20px;
	list-style: circle;
}

div.section {
	padding-top:40px;
	padding-bottom:40px;
	overflow:hidden;
	
	border:0px solid #d0d0d0;
	border-bottom-width:1px;
}

div.section.odd {
	background-color:white;
}

div.section > div {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}

div.section > div > hr {
	clear:both;
	width:65%;
	border:0;
	height:1px;
	background-color:#444;
	margin-left:auto;
	margin:right:auto;
	margin-top:40px;
	margin-bottom:40px;
}

div.section > div > hr.special {
	height:15px;
	background:url("hr-digital.png") no-repeat center center transparent;
}

div.columns2,
div.columns3 {
	overflow:hidden;
}

div.columns2 > div {
	float:left;
	width:50%;
	box-sizing:border-box;
}

div.columns2 > div:first-child {
	padding-right:20px;
}
div.columns2 > div:nth-child(2) {
	padding-left:20px;
}

div.columns3 > div {
	float:left;
	width:33.3%;
	box-sizing:border-box;
}

div.columns3 > div:first-child,
div.columns3 > div:nth-child(2) {
	padding-right:20px;
}
div.columns3 > div:nth-child(2),
div.columns3 > div:nth-child(3) {
	padding-left:20px;
}

p.twothirds {
	display:block;
	width:66%;
}

hr {
	clear:both;
	width:65%;
	border:0;
	height:1px;
	background-color:#444;
	margin-left:auto;
	margin:right:auto;
	margin-top:40px;
	margin-bottom:40px;
}

div.section.menu {
	position:fixed;
	background-color:rgb(109, 147, 255);
	
	background-image:url("menu-bubbles.png"),url("background-gradient.png");
	background-repeat:no-repeat,repeat-x;
	background-position:left -60px, center center;
	background-size:416px 208px,4px 104px;

	text-align:right;
	width:100%;
	top:0px;
	height:24px;
	box-shadow: 0px 2px 10px -5px #333;
	border-bottom-width:0px;
}

div.section.menu div {

}

div.section.menu ul {
	margin:0px;
	padding:0px;
}

div.section.menu ul li {
	display:inline-block;
	font-family:sans-serif;
	font-size:21px;
	color:white;
	font-weight:400;
	margin-left:20px;
}

div.section.menu a {
	text-decoration:none;
	color:white;
}

div.section.hero {
	margin-top:104px;
	background:url("cork-wallet.png");
}

div.section.hero > div > div {
	float: left;
	width: 60%;
	box-sizing: border-box;
	padding: 0px;
	padding-left:20px;
}

div.section.hero cite {
	text-align:center;
	display:block;
	font-size:12px;
}

div.section.hero table {
	margin-top:40px;
}

div.section.hero table th {
	text-align:left;
	padding-right:20px;
}

div.section.hero table a {
	text-decoration:none;
	color:#333;
}

div.section.hero table a:hover {
	text-decoration:underline;
}

div.section.hero > div > div:first-child {
	float:left;
	width: 40%;
	
	box-sizing:border-box;
	padding-right:20px;
	padding-left:0px;
}

div.section.hero > div > div:first-child img.portrait {	
	width:100%;
	padding:10px;
	border:1px solid #aaa;
	
	background-color:white;
	border-radius:4px;
	box-sizing:border-box;
}
div.section.hero > div > div:first-child ul {
	padding-left: 25px;
}

div.section.hero > div > div h1:first-child {
	margin-bottom:0px;
}

div.section.hero > div > div h3 {
	margin-top:10px;
	margin-bottom:0px;

	font-size:16px;
	font-weight:100;
}

div.section.hero > div > div p {
	text-align:justify;
}

div.section.work div.columns2 p {
	text-align:justify;
}

div.section.work div.columns2 div hr {
	margin-left:0px;
	background-color:#999;
}

div.section.work div.work img {
	margin-top:10px;
}

div.section.work div.work img.horizon {
	display: block;
	margin: auto;
	margin-top: 150px;
	width:184px;
}

/* 
div.section.work > div:first-child div.columns2 {
	background:url("background-thinkinghead.jpg") bottom left no-repeat;
	background-size:200px;
}
 */

div.section.work div.awards img {
	height:200px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

div.section.work div.awards h1 {
	text-align:center;
}
div.section.work div.awards h3 {
	font-size:16px;
	text-align:center;
}
div.section.work div.awards p {
	text-align:center;
}

div.section.work div.volunteer h3 {
	margin-top:0px;
}

div.section.work div.volunteer table {
	margin-top: 30px;
}

div.section.work div.volunteer td {
	vertical-align:top;
	text-align:left;
}

div.section.work div.volunteer tr:first-child td {
	padding-bottom:40px;
}

div.section.work div.volunteer td:nth-child(1),
div.section.work div.volunteer td:nth-child(3) {
	width:160px;
	text-align:center;
}

div.section.work div.volunteer td:nth-child(2),
div.section.work div.volunteer td:nth-child(4) {
	width:240px;
	padding-right:20px;
}

div.section.work div.volunteer img.katimavik {
	display:block;
	margin:auto;
	width:140px;
}
div.section.work div.volunteer img.hohlogo {
	display:block;
	margin:auto;
	width:140px;
}
div.section.work div.volunteer img.souptruck {
	display:block;
	margin:auto;
	width:140px;
}

div.section.writing h2 {
	margin-top:0px;
}
div.section.writing p {
	text-align:justify;
}
div.section.writing div.portfolioscreenshots img {
	width:300px;
}

div.section.special {
/* 
	background:url("background-family1.jpg") white;
	background-repeat:no-repeat;
	background-position:top left;
 */
	background:white;
}

div.section.special > div > img {
	display: block;
	margin: auto;
}

div.section.special div.portraits {
	width:800px;
	margin-top:50px;
	margin-bottom:50px;
	overflow:hidden;
}

div.section.special div.portraits div {
	border:6px solid rgb(119, 134, 179);
	border-radius:90px;
	width:180px;
	height:180px;
	
	float:left;
	background-size:180px 180px;
	margin-right:10px;
}

div.section.special div.portraits div.patro {
	background-image:url("fam-patro.jpg");
}
div.section.special div.portraits div.patrino {
	background-image:url("fam-patrino.jpg");
}
div.section.special div.portraits div.filo {
	background-image:url("fam-filo.jpg");
}
div.section.special div.portraits div.filino {
	background-image:url("fam-filino.jpg");
	margin-right:0px;
}

div.section.special > div p {
	text-align:center;
	padding-left:60px;
	padding-right:60px;
}

div.section.special > div p strong {
	font-size:18px;
}




div.section.passions h2 {
	margin-top:0px;
}
div.section.passions p {
	text-align:justify;
}
div.section.passions div.passionsimage img {
	width: 150px;
	margin:auto;
	display:block;
}
div.section.passions div.passionsimage img.commodore64 {
	width: 300px;
}
div.section.passions div.passionsimage img.science {
	width: 250px;
}
div.section.passions div.passionsimage img.religionphilosophy {
	width:250px;
}


div.section.footer {
	background-color:rgb(109, 147, 255);
	
	padding-top: 20px;
	padding-bottom: 20px;
	
	background-image:url("menu-bubbles.png"),url("background-gradient.png");
	background-repeat:no-repeat,repeat-x;
	background-position:left 0px, center center;
	background-size:416px 208px,4px 104px;

	text-align:center;
	color:white;
	font-family:sans-serif;
	font-size:12px;
}
