/*************************************************************************
 * Block stylesheet
 * Originally developped by Defunct (http://www.concrete5.org/profile/-/view/2162/)
 * Modified and enhanced by mnakalay (http://www.concrete5.org/profile/-/view/75201/)
 * Class Names:
 *    - .large for 32px icons, no class name for 16px icons
 *    - .icons for links with icons only no class name for icons + text
 * The links follow these conventions:
 *    - Width same as the container's width if using text.
 *    - Width depending on the number of icons if using only icons.
 * For large icons:
 *    - Height of 44px.
 *    - Font-size 16px.
 * For small icons:
 *    - Height of 40px.
 *    - Font-size 14px.
 ************************************************************************/
.block-sociallinks{
		padding:0;
		margin:0;
		list-style:none;
}

.block-sociallinks li{
		display:inline;
		margin:0;
		padding:0;
}

.top-header-right .block-sociallinks a{
	line-height: 20px;
	font-size: 15px;
	padding: 0;
}

.block-sociallinks li img{
		margin:11px 0 0 0;
		-moz-opacity:.55;
		opacity:1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=55)";
		filter: alpha(opacity=55);
}

.block-sociallinks.large li img{
		margin:6px 0;
}

.block-sociallinks li a{
		font-size:16px;
		line-height:20px;		
}

.block-sociallinks.white li a{  
  position: relative;
  top: 2px;
  width: 100%;
  text-align: center;
  display: inline-block;
}

.block-sociallinks.white.large li a{    
  top: 7px;
}

.block-sociallinks.large li a{
		font-size:32px;
		line-height:36px;		
}

.block-sociallinks li a:hover{
		/* color:#4F4F4F!important; if you want to not use default link colors */
		text-decoration:underline;
}

.block-sociallinks li a:hover img{
		-moz-opacity:1.0;
		opacity:1.0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
		filter: alpha(opacity=100);
}

/* ONLY ICONS - NO TEXT */
.block-sociallinks.icons{
		display:inline-block;			    
}
.block-sociallinks.large.icons{
        padding-bottom:2px;
}

.block-sociallinks.icons li{
		float:left;
    margin-right: 12px;
    height: 20px;
    width: 22px;
}

.block-sociallinks.icons.white li{
  float:left;
  margin-right: 12px;
  height: 28px;
  width: 30px;
  border:1px solid #FFF;
  border-radius: 50%;
}

.block-sociallinks.icons.large li{	
    height: 40px;
    width: 42px;
    margin-right: 18px;
}

.block-sociallinks.icons.large.white li{	
    height: 50px;
    width: 52px;
    margin-right: 18px;
}

.block-sociallinks.large.icons li{
		/*height:44px;*/		
}
/* / ONLY ICONS - NO TEXT */