/* COMMON CLASSES */
.break { clear:both; }



/* SOCIAL ICONS - GENERAL */
.social { list-style:none;}
.social li { display:inline; float:right; background-repeat:no-repeat; }
.social li a { display:block; width:48px; height:48px; padding-right:5px; position:relative; text-decoration:none; }

 

li.delicious { background-image:url("../images/48/delicious.png"); }
li.digg { background-image:url("../images/48/digg.png"); }
li.facebook { background-image:url("../images/48/facebook.png"); }
li.flickr { background-image:url("../images/48/flickr.png"); }
li.linkedin { background-image:url("../images/48/linkedin.png"); }
li.reddit { background-image:url("../images/48/reddit.png"); }
li.rss { background-image:url("../images/48/rss.png"); }
li.twitter { background-image:url("../images/48/twitter.png"); }
li.e-mail { background-image:url("../images/48/e-mail.png"); }

/* SOCIAL ICONS - CSS3 */
#css3:hover li { opacity:0.2; }

#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#css3 li a strong { opacity:0;
 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }

#css3 li:hover { opacity:1; }
#css3 li:hover a strong { opacity:1; top:-10px; }
#social_pos{position:fixed;right:0px;bottom:10px;font-size:10px;}