body {
	background: #fff;
	color: #333;
/* font-family: "Helvetica Neue", "Helvetica Neue Light", 
"HelveticaNeue-Light", "Arial", "Helvetica", sans-serif; font-size: 
150%; font-weight: 100; line-height: 1.2; */
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, 
sans-serif;
	height: 100%;
	font-size: 16px;
	overflow: hidden;
}

/* @group h1 */

h1 {
	font-weight: 100;
}

h1 em, h1 span.domain, h1 span.SLD, h1 span.ccTLD {
	font-style: normal;
	position: absolute;
	top: 1.2em;
	right: 0;
	font-size: 2.6em;
	width: 4em;
	display: block;
	letter-spacing: .4em;
	text-transform: uppercase;
	padding: 1em 0;
}

h1 span.ccTLD {
	text-align: center;
}

h1 span.type {
	position: absolute;
	top: 0;
	right: 10.9em;
	display: block;
	background: url(/media/img/stripe.png) repeat;
	width: 20em;
	height: 100%;
	font-weight: normal;
	z-index: 3;
}

h1 span.SLD {
	text-align: left;
	height: auto;
	background: #fff;
	border-top: .15em solid gray;
	border-bottom: .15em solid gray;
	z-index: 3;
}

h1 span.domain {
	height: 100%;
	background: #fff;
	border-top: .15em solid gray;
	border-bottom: .15em solid gray;
	right: auto;
	height: auto;
	left: 0;
	text-align: right;
}

h1 em {
	width: auto;
	right: 12.5em;
}

/* @end */

/* @group #me */

#me {
	position: absolute;
	right: 33em;
	bottom: 5em;
	text-align: right;
	background: #fff;
}

#me h2 {
	font-size: 1.6em;
	font-weight: 300;
	margin-bottom: 1.6em;
}

#me a {
	color: #423e47;
}

#me a:hover {
	color: #756E7D;
}

#me a.vcard {
	display: block;
	padding-top: 1em;
	font-size: 0.85em;
}

#me .hidden {
	display: none;
}

/* @end */

/* @group #about-me */

#about-me {
	border: .3em solid gray;
	position: absolute;
	right: 10.6em;
	bottom: 4em;
	width: 16em;
	padding: 0 1em 1em;
	margin: 0 1em;
	text-align: left;
	background: #fff;
	z-index: 5;
}

#about-me ul {
	list-style-type: none;
}

#about-me li {
	margin-top: 1em;
}

#about-me a.url {
	background: url(http://ty.pe.kr/media/img/icons.png) no-repeat 0 
-95px;
	padding-left: 19px;
	color: #423e47;
	text-decoration: none;
}

#about-me a.url:hover {
	text-decoration: underline;
}

#about-me a.last-fm {
	background-position: 0 -95px;
}

#about-me a.flickr {
	background-position: 0 -127px;
}

#about-me a.me2DAY {
	background-position: 0 1px;
}

#about-me a.google-reader {
	background-position: 0 -31px;
}

#about-me a.linkedin {
	background-position: 0 -63px;
}

#about-me p {
	font-size: 0.8em;
	padding-left: 19px;
}

#about-me p a {
	color: #3E4347;
}

#about-me p a:visited {
	color: #6E767D;
}

#about-me p a:hover {
	color: #625C69;
}

#about-me p span {
	font-size: 0.8em;
}

/* @end */