.elsewhere { list-style-type: none; margin-left: 0; } .elsewhere li { float: left; margin: 0 5% 28px 0; width: 20%; } .elsewhere p { line-height: 15px; margin-left: 40px; } .elsewhere span { background-image: url(http://cdn1.chrispederick.net/images/3.1/about/sites.png); background-repeat: no-repeat; float: left; } .elsewhere span, .elsewhere span a { display: block; height: 32px; width: 32px; } .elsewhere span a { background-image: none; } .elsewhere .delicious span { background-position: 0 0; } .elsewhere .dopplr span { background-position: 0 -32px; } .elsewhere .flickr span { background-position: 0 -64px; } .elsewhere .goodreads span { background-position: 0 -96px; } .elsewhere .google-reader span { background-position: 0 -128px; } .elsewhere .huffduffer span { background-position: 0 -160px; } .elsewhere .tumblr span { background-position: 0 -192px; } .elsewhere .twitter span { background-image: url(http://cdn1.chrispederick.net/images/3.1/navigation.png); background-position: 0 -160px; } .elsewhere .vimeo span { background-position: 0 -224px; } .elsewhere .youtube span { background-position: 0 -256px; }  @media handheld, only screen and (max-device-width: 480px) {  .elsewhere { list-style-type: square; margin-left: 30px; } .elsewhere li { float: none; margin: 0; width: auto; } .elsewhere p { margin-left: 0; } .elsewhere span, .pull { display: none; } }