.social { list-style:none; float:right; padding:0px; }

.social li { display:inline; float:left; background-repeat:no-repeat; }
.social li a { display:block; width:36px; height:36px; padding-right:10px; position:relative; text-decoration:none; }
.social li a strong { font-weight:normal; position:absolute; left:0px; top:-1px; color:#fff; padding:3px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.delicious { background-image:url("/themes/default/images/delicious.png"); }
li.digg { background-image:url("/themes/default/images/digg.png"); }
li.facebook { background-image:url("/themes/default/images/facebook.png"); }
li.flickr { background-image:url("/themes/default/images/flickr.png"); }
li.linkedin { background-image:url("/themes/default/images/linkedin.png"); }
li.reddit { background-image:url("/themes/default/images/reddit.png"); }
li.rss { background-image:url("/themes/default/images/rss.png"); }
li.twitter { background-image:url("/themes/default/images/twitter.png"); }


#css3:hover li { opacity:0.2; }

#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }
#css3 li a strong { opacity:0;
 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }

#css3 li:hover { opacity:1; }
#css3 li:hover a strong { opacity:1; top:-30px; }





	.sticky-container{
		
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -119px;
		top:130px;
		width: 200px;

	}

	.sticky li{
		list-style-type: none;
		background-color: #FFFFFF;
		color: #efefef;
		height: 43px;
		padding: 0px;
		margin: 0px 0px 1px 0px;
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
		cursor: pointer;
		        filter: gray; 
                -webkit-filter: grayscale(100%);
				border:1px solid #FFFFFF;
				box-shadow:0 0 8px #DBDBDB;
				text-align:left;

	}

	.sticky li:hover{
		margin-left: -115px;
		
		
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\''><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                -webkit-filter: grayscale(0%);
	}

	.sticky li img{
		float: left;
		margin: 5px 5px;
		margin-right: 10px;

	}

	.sticky li p{
		padding: 0px;
		margin: 0px;
		text-transform: uppercase;
		line-height: 43px;

	}

	
	.sticky .content{
		margin-top: 150px;
		margin-left: 100px;
		width: 700px;
	}
	.sticky h1, h2{
		
		color: #ecf0f1;
		padding: 0px;
		margin: 0px;
		font-weight: normal;
	}

	.sticky h1{
		font-weight: 900;
		font-size: 64px;
	}

	.sticky h2{
		font-size:26px;
	}

	.sticky p{
		color: #333333;
		
		line-height: 28px;
		font-size: 15px;
		padding-top: 50px;
	}

	.sticky p.credit{
		padding-top: 20px;
		font-size: 12px;
	}

	.sticky p a{
		
	}