@charset "utf-8";
/* CSS Document */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	min-width: 600px;
	background:#f7f7f7;
	
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	color:#F5F5F5;
}

.content p { 
	line-height:1.5; 
	margin:0 0 1em;
}

:root {
	--main-content-border-radius: 10px;
  }
  

div#wrapper {
	padding-top: 80px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 30px;
}

.profilePhoto {
	position: absolute;
	top: min(15px, 5%);
	right: 75px;
	width:150px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* The navigation bar */
.navbar {
	overflow: hidden;
	background-color: #4f4f4f;
	/*position: fixed; /* Set the navbar to fixed position */
	top: 0; /* Position the navbar at the top of the page */
	width: 100%; /* Full width */
	height: 60px;
	border-top-left-radius: var(--main-content-border-radius);
	border-top-right-radius: var(--main-content-border-radius);
  }

  .logo {
	float: left;
	padding: 7px 16px;
	margin: 0;
	font-size: 2.5em;
  }
  
  /* Links inside the navbar */
  .navbar a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 21px 16px;
	text-decoration: none;
  }
  
  /* Change background on mouse-over */
  .navbar a:hover {
	background: #ddd;
	color: black;
  }

.content {
	text-align:justify;
	padding:1em 1em;
	/*margin-top: 45px; /* Add a top margin to avoid content overlay */
	color:#000000;
	background-color: #f0f0f0;
}

div.content {
	background-color: #e4e4e4;
	border-bottom-left-radius: var(--main-content-border-radius);
	border-bottom-right-radius: var(--main-content-border-radius);
}

	div#content p {
		text-align:justify;
		padding:0 1em;
		color:#000000;
	}
	
	div#contentmaintext h1 {
		text-align:center;
		padding:0 1em;
		font-weight:bold;
		font-size:20px;
		color:#373737;
	}
	
	div#contentmaintext h2 {
		padding:1em 1em;
		font-weight:bold;
		font-size:18px;
		color:#373737;
	}
	
	div#contentmaintext h3 {
		padding:0em 2em;
		font-weight:bold;
		font-size:16px;
		color:#373737;
	}
	
	div#content a {
		color:#007bd9;
		text-decoration:none;
		font-weight:bold;
	}
	
	div#content a:hover {
		text-decoration:underline;
	}

#navbarbutton {
	max-width: 80px;
	height: 100%;
	border-left: 1px solid #444444;
	float:left;
	text-align:center;
}

#navbarbuttonselected {
	background:#007bd9;
	width: 80px;
	height: 100%;
	border-left: 1px solid #444444;
	float:left;
	text-align:center;
}

#navbarbuttontext {
	margin-top: 50px;
	font-size:12px;
}

ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

#portfoliotypelist {
	margin: 2em;
	padding: 0;
	color:#000000;
}
	
#projectlist, #languagelist, #experiencelist, #othernotablelist {
	/*margin: 0;*/
	padding: 0em 4em;
	font-weight:bold;
	font-size:14px;
	list-style-type: disc;
	list-style-image: none;
	color:#373737;
}

.project_item {
	padding: 0.3em 0em;
	}


.portfolio_sectionhead {
	padding:1em 1em;
		font-weight:bold;
		font-size:14px;
		color:#373737;
}

.portfolio_studiohead {
	padding:0em 2em;
		font-weight:bold;
		font-size:12px;
		color:#373737;
}

.portfolio_item {
	padding:0em 3em;
	font-size:10px;
}

#portfoliotypelist {
	margin: 2em;
	padding: 0;
	color:#000000;
}