Snip!t from collection of Alan Dix

<div id="header"><div class="rightside"><div class="title">Paper by FiftyThree</div> <div class="byline">by <a href="/fiftythree">FiftyThree</a> <a href="/fiftythree"><img src="http://a.vimeocdn.com/images/plus_icon.gif" alt="plus" class="plus_graphic"></a></div> <div class="date" onmouseover="swap('clip-timeago','clip-date');" onmouseout="swap('clip-date','clip-timeago');"> <span id="clip-timeago">1 month ago</span> <span id="clip-date" style="display: none;">1 month ago: Wed, Feb 22, 2012 11:52am EST (Eastern Standard Time)</span> </div> </div> <div class="clear"></div> </div> <div id="meat"> <div class="video_container_hd"> <div class="video"> <div class="vimeo_holder" style="position: relative; width: 640px; height: 360px;"> <style> .vimeo_holder div, .vimeo_holder dl, .vimeo_holder dt, .vimeo_holder dd, .vimeo_holder ul, .vimeo_holder ol, .vimeo_holder li, .vimeo_holder h1, .vimeo_holder h2, .vimeo_holder h3, .vimeo_holder h4, .vimeo_holder h5, .vimeo_holder h6, .vimeo_holder pre, .vimeo_holder form, .vimeo_holder fieldset, .vimeo_holder input, .vimeo_holder textarea, .vimeo_holder p, .vimeo_holder blockquote, .vimeo_holder th, .vimeo_holder td{margin:0;padding:0;} .vimeo_holder div, .vimeo_holder aside, .vimeo_holder header {background:transparent;} .vimeo_holder table{border-collapse:collapse;border-spacing:0;} .vimeo_holder fieldset, .vimeo_holder img{border:0;} .vimeo_holder address, .vimeo_holder caption, .vimeo_holder cite, .vimeo_holder code, .vimeo_holder dfn, .vimeo_holder em, .vimeo_holder strong, .vimeo_holder th, .vimeo_holder var{font-style:normal;font-weight:normal;} .vimeo_holder ol, .vimeo_holder ul {list-style:none;} .vimeo_holder caption, .vimeo_holder th {text-align:left;} .vimeo_holder q:before, .vimeo_holder q:after{content:'';} .vimeo_holder abbr, .vimeo_holder acronym {border:0;} .vimeo_holder * {line-height: normal;} </style> <!--[if lt IE 9]><style scoped="scoped">.a.d .ab {display: block;}.a.d .bp {background: #000;filter: alpha(opacity='70');}</style><![endif]--><style scoped="scoped">.f {overflow: hidden;padding: 0;margin: 0;width: 100%;height: 100%;background: transparent;}.f > div {width: 100%;height: 100%;}.f .t .at,.f .t .b {visibility: hidden !important;}.f .t .k,.f .t .j,.f .t .b {opacity: 0;filter:alpha(opacity=0);}.f .ab {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-color: #000;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;background-size: 100% auto;}.by.t .ab + div {position: absolute;z-index: 2;opacity: 1 !important;}.f .x,.f .w {background: #000;}.f .x .ab {-webkit-background-size: auto 100% !important;-moz-background-size: auto 100% !important;background-size: auto 100% !important;}.f .w .ab {-webkit-background-size: 100% auto !important;-moz-background-size: 100% auto !important;background-size: 100% auto !important;}.f object {z-index: 2;position: absolute;}body.aa {overflow: hidden;}body.aa .f .b, .a.r .b {max-width: 50%;margin-left: -25%;left: 50%;}.br {display: none !important;}.an {opacity: 0 !important;filter: alpha(opacity='0');}.bn {visibility: hidden !important;}</style><div id="player_37254322_1222068367" class="f player"><style scoped="scoped">.a aside button.z.ce:after {content: 'Remove';}.a aside button.z:after {content: 'Later';}.a aside button.bl.ce:after {content: ' on';}.a aside button.bl:after {content: ' off';}</style><div class="by"><div class="bf br"><div class="ab br" style="background-image: url(&quot;http://b.vimeocdn.com/ts/269/727/269727603_640.jpg&quot;);" data-thumb="http://b.vimeocdn.com/ts/269/727/269727603_640.jpg"></div></div><object style="visibility: visible;" data="http://a.vimeocdn.com/p/flash/moogaloop/5.2.19/moogaloop.swf?v=1.0.0" class="" name="player37254322_1222068367" id="player37254322_1222068367" type="application/x-shockwave-flash" height="100%" width="100%"><param value="always" name="allowscriptaccess"><param value="true" name="allowfullscreen"><param value="noscale" name="scalemode"><param value="high" name="quality"><param value="opaque" name="wmode"><param value="#000000" name="bgcolor"><param value="server=vimeo.com&amp;player_server=player.vimeo.com&amp;cdn_server=a.vimeocdn.com&amp;embed_location=http%3A%2F%2Fwww.facebook.com%2F&amp;force_embed=0&amp;force_info=0&amp;moogaloop_type=moogaloop_local&amp;js_api=1&amp;js_getConfig=player37254322_1222068367.getConfig&amp;js_setConfig=player37254322_1222068367.setConfig&amp;clip_id=37254322&amp;fullscreen=1&amp;js_onLoad=player37254322_1222068367.player.moogaloopLoaded&amp;js_onThumbLoaded=player37254322_1222068367.player.moogaloopThumbLoaded" name="flashvars"></object></div></div></div> </div> <div class="video_stuff"> <div id="context_browser_1"> <style type="text/css"> .brozar .content .clip .info span, .brozar .content .clip .info .byline, .brozar .content .clip .info .index, .brozar .content .clip .info .time { color: #969696; } .brozar .content .current img { border: 5px solid #77d4fd; } .brozar .tabs .softcorner, .add_to .option label, .brozar .context span { color: #3e3e3e; } .add_to .disabled label { color: #969696; } .brozar .content .current .style_wrap { color: #3e3e3e; /*background: #F5F5F1;*/ } .brozar .add_to .title { color: #969696; } .brozar .dropdown { border: 3px solid #CFCEC3; } </style> <div class="brozar"> <div class="tabs" style="background: none repeat scroll 0% 0% rgb(255, 255, 255);"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_tab_more_on" class="softcorner native" style="background-color: rgb(244, 244, 238); border-top-left-radius: 8px; border-top-right-radius: 8px; display: none;" onclick="brozar_tab('brozar813f7e3b2dd636d442885b315ffc4410', 'more');"> <span class="faux_link" onmouseover="faux_link(this)" onmouseout="faux_link(this)">More</span></div> <div id="brozar813f7e3b2dd636d442885b315ffc4410_tab_more_off" class="softcorner native" style="background-color: rgb(231, 231, 222); border-top-left-radius: 8px; border-top-right-radius: 8px;"> More</div> <div class="clear"></div> </div> <div class="softcorner native everything" style="background-color: rgb(231, 231, 222); border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_add" class="add" style="display: none;"> <div class="softcorner native scrolly_container" style="background-color: rgb(255, 255, 255); border-radius: 10px 10px 10px 10px;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_area" class="scrolly_area" style="width: 240px; height: 289px;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_window" class="content" style="width: 228px; height: 289px; overflow: hidden;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll"></div> </div> <div id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_bar" class="scrolly" style="height: 100%;"> <object data="/assets/flash/scrolly.swf" name="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_swf" id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_swf" type="application/x-shockwave-flash" height="100%" width="12"><param value="always" name="allowscriptaccess"><param value="opaque" name="wmode"><param value="showAll" name="scalemode"><param value="medium" name="quality"><param value="content_id=brozar813f7e3b2dd636d442885b315ffc4410_add_scroll&amp;content_height=0&amp;bg_click_offset=0&amp;snap_to=0&amp;rollover=77d4fd&amp;rollout=5F5F58&amp;bg=ffffff&amp;bg_lines=CFCEC3&amp;start_position=undefined" name="flashvars"></object> </div> <div class="clear"></div> </div> <input id="brozar813f7e3b2dd636d442885b315ffc4410_add_scroll_height_offset" value="0" type="hidden"> </div> </div> <div id="brozar813f7e3b2dd636d442885b315ffc4410_more" class="more"> <div class="context"> <a id="brozar813f7e3b2dd636d442885b315ffc4410_see_all_link" href="/fiftythree/videos/sort:date" class="see_all">See all</a> <span>Show me</span> <div id="_1222068367" class="dropdown" style="position: relative; width: 130px;"> <div id="_1222068367_value" class="value">FiftyThree's&nbsp;videos</div> </div> <div class="clear"></div> </div> <div class="softcorner native scrolly_container" style="background-color: rgb(255, 255, 255); border-radius: 10px 10px 10px 10px;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_area" class="scrolly_area" style="width: 240px; height: 253px;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_window" class="content" style="width: 228px; height: 253px; overflow: hidden;"> <div id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll"> <div id="brozar_current_clip" class="clip current"> <div class="style_wrap" style="background: url(&quot;http://a.vimeocdn.com/thumbnails/defaults/default.75x100.jpg&quot;) no-repeat scroll 0% 0% transparent;"> <img src="http://b.vimeocdn.com/ts/269/727/269727603_100.jpg" alt=""> <div class="info" style="width: 110px;"> <span class="index">1.</span> Paper by FiftyThree <div class="byline">by <a href="/fiftythree">FiftyThree</a></div> <div class="time">1 month ago</div> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_bar" class="scrolly" style="height: 100%;"> <object data="/assets/flash/scrolly.swf" name="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_swf" id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_swf" type="application/x-shockwave-flash" height="100%" width="12"><param value="always" name="allowscriptaccess"><param value="opaque" name="wmode"><param value="showAll" name="scalemode"><param value="medium" name="quality"><param value="content_id=brozar813f7e3b2dd636d442885b315ffc4410_more_scroll&amp;content_height=75&amp;bg_click_offset=10&amp;snap_to=0&amp;rollover=77d4fd&amp;rollout=5F5F58&amp;bg=ffffff&amp;bg_lines=CFCEC3&amp;on_scroll_top=function scrolly_browse_top(id) { var arr = id.split(&quot;_&quot;); KaiserSoze_array[arr[0]].top(); }&amp;on_scroll_bottom=function scrolly_browse_bottom(id) { var arr = id.split(&quot;_&quot;); KaiserSoze_array[arr[0]].bottom(); }&amp;on_scroll_near_top=function scrolly_browse_top(id) { var arr = id.split(&quot;_&quot;); KaiserSoze_array[arr[0]].top(); }&amp;on_scroll_near_bottom=function scrolly_browse_bottom(id) { var arr = id.split(&quot;_&quot;); KaiserSoze_array[arr[0]].bottom(); }&amp;start_position=-85" name="flashvars"></object> </div> <div class="clear"></div> </div> <input id="brozar813f7e3b2dd636d442885b315ffc4410_more_scroll_height_offset" value="-10" type="hidden"> </div> </div></div></div> </div> </div> <div class="clear"></div> </div> <div class="description_container"> <div id="description"> Paper is where ideas begin. It&#x2019;s the easiest and most beautiful way to create on the new iPad. Capture your ideas as sketches, diagrams, illustrations, notes or drawings and instantly share them across the web. Download &#x201c;Paper by FiftyThree&#x201d; free from the App Store. #madewithpaper<br> </div></div></div>