Add shadows to at least avatar, maybe paper-like background to card?

dabblet.css

/* Add shadows to at least avatar, maybe paper-like background to card? */
html, body {
	height: 100%;
	width: 100%;
	font-family: 'Myriad Pro','Gill Sans','Gill Sans MT','Calibri',sans-serif;
	padding: 0;
	margin: 0;
	color: #555;
	background: #f2f2f2;	
}

a {
	text-decoration: none;
	color: #DF2B72;
}

a:hover {
	text-decoration: underline;
}

.top-content {
	height: 80%;
	width: 100%;
	display: table;
}

.top-content .quote {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1em;
	font-style: oblique;
}

.centered {
	display: table-cell;
	vertical-align: middle;
}

.top-content .separator {
	position: relative;
	top: 7em;
	z-index: 1;
	height: 1em;
	background: #F72;
}

.profile {
	position: relative;
	border: 1em #F72 solid;
	width: 30em;
	margin: auto;
	z-index: 2;
	background: #f2f2f2;
	padding: 1em;
	overflow: hidden;
}

.profile .avatar {
	width: 10em;
	height: 10em;
	border: 0.7em #F72 solid;
	margin-bottom: 0.5em;
	margin-right: 1em;
	float: left;		
}

.profile .name,
.profile .tagname {
	margin: 0;
	line-height: 90%;
}

.profile .links {
	list-style: none;
	font-size: 120%;
	margin: 0;
}
.profile .email {
	display: block;
	clear: both;
	font-size: 120%;
}

.bottom-content {
	height: 20%;
}

.projects {
	display: table;
	margin: auto;
	list-style: none;
	padding: 0;
	font-size: 3em;
}

.projects li {
	display: inline;
	margin: 1em 0.5em;
} 

dabblet.html

<div class="top-content">
	<div class="quote">
		Talk is cheap. Show me the code.<br> Torvalds, Linus (2000-08-25).
	</div>
		<div class="centered">
			<div class="separator"></div>	
			<div class="profile">
				<img class="avatar" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcS8FiZqb5uV3zDdi8dzqEVh1yC3Qv6hrmt0qYZ_gr3qrsMDXvQICw" />
				<h1 class="name">Leonty Belskiy</h1>
				<h2 class="tagline">Simply awesome</h2>
				<ul class="links">
					<li><a href="http://github.com/Leonti">Github</a></li>
					<li><a href="http://stackoverflow.com/users/219449/leonti">Stackoverflow</a></li>
					<li><a href="http://pl.linkedin.com/pub/leonty-belskiy/61/a5/a99">LinkedIn</a></li>
				</ul>
				<a class="email" href="">leonty.belskiy@gmail.com</a>
			</div>
	</div>
</div>
<div class="bottom-content">
	<ul class="projects">
		<li><a href="http://www.fitmaestro.com">FitMaestro</a></li>
		<li><a href="http://www.labortm.com">LaborTM</a></li>
		<li><a href="http://www.webinliner.leonty.me">WebInliner</a></li>
	</ul>
</div>	
	

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}