@CHARSET "UTF-8";

body {
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px;
	background-color: #eee;
	text-shadow: 0 1px 1px #fff;
	font-weight: 300;
}

.background img {
	overflow: hidden;
	position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: -1;
	padding: 0;
	margin: 0;
}

html {
	margin: 0px;
	padding: 0px;
}

a {
	color: #111;
}

h1 {
	font-size: 1em;
	line-hight: 1;
	font-weight: 100;
}

h1 .fn {
	font-size: 2.5em;
	line-hight: 1;
	display: block;
	text-shadow: 0 1px 1px #fff;
	font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
}

.note {
	font-size: 1.2em;
  line-hight: 1;
}

#skills {
	font-size: 1.1em;
	line-hight: 1;
	color: #444;
}

#reputation {
	font-size: 1em;
	line-hight: 1;
	color: #555;
}

#main {
  padding: 15px 30px;
  width: 40%;
  background-color: #ddd;
  margin: 0px;
  position: absolute;
  top:10%;
  left:0px;
  opacity: .85;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -webkit-box-shadow: 1px 2px 5px #333;
  -moz-box-shadow: 1px 2px 5px #333;
  box-shadow: 1px 2px 5px #333;
}

.download-icon {
  float: left;
}

#footer .contact {
  margin-left: 40px;
}

a img {
  border: none;
}

abbr {
  cursor: help;
  border-bottom: 1px dashed #555;
}

abbr.skill {
  text-decoration: none;
  border: 0 none;
  cursor: default;
}