/**
 * RETICULAS CSSFRAMEWORK - social_networking.css
 *
 * @description     Implementa iconos mediante una lista para redes sociales
 *
 * @copyright       Copyright (C) 2009, 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.6.0
 * @revision        $Rev: 148 $
 *
 * @ultimocambio:   $LastChangedDate: 2009-12-08 22:23:06 +0100 (Tue, 08 Dec 2009) $
 * @realizadopor:   $LastChangedBy: segun $
 */

/* imagenes de sustitucion
----------------------------------------------------------- */
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;
}
/* aplicar para que aparezcan en linea
----------------------------------------------------------- */
ul.socialine li{ float:left; margin-right:8px;}

/* imagen de fondo
----------------------------------------------------------- */
li.facebook, li.facebook a:hover, li.twitter,li.twitter a:hover,
li.youtube , li.youtube a:hover, li.digg, li.digg a:hover,
li.pint, li.pint 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.youtube { background-position:-37px 0px;}
ul.socialnet li.youtube 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.pint{ background-position:-73px 0px;}
ul.socialnet li.pint 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;}