nav.icons ul {
	list-style:none;
	padding:0 0 0 0; 
	margin:0 0 0 0;
	overflow:hidden;
	font:0.875em/1 Arial, sans-serif;
}

nav.icons ul li {
	float: left;
	width: 50px;
	height:5 0px;
	padding: 13px 0 13px 13px;
}

nav.icons ul li a {
	display:block;
	width:48px;
	height:48px;
	overflow:hidden;
	border:1px solid transparent;
	line-height:48px;
	text-decoration:none;
	
	/* css3 */
	/* text-shadow:0 -1px 0 rgba(0,0,0,0.5); */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; /* standards version last */
}

nav.icons ul li a:hover,
nav.icons ul li a:focus,
nav.icons ul li a:active {
	opacity:0.8;
	border-color:#000;
}

/* ------------------------------------------------------------------------------------
--  FACEBOOK
------------------------------------------------------------------------------------ */
li.facebook {
  /* margin:0 30px 30px 0; */
}

.facebook a {
	position:relative;
	border-color:#3c5a98;
	text-transform:lowercase;
	text-indent:28px;
	letter-spacing:10px;
	font-weight:bold;
	font-size:48px;
	line-height:50px;
	color:#fff;
	background:#3c5a98;
	
	/* css3 */
	/* NOTE: box-shadow is not currently in any CSS3 module. It may be reappear in a different form altogether */
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);
	box-shadow:0 0 4px rgba(0,0,0,0.4); /* standards version last */
}

/* ------------------------------------------------------------------------------------
--  TWITTER
------------------------------------------------------------------------------------ */
li.twitter {
  /* margin:0 0 30px 0; */
}

.twitter a {
	position:relative;
	border-color:#a8eaec;
	text-transform:lowercase;
	text-indent:15px;
	letter-spacing:40px;
	font:bold 44px/1 Tahoma, sans-serif;
	line-height:44px;
	color:#76DDF8;
	background:#daf6f7;
	
	/* css3 */
	text-shadow: 3px 3px 1px #fff, -3px -3px 1px #fff, 3px -3px 1px #fff, -3px 3px 1px #fff;
	/* NOTE: box-shadow is not currently in any CSS3 module. It may be reappear in a different form altogether */
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);
	box-shadow:0 0 4px rgba(0,0,0,0.4); /* standards version last */
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#dbf7f8), to(#88e1e6));
	background:-moz-linear-gradient(top, #dbf7f8, #88e1e6);
	background:linear-gradient(top, #dbf7f8, #88e1e6); /* standards version last */
}

/* ------------------------------------------------------------------------------------
--  LINKEDIN
------------------------------------------------------------------------------------ */
li.linkedin {
  /* margin:0 30px 30px 0; */
}

.linkedin a {
	position:relative;
	width:44px;
	overflow:hidden;
	/* padding:0 2px; */
	border-color:#185c80;
	text-transform:lowercase;
	text-indent:-135px;
	font-size:48px;
	font-weight:bold;
	color:#fff;
	background:#0c6596;
	
	/* css3 */
	/* NOTE: box-shadow is not currently in any CSS3 module. It may be reappear in a different form altogether */
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);
	box-shadow:0 0 4px rgba(0,0,0,0.4); /* standards version last */
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#5babcb), to(#0c6596));
	background:-moz-linear-gradient(top, #5babcb, #0c6596);
	background:linear-gradient(top, #5babcb, #0c6596); /* standards version last */
}