#demo1,#demo2{width:500px;padding:10px;margin:20px auto;border:1px solid #777;background:#999;}
.networks{float:left;margin:0 20px;}
.options{float:right;margin:0 20px;}
/*================================================================================*/
/*========DO NOT EDIT BELOW HERE UNLESS YOU KNOW WHAT YOU ARE DOING===============*/
/*================================================================================*/


/*========================================*/
/*========COMMON STYLING==================*/
/*========================================*/
.social ul, .social_small ul {list-style:none;margin:0 auto;padding:0;}
.social ul.inlined, .social_small ul.inlined {float:left;}
.social ul li{width:32px;height:32px;margin: 5px; text-indent:-9999px;}
.social ul li a, .social_small ul li a{display:block;width:100%;height:100%;opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);}
.social ul li a:hover, .social_small ul li a:hover{opacity: 1;-moz-opacity: 1;filter:alpha(opacity=1);}

.social_small ul li{width:16px;height:16px;margin: 5px; text-indent:-9999px;}

/*========================================*/
/*========SOCIAL LARGE SIZE===============*/
/*========================================*/
.social ul a.twitter, a.facebook, a.flickr, a.friendfeed, a.delicious, a.digg, a.youtube, a.feed, a.linked-in{background:url(img/social_icons.png);}

.social ul a.twitter{background-position: 0px 0px;}
.social ul a.facebook{background-position: 0px -42px;}
.social ul a.flickr{background-position: 0px -84px;}
.social ul a.friendfeed{background-position: 0px -126px;}
.social ul a.delicious{background-position: 0px -168px;}
.social ul a.digg{background-position: 0px -210px;}
.social ul a.gplus{background:url(img/Google-Plus.png);background-position: -4px -6px;opacity: 0.9;}
.social ul a.linked-in{background-position: 0px -294px;}
.social ul a.youtube{background-position: 0px -336px;}
.social ul a.feed{background-position: 0px -378px;}

/*========================================*/
/*========SOCIAL SMALL SIZE===============*/
/*========================================*/
.social_small ul a.twitter, .social_small ul a.facebook, .social_small ul a.flickr, .social_small ul a.friendfeed, .social_small ul a.delicious, .social_small ul a.digg, .social_small ul a.youtube, .social_small ul a.feed, .social_small ul a.linked-in{background:url(img/social_icons_small.png);}

.social_small ul a.twitter{background-position: 0px 0px;}
.social_small ul a.facebook{background-position: 0px -26px;}
.social_small ul a.flickr{background-position: 0px -52px;}
.social_small ul a.friendfeed{background-position: 0px -78px;}
.social_small ul a.gplus{background:url(img/Google-Plus.png);background-position: 0px 0px;}
.social_small ul a.delicious{background-position: 0px -104px;}
.social_small ul a.digg{background-position: 0px -130px;}
.social_small ul a.linked-in{background-position: 0px -182px;}
.social_small ul a.youtube{background-position: 0px -208px;}
.social_small ul a.feed{background-position: 0px -234px;}

/*========================================*/
/*========Clearfix========================*/
/*========================================*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}