@charset "UTF-8";
/* CSS Document */

* {padding:0; margin:0;}


body{
	font-family: Palatino, "Book Antiqua", Palatino, serif;
	font-weight:100;
	
	
}

#wrapper{
	width: 400px;
	margin: 100px auto auto 300px;
	position:relative;
}

#header h1{
	
	
	font-weight:100;
	
	font-size:32px;
}

#header h1 a{
	text-decoration:none;
	color: #222;
}

#header{
	float:left;
	position:absolute;
	margin-left: -200px;
}

#content{
	margin-left: 13ex;
	position:relative;
	top: 8px;
}

#content ul{
	list-style-type:none;
	position:relative;
}

#content ul li a{
	text-decoration:none;
	color:#777;
	
	
	font-size:21px;
	font-weight:100;
	letter-spacing: .3ex;
	line-height: 2.7ex;
}

#content ul li a:hover{
	color: #3B3E70;
}

#content ul li a.black{
	color:#222;
	letter-spacing: 1px;
}

#content ul li a.black:hover{
	color: #3B3E70;
}
#email{
	position:absolute;
	bottom: 7px;
	left: 10px;
}

#email a{
	text-decoration:none;
	color: #3B3E70;
}

#email a:hover{
	color:#222;
}

#back{
	position:absolute;
	bottom: 7px;
	right: 10px;
}

#back a{
	font-variant:small-caps;
	text-decoration:none;
	color: #3B3E70;
	font-size:18px;
}

#back a:hover{
	color:#222;
}



/*maybe*/

#skills{
	
	display:none;
	position: absolute;
	right: 10px;
	top:10px;
}

#skills ul{
	color:#aaa;
	text-align:right;
	list-style-type: none;
	list-style-position:outside;

}

#skills ul li a{
	font-variant:small-caps;
	text-decoration:none;
	color: #666;
	
}

#skills ul li a:hover{
	color:#000;
}

#skills ul li a.now{
	cursor:default;
	color:#ccc;
}





#content h1{
	color:#777;
	
	
	font-size:25px;
	font-weight:100;
	letter-spacing: .2ex;
	line-height: 2.7ex;
}




#content p{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:100;
	letter-spacing: 0px;
	line-height: 3ex;
}

.info{
	margin-top: 10px;
	font: Palatino , "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-size:14px;
	letter-spacing: 0.2ex !important;
	color: #555;
}