<script type="text/javascript">
	(function ($) {
		$(document).ready(function () {
				$("#ppsoclog").click(function () {
					$(".ppsocialmedia").toggle('slow');
				});
			}
		);
	})(jQuery);
</script>
<div class="ppprofile1">
	<div class="ppboxa">
		<img src="http://litcaf.com/wp-content/plugins/profilepress/assets/images/smiley/avatar.gif" class="ppavatar"/>
	</div>
	<div class="ppboxb">
		<div class="ppuserdata">
					<span class="ppname">
						Sign In
					</span>
		</div>
		<div class="ppprofdata">
			<form>
				[login-username class="smi-username" placeholder="Username"]
				[login-password class="smi-password" placeholder="Password"]
				<br style="clear:both"/><br/>
				<a id="ppsoclog" class="ppsoclog smi-links">Login with social media instead?</a>
				<br/><br/> [link-lost-password class="ppsoclog smi-links" label="Forgot your password?"]
				<br/><br/> [link-registration class="ppsoclog smi-links" label="Not registered yet?"]

		</div>
		<div class="ppsocialmedia animated">
			<span class="ppsochead">Login with your desired service...</span> <br/>
			<a href="[facebook-login-url]"><img src="http://litcaf.com/wp-content/plugins/profilepress/assets/images/smiley/social/fb.png"/></a><br/>
			<a href="[linkedin-login-url]"><img src="http://litcaf.com/wp-content/plugins/profilepress/assets/images/smiley/social/li.png"/></a><br/>
			<a href="[twitter-login-url]"><img src="http://litcaf.com/wp-content/plugins/profilepress/assets/images/smiley/social/tr.png"/></a>
		</div>
		<div class="pploginbutton">
			[login-submit class="pplogbutt" value="Sign In"]
		</div>

	</div>
</div>
