@media screen, projection, handheld, print { /*lettertypes*/

  body {
	font-family: Cambria, serif;
  }

  .siteheader a {
	text-decoration: none;
  }
  .siteheader small i b {
	font-style: normal;
  }
  h1 + menu {
	visibility: hidden;
	width: 20%;
	position: fixed;
	top: 20px;
	left: 20px;
  }
  h1 + menu:hover, h1 + menu:focus {
	visibility: visible;
  }
  h1 + menu hr {
	border-color: red;
  }

	.intro {
	  letter-spacing: .05em;
	  line-height: 1.5em;
	  text-align: justify;
	}
	hr {
	  border-top: solid 1px black;
	  border-width: 1px 0 0 0;
	  margin-bottom: 0;
	}
	.recent h2, .skills h2 {
	  border-bottom: solid thin #ddd;
	}
	.skills {
	  position: relative;
	}
	.skills, .skills h2 {
	}
	/*.skills h2 {
	  border-left-color: white;
	  position: absolute;
	  left: -1px;
	  top: 0;
	}*/
	.skills h2 + ul {
	  margin-top: 2em;
	}
	.recent h3 {
	  text-align: center;
	}
	.recent ul {
	  padding-left: 0;
	}
	.recent li {
	  list-style-position: inside;
	  list-style-type: none;
	  width: 48%;
	  float: left;
	}
    .recent li a h3 { color: black; }
    .recent li img { border-color: gray; }
	.cv h2 {
	  margin-top: 0;
	  color: black;
	  z-index: 10;
	}
	.work h2:after, .skills h2:after {
	  content: ':';
	}/*
  .contact.vcard small {
	display: block;
	padding-left: 1.5em;
  }*/
	.skills b {
	  font-weight: normal;
	}
	.skills tt b {
	
	}
	.skills a, .skills abbr { text-decoration: none; border: 0 none; }
/*-*/}

@media screen, projection, handheld { /*kleur*/
  .siteheader small { color: black; text-shadow: #e0e0e0 1px 1px; }

  .siteheader > b, 
  .siteheader small big {
	color: #f55; text-shadow: #ccc 1px 2px 0;
  }
  .siteheader small big { color: #bbb; }

  h2 {
	color: darkGray;
  }
  
  .intro {
	border-right: solid 1px #eee;
	padding-right: 2px;
  }
  
  .skills li {
	list-style: none;
  }
  
	.skills li li:before {
	  display: inline-block;
	  position: relative;
	  left: 0px;
	  width: 15px;
	  content: "-";
	  color: #888;
	}
	
	.skills h2 { margin-bottom: 0; }
	.skills ul { margin-top: 0; }

	.skills li * {
	  color: black;
	}

	.skills li { margin-left: 0; }

	.cv h2 small {
	  color: lightGray;
	  display: block; 
	  margin-top: -1em;
	  text-align: right;
	  z-index: -10;
	  font-size: 1em;
	}
	.cv ol {
	  padding-left: 0;
	}
	.cv li {
	  list-style-type: none;
	  list-style-position: inside;
	  margin-left: 0;
	}  

  .contact dl > * {
	border-left: solid medium #ccc;
	padding-left: .25em;
  }
  
  address {
	font-style: normal;
  }
	.contact a {
	  color: black;
	  text-decoration: none;
	}
	  .contact menu a:hover,
	  .contact a:hover code {
		text-decoration: underline;
	  }
	  
/*-*/}

@media screen, projection { /*grid*/
  /*body { overflow: hidden; }*/
  .siteheader {
	margin-left: 23%;
  }
  
  .content { display: inline;
	/*margin-top: 2em;*/
  }
   .work {
	 width: 77%;
     float: right;
	 margin-top: 2em;
   }
	.recent {
	  float: left;
	  width: 69%;
	}
	.skills {
	  float: right;
	  clear: right;
	  width: 31%;
		}
   .intro,
   .personal {
	 float: left;
	 clear: left;
	 width: 22%;
	/* margin-top: 3em;*/
   }
   		.personal object { width: 22%; }

	.intro {
	 margin-top: -6em;
	}

	.cv,
	.contact {
	  float: left;
	  clear: left;;
	}
	.contact {
	  position: absolute;
	  top: 0; right: 8px;
	  padding-top: 0;
	  width: 300px;
	  padding: 0;
	  

	}
	.contact dt:first-child,
	.contact dd.web {
	  display: none;
	}	
	.contact h2 {
	  z-index: -1;
	  visibility: hidden;
	}
	.contact dl {
	  position: absolute;
	  top: 0;
	  padding: .25em .25em 0 0;
	  margin: 0;
	}
	.contact dd {
	  margin-left: 0px;
	}
	.contact menu {
		font-size: xx-small;
		position: absolute;
		top: 0;
		right: 0;
		list-style-type: none;
		margin-right: 20px;
	}
	.contact dl abbr { border-bottom: none; }
	.contact .adr .country-name { color: #eee; }

	.skills h3 { display: inline; }
	.skills h4 { text-align: right; }
	.skills > ul > li { list-style-type: none; }
	
	.skills ul { padding-left: 0; }
	
	#addthis { position: absolute; right: 350px; top: 0; width: 180px; }
/*-*/}

@media print {

	.contact menu {
		display: none;
	}

}