@charset "UTF-8";
*{padding:0;margin:0;border:0}
:link,:visited{text-decoration:none}
a img,:link img,:visited img{border:none}
ul,ol,dl{list-style:none}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,label,fieldset,address{font-weight:normal}

body{
font-family:Garamond,Arial,Helvetica,sans-serif;
font-size:1.1em;
line-height:normal;
background:url(../images/bg-aboutme.jpg)
}

#container{
min-width:800px;
width:80%;
margin:10px auto 0 auto;
padding-bottom:3em;
line-height:120%;
}
#title{
width:auto;
text-align:center;
}
	#aboutme-submenu{
	padding-top:.75em;
	font-weight:bold
	}
		#aboutme-submenu a{
		color:#333;
		background:url(../images/link_dashed.gif) bottom left repeat-x
		}
		#aboutme-submenu a:visited{color:#333}
		#aboutme-submenu a:hover,#aboutme-submenu a:focus{background:#BBB url(../images/link_solid.gif) bottom left repeat-x}

#languages{
position:absolute;
top:1%;
left:97%;
width:20px;
}
	#languages img:hover,#languages img:focus{
	margin-top:-1px;
	border-bottom:solid 1px #009
	}

#content{
padding:0 2em .5em 2em;
text-align:justify;
}
	#content h3{
	font-size:1.25em;
	font-weight:bold;
	margin:2em 0 .4em 0
	}
	#content p{margin:0 0 .5em 0}
	p.quotereference{
	font-size:.8em;
	line-height:80%
	}
	#content a{
	color:#333;
	background:url(../images/link_dashed.gif) bottom left repeat-x
	}
	#content a:visited{color:#333}
	#content a:hover,#content a:focus{background:#BBB url(../images/link_solid.gif) bottom left repeat-x}

	span.contentimage_right{
	margin:.2em 0 .25em 0;
	text-indent:1em; /* Works better than left margin */
	float:right;
	}
	span.contentimage_left{
	margin:.2em 1em .25em 0;
	float:left
	}
	.contentimage_right a img,.contentimage_left a img{
	border:none;
	background:none;
	margin:1px
	}
		#aboutme_img_1{
		width:9.45em;
		height:12.75em
		}
		#aboutme_img_2{
		width:9.45em;
		height:10.9em
		}
		#aboutme_img_3{
		width:9.45em;
		height:10.9em
		}
		#aboutme_img_4{
		width:7.95em;
		height:12.75em
		}
	#content span.contentimage_right a:link,#content span.contentimage_right a:visited,#content span.contentimage_left a:link,#content span.contentimage_left a:visited{
	background:none;
	border:none
	}
	#content span.contentimage_right a img:hover,#content span.contentimage_right a img:focus,#content span.contentimage_left a img:hover,#content span.contentimage_left a img:focus{
	background:none;
	border:1px solid #484746;
	margin:0
	}
	
#aboutme-links,#aboutme-contact{
padding-top:1em /* equals to h3 margin */
}

#contact_table{
width:100%;
padding-top:1em;
text-align:center
}
	#contact_table tr.spacer{height:.25em}
	.right_aligned{width:25%;text-align:left;font-weight:bold;padding-right:1em}
	.left_aligned{width:75%;text-align:left;vertical-align:middle}
	#be_informed{margin:0 .25em .3em 0} /* Different IE alignement of the checkbox */
	#submitbutton{
	color:#484746;
	background:#B2CDE0 url(../images/link_dashed.gif) bottom left repeat-x;
	font-family:Garamond,Arial,Helvetica,sans-serif;
	font-size:1em
	}
	#submitbutton:hover{
	background:#CCDEEB url(../images/link_solid.gif) bottom left repeat-x
	}
	.form_copyright,.form_copyright a{font-size:x-small;color:#999 !important}

#buttons{
position:fixed;
bottom:0;
left:0;
text-align:left;
margin:15px 15px 0 5px
}

.gototop,.gototop_last{
text-align:right;
border-bottom:solid 1px #484746;
margin-top:1em;
padding-top:1em
}
	#content .gototop a,#content .gototop_last a{
	color:#484746;
	background:#B2CDE0 url(../images/link_dashed.gif) bottom left repeat-x;
	padding-bottom:1px; /* Link hover effect */
	}
	#content .gototop a:hover,#content .gototop a:focus,#content .gototop_last a:hover,#content .gototop_last a:focus{
	background:#CCDEEB url(../images/link_solid.gif) bottom left repeat-x}