/* @override http://simone.niquille.com/main.css */

body {
	font-family:"Times New Roman", Times, serif;
	margin:0 auto;
	text-align: center;
	line-height: 1.6em;
	font-size: 15pt;
	color:blue;
	background-color:white;
	overflow-x: hidden;
	letter-spacing: 1.5px;
}



/* Simone C. Niquille */
h1 {
	font-size: 15pt;
	margin-left: 40px;
	/*background-color:#FFF;*/
	width:300px;
	color:blue;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif !important;
	letter-spacing: 8px!important;
}

/* Project title */
h2 {
	font-size: 15pt;
	text-align: left;
	margin-left: 0px;
	margin-top:20px;
	color:blue;
	font-weight:normal;

}



/*fixed header*/
div#header {
	position:fixed;
	display:block;
	width: 10000px;
	z-index:100000 !important;
}


/*e-mai*/
div#email {
	margin-left: 40px;
	margin-top: -5px;
	/*background-color:#FFF;*/
	width:105px;
	color:blue;
}

div#footer {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 40px;
	clear: both;
	float: left;
	font-size: 8pt;
	font-family:Arial, Helvetica, sans-serif!important;
}

div#footer2 {
	position:absolute;
	bottom: 5px;
	font-size: 8pt;
	font-family:Arial, Helvetica, sans-serif!important;
}




div.section1 {
	float:left;
	margin-left:40px;
	margin-right:40px;
	width:400px;
}

div.section2 {
	float:left;
	margin-right:40px;
	width:400px;
}

div.section3 {
	float:left;
	margin-right:0px;
	width:400px;
}






a:link, a:visited, a:active{
	text-decoration: none;
	color: blue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}


a:hover{
	background-color: white;
	border:0px;
	color:blue;
	border-bottom: 3px solid red;
}


div#container {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	min-width: 1020px;
	text-align: left;
}


select#nav_select {
	margin-top: 5px;
	width: 400px;
	margin-left: 40px;
	margin-right:0px;
}

.selectText {
	color: blue;
}

select {
color: #555;

}

img {
	padding-top:10px;
}

div#project_list{
	margin-top: 50px;
	padding-right: 0px;
	margin-left: 40px;
	max-width:800px;

}

div#text_body {
	margin-top: 20px;
	margin-left: 0px;
	width: 500px;

}


p.body_text {
	font-size: 15pt;
	text-align: left;
	width: 400px;
	margin-left: 0px;

}

div.description{
	max-width: 400px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 840px;	
}

p.annotation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height: 1.6em;
	width:790px;
}



div.clear {
	clear: both;
}

div.project{
	max-width: 900px;
	padding: 30px;
	float: left;
	position: relative;
}


div.project_nohover{
	max-width: 780px;
	margin-right: 20px;
	margin-left: 40px;
	margin-bottom: 10px;
	margin-top:20px;
	float: left;
	
}

div.project_poster_nohover {
	max-width: 420px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

div.project_poster2_nohover {
	width: 1300px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

div.front {
	align: center;
	margin-top: 450px;
	margin-left: 600px;
}


div.project span.desc{
	display: none;
}

/* somehow img:hover does not work.. */
div.project a:hover span.desc{
	display: block;
	position: absolute;
	top: 50px;
	/*left: 50px;*/
	color: #000000;
}

div.project span.desc strong{
	display: block;
	font-size: 8pt;
}

div.project img{
	display: block;
	border: 0px;
}

div.project img:hover{
	position: relative;
	pointer: cursor;
	/* for IE */
	filter:alpha(opacity=60);
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  /* CSS3 standard */
	opacity:0.2;
	
}

::selection {
	background:blue;
	color:white;
}

moz::-moz-selection {
	background:blue;
	color:white;
}

webkit::-webkit-selection {
	background:blue;
	color:white;
}