/**
 * RETICULAS CSSFRAMEWORK - PLUGINS - social_networking.css
 *
 * @description     Add icons for social networking
 *
 * @copyright       Copyright (C) 2010, Sond3
 * @license         CC BY-NC-SA http://creativecommons.org/licenses/by-nc-sa/3.0/es/
 *                  http://creativecommons.org/licenses/by-nc-sa/3.0/es/legalcode.es
 *
 * @link            http://www.reticulas.com
 * @info            http://www.sond3.com
 *
 * @version         0.7.0
 * @revision        $Rev: 241 $
 *
 * @ultimocambio:   $LastChangedDate: 2010-07-21 21:14:29 +0200 (Wed, 21 Jul 2010) $
 * @realizadopor:   $LastChangedBy: segun $
*/

/* Pictures by text substitution
----------------------------------------------------------- */
ul.socialnet    { margin:0 0 8px 0;
                  padding:0;
}

ul.socialnet li { background-repeat:no-repeat;
                  margin-bottom:8px;
                  padding:0;
                  display:block;
                  text-indent:-4000px;
                  width:16px;
                  height:16px;
}
ul.socialnet a  { width:100%;
                  display:block;
                  text-indent:-4000px;
}

/* apply to appear inline
----------------------------------------------------------- */
ul.socialine li { float:left; margin-right:8px;}

/* Background image
----------------------------------------------------------- */
li.facebook, li.facebook a:hover,
li.twitter,li.twitter a:hover,
li.meneame, li.meneame a:hover,
li.digg, li.digg a:hover,
li.linkedin, li.linkedin a:hover,
li.myspace, li.myspace a:hover   { background-image: url(img/socialnetworking.gif);}

/* FACEBOOK
----------------------------------------------------------- */
ul.socialnet li.facebook         { background-position:-1px 0px;}
ul.socialnet li.facebook a:hover { background-position:-1px -18px;}

/* TWITTER
----------------------------------------------------------- */	
ul.socialnet li.twitter          { background-position:-19px 0px;}
ul.socialnet li.twitter a:hover  { background-position:-19px -18px;}

/* MENEAME
----------------------------------------------------------- */	
ul.socialnet li.meneame          { background-position:-37px 0px;}
ul.socialnet li.meneame a:hover  { background-position:-37px -18px;}

/* DIGG IT
----------------------------------------------------------- */	
ul.socialnet li.digg             { background-position:-55px 0px;}
ul.socialnet li.digg a:hover     { background-position:-55px -18px;}

/* LINKEDIN
----------------------------------------------------------- */		
ul.socialnet li.linkedin         { background-position:-73px 0px;}
ul.socialnet li.linkedin a:hover { background-position:-73px -18px;}

/* MYSPACE
----------------------------------------------------------- */	
ul.socialnet li.myspace          { background-position:-91px 0px;}
ul.socialnet li.myspace a:hover  { background-position:-91px -18px;}