<style type="text/css">

scarves{

    height:250;

    position:fixed;

    margin-top:0;

    float: right;

}

scarf1{

    width:25px;

    height:150px;

    position:fixed;

    margin-top:-170px;

    transition: all 1s, transform 1s;

-moz-transition: all 1s, -moz-transform 1s;

-webkit-transition: all 1s, -webkit-transform 1s;

-o-transition: all 1s, -o-transform 1s;

opacity:0.4;

}

scarf1:hover{

    margin-top:-75px;

    transition: all 1s, transform 1s;

-moz-transition: all 1s, -moz-transform 1s;

-webkit-transition: all 1s, -webkit-transform 1s;

-o-transition: all 1s, -o-transform 1s;

opacity:1.00;

}

scarf2{

    width:25px;

    height:150px;

    position:fixed;

    margin-left:30px;

    margin-top:-160px;

    transition: all 1s, transform 1s;

-moz-transition: all 1s, -moz-transform 1s;

-webkit-transition: all 1s, -webkit-transform 1s;

-o-transition: all 1s, -o-transform 1s;

opacity:0.4;

}

scarf2:hover{

    margin-top:-80px;

    transition: all 1s, transform 1s;

-moz-transition: all 1s, -moz-transform 1s;

-webkit-transition: all 1s, -webkit-transform 1s;

-o-transition: all 1s, -o-transform 1s;

opacity:1.00;

}

scarf3{

    width:25px;

    height:150px;

    position:fixed;

    margin-left:60px;

    margin-top:-140px;

    transition: all 1s, transform 1s;

-moz-transition: all 1s, -moz-transform 1s;

-webkit-transition: all 1s, -webkit-transform 1s;

-o-transition: all 1s, -o-transform 1s;

opacity:0.4;

}

scarf3:hover{

    margin-top:-80px;

    transition: all 1s, transform 1s;

-moz-transition: all 1s, -moz-transform 1s;

-webkit-transition: all 1s, -webkit-transform 1s;

-o-transition: all 1s, -o-transform 1s;

opacity:1.00;

}

scarf4{

    width:25px;

    height:150px;

    position:fixed;

    margin-left:90px;

    margin-top:-160px;

    transition: all 1s, transform 1s;

-moz-transition: all 1s, -moz-transform 1s;

-webkit-transition: all 1s, -webkit-transform 1s;

-o-transition: all 1s, -o-transform 1s;

opacity:0.4;

}

scarf4:hover{

    margin-top:-80px;

    transition: all 1s, transform 1s;

-moz-transition: all 1s, -moz-transform 1s;

-webkit-transition: all 1s, -webkit-transform 1s;

-o-transition: all 1s, -o-transform 1s;

opacity:1.00;

}

scarf5{

    width:25px;

    height:150px;

    position:fixed;

    margin-left:120px;

    margin-top:-180px;

    transition: all 1s, transform 1s;

-moz-transition: all 1s, -moz-transform 1s;

-webkit-transition: all 1s, -webkit-transform 1s;

-o-transition: all 1s, -o-transform 1s;

opacity:0.4;

}

scarf5:hover{

    margin-top:-80px;

    transition: all 1s, transform 1s;

-moz-transition: all 1s, -moz-transform 1s;

-webkit-transition: all 1s, -webkit-transform 1s;

-o-transition: all 1s, -o-transform 1s;

opacity:1.00;

}

</style>

<scarves>

<scarf1><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://media.tumblr.com/tumblr_m6s46nsKcL1qhk6l1.png" title="Fringe Division"></a></scarf1>

<scarf2><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"  title="Amber Protocol"><img src="http://media.tumblr.com/tumblr_m6s2pog9J51qhk6l1.png"></a></scarf2>

<scarf3><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"  title="Massive Dynamic"><img src="http://media.tumblr.com/tumblr_m6s2q1rHuN1qhk6l1.png"></a></scarf3>

<scarf4><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"  title="glyphs"><img src="http://media.tumblr.com/tumblr_m6s2nqBmfo1qhk6l1.png"></a></scarf4>

<scarf5><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"  title="Fringe"><img src="http://media.tumblr.com/tumblr_m6s2mpqlA81qhk6l1.png"></a></scarf5>

</scarves>