/* Styles for the home page */

body {
	background-color: #007799;
	font-family: Arial, Helvetica, sans-serif;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	text-align: left;
	padding: 0.7em 0 0.8em 0;
	width: 100%;
	color: #222222;
	background-color: #fdfded;
	border-bottom: 1px solid #007799;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4em;
	text-align: left;
	padding: 0.25em 0 0.22em 0;
	width: 100%;
	color: #3300aa;
	background-color: #fdfded;
	word-wrap: normal;
}

.author  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	text-align: left;
	padding: 0.27em 0 0.27em 0;
	width: 100%;
	color: #fdfded;
	word-spacing: 0.1em;
	background-color: #3300aa;
}

.author , .author a {
	color: #fdfded;
}

h1, h2, h3 {
	display: block;
	width: 30%;
	padding: 0 31% 0 39%;
	margin: 0 auto 0 auto;
	font-weight: normal;
}

.greek {
	font-size: 20em;
	display: inline-block;
	margin: 0.05em 7% 0.15em 7%;
	text-align: center;
}

a {
	background-color: transparent;
	color: #000;
	display: inline;
}

a:hover, a:active {
	text-decoration: underline;
}

.arrow {
	line-height: 50%;
	position: relative;
	margin: 0 0 0 -2em;
	padding: 0 0 0 70%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 45em;
	letter-spacing:-0.1em;
	display: inline-block;
}

.option {
	line-height: 100%;
	position: relative;
	margin: 3.15em 0 0 5%;
	padding: 0 0 0 0.5em;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4em;
	display: inline-block;
	width: 30%;
}


img {
	margin: 4% 4% 4% 4%;
	display: inline-block;
	position: relative;
	width: 25%;
	min-width: 14em;
	border-radius: 2em;
}

img:hover {
	background-color: #fdfded;
}


#project-list {
	display: block;
	position: relative;
	width: 100%;
	background-color: transparent;
	margin: 1em auto 1em auto;
	padding: 2em 0 0 0;
	overflow: hidden;
}

#project-list li {
	display: inline-block;
	position: relative;
	width: 39%;
	min-width: 19em;
	background-color: #fdfded;
	margin: 1em 0% 3em 7%;
	padding: 0 0 3em 0;
	overflow: hidden;
	vertical-align: top;
	min-height: 26em;
	float: left;
}

#project-list h3 {
	display: block;
	position: relative;
	text-align: center;
	padding: 0 0 0 0;
	margin: 1.75em 0 1.25em 0;
	width: auto;
	font-weight: bold;
	font-size: 1.5em;
}

#project-list p {
	display: block;
	position: relative;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 75%;
	font-weight: normal;
	line-height: 150%;
	word-spacing: 0.1em;
	font-size: 1em;
}

.indent {
	text-indent: 2em;
}

.links {
	display: block;
	margin: 2.5em 0 0 0;
	position: relative;
}

#project-list a {
	display: block;
	position: relative;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0.5em 0;
	line-height: 110%;
	font-size: 1.1em;
	font-weight: normal;
	color: #303030;
}