/* reset some stuff */
h1,h2,hr,ul,ins{margin:0px;padding:0px;border: 0px;text-decoration:none;}

/* some spacing where needed */
.spacing{height: 100px;}

/* experimental css3 */
@font-face{
	font-family: "Myriad Pro";
	src: url("http://michelhiemstra.nl/MyriadPro-Black.otf");
}

/* body stuff, nothing that important but the font */
body {
	background: #F3F3F3 url(/assets/shadow.png) repeat-x bottom left fixed;
	font-family: "Myriad Pro",Helvetica,Tahoma,Sans-Serif;
	color: #777;
	cursor: default;
	/* text-shadow: 0 0 0 #000;  safari font-weight fix */
}

/* a nice little line */
hr {
	background: transparent url(/assets/divider.png) no-repeat;
	margin: 0px -15px 0px -15px;
	height: 2px;
}

/* dont know why */
hr.extra_spacing{margin: 25px 0px 40px -10px;}

/* set some wrapper values */
#wrapper{
	width: 840px;
	margin: 0 auto 0 auto;
}

/* little notice for the ones that use old browser */
#old-browsers{
	padding: 30px 0px 30px 0px;
	font-size: 22px;
}

/* popout words */
#old-browsers em ,#wordpress em, #sidebar em{
	text-transform: uppercase;
	font-style: normal;
}

/* headnote stuff */
#headnote{
	width: 350px;
	padding: 60px 0px 60px 0px;
	float: left;
}

#blognote{
	width: 200px;
	padding: 80px 0px 80px 0px;
	float: left;
}

#blognote a{
	text-decoration:none;
	color:inherit;
}

#blognote div{
	line-height: 30px;
	height: 30px;
	padding: 0px;
	padding-left: 15px;
	margin-top: 5px;
	border-left: 1px solid #999;
	color: #999;
	font-size: 18px;
	text-transform: uppercase;
}

/* set a nice big heading for my name ^^.. not that its the most beautiful name but what the hell */
#headnote h1{
	color: #bebebe;
	font-size: 46.4px;
	font-weight: 300;
}

/* a little smaller text for the things i do */
#headnote h2{
	font-weight: 100;
	margin-top: -15px;
}

/* fontsize and the line height that makes it just that little easier to read */
#intro{
	font-size: 30px;
	line-height: 45px;
}

/* make the words pop out */
#intro em{
	text-transform: uppercase;
	font-style: normal;
}

#wrapper h3{
	font-size: 28px;
	font-weight: 100;
	color: #333;
}

#info ul>li{
	display: table-cell;
	padding: 0px 0px 10px 10px;
}

#info ul.icon{
	padding: 15px 0px 0px 170px;
}

#info ul.icon .pdf{
	text-decoration: none;
}

#info ul.icon img{
	border: 0px;
}

#info ul.icon li{
	text-decoration: underline;
	vertical-align: middle;
	padding: 0px;
}

#info ul.icon em{
	text-transform: uppercase;
	font-style: normal;
}

#info ul li.blue{
	width: 150px;
}

#info ul li img{
	padding-right: 5px;
}

#info ul.countries li, #info ul.links li{
	width: 250px;
}

#info a{
	color: #777;
	text-decoration: none;
}

#info a:hover{
	text-decoration: none;
}

#contact{
	line-height: 6px;
}

#contact h3{
	padding-bottom: 10px;
}

#contact .desc{
	padding-bottom: 20px;
	line-height: 35px;
}

#contact ul.validation{
	list-style: none;
	line-height: 22px;
	padding-bottom: 15px;
}

#legalstuff p{
	color: #999;
}

input[type=submit]{
	color: white;
	font-size: 14px;
	width: 100px;
}

input[type=submit]:hover{
	background-color: #fcfcfc;
	border: 1px solid #bfbfbf;
	color: #777;
}

input,textarea{
	outline: none; /* ugly safari glow fix */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #bfbfbf;
	background-color: #fcfcfc;
	padding:7px 3px 6px;
	width: 250px;
	color: #777;
	font-family: "Myriad Pro",Helvetica,Tahoma,Sans-Serif;
	font-size: 13px;
}

#copyright{
	padding-bottom: 35px;
	vertical-align: middle;
}

#copyright a{
	color: #777;
	text-decoration: none;
}



#wordpress a{
	color: #777;
	text-decoration: none;
}

/* define the highlight color */
#headnote h2, 
#intro em, 
#info ul li.blue, 
#info a:hover, 
#contact a, 
#copyright a:hover,
.checkmark,
#old-browsers em,
#wordpress a,
#wordpress em,
#wordpress em a,
#wordpress a:hover,
#sidebar li a:hover,
#sidebar em,
#sidebar em a,
.entry a,
#info ul.icon em,
.validation-error{
	color: #ac1414;
}

input[type=submit]{
	border: 1px solid #ac1414;
	background-color: #ac1414;
}

input:focus,textarea:focus{
	border: 1px solid #ac1414;
}

/* wordpress */

/* positioning of content and menu */
#wordpress {
	width: 600px;
	float: left;
}

#sidebar{
	padding-top: 60px;
	padding-left: 40px;
	width: 200px;
	float: left;
}

#wordpress a:hover{
	text-decoration: none;
}

#wordpress h1{
	padding-top: 30px;
	font-size: 28px;
	font-weight: 100;
	color: #333;
}

#wordpress h1 a{
	color: #333;
}

#wordpress h2{
	font-size: 14px;
	font-weight: 100;
	color: #666;
}

#sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#sidebar li {
	padding: 0px;
	margin: 0px;
}

#sidebar li a{
	color: #333;
	text-decoration: none;
	font-size: 14px;
}

#sidebar h3 {
	padding: 0px;
	margin: 0px;
}