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

/* ADVANCED SOCIAL STATUS */
div#advancedsocialstatus, div#advancedsocialstatus ul, div#advancedsocialstatus ul li, div#advancedsocialstatus ul li img, div#advancedsocialstatus ul li span, #advancedsocialstatus ul li a { background:none; border:none; margin:0; padding:0 }
div#advancedsocialstatus_noborder, div#advancedsocialstatus_noborder ul, div#advancedsocialstatus_noborder ul li, div#advancedsocialstatus_noborder ul li img, div#advancedsocialstatus ul li span, #advancedsocialstatus_noborder ul li a { background:none; border:none; margin:0; padding:0 }

div#advancedsocialstatus { font-family:inherit; width:100%; margin:0 0 10px 0 !important; padding:5px 2px 18px 2px !important; border:1px solid #ddd !important; font-size:90%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
div#advancedsocialstatus_noborder { font-family:inherit; width:100%; margin:0 0 10px 0 !important; padding:5px 2px 18px 2px !important; font-size:90% }

/* == Solid Background Colors == */
.aqua_solid { background-color:#2cbfb8 !important }
.black_solid { background-color:#333 !important }
.blu_solide { background-color:#005a93 !important }
.brown_solid { background-color:#d9a24c !important }
.grey_solid { background-color:#54626c !important }
.green_solid { background-color:#3b551d !important }
.orange_solid { background-color:#f45700 !important }
.pink_solid { background-color:#d65799 !important }
.purple_solid { background-color:#745f7e !important }
.red_solid { background-color:#ff1b1b !important }
.silver_solid { background-color:#f5f5f5 !important }
.white_solid { background-color:#fff !important }
.yellow_solid { background-color:#fffd00 !important }

/* == 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#advancedsocialstatus h3, div#advancedsocialstatus_noborder h3 { font-size:16px; margin:0; padding:2px 0 5px 10px; color:#555; text-shadow:0 1px 0 rgba(255,255,255,.5);}
.ass_content { padding:5px; width:95%; margin:0 0 5px 0 }
.ass_inner img { border:0 }

/* == All Layout Styles == */
.layout_one #social_icons, .layout_two #social_icons { margin:0 0 10px 0 }
.layout_one #social_icons ul, .layout_two #social_icons ul { list-style:none !important }

/* == Layout One Styles == */
.layout_one #social_icons li { color:#9d9d9d; width:100%; margin-bottom:5px; border:1px solid #FCFCFC; -moz-box-shadow:0 1px 3px #ccc; -ms-box-shadow:0 1px 3px #ccc; -webkit-box-shadow:0 1px 3px #CCC; box-shadow:0 1px 3px #CCC; text-align:center; font-size:12px;
    background:transparent; background:-moz-linear-gradient(top, #FCFCFC 0%, #F3F3F3 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#F3F3F3)); background:-webkit-linear-gradient(top, #FCFCFC 0%,#F3F3F3 100%); background:-o-linear-gradient(top, #FCFCFC 0%,#F3F3F3 100%); background:-ms-linear-gradient(top, #FCFCFC 0%,#F3F3F3 100%); 
    background:linear-gradient(top, #FCFCFC 0%,#F3F3F3 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f3f3f3',GradientType=0 )
}

.layout_one .btn-social-small:active, .layout_one .btn-social-medium:active, .layout_one .btn-social-large:active { -moz-box-shadow:inset 0 4px 4px rgba(0,0,0,.4); -webkit-box-shadow:inset 0 4px 6px rgba(0,0,0,.4); box-shadow:inset 0 4px 6px rgba(0,0,0,.24) }
.layout_one .btn-social-small a, .layout_one .btn-social-medium a, .layout_one .btn-social-large a { background-position:center center; background-repeat:no-repeat; width:100%; height:33px; display:block; margin:auto }
.layout_one .btn-social-small, .layout_one .btn-social-medium, .layout_one .btn-social-large { height:70px; display:block; }

.layout_one #social_icons .ul-btn-small { float:left; width:100% }
.layout_one #social_icons .ul-btn-small li { width:70px; float:left; margin:5px; height:70px; padding:0 }
.layout_one #social_icons .ul-btn-small li .ass-count-small, .layout_one #social_icons .ul-btn-small li .ass-count-medium, .layout_one #social_icons .ul-btn-small li .ass-count-large { font:bold 14px Verdana, Geneva, sans-serif; margin:auto; text-align:center; padding:0 }
.layout_one #social_icons .ul-btn-small li span { display:block }
.layout_one #social_icons .ul-btn-small li div { margin:0 auto; text-align:center; font-size:10px }

/* == Layout Two Styles == */
.layout_two #social_icons li { color:#9d9d9d; width:100%; margin-bottom:5px; border:1px solid #FCFCFC; -moz-box-shadow:0 1px 3px #ccc; -ms-box-shadow:0 1px 3px #ccc; -webkit-box-shadow:0 1px 3px #CCC; box-shadow:0 1px 3px #CCC; text-align:center; font-size:12px;
    background:transparent; background:-moz-linear-gradient(top, #FCFCFC 0%, #F3F3F3 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#F3F3F3)); background:-webkit-linear-gradient(top, #FCFCFC 0%,#F3F3F3 100%); background:-o-linear-gradient(top, #FCFCFC 0%,#F3F3F3 100%); background:-ms-linear-gradient(top, #FCFCFC 0%,#F3F3F3 100%); 
    background:linear-gradient(top, #FCFCFC 0%,#F3F3F3 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f3f3f3',GradientType=0 )
}

.layout_two .btn-social-small:active, .layout_two .btn-social-medium:active, .layout_two .btn-social-large:active { -moz-box-shadow:inset 0 4px 4px rgba(0,0,0,.4); -webkit-box-shadow:inset 0 4px 6px rgba(0,0,0,.4); box-shadow:inset 0 4px 6px rgba(0,0,0,.24) }
.layout_two .btn-social-small a, .layout_two .btn-social-medium a, .layout_two .btn-social-large a { background-position:0 center; background-repeat:no-repeat; width:45px; height:35px; float:left; margin:0; border:1px solid #000 }

.layout_two #social_icons .ul-btn-small { float:left; width:100% }
.layout_two #social_icons .ul-btn-small li { width:96%; float:left; margin:5px; height:35px; line-height:35px; padding:0; vertical-align:middle }

.layout_two #social_icons .ul-btn-small li .ass-count-small, .layout_two #social_icons .ul-btn-small li .ass-count-medium, .layout_two #social_icons .ul-btn-small li .ass-count-large, .layout_two #social_icons .ul-btn-small li div { float:left }
.layout_two #social_icons .ul-btn-small li span { font:bold 14px Verdana, Geneva, sans-serif; height:33px; line-height:33px; margin:0 10px 0 0 }
.layout_two #social_icons .ul-btn-small li div { font-size:10px; height:35px; line-height:35px; width:100%; text-align:left }

/* == Social Networking Icons == */
#social_icons .ass-facebook { background:url(../images/icons/frontend/ass-facebook.png) no-repeat center center }
#social_icons .ass-twitter { background:url(../images/icons/frontend/ass-twitter.png) no-repeat center center }
#social_icons .ass-googlep { background:url(../images/icons/frontend/ass-googleplus.png) no-repeat center center }
#social_icons .ass-linkedin { background:url(../images/icons/frontend/ass-linkedin.png) no-repeat center center }
#social_icons .ass-delicious { background:url(../images/icons/frontend/ass-delicious.png) no-repeat center center }
#social_icons .ass-stumbleupon { background:url(../images/icons/frontend/ass-stumbleupon.png) no-repeat center center }
#social_icons .ass-forrst { background:url(../images/icons/frontend/ass-forrst.png) no-repeat center center }
#social_icons .ass-youtube { background:url(../images/icons/frontend/ass-youtube.png) no-repeat center center }
#social_icons .ass-dribbble { background:url(../images/icons/frontend/ass-dribbble.png) no-repeat center center }
	
/* == 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; 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 }