html {
	background-color: 		#fff;
	min-width: 				700px;
	margin: 				0;
	color: 					#000;
}

body {
	width: 					900px;
	margin: 				20px auto 60px auto;
	font-size:				14px;
	text-align: 			justify;
	font-family: 			"Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size:				small;
	color:					#4A4A4A;
	line-height:			18px;
}

p {
	margin: 				5px 0;
}

a img, :link img, :visited img { 
	border:					none;
}

:link {
	color: #039;
}

:visited {
	color: #636;
}

:link:hover, :visited:hover {
	color: #333;
}

:link:active, :link:active {
	color: #000;
}

h2 {
	border-bottom:			thin solid #ccc;
	font-family: 			Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size: 				1.50em;
	font-weight: 			normal;
	letter-spacing: 		-0.3pt;
	margin:					25px 0 10px;
	color:					#d66108;
}

h3 {
	margin:				10px;
	color:				#5D5D5D;
	font-size:			1.1em;
	font-style:			italic;
	padding:			0;
}

ul {
	padding:			0;
	margin:				5px 0;
}

dl li {
	list-style-type:	none;
	background: 		transparent url(img/bullet.png) scroll no-repeat 10px center;
	padding:			0px 0px 0px 30px;
	margin:				5px;
}

dl dt {
	background: 		transparent url(img/bullet.png) scroll no-repeat 10px center;
	padding:			0px 0px 0px 30px;
	margin:				5px;
	font-size:			15px;
	color:				#07437A;
	background-color: 	#F0F9F9;
	padding-top:		3px;
	padding-bottom:		3px;
	border:				1px solid #E9F2F2;
	font-weight: 		bold;
	border-radius:		2px;
	box-shadow:			0px 1px 1px #A7A7A7, 0 1px 0px white inset;
}

#main {
	margin:				40px 0 0 0;
}
#main dd {
	padding-left: 		20px;
}

header {
	background-color:		#E4ECEC;
	margin-bottom: 			1em;
	padding: 				10px 15px 10px 15px;
	min-height:				120px;
	color:					#232B53;
	box-shadow: 			0 1px 10px #A7A7A7, 0 1px 0 #FFFFFF inset;
	border: 				1px solid #B3B3B3;
	border-radius: 			5px;
}

header p {
	margin:			0;
	padding:		0;
}

header h1 {
	font-family: 		Georgia,"Nimbus Roman No9 L",serif;
	font-style: 		italic;
	font-size: 			25px;
	margin: 			5px 0 5px;
	text-shadow: 		1px 1px white;
	font-weight: 		normal;
}

header #contact {

}

header #address {
	margin:			20px 0 0;
	text-align: 	right;
	float:			right;
}

header #photo {
	float:				right;
	padding-left:		10px;
	margin:				7px 0;
}

header #photo img {
	padding:			3px;
	background-color:	#fff;
	border:				1px solid #aaa;
	border-radius:		4px;
	box-shadow:         1px 1px 1px rgba(200, 200, 200, 0.8);
}

#profile p {
	margin:				5px;
	text-align:			center;
	font-size:			1.1em;
	font-weight: 		bold;
}

#profile p.opensource {
	background:			none;
	text-align:			center;
	font-style:			italic;
	
}

#jobs dl ul li {
	background: 		transparent url(img/small-bullet.png) scroll no-repeat 15px center;
}

#jobs dd p {
	margin-top:			3px;
	margin-bottom:		3px;
}

#jobs dd em {
	font-weight:		normal;
	color:				#999;
	font-style:			normal;
	font-size:			12px;
}

/**
 * Studies
 */
#studies ul {
	list-style-type: 		none;
	list-style-position: 	inside;
}

#studies ul li {
	background: 			transparent url(img/small-bullet.png) scroll no-repeat 5px center;
	padding:				0 0 0 20px;
}

/**
 * Skills
 */
#skills ul {
	list-style-type: 		none;
	list-style-position: 	inside;
}

#skills ul li {
	background: 			transparent url(img/small-bullet.png) scroll no-repeat 5px center;
	padding:				0 0 0 20px;
}


/**
 * Hobbies
 */
#hobbies ul {
	list-style-type: 		none;
	list-style-position: 	inside;
}

#hobbies ul li {
	background: 			transparent url(img/small-bullet.png) scroll no-repeat 5px center;
	padding:				0 0 0 20px;
}


.period {
	font-size:			14px;
	font-weight: 		normal;
}


nav#links {
	text-align:			center;
	position:			absolute;
	right:				10px;
	top:				5px;
	font-weight:		normal;
	color:				#aaa;
	font-size:			11px;
}

nav#links a {
	padding:			0 3px;
}

nav#links a.current {
	text-decoration: 	none;
	color:				#555;
}

#lastUpdate {
	text-align:			center;
	font-size:			0.8em;
	font-style:			italic;
	color:				#999;
	margin-top:			10px;
}

#translatedVersion {
	text-align: 		center;	
}

#translator {
	float:				right;
}
#translator div {
	display: 			none;
}

p {
	
	line-height:		19px;	
}

p.language {
	color:				#576D74;	
}

.location {
	float:					right;
	padding:				0 0 0 10px;
	text-decoration: 		none;
	font-size:				13px;
	color:					#7B8A9D;
	background:  			transparent url(img/map-pin.png) no-repeat -15px center;
	display:				block;
	margin:					0 5px 0 5px;
	-webkit-transition:		background-position 0.3s ease-in-out;
	-o-transition:			background-position 0.3s ease-in-out;
	-moz-transition:		background-position 0.3s ease-in-out;
	transition:				background-position 0.3s ease-in-out; 
}

a:hover.location {
	background-position:  	0px center;
}

#show-timeline {
	float: 				right;
	color: 				#039;
	font-size:			13px;
	font-weight:		bold;
	cursor:				pointer;
	padding:			0 10px 10px;
}

#show-timeline span {
	color:				#aaa;
	font-size:			14px;
}

#show-timeline:hover {
	text-decoration: 	underline;
}

/**
 * Timeline 
 */
#timeline-wrapper {
	margin:				30px 0;
	width:				900px;
	overflow: 			auto;
}

#timeline {
	width:				1500px;
}

#timeline ul.events {
    margin: 			0;
}

#timeline ul.events {
    list-style-type: 	none;
    list-style-image: 	none;
	background: 		none;
	margin-bottom: 		6px;
	padding:			0;
}

#timeline ul.events li {
    list-style-type: 	none;
    list-style-image: 	none;
	padding:			0;
	height:				25px;
	position:			relative;
}

ul.events li .event {
    background: 			#fff;
    display:				block;
    overflow: 				hidden;
    white-space: 			nowrap;
    height:					24px;
    position:				absolute;
    cursor:					pointer;
}

ul.events li .event .label {
    color: 					#707070;
    font-size: 				10px;
    font-weight: 			bold;
    display:				inline-block;
    overflow: 				hidden;
    white-space: 			nowrap;
    position:				absolute;
    height:					22px;
    top:					3px;
    left:					4px;
}

ul.events li .event .diagram {
    border-radius: 			6px;
    height:					22px;
    border: 				1px solid #ddd;
    display:				inline-block;
    position:				absolute;
	box-shadow:				1px 1px 0px 0 white inset, 0px 1px 1px #eee;
	-webkit-transition:		border-color 0.4s ease-in;
	-o-transition:			border-color 0.4s ease-in;
	-moz-transition:		border-color 0.4s ease-in;
	transition:				border-color 0.4s ease-in; 
}

ul.events li .event .diagram.selected {
	border-color:			#aaa;
	
}

ul.events li .event .diagram.partial {
    border-right:			1px dashed #eee;
    border-radius: 			6px 2px 2px 6px;
}

#timeline ul.events li em {
    color: #aaa;
    font-weight: normal;
    font-size: 0.9em;
}

#timeline ul.intervals {
    list-style-type: 	none;
	padding: 			5px 0 0 0;
    display: 			block;
    border-top:			1px dashed #eee;
   	border-bottom:		1px solid #eee;
}

#timeline ul.intervals li {
    background: 		none;
    border-right: 		1px solid #ccc;
    color: 				#999;
    display:			inline-block;
    font-size: 			11px;
    margin: 			0;
    padding: 			1px 0;
    text-align: 		center;
}

#timeline ul.intervals li:first-child {
    border-left: 1px solid #ccc;
}

#timeline ul.intervals li:last-child {
    border-right: none;
}