.wrapper {max-width: 800px;margin-right: auto;margin-left: auto;background: #F5F5F5;padding: 20px;}


/* Share button */
#share-wrapper {margin-top: 10px;position:fixed;left: 0;z-index:99;}
#share-wrapper ul.share-inner-wrp{list-style: none;margin: 0px;padding: 0px;}
#share-wrapper li.button-wrap {background: #E4EFF0;padding: 0px 0px 0px 10px;display: block;width: 140px;margin: 0px 0px 1px -117px;}
#share-wrapper li.button-wrap > a {padding-right: 20px;height: 32px;display: block;line-height: 32px;font-weight: bold;color: #444;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
#share-wrapper .facebook > a{background: url(/images/social/facebook.png) no-repeat right;}
#share-wrapper .twitter > a{background: url(/images/social/twitter.png) no-repeat right;}
#share-wrapper .linkedin > a{background: url(/images/social/linkedin.png) no-repeat right;}
#share-wrapper .google > a{background: url(/images/social/google_plus.png) no-repeat right;}
#share-wrapper .email > a{background: url(/images/social/email.png) no-repeat right;}
#share-wrapper .subscribe > a{background: url(/images/social/subscribe.png) no-repeat right;}

@media all and (max-width: 699px) {
    #share-wrapper {bottom: 0;position: fixed;padding: 5px 5px 0px 5px;background: #EBEBEB;width: 100%;margin: 0px;-webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 -1px 4px rgba(0,0,0,0.15);-o-box-shadow: 0 -1px 4px rgba(0,0,0,0.15);box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);}
    #share-wrapper ul.share-inner-wrp {list-style: none;margin: 0px auto;padding: 0px;text-align: center;overflow: auto;}
    #share-wrapper li.button-wrap {display: inline-block;width: 32px!important;margin: 0px;padding: 0px;margin-left:0px!important;}
    #share-wrapper li.button-wrap > a {height: 32px;display: inline-block;text-indent: -10000px;width: 32px;padding-right: 0;float: left;}
}