/*
 * Socialite
 */

.socialite-button { display: none; opacity: 0; }
.socialite-loaded .socialite-button { display: block; opacity: 1; }
.socialite-button iframe { max-width: 100%; max-height: 100%; }

/*
 * Socialite Look-a-like defaults
 */

#socialite-large.social-buttons { display: block; list-style: none; padding: 0; margin: 20px; }
#socialite-large.social-buttons > li { display: block; margin: 0; padding: 10px; float: left; }
#socialite-large.social-buttons .socialite,
#socialite-large.social-buttons .socialised
{ display: block; position: relative; background: url('social-sprite.png') 0 0 no-repeat; }
/* visually hidden from HTML5 Boilerplate */
#socialite-large.social-buttons .socialite span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* fallback for default and non-loaded instances */
#socialite-large.social-buttons .twitter { width: 55px; height: 65px; background-position: 0 0; }
#socialite-large.social-buttons .googleplus { width: 50px; height: 65px; background-position: -75px 0; }
#socialite-large.social-buttons .facebook { width: 50px; height: 65px; background-position: -145px 0; }
#socialite-large.social-buttons .linkedin { width: 60px; height: 65px; background-position: -215px 0; }
#socialite-large.social-buttons .stumbleupon { width: 50px; height: 65px; background-position: -295px 0; }
#socialite-large.social-buttons .socialite-loaded { background: none !important; }

/*
 * Socialite Custom Default
 */

#social-small-load { margin: 0 0 0.625em 0; font-weight: bold; padding: 5px; }

#socialite-small { display: block; list-style: none; padding-top: 8px; margin: 0px; width:85px;}
#socialite-small > li { display: block; margin: 0; padding: 0px; float: left; }
#socialite-small .socialite,
#socialite-small .socialised { display: block; position: relative; overflow: hidden; }
#socialite-small .socialite,
#socialite-small .socialised { width: 105px; height: 30px; background: url('custom-default.png') 0 0 no-repeat; }
#socialite-small .socialite span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#socialite-small .twitter { background-position: 0 0; }
#socialite-small .googleplus { background-position: 0 -45px; }
#socialite-small .facebook { background-position: 0 -90px; }
#socialite-small .linkedin { background-position: 0 -135px; }
#socialite-small .pinit { background-position: 0 -175px; }
#socialite-small .socialite-loaded { background: none; }