/*
Plugin Name: 	Advanced Social Status
Description: 	Main plugin CSS styles
*/

/* ADVANCED SOCIAL STATUS */
#advancedsocialstatus, #advancedsocialstatus span, #advancedsocialstatus a { border:none; margin:0; padding:0 }
#advancedsocialstatus { clear:both; margin-bottom:10px; overflow:hidden; text-align:center }

.ass-content { padding:5px; width:95%; margin:0 0 5px 0; clear:both }

#ass-social-icons { padding:0; margin:0 }
#ass-social-icons i { display:block; font-size:45px; height:55px; line-height:normal !important }
#ass-social-icons span { display:block; font-size:2em; line-height:normal; text-transform:uppercase; padding-top:0; min-width:80px }
#ass-social-icons .light { color:#fff }
#ass-social-icons .dark { color:#222 }
#ass-social-icons .round .ass-btn { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }
#ass-social-icons .diamond .ass-btn { -moz-border-radius:5px 25px; -webkit-border-radius:5px 25px; border-radius:5px 25px }
#ass-social-icons .cylinder .ass-btn { -moz-border-radius:30px/10px; -webkit-border-radius:30px/10px; border-radius:30px/10px }
#ass-social-icons .ass_ctxt { padding:0 0 10px 0; white-space: nowrap }

/* 1 Column Layout */
#ass-social-icons > div > div.ass-btn.onecol i{ display: inline-block; vertical-align: middle; line-height: normal }
#ass-social-icons > div > div.ass-btn.onecol i { font-size: 2em }
#ass-social-icons > div > div.ass-btn.onecol { line-height: 40px; vertical-align: middle; display: block; width: 100% }
#ass-social-icons > div > div.ass-btn.onecol .ass-soc-count { float: right; margin-right: 20px; display: inline-block; vertical-align: middle; line-height: normal }
#ass-social-icons > div > div.ass-btn.onecol .ass_ctxt { float:left }
#ass-social-icons > div > div.ass-btn.onecol > a > i { margin:0 5px 0 5px; float:left; vertical-align: middle; line-height: normal; text-align:left; left:0 }

.ass-social-btn { padding:0px !important; overflow:hidden; text-align:center; cursor:default; position: relative }
.ass-btn { display:block; position:relative; margin:1px }
.ass-btn, .ass-btn a { text-decoration:none !important; display:block; }
.ass-btn-cont { margin:1px }

/* == Tipsy Tooltips == */
.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; -moz-border-radius:3px; -webkit-border-radius:3px; 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 }

.ass-col-xs-1, .ass-col-sm-1, .ass-col-md-1, .ass-col-lg-1, .ass-col-xs-2, .ass-col-sm-2, .ass-col-md-2, .ass-col-lg-2, .ass-col-xs-3, .ass-col-sm-3, .ass-col-md-3, .ass-col-lg-3, .ass-col-xs-4, .ass-col-sm-4, .ass-col-md-4, .ass-col-lg-4, .ass-col-xs-5, .ass-col-sm-5, .ass-col-md-5, .ass-col-lg-5, .ass-col-xs-6, .ass-col-sm-6, .ass-col-md-6, .ass-col-lg-6, .ass-col-xs-7, .ass-col-sm-7, .ass-col-md-7, .ass-col-lg-7, .ass-col-xs-8, .ass-col-sm-8, .ass-col-md-8, .ass-col-lg-8, .ass-col-xs-9, .ass-col-sm-9, .ass-col-md-9, .ass-col-lg-9, .ass-col-xs-10, .ass-col-sm-10, .ass-col-md-10, .ass-col-lg-10, .ass-col-xs-11, .ass-col-sm-11, .ass-col-md-11, .ass-col-lg-11, .ass-col-xs-12, .ass-col-sm-12, .ass-col-md-12, .ass-col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }
.ass-col-xs-1, .ass-col-xs-2, .ass-col-xs-3, .ass-col-xs-4, .ass-col-xs-5, .ass-col-xs-6, .ass-col-xs-7, .ass-col-xs-8, .ass-col-xs-9, .ass-col-xs-10, .ass-col-xs-11 { float: left }
.ass-col-xs-12 { width: 100% }
.ass-col-xs-11 { width: 91.66666666666666% }
.ass-col-xs-10 { width: 83.33333333333334% }
.ass-col-xs-9 { width: 75% }
.ass-col-xs-8 { width: 66.66666666666666% }
.ass-col-xs-7 { width: 58.333333333333336% }
.ass-col-xs-6 { width: 50% }
.ass-col-xs-5 { width: 41.66666666666667% }
.ass-col-xs-4 { width: 33.33333333333333% }
.ass-col-xs-3 { width: 25% }
.ass-col-xs-2 { width: 16.666666666666664% }
.ass-col-xs-1 { width: 8.333333333333332% }

.ass-col-xs-pull-12 { right: 100% }
.ass-col-xs-pull-11 { right: 91.66666666666666% }
.ass-col-xs-pull-10 { right: 83.33333333333334% }
.ass-col-xs-pull-9 { right: 75% }
.ass-col-xs-pull-8 { right: 66.66666666666666% }
.ass-col-xs-pull-7 { right: 58.333333333333336% }
.ass-col-xs-pull-6 { right: 50% }
.ass-col-xs-pull-5 { right: 41.66666666666667% }
.ass-col-xs-pull-4 { right: 33.33333333333333% }
.ass-col-xs-pull-3 { right: 25% }
.ass-col-xs-pull-2 { right: 16.666666666666664% }
.ass-col-xs-pull-1 { right: 8.333333333333332% }
.ass-col-xs-pull-0 { right: 0 }

.ass-col-xs-push-12 { left: 100% }
.ass-col-xs-push-11 { left: 91.66666666666666% }
.ass-col-xs-push-10 { left: 83.33333333333334% }
.ass-col-xs-push-9 { left: 75% }
.ass-col-xs-push-8 { left: 66.66666666666666% }
.ass-col-xs-push-7 { left: 58.333333333333336% }
.ass-col-xs-push-6 { left: 50% }
.ass-col-xs-push-5 { left: 41.66666666666667% }
.ass-col-xs-push-4 { left: 33.33333333333333% }
.ass-col-xs-push-3 { left: 25% }
.ass-col-xs-push-2 { left: 16.666666666666664% }
.ass-col-xs-push-1 { left: 8.333333333333332% }

.ass-col-xs-push-0 { left: 0 }
.ass-col-xs-offset-12 { margin-left: 100% }
.ass-col-xs-offset-11 { margin-left: 91.66666666666666% }
.ass-col-xs-offset-10 { margin-left: 83.33333333333334% }
.ass-col-xs-offset-9 { margin-left: 75% }
.ass-col-xs-offset-8 { margin-left: 66.66666666666666% }
.ass-col-xs-offset-7 { margin-left: 58.333333333333336% }
.ass-col-xs-offset-6 { margin-left: 50% }
.ass-col-xs-offset-5 { margin-left: 41.66666666666667% }
.ass-col-xs-offset-4 { margin-left: 33.33333333333333% }
.ass-col-xs-offset-3 { margin-left: 25% }
.ass-col-xs-offset-2 { margin-left: 16.666666666666664% }
.ass-col-xs-offset-1 { margin-left: 8.333333333333332% }
.ass-col-xs-offset-0 { margin-left: 0 }

@media (min-width: 768px) { 
	.ass-col-sm-1, .ass-col-sm-2, .ass-col-sm-3, .ass-col-sm-4, .ass-col-sm-5, .ass-col-sm-6, .ass-col-sm-7, .ass-col-sm-8, .ass-col-sm-9, .ass-col-sm-10, .ass-col-sm-11 { float: left }
	.ass-col-sm-12 { width: 100% }
	.ass-col-sm-11 { width: 91.66666666666666% }
	.ass-col-sm-10 { width: 83.33333333333334% }
	.ass-col-sm-9 { width: 75% }
	.ass-col-sm-8 { width: 66.66666666666666% }
	.ass-col-sm-7 { width: 58.333333333333336% }
	.ass-col-sm-6 { width: 50% }
	.ass-col-sm-5 { width: 41.66666666666667% }
	.ass-col-sm-4 { width: 33.33333333333333% }
	.ass-col-sm-3 { width: 25% }
	.ass-col-sm-2 { width: 16.666666666666664% }
	.ass-col-sm-1 { width: 8.333333333333332% }
	.ass-col-sm-pull-12 { right: 100% }
	.ass-col-sm-pull-11 { right: 91.66666666666666% }
	.ass-col-sm-pull-10 { right: 83.33333333333334% }
	.ass-col-sm-pull-9 { right: 75% }
	.ass-col-sm-pull-8 { right: 66.66666666666666% }
	.ass-col-sm-pull-7 { right: 58.333333333333336% }
	.ass-col-sm-pull-6 { right: 50% }
	.ass-col-sm-pull-5 { right: 41.66666666666667% }
	.ass-col-sm-pull-4 { right: 33.33333333333333% }
	.ass-col-sm-pull-3 { right: 25% }
	.ass-col-sm-pull-2 { right: 16.666666666666664% }
	.ass-col-sm-pull-1 { right: 8.333333333333332% }
	.ass-col-sm-pull-0 { right: 0 }
	.ass-col-sm-push-12 { left: 100% }
	.ass-col-sm-push-11 { left: 91.66666666666666% }
	.ass-col-sm-push-10 { left: 83.33333333333334% }
	.ass-col-sm-push-9 { left: 75% }
	.ass-col-sm-push-8 { left: 66.66666666666666% }
	.ass-col-sm-push-7 { left: 58.333333333333336% }
	.ass-col-sm-push-6 { left: 50% }
	.ass-col-sm-push-5 { left: 41.66666666666667% }
	.ass-col-sm-push-4 { left: 33.33333333333333% }
	.ass-col-sm-push-3 { left: 25% }
	.ass-col-sm-push-2 { left: 16.666666666666664% }
	.ass-col-sm-push-1 { left: 8.333333333333332% }
	.ass-col-sm-push-0 { left: 0 }
	.ass-col-sm-offset-12 { margin-left: 100% }
	.ass-col-sm-offset-11 { margin-left: 91.66666666666666% }
	.ass-col-sm-offset-10 { margin-left: 83.33333333333334% }
	.ass-col-sm-offset-9 { margin-left: 75% }
	.ass-col-sm-offset-8 { margin-left: 66.66666666666666% }
	.ass-col-sm-offset-7 {  margin-left: 58.333333333333336% }
	.ass-col-sm-offset-6 { margin-left: 50% }
	.ass-col-sm-offset-5 { margin-left: 41.66666666666667% }
	.ass-col-sm-offset-4 { margin-left: 33.33333333333333% }
	.ass-col-sm-offset-3 { margin-left: 25% }
	.ass-col-sm-offset-2 { margin-left: 16.666666666666664% }
	.ass-col-sm-offset-1 { margin-left: 8.333333333333332% }
	.ass-col-sm-offset-0 { margin-left: 0 }
}

@media (min-width: 992px) {
	.ass-col-md-1, .ass-col-md-2, .ass-col-md-3, .ass-col-md-4, .ass-col-md-5, .ass-col-md-6, .ass-col-md-7, .ass-col-md-8, .ass-col-md-9, .ass-col-md-10, .ass-col-md-11 { float: left }
	.ass-col-md-12 { width: 100% }
	.ass-col-md-11 { width: 91.66666666666666% }
	.ass-col-md-10 { width: 83.33333333333334% }
	.ass-col-md-9 { width: 75% }
	.ass-col-md-8 { width: 66.66666666666666% }
	.ass-col-md-7 { width: 58.333333333333336% }
	.ass-col-md-6 { width: 50% }
	.ass-col-md-5 { width: 41.66666666666667% }
	.ass-col-md-4 { width: 33.33333333333333% }
	.ass-col-md-3 { width: 25% }
	.ass-col-md-2 { width: 16.666666666666664%; }
	.ass-col-md-1 { width: 8.333333333333332%; }
	.ass-col-md-pull-12 { right: 100% }
	.ass-col-md-pull-11 { right: 91.66666666666666% }
	.ass-col-md-pull-10 { right: 83.33333333333334% }
	.ass-col-md-pull-9 { right: 75% }
	.ass-col-md-pull-8 { right: 66.66666666666666% }
	.ass-col-md-pull-7 { right: 58.333333333333336% }
	.ass-col-md-pull-6 { right: 50% }
	.ass-col-md-pull-5 { right: 41.66666666666667% }
	.ass-col-md-pull-4 { right: 33.33333333333333% }
	.ass-col-md-pull-3 { right: 25% }
	.ass-col-md-pull-2 { right: 16.666666666666664% }
	.ass-col-md-pull-1 { right: 8.333333333333332% }
	.ass-col-md-pull-0 { right: 0 }
	.ass-col-md-push-12 { left: 100% }
	.ass-col-md-push-11 { left: 91.66666666666666% }
	.ass-col-md-push-10 { left: 83.33333333333334% }
	.ass-col-md-push-9 { left: 75% }
	.ass-col-md-push-8 { left: 66.66666666666666% }
	.ass-col-md-push-7 { left: 58.333333333333336% }
	.ass-col-md-push-6 { left: 50% }
	.ass-col-md-push-5 { left: 41.66666666666667% }
	.ass-col-md-push-4 { left: 33.33333333333333% }
	.ass-col-md-push-3 { left: 25% }
	.ass-col-md-push-2 { left: 16.666666666666664% }
	.ass-col-md-push-1 { left: 8.333333333333332% }
	.ass-col-md-push-0 { left: 0 }
	.ass-col-md-offset-12 { margin-left: 100% }
	.ass-col-md-offset-11 { margin-left: 91.66666666666666% }
	.ass-col-md-offset-10 { margin-left: 83.33333333333334% }
	.ass-col-md-offset-9 { margin-left: 75% }
	.ass-col-md-offset-8 { margin-left: 66.66666666666666%; }
	.ass-col-md-offset-7 { margin-left: 58.333333333333336% }
	.ass-col-md-offset-6 { margin-left: 50% }
	.ass-col-md-offset-5 { margin-left: 41.66666666666667% }
	.ass-col-md-offset-4 { margin-left: 33.33333333333333% }
	.ass-col-md-offset-3 { margin-left: 25% }
	.ass-col-md-offset-2 { margin-left: 16.666666666666664% }
	.ass-col-md-offset-1 { margin-left: 8.333333333333332% }
	.ass-col-md-offset-0 { margin-left: 0 }
}

@media (min-width: 1200px) {
	.ass-col-lg-1, .ass-col-lg-2, .ass-col-lg-3, .ass-col-lg-4, .ass-col-lg-5, .ass-col-lg-6, .ass-col-lg-7, .ass-col-lg-8, .ass-col-lg-9, .ass-col-lg-10, .ass-col-lg-11 { float: left }
	.ass-col-lg-12 { width: 100%; }
	.ass-col-lg-11 { width: 91.66666666666666% }
	.ass-col-lg-10 { width: 83.33333333333334% }
	.ass-col-lg-9 { width: 75% }
	.ass-col-lg-8 { width: 66.66666666666666% }
	.ass-col-lg-7 { width: 58.333333333333336% }
	.ass-col-lg-6 { width: 50% }
	.ass-col-lg-5 { width: 41.66666666666667% }
	.ass-col-lg-4 { width: 33.33333333333333% }
	.ass-col-lg-3 { width: 25% }
	.ass-col-lg-2 { width: 16.666666666666664% }
	.ass-col-lg-1 { width: 8.333333333333332% }
	.ass-col-lg-pull-12 { right: 100% }
	.ass-col-lg-pull-11 { right: 91.66666666666666% }
	.ass-col-lg-pull-10 { right: 83.33333333333334% }
	.ass-col-lg-pull-9 { right: 75% }
	.ass-col-lg-pull-8 { right: 66.66666666666666% }
	.ass-col-lg-pull-7 { right: 58.333333333333336% }
	.ass-col-lg-pull-6 { right: 50% }
	.ass-col-lg-pull-5 { right: 41.66666666666667% }
	.ass-col-lg-pull-4 { right: 33.33333333333333% }
	.ass-col-lg-pull-3 { right: 25% }
	.ass-col-lg-pull-2 { right: 16.666666666666664% }
	.ass-col-lg-pull-1 { right: 8.333333333333332% }
	.ass-col-lg-pull-0 { right: 0 }
	.ass-col-lg-push-12 { left: 100% }
	.ass-col-lg-push-11 { left: 91.66666666666666% }
	.ass-col-lg-push-10 { left: 83.33333333333334% }
	.ass-col-lg-push-9 { left: 75% }
	.ass-col-lg-push-8 { left: 66.66666666666666% }
	.ass-col-lg-push-7 { left: 58.333333333333336% }
	.ass-col-lg-push-6 { left: 50% }
	.ass-col-lg-push-5 { left: 41.66666666666667% }
	.ass-col-lg-push-4 { left: 33.33333333333333% }
	.ass-col-lg-push-3 { left: 25% }
	.ass-col-lg-push-2 { left: 16.666666666666664% }
	.ass-col-lg-push-1 { left: 8.333333333333332% }
	.ass-col-lg-push-0 { left: 0 }
	.ass-col-lg-offset-12 { margin-left: 100% }
	.ass-col-lg-offset-11 { margin-left: 91.66666666666666% }
	.ass-col-lg-offset-10 { margin-left: 83.33333333333334% }
	.ass-col-lg-offset-9 { margin-left: 75% }
	.ass-col-lg-offset-8 { margin-left: 66.66666666666666% }
	.ass-col-lg-offset-7 { margin-left: 58.333333333333336% }
	.ass-col-lg-offset-6 { margin-left: 50% }
	.ass-col-lg-offset-5 { margin-left: 41.66666666666667% }
	.ass-col-lg-offset-4 { margin-left: 33.33333333333333% }
	.ass-col-lg-offset-3 { margin-left: 25% }
	.ass-col-lg-offset-2 { margin-left: 16.666666666666664% }
	.ass-col-lg-offset-1 { margin-left: 8.333333333333332% }
	.ass-col-lg-offset-0 { margin-left: 0 }
}

/* == Social Networking Icons == */
#ass-social-icons li a i { font-size:22px }

@font-face {
  font-family: 'advanced_social_status';
  src: url('../font/advanced_social_status.eot?95750034');
  src: url('../font/advanced_social_status.eot?95750034#iefix') format('embedded-opentype'),
       url('../font/advanced_social_status.svg?95750034#advanced_social_status') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'advanced_social_status';
  src: url('data:application/octet-stream;base64,d09GRgABAAAAABXUAA4AAAAAIKwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPihJQ2NtYXAAAAGIAAAAOgAAAUrQIBm3Y3Z0IAAAAcQAAAAKAAAACgAAAABmcGdtAAAB0AAABZQAAAtwiJCQWWdhc3AAAAdkAAAACAAAAAgAAAAQZ2x5ZgAAB2wAAArsAAAM7hhOZshoZWFkAAASWAAAADUAAAA2BwSOXWhoZWEAABKQAAAAHgAAACQIQAPzaG10eAAAErAAAAAvAAAARDztAABsb2NhAAAS4AAAACQAAAAkF6QbKW1heHAAABMEAAAAIAAAACAAvAwpbmFtZQAAEyQAAAGtAAADde4uKpFwb3N0AAAU1AAAAJgAAADPDbbfs3ByZXAAABVsAAAAZQAAAHvdawOFeJxjYGSeyjiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHPHPQ/iyGKOYlhGlCYESQHAPOqC+l4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF7w//8PUvCCAURLMELVAwEjG8OIBwB0ega9AAAAAAAAAAAAAAAAAAB4nK1WaXMTRxCd1WHLNj6CDxI2gVnGcox2VpjLCBDG7EoW4BzylexCjl1Ldu6LT/wG/ZpekVSRb/y0vB4d2GAnVVQoSv2m9+1M9+ueXpPQksReWI+k3HwpprY2aWTnSUg3bFqO4kPZ2QspU0z+LoiCaLXUvu04JCISgap1hSWC2PfI0iTjQ48yWrYlvWpSbulJd9kaD+qt+vbT0FGO3QklNZuhQ+uRLanCqBJFMu2RkjYtw9VfSVrh5yvMfNUMJYLoJJLGm2EMj+Rn44xWGa3GdhxFkU2WG0WKRDM8iCKPslpin1wxQUD5oBlSXvk0onyEH5EVe5TTCnHJdprf9yU/6R3OvyTieouyJQf+QHZkB3unK/ki0toK46adbEehivB0fSfEI5uT6p/sUV7TaOB2RaYnzQiWyleQWPkJZfYPyWrhfMqXPBrVkoOcCFovc2Jf8g60HkdMiWsmyILujk6IoO6XnKHYY/q4+OO9XSwXIQTI