.sme-social-follow {
    display: table;
	
	ul{
		display:block;
		
		li{
			
			display:inline-block;
			
			a{
				
				color: #fff;
				background: #222;
				width: 24px;
				height: 24px;
				display: block;
				text-align: center;
				border-radius: 4px;
				font-size: 12px;
				line-height: 22px;
				border-color:#222;
				border:1px solid;
				
				&:hover{
					background: lighten(#222, 20%);
				}
			
			}
			
		}
	}
	&.right{
		float:right;
	}
	&.medium a{
		
		width:32px;
		height:32px;
		font-size:16px;
		line-height:30px;
		
	}
	&.large a{
		
		width:48px;
		height:48px;
		font-size:24px;
		line-height:46px;
		
	}
	&.xlarge a{
		
		width:64px;
		height:64px;
		font-size:32px;
		line-height:62px;
		
	}
	&.light{
		
		a{
			background:#fff;
			color:#222;
			border:1px solid;
			
			&:hover{
				background: darken(#fff, 10%);
			}
		}
		
	}
	&.dark{
		
		a{
			background:#222;
			color:#fff;
			border:1px solid;
			border-color:#222;
			&:hover{
				background: lighten(#222, 20%);
			}
		}
		
	}
	&.square{
		
		a{
			border-radius:0px;
		}
		&.light{
		
		a{
			background:#fff;
			color:#222;
			border:1px solid;
			&:hover{
				background: darken(#fff, 10%);
			}
		}
		
	}
	&.dark{
		
		a{
			background:#222;
			color:#fff;
			border:1px solid;
			border-color:#222;
			&:hover{
				background: lighten(#222, 20%);
			}
		}
		
	}
		
	}
	&.circle{
		
		a{
			border: 1px solid;
			border-radius:100%;
		}
	&.light{
		
		a{
			background:#fff;
			color:#222;
			border:1px solid;
			&:hover{
				background: darken(#fff, 10%);
			}
		}
		
	}
	&.dark{
		
		a{
			background:#222;
			color:#fff;
			border:1px solid;
			border-color:#222;
			&:hover{
				background: lighten(#222, 20%);
			}
		}
		
	}
		
	}	
	

}