@font-face {
  font-family: 'walkway';
  src: url(layout/walkway_rounded.eot);
  src: local('Walkway Rounded'), url(layout/walkway_rounded.ttf) format('truetype');
}

body{
    color: #ddd;
	background: #444 url(layout/fondo.jpg);
}
a img{
    border: none;
}

#wrapper{
	width: 350px;
	margin: auto;
}

    #wrapper h3{
        margin: 1em 0 0 0;
		color: #777;
		font-size: 1.5em;
		font-family: walkway;
		text-shadow: 1px 1px 5px #222;
	}

#header{
    height: 55px;
	margin-top: 2em;
	background: url(layout/blablabla-top.png) no-repeat center bottom;
}
	#header h1{
	    float: left;
	    margin: 0;
	    margin-left: .35em;
	}
	#header h2{
	    float: right;
	    margin: .75em 1.2em 0 0;
	    color: #222;
		font-size: .75em;
		font-weight: normal;
		font-family: arial, sans-serif;
		text-shadow: 1px 1px 1px #7f7f7f;
	}

#content{
	clear: both;
	padding: .5em 1.7em;
	background: transparent url(layout/blablabla-middle.png) repeat-y;
}
    #content p{
		margin: .8em 0;
		font-family: Georgia;
		font-size: 1em;
		text-align: justify;
    	line-height: 1em;
	}
	#content p.first{ margin-top: 0em;}
	#content p.last{ margin-bottom: 0;}

	#content a{ color: #bbb;}
	#content a:hover{ color: #ddd;}

#contact{
    padding-top: 65px;
	background: url(layout/blablabla-bottom.png) no-repeat center top;
}
    #avatar{
        float: left;
        margin-left: 3em;
	}
	    #avatar img{
			border: solid 1px #777;
			border-radius: 5px;
	    	-moz-border-radius: 5px;
	    	box-shadow: 2px 2px 5px #111;
	    	-moz-box-shadow: 2px 2px 5px #111;
		}
	#profile{
	    color: #777;
	    margin-right: 2em;
		font-size: .8em;
		text-align: right;
		text-shadow: 1px 1px 5px #111;
	}
	#profile a{ color: #999;}
	#profile a:hover{ color: #777;}

#social{
	clear: both;
	margin: 1em 0 0 .75em;
}
#work{
	clear: both;
	margin: 1em 0 0 .75em;
}

#social ul, #work ul{
	min-height: 3em;
	margin: 0 0 0 1px;
	padding: 0;
	list-style: none;
}
#social li, #work li{
	float: left;
	margin: 3px;
}
#social li img, #work li img{ opacity: .8; }
#social li:hover img, #work li:hover img{ opacity: 1; }