body {
	background-color: #ddd;
font: 12px arial, verdana, sans-serif;
      text-align: justify;
cursor: default;
}
a,
	a:visited,
	a:active {
		font-weight: bold;
color: #000;
       text-decoration: none;
	}
a:hover {
	  text-decoration: underline;
  }
a > img {
border: 0;
}
#thing {
display: block;
margin: 70px auto;
width: 700px;
height: 300px;
}
.border {
	-webkit-border-radius: 10px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius: 10px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-radius: 10px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.in {
width: 100%;
}
#one {
	background-color: #000;
color: #eee;
       font-weight: bold;
height: 8%;
}
#two {
	background-color: #f3f3f3;
height: 82%;
}
#three {
	background-color: #555;
color: #f3f3f3;
height: 10%;
}
.content {
padding: 5px 8px;
display: block;
}
.realContent {
padding: 15px 18px;
}
#where {
float: right;
}
#where img {
	max-height: 16px;
}
#where img:hover {
opacity: 0.7;
}
#mail {
float: left;
}
[class^="socicon-"]::before,
	[class*=" socicon-"]::before {
		font-size: 16px;
	}
#where>a {
	margin-left: 8px;
color: #fff;
       text-decoration: none;
}
::selection {
	  background: #555555;
	  color: #ffffff;
}
::-moz-selection {
	  background: #555555;
	  color: #ffffff;
}
#y:before{
	content: "@";
}
#c:before{
	content: ".";
}
.done{
	text-decoration: line-through;
}