/* The rounded corners are not defined here. */
/* They are constructed by the "niftycube" script and css */

/* The basics: blue background color, dark grey foreground color etc. */
body {
	background-color: #36537B;
	font-size: small; 
	font-family: "Bitstream Vera Sans", DejaVu, Georgia, serif;
	color: #222;
	margin: 0;
	padding: 0;
}

/* Colors for links */
a {
	color:#579;
}

a:hover {
	color: #304A6E;
}

/* The container is the white rounded rectangle */
#container {
	width: 94%;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
	font-size: 110%;
	background-color: #fdfdfd;
}

/* Header has the "Christos D. Zaroliagis..." and the image inside the
 * container */
#header {
	width: 100%;
}

/* For h2/h3 inside the header (light blue, big fonts, etc.) */
/* I had some problems using h1, that's why it's h2/h3 */
#header h2 {
	width: 50%;
	color: #6D85A6;
	padding-top: 15px;
	margin-left: 2%;
	margin-right: auto;
	margin-bottom: 0;
	font-size: 170%;
	font-weight: bold;
	font-family: "Gill Sans", "Bitstream Vera Sans", "DejaVu sans", Tahoma, Verdana, Helvetica, sans-serif;
	text-align: left;
}

#header h3 {
	width: 50%;
	margin-left: 2%;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 1.6em;
	color: #6D85A6;
	font-size: 135%;
	font-family: "Gill Sans", "Bitstream Vera Sans", "DejaVu sans", Tahoma, Verdana, Helvetica, sans-serif;
}

/* For the image in the header. "float:right" makes it go to the right! */
#header-banner {
	float: right;
/*	padding-top: 25px; */
	padding: 0;
	padding-right: 1.5%;
}

/* For the light blue navigation bar */
#navigation {
	clear: both;
	color: #3A587E;
	margin: 0;
	font-family: "Gill Sans", "Bitstream Vera Sans", "DejaVu sans", Tahoma, Verdana, Helvetica, sans-serif;
}

#navigation ul {
	width: 97%;
	background-color: #9FADBF;
	padding: 0;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#navigation li {
	list-style-type: none;
	display: inline;
	font-weight: bold;
	font-size: 90%;
	padding-left: 1%;
	padding-right: 1%;
}

/* For the links inside the navigation bar */
#navigation a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#navigation a:hover {
	color: #3A587E;
}

/* The sidebar is needed in the main page to hold the photo and info */
#sidebar {
	width: 280px;
	padding-top: 10px;
	margin-left: 1.5%;
	float: left;
}

#sidebar h3 {
	margin: 0;
	margin-top: 1em;
	padding: 0;
}

/* The content is what is right of the photo in the main page */
/* The arrangement is tricky, the values here for margin/padding must match
 * the values for the sidebar and the width of the photo */
#content {
	margin-left: 280px;
	padding-right: 1.5%;
	padding-top: 10px;
}

/* A footer that is inside the container. Holds the contact info in the main
 * page */
#container-footer {
	clear: both;
	text-align: right;
}

#container-footer p {
	padding-right: 30px;
	padding-bottom: 20px;
	margin: 0;
}

#container-footer h3 {
	margin: 0;
	padding-right: 30px;
	padding-bottom: 20px;
}

/* The footer under the container, the one with "Last modified..." */
#footer {
	width: 95%;
/*	margin-top: -15px; */
	padding-bottom: 30px;
	background-color: #36537B;
	color: white;
	font-size: 85%;
	text-align: right;
	clear: both;
	font-style: italic;
}

/* For list items */
li {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

/* For the publication list, increases line spacing */
ul.publications {
	list-style-type: none;
}

ul.publications li {
	margin-top: 1em;
	margin-bottom: 3em;
}

/* For normal h2/h3 */
h2 {
	font-size: 160%;
	font-family: "Gill Sans", "Bitstream Vera Sans", "DejaVu sans", Calibri, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	margin-left: 1em;
	margin-top: 0.6em;
	margin-bottom: 0.5em;
	font-family: "Gill Sans", "Bitstream Vera Sans", "DejaVu sans", Calibri, Tahoma, Verdana, Helvetica, sans-serif;
}