@charset "utf-8";
body {
	background-color:#444;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center;
}
#wrapper {
	margin: 0;
	background:rgba(255, 255, 255, 0.8);
	position:absolute;
	top:50%;
	margin-top:-85px;
	height:170px;
	width:100%;/*-webkit-transform:rotate(-1deg);
	-moz-transform:rotate(-1deg);*/
}
#card {
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
	width:360px;
}
#face {
	width:80px;
	height:120px;
	margin-right: 15px;
	float:left;
}
#face:hover {
}
#face #faceUp {
	display:block;
	position:relative;
	left:0px;
	top:0px;
	opacity:1;
}
#face #faceOver {
	display:block;
	position:relative;
	left:0px;
	top:-120px;
	opacity:0;
	-webkit-transition-property:opacity;
 -webkit-transition-duration:.50s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:opacity;
 -moz-transition-duration:.50s;
	-moz-transition-timing-function:ease-out;
}
#face #faceOver:hover {
	opacity:1;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:5s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:opacity;
	-moz-transition-duration:5s;
	-moz-transition-timing-function:ease-out;
}
#info {
	float:left;
	overflow:hidden;
}
#info h1 {
	font-family: 'Lobster', Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 1.8em;
	margin-top:25px;
}
#info p {
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight: normal;
	line-height:1.4em;
}
#info ul {
	margin-top:15px;
	margin-bottom: 20px;
	overflow: auto;
}
#info ul li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
	display:inline;
}
#info ul li a {
	width:40px;
	height:40px;
	display:block;
	-webkit-transition-property:background-color;
 -webkit-transition-duration:.30s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:background-color;
 -moz-transition-duration:.30s;
	-moz-transition-timing-function:ease-out;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#info ul li a:hover, #info ul li a:focus {
	-webkit-transition-property:background-color;
 -webkit-transition-duration:.30s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-property:background-color;
 -moz-transition-duration:.30s;
	-moz-transition-timing-function:ease-out;
}
#aBlog {
	background:url(../imgs/ic_blog.png) #000;
}
#aBlog:hover {
	background:url(../imgs/ic_blog.png) #f59237;
}
#aGoogle {
	background:url(../imgs/ic_google.png) #000;
}
#aGoogle:hover {
	background:url(../imgs/ic_google.png) #0266c7;
}
#aLinkedIn {
	background:url(../imgs/ic_linkedin.png) #000;
}
#aLinkedIn:hover {
	background:url(../imgs/ic_linkedin.png) #0a7bac;
}
#aTwitter {
	background:url(../imgs/ic_twitter.png) #000;
}
#aTwitter:hover {
	background:url(../imgs/ic_twitter.png) #33ccff;
}