/*
	UTILITY
*/

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear: both;
}
.offscreen {
	left: -1000em;
	position: absolute;
}

/*
	SOCIAL ICONS
*/

ul.social {margin-top: 8px;}
ul.social a {display: block; width: 29px; height: 31px;}
ul.social li:hover {
	-webkit-transform: translate(0px, 5px);
	-moz-transform: translate(0px, 5px);
	-o-transform: translate(0px, 5px);
	transform: translate(0px, 5px);
	-webkit-transition:-webkit-transform 0.5s;
}

ul.social li{
/* 	background: url('../images/social-sprite.png') no-repeat top left; */
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAeCAYAAAG6fhusAAAK20lEQVRo3u2ae5RXVRXHP/fO/f3myYzAgCMaiSWiAikSIGJl+BjLCq1VmqU91KkmC1oul66eq1arWqtVhmPhI0zJFaapYTKBKfmCNB6Soijgk4coIA4KODPM7Y/f98ie472/3+/+gP5qr3XXfZ1z7j777Md373OD9rZWgC8CHwAGdszq/GoQBAAnAu8BGuI4nq1nxwNDgfoIaAOeBy5jL30E+CcwDJitZ+8FngB6AUKgARgLfAaYqUbVOv/FDJZTp8+5jhOBZ4Dbge+p0RHAEPrTETrfChC0t7WeDYwAjgYu7pjVSRAE44DBYvWmOI4JgmA00Ag0A/NCsfkr4GJgjkZdDhwOrAQu1bMngcXA34DTQ+BhsfuYmRtq9DgQ6H6Kzn1AGAL/AdYAX/I6vgjkgT26f9i86w3a21rbgGtJpqs6ZnVOBwiC4MPAA8BoYCOwzbRrj+P4GrUbDryUMt6pIVAFnARMAz5tljIPtJjGoZHRNm+gyGs3ydx/3KpCCBwDfErnl4D5wL3An6Urjlq8j5wOfNaJyjxvBv4FnKf7e5yuAT2BTOMHUpGDgSagVmswpWNWJxIVwNckkSrNJNB5ZhzHPabdOWK22rQF6Aza21pbpBEHAYdKsRuBOR2zOu91bAdB0AiMBOrUtkGMrYnj+EHTLgSOBWqAerWvAbZEwCuypFLUJUcQAbcVadcnO38XhWSj9+tDHwPOytj3nY8N0nmYxPPlEu3ny3rHlxh/mLk+3qmvU+uNOt+Y0jn27peW+Fid1dYooyQ26TxJmpsH7k5od5g85oOS2geBBaGxHWtTI1M+Nge4XPb0D+B9Ke3W60NOagucFxgPTJXfGwgMEMd3AD83A3xSHO8Evm0c6feBn5h24+Wlq2VvbkJR0N7WeiSwTiqbRbHGdMzqXOm/CIKgBXjVjBd5niaNzozjuDNhvFB2vz3jkp8TAqeJkXqF2BvK6NgHzEh5d7SZ2BVmYieWGHNEyvPhFUwMoCs0jOwEvuuFSEuDvPt8GRbZY66XJLT9fErgShqvWoaEFmKaaTNZ2pRXOACIQjPoSYJad3qSvh5YIQgG8OMSzFSlCGAyME7HFOBsYJ7VwBLjVQP/1vVbwF3AKcBRAjh9QLds9zxnOwPV4Ridx3oR+R5N+re6P7wEM7UpEWaYINpygaQ7gTc9VU8iJ6ATzLdrgEuARep3nBH4BcCfgL7QuMUTpHqO6QYt/w7d75FTP8SDvT4dbK5/anBmUrw+1iLBElFrEfCCrncD1+l6jWCpG+Nmdx0BvxdSbtPDH5rBAO7T+TRzHlMELLzg3V9tJj1ccWGbhLWqiE07ejqDx+2XJjiMd6aWulpqVSv322ggU14f2Qhc4bBfgutG0Nq1z+m61nwj0lEF7ALuiON4V5HxDpP5hN6YeV1XmfF6ZINbIuBK4GcZpXITcGHKu094EKIaeLvEeFONhvg0RTa6PgN/BwH5UGgtK/29yLsV5vpSAfArS4y3pMi73RXwtx0Ybd35d2Sc64CnygjilIhLQ4XVtgOvUznFFfarjjwJ3Q3MBc4t0bGmTMz/nIlLp8r7Vmmyy5TNZE1K0pyL/zywk2uSSk1M6FgvQ+0uEcCtpAeYFZ6T0G6AUPe6IjHT0kRp1jaB5dWKk2OArXJ0oxS6NgBBaJjZKel+HbhI8eUCoFWSrwd+U4akLVwqxvQOCZQyJjcSeNQkZUuFoJqUn7okbbUBJUFkpPu6JFCjD29UsecPSjnOBK4qww5ic3ZMD1FBrE9q2SwzWFQmSB8LPOs936yQ80hKAthPvZy+NhoHMEPQ6zgF4ZcV8PeUwdQuM9GWEiltMWEFHkyz6CZpzLESWhAa6dabCdd4EOt5TS5UMO4twQzK6epMAS6ocHKhQs9XzBhjFKjXCGPmDO7dZdVylzFwh8IbvcnVSt8b5FS6izDTa1Lxc+V9XY3nSDGSk7BulqMqJ7TMVrngIAX8rXp+HXCyUMwjKhG8M7kdZuVaNLG87h0iP0TMDpd77y6hjjZDyKv9yzr6VTFVq4jLHG9hSpuHklY8NCu2EJggjzhdKnWB3q2SpLdrFRqKMGPzuRtVlZ7oqW0oZ/BoGd4ya0Xpne+ExgM+quRxldTkNeN6u1X2dYj/W0UGbfXur9HYo5WoNku1njRaM6nIeMdWMLEGYGOkKtNlprjaJJWs9bKBSBLepHJlGv1VFWLnrNIOZ091SmvSaK5qO7GpOrsjMDE3UJtIcfkWl/JMlWQXJ+Rjvhe0Z5/ZwCS2e9i7vzNC2cJaYGZaulQk5RklT/gssMWz0T7jVYMUfoMEJ+X65eRnjhJwmRvH8c6M/DXJg2+SxveVEU2K8WfnFUjBBkuLlwPPR9qc2GyQ1YGgtRQ2VWbo+HWGvicCbyRkWTngo1K4nMLqAsHKrLRVobxZaervMvQdrEV/mANLrwldngXEkT6ctDVynCDo2oToVCm9DJyRsU+t8I2fcE2Xq1ngZaQPKJmqhN6qoE9jhel0pbQLaAnl0myUPA/4pmpli5Rr/GI/fbSmSJm6WEpQ5T1rkbvbnJBDVe8Df2HCt0rRHrJv/+0LVQFhlIDI3wDahVJ2Khgv3k8fzVUIpXzc2SSB9XjP5yuenqR3PSY1iwQWBqm283RCHhhWsAhBCi4eKgVzsapOKO+pFFzeqMSiSolHncZeQ/9NoBBTw7T0GIXfGs5WBvEihX8kXAp1ssz1bfXvlLDG675RKO41xYouX1sqEIxPdSnPN2SIcSOBD7F3c7QYUCiXv1Bxd61A3qtJRXAKG+73asHHaYxl9C++2/LrNMX43Y7HKKECeZSH+U/W4PdpcZaZJCWvgddr0HVenHBV0Lu9RGdfNdoV06vIvnuQ06KNktLtD3L8nSHUt7lI2+ek3OOM5S0rUVp+RCn6PFeVcgKIPa2xCzlKi5MEuWcqe71FFna1wMT5GuNa4EfSrt1yW1k1OkxYuG4tmA+7j9d81pn8zPHcJx66pNmrUhYga2m7yivSltO/Ufzky1S8Wr8y4CpcVphDPPfZwt5d0rwnrHot2u2mDHEnhc3+VRJUk+LKxgoXLpdSyE1yazsE6bfug+VUsnChqeFMU6KeZnWjVLu9VfyfL0VcmdJ+kKztLlsHjgT5fQvbkRKw672JVXtQuFexr9egyEbPUrIuXG2KuwkobDE87eWLQ5TrPEP/LQ0n4B4BsC37aeGqjXw2Ufgv4hQKPwfuYG/x3hnEQ/TfMpkt7HCJZLfZgJsazeMGD2UHkQa0qOVQ9m44OS12u9QDvYnlvIVrllVtMoF1gKk49lQAtwd4FUv0zbtU6r3eAyRLyhgzovAr5itefInJ9v+UQ7hd3hj36yiXnkjJpdPSozCSFdndjC7gC6qoODf1uHl3uQTnqribPSE3yw24Nm8YwNJbQTpQkxIHVqvQehGF3ZrbPAEWo96EeF2pxdXx7n93DyTFbuG2K+9xv0JdSfqmfKlEfAWFH3TSaEIKRC6lYUM9920R1y+lYJMpbFnl5J66TMU551lbSOEn+tXeePUU3x5IojdVffpfUQOwLVKC/Q0BjPs9AcVeMTQsch96RWZX8WhSgXiycpsLMzL6Rwp7MEerELA7JWVYqqPPK9CGJFfznSt3ReYjpMBLMvK3WCnTNFWa3qT0/qmf/yU9i82zaoW0CQKIC4M4jvk/VU7aHbBAqsYoi/1Ryz9Cc05SLJvGdCvkbHDx/r/vbKMY7IOBtQAAAABJRU5ErkJggg==') no-repeat top left;
	width: 29px;
	height: 31px;
	float: left;
}
ul.social li.linkedin {
	background-position: 0 0;
}
ul.social li.twitter {
	background-position: -40px 0;
	margin-left: 12px;
}
ul.social li.flickr {
	background-position: -80px 0;
	margin-left: 12px;
}

/*
	WORK LINKS
*/

ul.work-links li.active:hover {
	-webkit-transform: translate(5px, 0px);
	-moz-transform: translate(5px, 0px);
	-o-transform: translate(5px, 0px);
	transform: translate(5px, 0px);
	-webkit-transition:-webkit-transform 0.5s;
}

/* MEDIAS */

@media only screen and (max-device-width: 480px) {

	#wrap {width: 480px; margin: 1em 0 0;}
	#ux-logo img {display: none;}
	.work {display: none;}	 
	body {
		background: #c4bf86;
		font-size: 20px;
	}
	#content {
		width: 100%;
		margin: 0;
		padding: 0 10px;
	}
	ul.social li.twitter {
		margin-left: 20px;
	}
	ul.social li.flickr {
		margin-left: 20px;
	}
}