<!DOCTYPE html> <html lang="en"> <head> <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org"> <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:100,100italic,light,lightitalic,regular,regularitalic,600,600italic,bold,bolditalic|Josefin+Slab:regular,bold|Permanent+Marker' rel='stylesheet' type='text/css'> <link rel="icon" href="/images/favicon.png" type="image/x-png"> <title>{PageTitle}</title> <style type="text/css"> </style> </head> <body> <div class="container"> <div class="dogmeat"> <p>Valid CSS! Posterous theme by <a href="http://whatgetsmehot.posterous.com" target="_blank"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /><a href="http://whatgetsmehot.posterous.com" target="_blank">Dogmeat</a> {block:NotSearchOrTag} <form class="search"><input type="hidden" name="sort" value="{SearchSort}"> <input type="text" name="search" class="text" value="{SearchQuery}" id="search-box"> <input type="submit" value="Search" class="submit c1" id="q"></form> {block:SearchBox searchbox_button="searchbox_button" searchbox="searchbox"/} {/block:NotSearchOrTag} {block:HasPages} <ul> <li class="c2">{block:Pages}</li> <li><a href="{URL}" class="{Current}" rel="{External}">{Label}</a></li> <li class="c2">{/block:Pages}</li> </ul> {/block:HasPages} <div class="clear"></div> {block:HeaderImage} <h1 class="header_image"><a href="{SiteURL}" title="{Title}" rel="index"><img src="{HeaderImageURL-500}" alt="{Title} - {Description}"></a></h1> {Else} <h1><a href="{SiteURL}" title="{Title}" rel="index">{Title}</a></h1> {block:Description} <h2>{Description}</h2> {/block:Description} {/block:HeaderImage} <div id="post_column">{block:ShowOrList} {block:Show} <a href="{BlogURL}" rel="up">← Back to blog</a> {/block:Show} {/block:ShowOrList} {block:Tag} <h1>Filed under: <strong>{Tag}</strong></h1> <div><a href="{GlobalTagURL}" class="c3" id="global_tags">See all posts on Posterous with this tag »</a></div> {block:ShowOnHover action_id="extra_links" hidden_div="global_tags"/} {/block:Tag} {block:SearchPage} <h1>{block:SearchResultOne}One result found searching for{/block:SearchResultOne} {block:SearchResultMany}{SearchResultCount} results found searching for{/block:SearchResultMany} {block:SearchResultNone}No results found searching for{/block:SearchResultNone}</h1> <form class="search"><input type="hidden" name="sort" value="{SearchSort}"> <input type="text" name="search" class="text" id="searchbox" value="{SearchQuery}"> <input type="submit" value="Search" class="submit"> <a href="{CurrentURL}" class="xsmall">clear</a></form> <ul> <li>Sort by:</li> <li>{block:SearchSortBestmatch}Best match{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=bestmatch">Best match</a>{/block:SearchSortBestmatch}</li> <li>{block:SearchSortRecent}Most recent{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=recent">Most recent</a>{/block:SearchSortRecent}</li> <li>{block:SearchSortInteresting}Most interesting{Else}<a href="{CurrentURL}?search={SearchQuery}&sort=interesting">Most interesting</a>{/block:SearchSortInteresting}</li> </ul> <a href="{PosterousURL}/explore/?search={SearchQuery}" id="search_all" class="xsmall">Search all of Posterous for <strong>{SearchQuery}</strong> »</a> {/block:SearchPage} <div id="articles">{block:List} <ul class="post-list"> <li class="c2">{block:Posts}</li> <li><a href="{Permalink}">{block:PostImage size='180' dimension='width'} <span class="post-brief-image-container post-brief-image"><img src="{PostImageURL}" width='180' alt="** PLEASE DESCRIBE THIS IMAGE **"></span> {Else} {block:BodyExcerpt strip_tags="true"} <span class="post-brief-text">{BodyExcerpt}</span> {/block:BodyExcerpt} {/block:PostImage} <span class="post-title">{Title}</span></a></li> <li class="c2">{/block:Posts}</li> </ul> <div class="clear"></div> {/block:List} {block:Show} {block:Posts} <iframe src="http://files.martinruiz.com/files/martinruiz-posterous-sidebar-widget.htm?method=posterous&count=15&header=Dogmeat&hostname=whatgetsmehot&" class="c4"></iframe> {block:Private} <a href="{Permalink}" class="tooltip_link"><img src="/images/icons/lock12.png" alt="** PLEASE DESCRIBE THIS IMAGE **"></a> <div class="private_post_message"> <h1>Private Post</h1> <p>This post has a secret URL and not linked on your public blog. Send the secret URL to share it with anyone.</p> </div> {/block:Private} {block:Title} <h1><a href="{Permalink}">{Title}</a></h1> {/block:Title} {block:SMS} Posted from my mobile phone (SMS) {/block:SMS} <div class="editbox">{block:EditBox} {EditBoxContents} {/block:EditBox}</div> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwhatgetsmehot.posterous.com%2F&layout=standard&show_faces=true&action=like&" class="c5"></iframe> <a href="http://www.facebook.com/sharer.php?u={Permalink}%2F&t={Title}&language=en" target="_blank"><img class="c6" src="http://whatgetsmehot.posterous.com/images/icons/services/facebook.png" alt="Share on Facebook"></a> <div class="body"> <div class="inner">{Body}</div> {EventMap}</div> {block:ShowOrList} {block:NewDayDate} <a href="{Permalink}">Posted {TimeAgo}</a> {/block:NewDayDate} {block:Author} {block:AuthorUser} <h1>by <a href="{AuthorURL}" rel="author">{AuthorName}</a></h1> {/block:AuthorUser} {block:AuthorEmail} <h1>by email</h1> {/block:AuthorEmail} {/block:Author} {block:PostLocations} <h1 id="location_collapsed_{PostID}">from <a href="#" id="post_location_expander_{PostID}" onclick="return false;">{LocationsSummary}</a></h1> <div class="location_detail c7" id="post_location_expanded_{PostID}"> <div class="map">{MapIframe}</div> <div class="summary"> <h2>Posted from</h2> <ul> <li class="c2">{block:PostLocation uniq_by="summary"}</li> <li>{LocationSummary}</li> <li class="c2">{/block:PostLocation}</li> </ul> </div> </div> {block:ShowOnClick action_id="post_location_expander_{PostID}" hidden_div="post_location_expanded_{PostID}" to_hide_id="location_collapsed_{PostID}"/} {/block:PostLocations} | Viewed {PostViews} times {block:TagList} Filed under: {block:TagListing} <a href="{TagLink}" rel="tag">{TagName}</a> {/block:TagListing} {/block:TagList} {/block:ShowOrList} {block:Sharing} {block:Tweet /} <div class="facebook_like">{block:FbLike /}</div> {/block:Sharing} {block:Responses /} {/block:Posts} {/block:Show}</div> <!-- /#articles --> {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}">← Previous</a> {/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage} <a href="{NextPage}">Next →</a> {/block:NextPage} {/block:Pagination}</div> <!-- /#post_column --> <div class="column"> <h1><a href="{ProfileLink}" title="{OwnerName}'s profile"><img src="{PortraitURL-75}" alt="{OwnerName}" class="profile_image"></a></h1> <a href="{ProfileLink}" class="profile-link"><strong>{OwnerName}</strong></a> <div class="profile"> <p>{Profile}</p> </div> <div class="external">{ProfileExternalLinks}</div> </div> <div class="column"> <h1>Get Updates</h1> <div class="subscribe-site">{block:Subscription}{/block:Subscription}</div> <a href="{RSS}" rel="alternate" type="application/rss+xml">Subscribe via RSS</a> {block:HasLinks} {block:LinkCategories} <h1>{Label}</h1> <ul> <li class="c2">{block:Links}</li> <li><a href="{URL}" rel="external">{Label}</a></li> <li class="c2">{/block:Links}</li> </ul> {/block:LinkCategories} {/block:HasLinks}</div> <div class="column">{block:TagList} <h1>Tags</h1> <ul> <li class="c2">{block:TagListing collapsible="true" count="10" action_id="see_more_tags"} {block:TagListingMore}</li> <li><a href="#" id="see_more_tags">View all {NumTags} tags ↓</a></li> <li class="c2">{/block:TagListingMore} {block:TagItem}</li> <li><a href="{TagLink}">{TagName}</a> <span>({TagCount})</span></li> <li class="c2">{/block:TagItem} {block:TagItemSelected}</li> <li class="selected"><a href="{TagLink}">{TagName}</a> <span>({TagCount})</span></li> <li class="c2">{/block:TagItemSelected} {/block:TagListing}</li> </ul> {/block:TagList} {block:HasArchives} <h1>Archive</h1> <div class="archive_list">{block:ArchiveYear} <div class="archive"><a href="#" id="{ArchiveYearId}">{ArchiveDateYear}</a> <span>({ArchiveYearCount})</span></div> <div class="inner c8" id="{ArchiveMonthsId}">{block:Archive} <div><a href="{ArchiveLink}">{ArchiveMonth}</a> <span>({ArchiveCount})</span></div> {/block:Archive}</div> {/block:ArchiveYear}</div> {/block:HasArchives}</div> {block:Contributors} <div class="column c9"> <h1>Contributors</h1> <ul> <li class="c2">{block:Contributor collapsible="true" count="10" action_id="see_more_contributors"} {block:ContributorMore}</li> <li><a href="#" id="see_more_contributors">View all {NumContributors} contributors »</a></li> <li class="c2">{/block:ContributorMore}</li> <li><a href="{ContributorProfileLink}" rel="contributor" title="{ContributorName}'s profile"><img src="{ContributorPortraitURL-20}" alt="{ContributorName}"></a> <a href="{ContributorProfileLink}" rel="contributor">{ContributorName}</a></li> <li class="c2">{/block:Contributor}</li> </ul> </div> {/block:Contributors} <div class="clear"></div> </div> <!-- /.container --> </body> </html>
body { max-width : 62.5em; margin : 0 auto 0 auto; background-color : #dae1b1; color : #24251c; border : 0.6em double #0099ff; outline : #0099ff 0.6em double; font-family : 'Josefin Sans', serif; font-size : 1em; font-style : normal; font-weight : 400; text-shadow : none; text-decoration : none; text-transform : none; letter-spacing : 0; word-spacing : 0; line-height : 1.2; height : 100%; opacity : 1.0; padding : 0 1.5em 1.5em; } abbr { text-decoration : none; text-underline-style : none; border : none; } html { font-family : 'Josefin Slab', serif; background-color : #c0ca86; border : 0.6em double #0099ff; outline : #0099ff 0.6em double; padding : 2em; } header, hgroup, footer, aside, nav, article, section { display : block; } p.note strong { font-variant : small-caps; font-family : 'Josefin Slab', serif; } p { line-height : 1.25; } h1, h2, h3, h4, h5, h6, dt, th, h1 + blockquote, .abstract, .courseid, .affiliation, .author, .date, caption, .caption, figcaption { font-family : 'Josefin Slab', sans-serif; } code, tt, pre, samp, kbd { font-family : 'Josefin Slab', sans-serif; font-size : 0.8em; } h1 code, h2 code, h3 code, h4 code, h5 code, h6 code, dt code, th code, h1 tt, h2 tt, h3 tt, h4 tt, h5 tt, h6 tt, dt tt, th tt { font-size : 0.78em; } pre code, pre tt { font-size : 1em; } pre, dl { margin-top : 0.5em; margin-bottom : 0.5em; } dt { page-break-after : avoid; } dd, li { page-break-before : avoid; page-break-inside : avoid; margin-left : 1.5em; } em, i, var, cite { font-style : italic; } b, strong { font-weight : bold; font-family : 'Permanent+Marker', monospace; } div.ruiz { display : block; } .h6 { letter-spacing : 0.35em; text-transform : uppercase; line-height : 0; font-size : 0.72em; vertical-align : 0.24em; font-variant : small-caps; } h1, h2, h3 { font-weight : bold; } h3, h4 { font-size : 1.15em; margin-bottom : 0.2em; margin-top : 1em; } h2 { font-size : 1.5em; margin-bottom : 0.3em; margin-top : 1.15em; } h1 { font-size : 2em; margin-bottom : 0.3em; margin-top : 1.15em; font-family : 'Permanent Marker', serif; font-style : normal; font-weight : 700; text-shadow : #aaa 2px 2px 2px; text-decoration : none; text-transform : capitalize; letter-spacing : 0.026em; word-spacing : 0.041em; line-height : 1.17; } h1 before { content : '???' counter(h1) '.'; } dt { margin-bottom : 0.25em; margin-top : 0.75em; } p { text-indent : 1.5em; text-align : justify; } :first-child, .note, .log { text-indent : 0; } td, th, dd, li, .footer, footer { margin-bottom : 0.5em; text-indent : 0; } blockquote { display : block; float : left; font-size : 150%; max-width : 30em; text-align : center; padding : 0.1em 0.1em 0; background : black; border : 1em solid; margin : 0 0.5em 0.2em 0; } div.footer, footer { margin-bottom : -1em; max-width : 50em; } .footer, footer { background-color : #e1e1e1; color : #4d4d4d; margin-bottom : 0.75em; margin-top : 0.75em; display : block; } img { border : none; vertical-align : top; float : right; clear : right; background-color : #0099ff; margin-left : 0.8em; } video { display : block; margin : 0 auto; border : 1em outset; overflow : hidden; width : 100%; height : auto; } hr { text-align : center; font-size : 2em; height : 1em; } hr::before { content : '\007'; text-align : center; font-family : 'Permanent Marker', serif; } sup, sub { font-size : 75%; } :link:focus { outline : #164796 0.2em solid; } :visited:focus { outline : #831596 0.2em solid; } :link { color : #164796; outline-width : 0; outline-offset : 0.1em; } :visited { color : #831596; } :link:hover, :visited:hover { background-color : #ffffcc; } :link:active { color : #687996; outline-color : #687996; } :visited:active { color : #8f6796; outline-color : #8f6796; } div.dogmeat { font-size : 70%; } b { background-color : #5eb546; font-family : 'Permanent Marker', serif; } youtube { background : #0099ff; } video { display : block; margin : 0 auto; background : #0099ff; } div.c9 { padding-right : 0; } div.c8 { display : none; } div.c7 { display : none; } img.c6 { background-image : url(http://static.ak.fbcdn.net/rsrc.php/v1/zb/r/L6P2fymQtet.png); position : relative; float : left; bottom : 1em; background-color : #0099ff; height : 50px; width : auto; overflow : hidden; border : 1em outset #0099ff; vertical-align : baseline; outline : #0099ff 1px dashed; padding : 0.5em; } iframe.c5 { height : 80px; border : 1em double #0099ff; vertical-align : baseline; outline : #0099ff 10px double; padding : 1.5em; } iframe.c4 { width : 80%; height : 300px; } a.c3 { display : none; } li.c2 { list-style : none; } input.c1 { display : none; }