/*
Plugin Name: 	Socializor
Plugin URI: 	http://codecanyon.net/item/socializor
Description: 	Adds an advanced widget box to your sidebar giving users to link your site to all the popular Social Networking sites such as Delicious, Twitter, Facebook, StumbleUpon, Pinterest, LinkedIn and access to Feedburner Email Subscription.
Version: 		1.0
Author: 		eMediaExperts
Author URI: 	http://emediaexperts.com
License: 		Sold exclusively on CodeCanyon
*/

/* ADVANCED SOCIAL WIDGET */

@import url('font-awesome.css');
div#socialbar, div#socialbar ul, div#socialbar ul li, div#socialbar ul li img, div#socialbar ul li span, #socialbar ul li a { background: none; border: none; margin: 0; padding: 0 }
div#socialbar_noborder, div#socialbar_noborder ul, div#socialbar_noborder ul li, div#socialbar_noborder ul li img, div#socialbar ul li span, #socialbar_noborder ul li a { background: none; border: none; margin: 0; padding: 0 }
div#socialbar { font-family: inherit; width: 100%; font-size: 90%; padding: 12px 0 10px; }
div#socialbar_noborder { font-family: inherit; width: 100%; font-size: 90%; }
/* == Solid Background Colors == */
.aqua_solid { background-color: #2cbfb8 !important; }
.aqua_solid #social_icons i { color: #fff; border: 1px solid #fff; }
.aqua_solid #social_icons a:hover i { color: #2cbfb8 !important; background: #fff; border: 1px solid #fff; }
.blue_solid { background-color: #005a93 !important; }
.blue_solid #social_icons i { color: #fff; border: 1px solid #fff; }
.blue_solid #social_icons a:hover i { color: #005a93 !important; background: #fff; border: 1px solid #fff; }
.black_solid { background-color: #333 !important; }
.black_solid #social_icons i { color: #fff; border: 1px solid #fff; }
.black_solid #social_icons a:hover i { color: #333 !important; background: #fff; border: 1px solid #fff; }
.blu_solide { background-color: #005a93 !important; }
.blu_solide #social_icons i { color: #fff; border: 1px solid #fff; }
.blu_solide #social_icons a:hover i { color: #005a93 !important; background: #fff; border: 1px solid #fff; }
.brown_solid { background-color: #d9a24c !important; }
.brown_solid #social_icons i { color: #fff; border: 1px solid #fff; }
.brown_solid #social_icons a:hover i { color: #d9a24c !important; background: #fff; border: 1px solid #fff; }
.grey_solid { background-color: #54626c !important; }
.grey_solid #social_icons i { color: #fff; border: 1px solid #fff; }
.grey_solid #social_icons a:hover i { color: #d9a24c !important; background: #fff; border: 1px solid #fff; }
.green_solid { background-color: #3b551d !important; }
.green_solid #social_icons i { color: #fff; border: 1px solid #fff; }
.green_solid #social_icons a:hover i { color: #3b551d !important; background: #fff; border: 1px solid #fff; }
.orange_solid { background-color: #f45700 !important; }
.orange_solid #social_icons i { color: #fff; border: 1px solid #fff; }
.orange_solid #social_icons a:hover i { color: #f45700 !important; background: #fff; border: 1px solid #fff; }
.pink_solid { background-color: #d65799 !important; }
.pink_solid #social_icons i { color: #fff; border: 1px solid #fff; }
.pink_solid #social_icons a:hover i { color: #d65799 !important; background: #fff; border: 1px solid #fff; }
.purple_solid { background-color: #745f7e !important; }
.purple_solid #social_icons i { color: #fff; border: 1px solid #fff; }
.purple_solid #social_icons a:hover i { color: #745f7e !important; background: #fff; border: 1px solid #fff; }
.red_solid { background-color: #ec3239 !important; }
.red_solid #social_icons i { color: #fff; border: 1px solid #fff; }
.red_solid #social_icons a:hover i { color: #ff1b1b !important; background: #fff; border: 1px solid #fff; }
.silver_solid { background-color: #f5f5f5 !important; }
.silver_solid #social_icons i { color: #000; border: 1px solid #000; }
.silver_solid #social_icons a:hover i { color: #f5f5f5; background: #000; border: 1px solid #000; }
.white_solid { background-color: #fff !important; }
.white_solid #social_icons i { color: #000; border: 1px solid #000; }
.white_solid #social_icons a:hover i { color: #f5f5f5; background: #000; border: 1px solid #000; }
.yellow_solid { background-color: #fffd00 !important; }
.yellow_solid #social_icons i { color: #000; border: 1px solid #000; }
.yellow_solid #social_icons a:hover i { color: #f5f5f5; background: #000; border: 1px solid #000; }
/* == Gradient Background Colors == */
.aqua_gradient { background: #2cbfb8 url(../images/backgrounds/bg-box-aqua.png) repeat-x !important }
.black_gradient { background: #000 url(../images/backgrounds/bg-box-black.png) repeat-x !important }
.blue_gradient { background: #005a93 url(../images/backgrounds/bg-box-blue.png) repeat-x !important }
.brown_gradient { background: #d9a24c url(../images/backgrounds/bg-box-brown.png) repeat-x !important }
.grey_gradient { background: #54626c url(../images/backgrounds/bg-box-grey.png) repeat-x !important }
.green_gradient { background: #3b551d url(../images/backgrounds/bg-box-green.png) repeat-x !important }
.orange_gradient { background: #f45700 url(../images/backgrounds/bg-box-orange.png) repeat-x !important }
.pink_gradient { background: #d65799 url(../images/backgrounds/bg-box-pink.png) repeat-x !important }
.purple_gradient { background: #745f7e url(../images/backgrounds/bg-box-purple.png) repeat-x !important }
.red_gradient { background: #ff1b1b url(../images/backgrounds/bg-box-red.png) repeat-x !important }
.silver_gradient { background: #f5f5f5 url(../images/backgrounds/bg-box-silver.png) repeat-x !important }
.white_gradient { background: #fff url(../images/backgrounds/bg-box-white.png) repeat-x !important }
.yellow_gradient { background: #fffd00 url(../images/backgrounds/bg-box-yellow.png) repeat-x !important }
.none { background: none !important }
/* == Background Patterns == */
.pattern1 { background: #fff url(../images/patterns/bg-box-pattern1.png) repeat !important }
.pattern2 { background: #fff url(../images/patterns/bg-box-pattern2.png) repeat !important }
.pattern3 { background: #fff url(../images/patterns/bg-box-pattern3.png) repeat !important }
.pattern4 { background: #fff url(../images/patterns/bg-box-pattern4.png) repeat !important }
.pattern5 { background: #fff url(../images/patterns/bg-box-pattern5.png) repeat !important }
.pattern6 { background: #fff url(../images/patterns/bg-box-pattern6.png) repeat !important }
.pattern7 { background: #fff url(../images/patterns/bg-box-pattern7.png) repeat !important }
.pattern8 { background: #fff url(../images/patterns/bg-box-pattern8.png) repeat !important }
.pattern9 { background: #fff url(../images/patterns/bg-box-pattern9.png) repeat !important }
.pattern10 { background: #fff url(../images/patterns/bg-box-pattern10.png) repeat !important }
.pattern11 { background: #fff url(../images/patterns/bg-box-pattern11.png) repeat !important }
.pattern12 { background: #fff url(../images/patterns/bg-box-pattern12.png) repeat !important }
div#socialbar h3, div#socialbar_noborder h3 { font-size: 16px; margin: 0; padding: 2px 0 5px 10px; color: #555; text-shadow: 0 1px 0 rgba(255,255,255,.5); }
.eme_content { padding: 5px; width: 95%; margin: 0 0 5px 0 }
.eme_inner img { border: 0 }
.eme_inner .rssicon { background: url("../images/rss.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: block; float: left; height: 24px; padding: 5px 20px 0px 0; width: 24px; }
.eme_inner .rssicon a, .eme_inner .rssicon a:hover { text-decoration: none }
.eme_inner .rsssubscribelink { display: block; padding: 0; text-align: center; float: left; }
.eme_inner a.rsslink { display: block; float: left; font-family: inherit; font-weight: bold; margin-top: 9px; text-decoration: none; font-size: 12px; }
.eme_inner a.rsslink:hover { text-decoration: underline }
#social_icons { display: block; position: relative; text-align: center !important; float: right; }
/* == Layout One Styles == */
.layout_one .eme_inner .socialfollow { text-align: center; float: left; vertical-align: top; overflow: hidden; margin-top: 2px; display: block; height: 25px; margin-left: 10px; }
.layout_one .eme_inner .socialfollow .googleplus_button, .layout_one .eme_inner .socialfollow .facebook_button { width: 31%; display: inline-block; vertical-align: top }
.layout_one .eme_inner .socialfollow .googleplus_button { margin: 3px 0 0 0; width: 24%; }
.layout_one .eme_inner .socialfollow .facebook_button_full { width: 100% }
.layout_one .eme_inner .tfsubscribelink { margin: 3px auto; text-align: center; position: relative; width: 28%; float: right; }
.layout_one #social_icons a { display: inline-block; margin: 0 2px }
/* == Layout Two Styles == */
.layout_two .eme_inner .socialfollow, .layout_two #social_icons { float: left; margin: 0 0 10px 0; text-align: left; width: 49%; }
.layout_two .eme_inner .socialfollow .googleplus_button, .eme_inner .socialfollow .facebook_button, .layout_two .eme_inner .tfsubscribelink { width: 100%; display: inline-block; vertical-align: top; text-align: left; padding: 0 0 0 10px; margin: 3px 0; }
.layout_two div#social_icons a { padding: 5px 2px }
#newsletter { float: left; text-align: center !important; position: relative; }
.newslettersubscribe { display: inline-block; width: 100%; position: relative; white-space: nowrap }
.newsletter input { display: inline-block; -webkit-font-smoothing: antialiased; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1) inset; -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1) inset; background: -moz-linear-gradient(top, #F8F8F8, #FFF 35%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEE), color-stop(.25, #FFF)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#FFFFFF'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#FFFFFF')"; /* IE8 only */ border: 1px solid #CCC; color: #666 !important; padding: 4px 10px !important; font-size: 11px !important; line-height: 18px !important; vertical-align: top; width: 200px !important; margin: 0 !important; }
#newsletter form { margin: 0 !important; }
.newsletter input:focus, .newsletter input:active { background: #fafafa }
.newsletter button { vertical-align: top; margin: 0 0 0 2px; height: 28px !important; line-height: 18px !important; text-align: left; width: auto; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; background: #f47731; background-image: -moz-linear-gradient(#f47731, #f47731); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f47731), color-stop(1, #f47731)); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; border-width: 1px; border-style: solid; border-color: #f47731 #f47731 #f47731; font: bold 11px Arial, Helvetica !important; color: #fff; text-transform: uppercase; cursor: pointer; text-shadow: 0 1px 0 rgba(0,0,0,.2); padding: 10px 11px 16px; line-height: 6px !important; margin: 0; line-height: 7px !important; }
.newsletter button:hover { background: #f45700; background-image: -moz-linear-gradient(#f45700, #f45700); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f45700), color-stop(1, #f45700)); cursor: pointer }
.newsletter button:active { background: #89C9E2; outline: none; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset }
#newsletter .newslettersubscribe .fullwidth { display: block; padding: 2px; margin: 0 0 5px 0; min-height: 1px; overflow: hidden; width: 98% !important }
#newsletter .newslettersubscribe .fullwidthbut { clear: both; display: block; min-height: 1px; overflow: hidden; width: 99%; text-align: center; margin: 0 }
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000 }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #000; color: #fff; max-width: 200px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }
.tipsy-arrow { position: absolute; background: url(../images/tipsy.gif) no-repeat top left; width: 9px; height: 5px }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px }
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.eme_inner { margin: 0 auto; }
#social_icons i { border: 1px solid; font-size: 16px; height: 26px; line-height: 26px; text-align: center; width: 26px; }
.socialfollow iframe { margin: 0; }