/* ==========================================================
 *
 *	Name: Free Social Media Icons
 *	Author: Dorin Vancea
 *	Published: modernuidesign.com
 *	Date: 30 September 2012	
 *
 * ========================================================*/
#page { max-width: 960px; margin:0 auto; padding:0 50px 50px 50px;}
strong { font-weight: bold;}
.info { padding:50px 0}
.footer { margin:50px 0;}
a.download { width: 100%; font-size:20px; margin:50px 0 10px 0; padding:20px 0; display: inline-block; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align: center;}
a.download:hover { background:#e41677; color: #fff; border-top-color:#e41677; border-bottom-color:#e41677; }
ul#sm { width: 100%; height:auto; overflow: hidden;width: 223px; margin-left: auto; margin-right: auto; }
ul#sm li { float: left; margin:0 5px 5px 0}
ul#sm li:nth-child(6n) { margin-right:0px;}
ul#sm li:nth-last-child(1) { margin-right:0 }
ul#sm li a { width:33px; height: 33px; display: block; background-image:url("../img/socialmedia.svg"); text-indent:-99999px }

a.facebook { background-position: 0 0 }
a.facebook:hover { background-position: 0 -33px;}

a.twitter { background-position: -40px 0 }
a.twitter:hover { background-position: -40px -33px;}

a.gplus { background-position: -80px 0 }
a.gplus:hover { background-position: -80px -33px;}

a.pinterest { background-position: -120px 0 }
a.pinterest:hover { background-position: -120px -33px;}

a.dribbble { background-position: -160px 0 }
a.dribbble:hover { background-position: -160px -33px;}

a.skype { background-position: -200px 0 }
a.skype:hover { background-position: -200px -33px;}

a.linkedin { background-position: -240px 0 }
a.linkedin:hover { background-position: -240px -33px;}

a.vimeo { background-position: -280px 0 }
a.vimeo:hover { background-position: -280px -33px;}

a.yahoo { background-position: -320px 0 }
a.yahoo:hover { background-position: -320px -33px;}

a.apple { background-position: -360px 0 }
a.apple:hover { background-position: -360px -33px;}

a.windows { background-position: -400px 0 }
a.windows:hover { background-position: -400px -33px;}

a.youtube { background-position: -440px 0 }
a.youtube:hover { background-position: -440px -33px;}

a.delicious { background-position: -480px 0 }
a.delicious:hover { background-position: -480px -33px;}

a.supon { background-position: -520px 0 }
a.supon:hover { background-position: -520px -33px;}

a.blogger { background-position: -560px 0 }
a.blogger:hover { background-position: -560px -33px;}

a.wordpress { background-position: -600px 0 }
a.wordpress:hover { background-position: -600px -33px;}

a.amazon { background-position: -640px 0 }
a.amazon:hover { background-position: -640px -33px;}

a.paypal { background-position: -680px 0 }
a.paypal:hover { background-position: -680px -33px;}

a.rss { background-position: -720px 0 }
a.rss:hover { background-position: -720px -33px;}

/*** GENERAL STYLES ***/

.dpSocialShare_container {
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	font-family:Verdana, Geneva, sans-serif;
	line-height:100%;
	width: 100%;
}


.dpSocialShare_container .dpSocialShare_wrap {
	position:relative;
	z-index:999;
	border:1px solid #ffffff;
	background:#f4f4f4;
	width:100%;
	height:100%;
	text-align: left;
	overflow: auto; 
	float:left;
}

.dpSocialShare_container .dpSocialShare_overlay  
{  
    position:fixed;  
    top:0;  
    right:0;  
    bottom:0;  
    left:0;  
    height:100%;  
    width:100%;  
    margin:0;  
    padding:0;  
    background:#333;  
    opacity:.75;  
	display:none;
    z-index:99999;  
}  

.dpSocialShare_btnContainer 
{  
	position:fixed;
	cursor: pointer;
	opacity: .6;
	width: 60px;
	height:80px;
}  

.dpSocialShare_btnContainer.top-left
{  
	left:10px;
	top: 10px;
}

.dpSocialShare_btnContainer.top-right
{  
	right:10px;
	top: 10px;
}

.dpSocialShare_btnContainer.bottom-left
{  
	left:10px;
	bottom: 10px;
}

.dpSocialShare_btnContainer.bottom-right
{  
	right:10px;
	bottom: 10px;
}

.dpSocialShare_btnContainer.center-left
{  
	left:10px;
	top: 50%;
	margin-top: -40px;
}

.dpSocialShare_btnContainer.center-right
{  
	right:10px;
	top: 50%;
	margin-top: -40px;
}

.dpSocialShare_btnContainer:hover
{  
	opacity: 1;
}

.dpSocialShare_btnContainer a.dpSocialShare_btnShare  
{  
	position: absolute;
	z-index:999;
	display:block;
	width: 60px;
	height: 60px;
	border:1px solid #dbdbdb;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background: url(../img/dpSocialShare/heart.png) no-repeat 50% 50% #EAEAEA;
	-moz-box-shadow:    inset 0 0 10px #fff;
	-webkit-box-shadow: inset 0 0 10px #fff;
	box-shadow:         inset 0 0 10px #fff;
}

.dpSocialShare_btnContainer .dpSocialShare_btnShare_text
{  
	position:absolute;
	z-index:990;
	top: 40px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	color: #EFEFEF;
	display:block;
	padding:2px 0px;
	width: 60px;
	text-align:center;
	background: #303942;
	border: 1px solid #1c252c;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
}

/* SOCIAL SHARE BUTTONS */

.dpSocialShare_container .dpSocialShare_top_bar {
	position: absolute;
	z-index:99999999;
	width: 940px;
	margin:0 auto;
	left: 50%;
	margin-left: -480px;
	top:-60px;
	display: none;
	padding:15px 10px;
	background: #f5f5f5;
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	margin-bottom: 20px;
	font-family: 'Yanone Kaffeesatz', Arial;
	font-size: 24px;
	line-height: 100%;
	text-transform:uppercase;
	font-weight:bold;
	color: #666;
	text-align:center;
}

.dpSocialShare_container .dpSocialShare_top_bar #dpSocialShare_Close {
	position:absolute;
	right: 10px;
	top: 10px;
	display:block;
	width: 32px;
	height:32px;
	background: transparent url(../img/dpSocialShare/close.png) no-repeat 0 0;
	opacity: .7;
}

.dpSocialShare_container .dpSocialShare_top_bar #dpSocialShare_Close:hover {
	opacity: 1;
}

.dpSocialShare_container .dpSocialShare_wrapper {
	position: relative;
	z-index:9999999;
	width: 960px;
	min-height: 200px;
	display:none;
	margin:0 auto;	
	padding-top: 100px;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton {
	position:relative;
	width: 300px;
	height:100px;
	background: #dbdbdb;	
	float: left;
	display:none;
	margin: 20px 10px;
	-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
	box-shadow: 5px 5px rgba(0,0,0,0.5);
	-moz-border-radius: 5px 0px 5px 0px;
	-webkit-border-radius: 5px 0px 5px 0px;
	border-radius: 5px 0px 5px 0px;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Facebook {
	background: url(../img/dpSocialShare/share_facebook.jpg) no-repeat 0 0;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Twitter {
	background: url(../img/dpSocialShare/share_twitter.jpg) no-repeat 0 0;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Linkedin {
	background: url(../img/dpSocialShare/share_linkedin.jpg) no-repeat 0 0;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Pinterest {
	background: url(../img/dpSocialShare/share_pinterest.jpg) no-repeat 0 0;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Google {
	background: url(../img/dpSocialShare/share_google.jpg) no-repeat 0 0;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Digg {
	background: url(../img/dpSocialShare/share_digg.jpg) no-repeat 0 0;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Stumbleupon {
	background: url(../img/dpSocialShare/share_stumbleupon.jpg) no-repeat 0 0;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Buffer {
	background: url(../img/dpSocialShare/share_buffer.jpg) no-repeat 0 0;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton.dpSocialShare_Delicious {
	background: url(../img/dpSocialShare/share_delicious.jpg) no-repeat 0 0;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton .dpSocialShare_SocialButtonDescription {
	padding:5px 20px;
	position:absolute;
	top: 0;
	left: 0;
	background: #333;	
	-moz-border-radius: 5px 0px 5px 0px;
	-webkit-border-radius: 5px 0px 5px 0px;
	border-radius: 5px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	color: #EFEFEF;
}

.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton .dpSocialShare_SocialButtonShare {
	position:absolute;
	bottom: 5px;
	left: 10px;
}

/* Responsive Support */

@media only screen and (max-width: 768px) {
	.dpSocialShare_container .dpSocialShare_wrapper  {
		width: 93%;
	}
	
	.dpSocialShare_container .dpSocialShare_top_bar {
		width: 93%;
		margin-left: -48%;	
	}
}

@media only screen and (max-width: 520px) {
	.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton {
		width: 210px;
	}
	
	.dpSocialShare_container .dpSocialShare_wrapper .dpSocialShare_SocialButton {
		background-position-x: 80% !important;
	}
}