<!DOCTYPE html>
<script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=4e09fe74b282f245aeafcf8a701d8e5f"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">

<!-- 

 .ooooo.   .oooo.o  .ooooo.   .oooo.   oo.ooooo.   .ooooo.  
d88' `88b d88(  "8 d88' `"Y8 `P  )88b   888' `88b d88' `88b 
888ooo888 `"Y88b.  888        .oP"888   888   888 888ooo888 
888    .o o.  )88b 888   .o8 d8(  888   888   888 888    .o 
`Y8bod8P' 8""888P' `Y8bod8P' `Y888""8o  888bod8P' `Y8bod8P' 
                                        888                 
                  by blinkanditsover   o888o     


        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Escape Theme by blinkanditsover
    	Premium Tumblr Theme
		http://themecloud.co/themes/escape
		Support: themecloud.co | @theme_cloud                         
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        
        
-->



<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>webocracy: matthew domurat</title>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-21817662-4']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<meta name="description" content="i&#039;ve been obsessed with the internet since BBSes were running FidoNet. this is a place for me to talk about how the web impacts social networking, business, and technology. it&#039;s also where i keep..." />
<link rel="shortcut icon" href="http://25.media.tumblr.com/avatar_746ec9a9ee7c_128.png" />
<link rel="apple-touch-icon" href="http://25.media.tumblr.com/avatar_746ec9a9ee7c_128.png"/>
<link rel="alternate" type="application/rss+xml" href="http://blog.rox.org/rss" />
<meta name="font:Default Font" content="Open Sans, Arial, Helvetica, sans-serif"/>
<meta name="color:Background" content="#fff"/>
<meta name="color:Blog Title" content="#fff"/>
<meta name="color:Links" content="#ff0078"/>
<meta name="color:Links Border" content="#fff"/>
<meta name="color:Links Hover" content="##ff0078"/>
<meta name="color:Music player" content="#ff0078"/>
<meta name="color:Pagination" content="#000"/>
<meta name="color:Post Background" content="#FFFFFF"/>
<meta name="color:Post Border" content="#000"/>
<meta name="color:Post Title" content="#ffffff"/>
<meta name="color:Sidebar Background" content="#000"/>
<meta name="color:Sidebar Border" content="#cccccc"/>
<meta name="color:Sidebar Description" content="#fff"/>
<meta name="color:Sidebar Links" content="#fff"/>
<meta name="color:Text" content="#000"/>

<meta name="if:1 Column" content="0" />
<meta name="if:Facebook Comment Permalink Page" content="1"/>
<meta name="if:Infinite Scroll" content="1"/>
<meta name="if:Photoset As Slider" content="0"/>
<meta name="if:Post Gradient" content="0" />
<meta name="if:Post Large Size" content="0"/>
<meta name="if:Post Medium Size" content="0"/>
<meta name="if:Sidebar background" content="1"/>
<meta name="if:Show Audio Title" content="1"/>
<meta name="if:Show Captions on Home Page" content="1"/>
<meta name="if:Show Photo Hover Buttons" content="1"/>
<meta name="if:Title Padding" content="1"/>
<meta name="if:Show Scroll To Top" content="1"/>

<meta name="image:Background" content=""/>
<meta name="image:Logo" content=""/>

<meta name="text:Disqus ID" content=""/>
<meta name="text:Instagram ID" content=""/>

<link rel="stylesheet" href="http://static.tumblr.com/2w7y46r/tpCltl37a/pictos_base.css">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Bebas Neue">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:700italic' rel='stylesheet' type='text/css'>
<link href="http://escape.tcs3.co.uk/themes/escape/core.css" rel="stylesheet" type="text/css">

<style>
/* Core CSS */
::selection      { background:#ff0078; color:#FFFFFF; /* Safari and Opera */ }
::-moz-selection  { background:#ff0078; color:#FFFFFF; /* Firefox */ }

a{
    color:#ff0078;
    text-decoration:none;
    border-bottom: 1px dotted #fff;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
} 
a:hover{border-bottom: 1px solid; color:##ff0078 !important;}
a:visited{color:#ff0078;}
.social_icons{ 
    font-family: 'SocialicoRegular', sans serif; 
    font-weight: 200; 
	font-size: 35px; 
	line-height: 90%; 
	letter-spacing:3px;
	color: #ff0078; 
	border:0 !important;
}
.social_icons:hover{color:##ff0078 !important; border-bottom:0px;}

blockquote{
    margin: 10px 0px;
    padding-left: 10px;
    border-left: 3px solid #ff0078 !important;
    font-weight: normal !important;
}

body{
    background-color:#3b627e;
    
    font-family: helvetica neue, arial, sans serif !important;
    line-height: 1.2em;
    color:#000;
    font-size: 100%;
    overflow-x:hidden;
    background-attachment:fixed;
    word-wrap: break-word;
}

#tc_container{
	font-size:0.8em;
	
		
			width:100%;
		
	    
	
	
}

#menu_links li a {
	font-weight:bold;
	border-bottom:1px dotted #cccccc;
	color: #fff;
	display:block;
	width:100%;
	padding: 10px 0px;
	border-left:0px solid #ff0078;
}
#menu_links li:first-child a{
	border-top:1px dotted #cccccc;
}
#menu_links a:hover{
	padding-left: 10px;
	border-left-width: 5px;
	color: #fff !important;
}
#tc_description{
	color:#fff;
	line-height:1.4em;
	padding-right:15px;
	margin:10px auto;
}
#tc_sidebar{
	position:fixed;
    
	top: 25px;
	width:270px;
    padding-top:20px;
    
    
    
    height: 96%;
    overflow:auto;
	color: ;
	
    top: 0px;
    height: 100%;
    background-color: #000;
	
	border-right:1px dotted #cccccc;
	
	border-opacity:0.7;
	overflow-x:hidden;
}
#tc_sidebar h1{
	font-weight: normal;
	font-size: 3.3em;
	color:#fff;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
	border-opacity:0.3;
}

#tc_sidebar h3{
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}
#tc_sidebar h3 span a{
	color:#fff !important;
}

.tc_posts{
	position:relative;
	float: left;
	margin: 10px 10px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
	
	width: 260px;
	
	width: 410px;
	
	
    
	box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}


.tc_posts:hover{
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	}


/* text, link, quote posts */


.padding-title{
	padding: 3px;
	}


a.linkTitle{
	color:#ffffff !important;
	border:0;
}
a.linkTitle:hover{
	color:#ffffff !important;
}

h2.title{
	position:relative;
	color: #ffffff;
	font-size: 1.6em;
	line-height: 1.3em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.0);
	background-color: #000;
	padding: 15px;
	margin-top: 0px;
	margin-bottom: 5px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
} 


h2.link a{
	color: #ffffff;
	border-bottom: 0;
}

h2.title:after{
	content: "";
	position: absolute;
	bottom: -18px;
	left: 20px;
	border: 10px solid transparent;
	border-top-color: #000;
	display: block;
	width: 0;
}

ul.chat li{
	padding:10px 0px;
	border-top: 1px solid #fff;
}
ul.chat li:first-child{border-top: 0;}
.even .label{color:#000;}

/* posts */

.permalink_links{
	text-align:left;
	margin-bottom: 7px;
	margin-left: 12px;
	margin-right: 12px;
	opacity:0.5;
	color:#000;
    bottom: 0px;
}
.permalink_links a{
	text-transform: uppercase;
	font-size:0.8em;
	border-bottom: none;
	color:#000;
	font-weight: bold;
	letter-spacing: 1px
}

.trackLabel
{
    color:#ff0078 !important;
    }

/* photo post */

.permalink_links{
	text-align:left;
	margin-bottom: 7px;
	margin-left: 10px;
	margin-right: 15px;
	opacity:0.5;
	color:#000;
}
.permalink_links a, .prevNext{
	text-transform: uppercase;
	font-size:0.8em;
	border-bottom: none;
	color:#000;
	font-weight: bold;
	letter-spacing: 1px
}
.tc_post_controls{
    position:absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	opacity: 0;
	filter:alpha(opacity=0);
	box-shadow: inset 0 0 75px black;
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tc_post_controls_background{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
    
	background: #1e5799;
	background: -moz-linear-gradient(-45deg, #1e5799 0%, #81468c 31%, #efa2bc 75%, #ffac89 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1e5799), color-stop(31%,#81468c), color-stop(75%,#efa2bc), color-stop(100%,#ffac89));
	background: -webkit-linear-gradient(-45deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
	background: -o-linear-gradient(-45deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
	background: -ms-linear-gradient(-45deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
	background: linear-gradient(135deg, #1e5799 0%,#81468c 31%,#efa2bc 75%,#ffac89 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffac89',GradientType=1 );
    
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	opacity: 0.8;
	filter:alpha(opacity=80);
	z-index: 100;
}


.tc_post_controls_container a:first-child{margin-left:0px;}

.tc_post_controls_container a.heart_icon:hover{
	color:#ff0000 !important;
}

.tc_posts:hover .tc_post_controls{
	opacity: 1;
	filter:alpha(opacity=100);
}

.tc_posts:hover .tc_post_controls_container{
	opacity: 1;
	filter:alpha(opacity=100);
	top: 50%;
}
.tc_post_controls_container a{
	position:relative;
	color:#ffffff;
	display: inline-block;
	font-size: 1.6em;
	background-color: #000;
	height: 40px;
	width: 40px;
	margin-left:5px;
	line-height:40px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border-bottom: 0 !important;
	z-index: 103;
}

.tc_post_controls_container a:hover{
	color:#ffffff!important;
}
.tc_post_controls_container{
    color:#fff;
    position: absolute;
    top: 80%;
	margin-top: -21px;
	text-align: center;
	left: 50%;
	margin-left: -71px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	z-index: 101;
}
/* audio post */
.audioplayerout{
	background-color: #ff0078;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position:absolute;
	
	right: 10px;
	top: 10px;
	
	
}

.artistLabel{
	color: #000;
	font-size: 1.4em;
}

.caption_audio div.borderTop{
	padding-top:10px;
	border-top:1px solid #fff;
}

/* CAPTION HTML ELEMS */


.caption h1{font-size: 1.5em; margin: 10px 0px;line-height: 1.4em;}
.caption h2{font-size: 1.2em;  margin: 8px 0px; line-height: 1.3em;}
.caption h3{font-size: 1em; line-height: 1.2em;}
.caption h4{font-size: 1em;}
.caption h5{font-size: 1em;}
.caption h6{font-size: 1em;}


.caption img{
	margin:0px auto;
	
		max-width: 240px;
		width:expression(document.body.clientWidth > 240? "240px": "auto" );
		
			max-width: 390px;
			width:expression(document.body.clientWidth > 390? "390px": "auto" );
		
		
	
	
}

/* video post */

.videoPost{
	overflow:hidden;
	
		width: 250px;
		
			width: 400px;
		
		
	
	margin:0px auto -4px;
}
.videoPost embed, .videoPost iframe{
	width:100%;
}

.highlight .videoPost{width:100% !important;}

/* answer post */

.askerIcon{
	border-bottom:1px solid #fff;
	padding-left: 8px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.askerIcon img{vertical-align:middle;}
.askerIcon span{
	margin-left: 5px;
	font-size: 0.8em;
	color: #000;
}

/* photoset post */


	.photosetCircle:hover{
		background-color: #FFFFFF !important;
	}



.photoSet{
	
}

.tc_caption_bubble_display{
	position:relative;
	padding:15px;
	padding-top:10px;
	z-index:500;
	margin-top: -8px;
	background-color: #FFFFFF;

	/* fix bottom corners */
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;

}
.tc_caption_bubble_display:after {
	content:"";
	position:absolute;
	top:-18px;
	left:20px;
	border:10px solid transparent;
	border-bottom-color: #FFFFFF;
	/* reduce the damage in FF3.0 */
	display:block; 
	width:0;
}

.indexTags{position:absolute;bottom:0px;}
.indexTags a.atag{margin-right: 10px;color:#000!important;border:0;}



#pagin{display: none;}


#infscr-loading{
	bottom: 30px;
	position: fixed;
	left: 115px;
	width:43px;
	height:20px;
}
#infscr-loading div{
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.highlightcaption{display:none;z-index: 9999;}

/* instagram */



/* permalink notes */

h4{font-weight: bold;font-size:1.3em;}
.prevNext{
    border:0;
	color:#000;
}

.tags{color:##ff0078;}

.perma_notes {width:100%;}


.more_notes_link{
	width:30px;
	height:30px;
	font-size:16px;
	background-color:#000;
	color:#ffffff;
}

.more_notes_link_container{
	margin:0;
	padding:0;
	width:30px;
	height:30px;
	list-style:none;
	border:none;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	background-color:#000;
	color:#ffffff;
}

.quote_icon{
	position:relative;
    font-size:6em;
    width:20px;
    height:20px;
    opacity:0.2;
}

.quoteIcon1{
	left:-16px;
	top:20px;
}
.quoteIcon2{
	left:-24px;
	top:24px;
}

.linkIcon{
	bottom: 0;
	font-size: 6em;
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 80px;
	z-index: 0;
	opacity: 0.2;
}
.linkIcon span{
	position: absolute;
	left: 0px;
	bottom: 0px;
}


.note more_notes_link_container li a{color:#fff;}
.perma_notes blockquote{display:none;}

.tipsy {padding: 5px; font-size: 10px;}
.tipsy-inner {
	padding: 5px 8px 4px 8px; 
	background-color: #000; 
	color: #ffffff; 
	max-width: 200px;
	width:expression(document.body.clientWidth > 200? "200px": "auto" );
	text-align: center;
}
.tipsy-inner {-moz-border-radius:3px; -webkit-border-radius:3px;}
.tipsy-north {background-position: top center;}
.tipsy-south {background-position: bottom center;}
.tipsy-east {background-position: right center;}
.tipsy-west {background-position: left center;}


#pagin {
    margin:0;
    margin-left: 65px;
	padding: 0;
	list-style: none;
	margin-left:290px;
    padding-top:40px;
    padding-bottom:40px;
    margin-bottom:40px;
}

#pagin li {
	float: left;
	margin-right: 10px;
}

#pagin li a {
	display: block;
	text-decoration: none;
	color: #000;
    border:1px dotted #000;
	font: bold 15px Arial, sans-serif;
	padding: 10px 16px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    text-decoration:none !important;    

}

#pagin li a.current {
	color: white;
background-color:#000;
border:1px solid #000;

}

#pagin li a:hover {
text-decoration:none !important;
color: #000 !important;
}

#pagin li a:active,#pagin li a.current:active {
	
}

#pagin li a.current:hover {
text-decoration:none !important;
color: #ffffff !important;
}

.hide{
    
   }

#gifLoad{
	position:absolute;
	left:300px;
	top: 50px;
}

#back-top
{
    position:fixed;
    right:15px;
    bottom:0px;
    height:20px;
    width:40px;
    background-color:#000;
    padding-top:5px;
    color:white;
    z-index:3000;
}

#back-top a{
    
    display:block;
    cursor:pointer;
    text-align:center;
    color:#ffffff;
    font-family:verdana, sans serif;
    }
    
#back-top a:hover {
        text-decoration:none !important;
border:none !important;
 color:#ffffff !important;
        
        }
    

</style>
<link href="http://escape.tcs3.co.uk/themes/escape/common.css" rel="stylesheet" type="text/css">
<!-- TWITTER TAGS -->
<meta charset="utf-8">
            <meta name="twitter:site" content="tumblr" />
            <meta name="twitter:card" content="summary" />
            <meta name="twitter:title" content="webocracy" />
            <meta name="twitter:description" content="i&#039;ve been obsessed with the internet since  BBSes were running FidoNet.  this is a place for me to talk about how the web impacts social networking, business, and technology.  it&#039;s also where i keep track of new and exciting trends and capabilities. 

a web for the people, by the people!
&lt;script type=&quot;text/javascript&quot;&gt;
var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;);
document.write(unescape(&quot;%3Cscript src=&#039;&quot; + gaJsHost + &quot;google-analytics.com/ga.js&#039; type=&#039;text/javascript&#039;%3E%3C/script%3E&quot;));
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
try {
var pageTracker = _gat._getTracker(&quot;UA-73842-1&quot;);
pageTracker._setDomainName(&quot;.rox.org&quot;);
pageTracker._trackPageview();
} catch(err) {}&lt;/script&gt;" />
            <meta name="twitter:creator" content="mad" />
            <meta name="twitter:app:name:iphone" content="Tumblr" />
            <meta name="twitter:app:name:ipad" content="Tumblr" />
            <meta name="twitter:app:name:googleplay" content="Tumblr" />
            <meta name="twitter:app:id:iphone" content="305343404" />
            <meta name="twitter:app:id:ipad" content="305343404" />
            <meta name="twitter:app:id:googleplay" content="com.tumblr" />
            <meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=webocracy&amp;referrer=twitter-cards" />
            <meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=webocracy&amp;referrer=twitter-cards" />
            <meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=webocracy&amp;referrer=twitter-cards" />
    

<script type="text/javascript" src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=4e1d1f2153fdc7909f98aa985ce6b51a"></script>
<meta http-equiv="x-dns-prefetch-control" content="off"/>

<meta name="keywords" content="mobile,html5,iphone,android,dotcom" />

</head>

<body>
<!-- FB comments -->
<div id="fb-root"></div>
<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

function replaceIfFlash(version,element_id,replacement_string){
        document.getElementById(element_id).innerHTML=replacement_string;
	}
	function renderVideo(element_id,src,width,height,flashvars){
	    var agent=navigator.userAgent.toLowerCase();var is_iphone=(agent.indexOf("iphone")!=-1);if(is_iphone){document.getElementById(element_id).innerHTML='<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="'+width+'" height="'+height+'" codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="'+src+'"><param name="qtsrc" value="'+src+'"><param name="autoplay" value="false"><embed src="'+src+'" qtsrc="'+src+'" width="'+width+'" height="'+height+'" pluginspage="http://www.apple.com/quicktime/"></embed></object>'}else{replaceIfFlash(10,element_id,'<embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/video_player.swf?22" bgcolor="#000000" quality="high" class="video_player" allowfullscreen="true" height="'+height+'" width="'+width+'" flashvars="file='+encodeURIComponent(src)+(flashvars?"&"+flashvars:"")+'"></embed>')}	
	}
</script>

<div style="height:10px; width:100%; position:fixed; top:0; background-color:#000; z-index:10000000;"></div>

<div id="tc_container">

<div id="tc_sidebar" class="left">
	<div style="padding:10px;padding-left: 20px;">
		    <a href="/"><h1 class="bebasTitle" style="border-bottom:1px dotted #cccccc ; margin-top:30px;">webocracy: matthew domurat</h1></a>
		

		 
			<h3>About</h3>
			<div id="tc_description">
				i've been obsessed with the internet since  BBSes were running FidoNet.  this is a place for me to talk about how the web impacts social networking, business, and technology.  it's also where i keep track of new and exciting trends and capabilities. 

a web for the people, by the people!
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-73842-1");
pageTracker._setDomainName(".rox.org");
pageTracker._trackPageview();
} catch(err) {}</script>
				
			</div>
		
		
		<ul id="menu_links">
			
			<li><a href="/submit">Submit</a></li> 
			<li><a href="http://themecloud.co/themes/escape/">Theme</a></li>
			
		</ul>
		
        
		
        
       
        
	</div>	
</div>


	<div id="gifLoad">
		<img src="http://static.tumblr.com/dbek3sy/K80m7q0jj/ajax-loader.gif">
	</div>


<div id="tc_posts_container" class="left">


<div class="tc_posts  done " id="tc_post_62250309430" style="">







    <div class="padding-title">
    	<h2 class="title link">
			<a href="http://gigaom.com/2013/09/23/despite-improvements-there-are-still-155-million-reasons-the-surface-2-is-a-tough-sell/?utm_source=General Users&amp;utm_campaign=f8dedeb4e8-c:mob,tec,apl,dta d:09-25&amp;utm_medium=email&amp;utm_term=0_1dd83065c6-f8dedeb4e8-99352041" >Despite improvements, there are still 155 million reasons the Surface 2 is a tough sell &mdash; Tech News and Analysis<span class="pictos" style="font-weight:normal;"> ;</span></a>
		</h2>
	</div>
	<div class="caption padding"><p>For me, the lack of apps, and the fact that the Asus Transformer Book with Windows 8.1 for $349 are bad news for the Surface 2.  I&#8217;m all for competition, but the Apple &amp; Android offerings are much more compelling, and much cheaper!  </p></div>

	
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/62250309430/despite-improvements-there-are-still-155-million"> 1 month ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/62250309430/despite-improvements-there-are-still-155-million">0 notes</a>
			</div>
		</div>
	



















<div class="highlightcaption">
	<div class="padding" style="padding-top:0px !important;">
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/62250309430/despite-improvements-there-are-still-155-million"> 1 month ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/62250309430/despite-improvements-there-are-still-155-million">0 notes</a>
			</div>
		</div>
	</div>	
</div>


<div class="clear"></div>
<div class="tc_shadow "></div>

</div> <!-- .tc_posts -->





<div class="tc_posts  done " id="tc_post_54434353159" style="">







    <div class="padding-title">
    	<h2 class="title link">
			<a href="http://www.shmula.com/start-with-the-customer-and-work-backwards/324/" >Product Development Process: Work Backwards<span class="pictos" style="font-weight:normal;"> ;</span></a>
		</h2>
	</div>
	<div class="caption padding"><p>A good reminder on bringing clarity to product development.  Start with the Press Release and work backwards</p></div>

	
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/54434353159/product-development-process-work-backwards"> 4 months ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/54434353159/product-development-process-work-backwards">0 notes</a>
			</div>
		</div>
	



















<div class="highlightcaption">
	<div class="padding" style="padding-top:0px !important;">
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/54434353159/product-development-process-work-backwards"> 4 months ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/54434353159/product-development-process-work-backwards">0 notes</a>
			</div>
		</div>
	</div>	
</div>


<div class="clear"></div>
<div class="tc_shadow "></div>

</div> <!-- .tc_posts -->





<div class="tc_posts surface tablet microsoft windows RT windows 8 gadgets  done " id="tc_post_34223978469" style="">







    <div class="padding-title">
    	<h2 class="title link">
			<a href="http://www.theverge.com/2012/10/23/3540550/microsoft-surface-review" >Microsoft&#039;s entry into the hardware game, via the surface tablet<span class="pictos" style="font-weight:normal;"> ;</span></a>
		</h2>
	</div>
	<div class="caption padding"><p>I spent a few weeks running Windows 8, and I just didn&#8217;t enjoy the experience at all.  Don&#8217;t get me wrong, I love competition in the tablet market, and Microsoft is trying to be disruptive but I&#8217;m not sure they reached the goal.  The form factor, laptop style deisgn and kickstand just don&#8217;t make sense for reading in bed, or surfing on the couch.  I get that they&#8217;re trying to make this device more than a info-consumption tablet and move it into a creation device but it&#8217;s an awkward place with no clear winner.</p>
<p>I would like to see this thing as part of the smart glass solution, but thats very meta and i&#8217;d probably just buy a chromebook for half the price.</p></div>

	
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/34223978469/microsofts-entry-into-the-hardware-game-via-the"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/34223978469/microsofts-entry-into-the-hardware-game-via-the">0 notes</a>
			</div>
		</div>
	



















<div class="highlightcaption">
	<div class="padding" style="padding-top:0px !important;">
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/34223978469/microsofts-entry-into-the-hardware-game-via-the"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/34223978469/microsofts-entry-into-the-hardware-game-via-the">0 notes</a>
			</div>
		</div>
	</div>	
</div>


<div class="clear"></div>
<div class="tc_shadow "></div>

</div> <!-- .tc_posts -->





<div class="tc_posts amazon productmanagement product strategy ceo jeffbezos 37signals  done " id="tc_post_34096527574" style="">







    <div class="padding-title">
    	<h2 class="title link">
			<a href="http://37signals.com/svn/posts/3289-some-advice-from-jeff-bezos" >Some advice from Jeff Bezos - Product Strategy<span class="pictos" style="font-weight:normal;"> ;</span></a>
		</h2>
	</div>
	<div class="caption padding"><p>I agree with Jeff.  Each of us has a formed view based on experience and knowledge, but we all approach a problem in a unique way which makes the collective mind a stronger, smarter resource to utilize.</p></div>

	
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/34096527574/some-advice-from-jeff-bezos-product-strategy"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/34096527574/some-advice-from-jeff-bezos-product-strategy">0 notes</a>
			</div>
		</div>
	



















<div class="highlightcaption">
	<div class="padding" style="padding-top:0px !important;">
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/34096527574/some-advice-from-jeff-bezos-product-strategy"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/34096527574/some-advice-from-jeff-bezos-product-strategy">0 notes</a>
			</div>
		</div>
	</div>	
</div>


<div class="clear"></div>
<div class="tc_shadow "></div>

</div> <!-- .tc_posts -->





<div class="tc_posts facebook html5 mobile app  done " id="tc_post_31371093280" style="">







    <div class="padding-title">
    	<h2 class="title link">
			<a href="http://mashable.com/2012/09/11/html5-biggest-mistake/" >Zuckerberg&#039;s Biggest Mistake? &#039;Betting on HTML5&#039;<span class="pictos" style="font-weight:normal;"> ;</span></a>
		</h2>
	</div>
	<div class="caption padding"><p>certainly not his biggest mistake&#8230; it was great for html 5, and an evolutionary step to understand what capabilities were needed to go native&#8230; good read nonetheless</p></div>

	
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/31371093280/zuckerbergs-biggest-mistake-betting-on-html5"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/31371093280/zuckerbergs-biggest-mistake-betting-on-html5">0 notes</a>
			</div>
		</div>
	



















<div class="highlightcaption">
	<div class="padding" style="padding-top:0px !important;">
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/31371093280/zuckerbergs-biggest-mistake-betting-on-html5"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/31371093280/zuckerbergs-biggest-mistake-betting-on-html5">0 notes</a>
			</div>
		</div>
	</div>	
</div>


<div class="clear"></div>
<div class="tc_shadow "></div>

</div> <!-- .tc_posts -->





<div class="tc_posts  done " id="tc_post_28592731598" style="">







    <div class="padding-title">
    	<h2 class="title link">
			<a href="http://gizmodo.com/5931185/why-apple-tv-just-became-apples-most-important-product" >: Why Apple TV Just Became Apple&#039;s Most Important Product(via @Gizmodo)<span class="pictos" style="font-weight:normal;"> ;</span></a>
		</h2>
	</div>
	<div class="caption padding"><p>A big change in Apple&#8217;s proprietary sales model - letting Hulu and Amazon into the iApposphere!</p></div>

	
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/28592731598/why-apple-tv-just-became-apples-most-important"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/28592731598/why-apple-tv-just-became-apples-most-important">0 notes</a>
			</div>
		</div>
	



















<div class="highlightcaption">
	<div class="padding" style="padding-top:0px !important;">
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/28592731598/why-apple-tv-just-became-apples-most-important"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/28592731598/why-apple-tv-just-became-apples-most-important">0 notes</a>
			</div>
		</div>
	</div>	
</div>


<div class="clear"></div>
<div class="tc_shadow "></div>

</div> <!-- .tc_posts -->





<div class="tc_posts  done " id="tc_post_25896529315" style="">







    <div class="padding-title">
    	<h2 class="title link">
			<a href="http://lifehacker.com/5920322/the-stupid-things-you-do-with-your-smartphone?utm_source=Lifehacker Newsletter&amp;utm_campaign=1906b2a880-UA-142218-1&amp;utm_medium=email" >The Stupid Things You Do With Your Smartphone (and How to Fix Them)<span class="pictos" style="font-weight:normal;"> ;</span></a>
		</h2>
	</div>
	<div class="caption padding"><p>If you don&#8217;t spend $2 on Sparrow right now, we might not be friends!  LOL  great things here including notification handling.  &lt;3 lifehacker</p></div>

	
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/25896529315/the-stupid-things-you-do-with-your-smartphone-and-how"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/25896529315/the-stupid-things-you-do-with-your-smartphone-and-how">0 notes</a>
			</div>
		</div>
	



















<div class="highlightcaption">
	<div class="padding" style="padding-top:0px !important;">
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/25896529315/the-stupid-things-you-do-with-your-smartphone-and-how"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/25896529315/the-stupid-things-you-do-with-your-smartphone-and-how">0 notes</a>
			</div>
		</div>
	</div>	
</div>


<div class="clear"></div>
<div class="tc_shadow "></div>

</div> <!-- .tc_posts -->





<div class="tc_posts flickr yahoo photos dotbomb  done " id="tc_post_23132496404" style="">







    <div class="padding-title">
    	<h2 class="title link">
			<a href="http://gizmodo.com/index.php" >How Yahoo Killed Flickr and Lost the Internet(via @Gizmodo)<span class="pictos" style="font-weight:normal;"> ;</span></a>
		</h2>
	</div>
	<div class="caption padding"><p><span>The sad truth about Flickr&#8217;s fall from grace</span></p>
<p><span>The photo service that was once poised to take on the the world has now become an afterthought. Want to share photos on the Web? That&#8217;s what Facebook is for. Want to look at the pictures your friends are snapping on the go? Fire up Instagram.</span></p></div>

	
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/23132496404/how-yahoo-killed-flickr-and-lost-the-internet-via"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/23132496404/how-yahoo-killed-flickr-and-lost-the-internet-via">0 notes</a>
			</div>
		</div>
	



















<div class="highlightcaption">
	<div class="padding" style="padding-top:0px !important;">
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/23132496404/how-yahoo-killed-flickr-and-lost-the-internet-via"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/23132496404/how-yahoo-killed-flickr-and-lost-the-internet-via">0 notes</a>
			</div>
		</div>
	</div>	
</div>


<div class="clear"></div>
<div class="tc_shadow "></div>

</div> <!-- .tc_posts -->





<div class="tc_posts mobile dotcom iphone android blackberry tablets phones html5 web  done " id="tc_post_20126009199" style="">










	<div class="padding-title">
		<div class="tc_photo  done">
			
                
				<div class="tc_post_controls">
					<div class="tc_post_controls_container">
						<a href="http://escape.tcs3.co.uk/themes/Escape/reblog.asp?q=http://www.tumblr.com/reblog/20126009199/kD5I9Mpa" class="pictos reblogIcon">1</a>
						<a class="pictos heart_icon" href="javascript:void(0);" rel="http://www.tumblr.com/reblog/20126009199/kD5I9Mpa" id="20126009199">k</a>
						<a href="http://blog.rox.org/post/20126009199/ive-said-it-before-and-ill-say-it-again-were" class="noteCount"><span class="RoundThatShit">0</span></a>
					</div>
					<div class="tc_post_controls_background"></div>
				</div>
                
			
            
<img border="0" class="preload photos" src="http://25.media.tumblr.com/tumblr_m1numauJc31qarktzo1_r1_500.jpg"/>             
		</div>
	</div>
	
		 
			 
				<div class="caption padding tc_caption_bubble_display">
					<p>I&#8217;ve said it before and I&#8217;ll say it again, we&#8217;re experiencing the dotcom bubble of mobile devices and technology.  Content is shifting form to tablet and phone resolutions and the landscape of the web will be forever changed.  </p>
<p>If you are only considering a strategy that includes applications for mobile phone devices, you&#8217;ll be frantic in 2-3 years when tablets become the dominant platform. Content should be adaptable to all platforms; web, phone, tablet, televisions, and even gaming devices.  </p>
<p>Click through for some good info.</p>
<p>(via <a href="http://www.businessinsider.com/the-future-of-mobile-deck-2012-3?utm_source=twbutton&amp;utm_medium=social&amp;utm_campaign=sai">The Future Of Mobile [DECK]</a>)</p>
				</div>
			
		
	
	
















<div class="highlightcaption">
	<div class="padding" style="padding-top:0px !important;">
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/20126009199/ive-said-it-before-and-ill-say-it-again-were"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/20126009199/ive-said-it-before-and-ill-say-it-again-were">0 notes</a>
			</div>
		</div>
	</div>	
</div>


<div class="clear"></div>
<div class="tc_shadow tc_caption_shadow"></div>

</div> <!-- .tc_posts -->





<div class="tc_posts business brainwashing meetings manipulation  done " id="tc_post_18077672698" style="">







    <div class="padding-title">
    	<h2 class="title link">
			<a href="http://lifehacker.com/5886571/brainwashing-techniques-you-encounter-every-day-and-how-to-avoid-them?utm_source=Lifehacker Newsletter&amp;utm_campaign=5bc6279eb1-UA-142218-1&amp;utm_medium=email" >Brainwashing Techniques You Encounter Every Day (and How to Avoid Them)<span class="pictos" style="font-weight:normal;"> ;</span></a>
		</h2>
	</div>
	<div class="caption padding"><p>How often do we encounter these techniques at work?  More often than not, people are predisposed to a solution based on manipulation that is driven by factors that incentivize the individual, not the customer, nor the company.  Meetings should be about managing understanding the problem and outlining the solution, not building consensus on a pre-determined delivery date.</p></div>

	
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/18077672698/brainwashing-techniques-you-encounter-every-day-and"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/18077672698/brainwashing-techniques-you-encounter-every-day-and">0 notes</a>
			</div>
		</div>
	



















<div class="highlightcaption">
	<div class="padding" style="padding-top:0px !important;">
		<div class="permalink_links">
			<span class="pictos" style="font-weight:500; font-size:12px;">t</span><a href="http://blog.rox.org/post/18077672698/brainwashing-techniques-you-encounter-every-day-and"> 1 year ago</a>
			<div class="right">
				<span class="pictos" style="font-weight:normal; font-size:12px;">w</span>
				<a href="http://blog.rox.org/post/18077672698/brainwashing-techniques-you-encounter-every-day-and">0 notes</a>
			</div>
		</div>
	</div>	
</div>


<div class="clear"></div>
<div class="tc_shadow "></div>

</div> <!-- .tc_posts -->




 

</div>
<div class="clear"></div>
</div> <!-- #tc_container -->


	
		<ul id="pagin">
			
			
				
					<li><a class="current" href=""><strong>1</strong></a></li>
				
				
			
				
				
					<li><a href="/page/2">2</a></li>
				
			
				
				
					<li><a href="/page/3">3</a></li>
				
			
				
				
					<li><a href="/page/4">4</a></li>
				
			
			
				<li><a id="nextPage" href="/page/2">Next</a></li>
			
		</ul>
	
    
    <div id="back-top"><a href="#top">^</a></div>
    


<!-- js codes -->
<script type="text/javascript" src="http://escape.tcs3.co.uk/themes/escape/jquery.min.js"></script>
<script>
$(document).ready(function(){

    // hide #back-top first
    $("#back-top").hide();
	
	// fade in #back-top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});

		// scroll body to 0px on click
		$('#back-top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});
	});

});
</script>
<script src="http://escape.tcs3.co.uk/themes/escape/cufon-yui.js" type="text/javascript"></script>
<script src="http://escape.tcs3.co.uk/themes/escape/bebas-neue.cufonfonts.js" type="text/javascript"></script>

<script type="text/javascript">
	// JavaScript Document
var $content = $("#tc_posts_container");
    $(function(){
		Cufon.replace('h1.bebasTitle', { fontFamily: 'Bebas Neue', hover: true }); 
		
	});
	function repairAudioPlayer(){
		$('.audioplayerinto.done').each(function(){
			var audioID = $(this).attr("id");
			var $audioPost = $(this);
			$.ajax({
				url: '/api/read/json?id=' + audioID,
				dataType: 'jsonp',
				timeout: 50000,
				success: function(data){
					var color = "#ff0078";
					$audioPost.html(data.posts[0]["audio-player"].replace("color=FFFFFF", "color=" + color.replace("#", "")));
				}
			});
			$(this).removeClass("done");
		});
	};

	function repairVideoPlayer(){
		$('.videoPost.done').each(function(){
			var videoID = $(this).attr("id");
			var $videoPost = $(this);
			var videoWidth = "-250";
			
				videoWidth = "-500";
			
			
			if($videoPost.find("span#video_player_"+videoID).length){
				$.ajax({
					url: '/api/read/json?id=' + videoID,
					dataType: 'jsonp',
					timeout: 50000,
					success: function(data){
						$videoPost.html(data.posts[0]["video-player"+videoWidth]);
						$content.masonry();
					}
				});
			}
			$videoPost.removeClass("done");
		});
	}
	
</script>




<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>


<script type="text/javascript">
// core js?
var colWidth = $(".tc_posts").width();

$(function(){

	Cufon.replace('h1.bebasTitle', { fontFamily: 'Bebas Neue', hover: true }); 
	
	if($('.tc_posts.highlight.done').length){highLightPost();}
	if($('.audioplayerinto.done').length){repairAudioPlayer();}
	
    	if($(".photosetPost.done").length){photoSet();}
    
    if($('.RoundThatShit').length){RoundThatShit();}
	
	
	/* photoset */
	$(".photosetCircle").live("click", function(){
		var classCircle = $(this).attr("id");
		var $parent = $(this).parent().parent();
		$parent.find("img").hide();
		$parent.find("img.photoN_"+classCircle).fadeIn(200);
		$content.masonry();
		return false;
	});
	
	/* heart like */
	$(".heart_icon").live("click", function() {
		var noteCount = $(this).parent().find(".noteCount");
		var noteCountText = parseInt(noteCount.text())+1;
		var reblogIcon = $(this).parent().find(".reblogIcon");
		
		var $this = $(this);
		var id_post = $this.attr('id');
		var reblog_key = $this.attr('rel').slice(-8);
		var like_url = 'http://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
		$('#likeIframe').attr('src', like_url);
		$(this).animate({left: "25px", opacity: 0},200);
		noteCount.animate({right: "24px"},200);
		reblogIcon.animate({left: "25px"},200);
		
		if((noteCount.text().indexOf("k") == -1) && (noteCount.text().indexOf("m") == -1)){
			noteCount.text(noteCountText);
		}
	});

});

function photoSet(){
	$(".photosetPost.done").each(function(){
		$thisIMG = $(this).find("img");
		$thisIMG.each(function(e){
			$(this).addClass("photoN_"+e);
			if(e >= 1){
				$(this).hide();
			}
			$(this).parent().find(".photosetCircle_content").append("<a class='photosetCircle' id='"+e+"'></a>");
		});
		$(this).removeClass("done");
	})
}

function HidePosts(){
    $(".hide").each(function(){
        //$(this).hide();
        var selector = $(this).attr('data-option-value');
        var $removable = $content.find( selector );
        $content.masonry( 'remove', $removable);
    }).removeClass("hide");
}

function highLightPost(){
	
		$('.tc_posts.highlight.done').each(function(){
			var $this = $("#"+$(this).attr("id"));
            $this.css("width",(colWidth*2)+22).removeClass("done");

            /* audio posts */
            if($this.hasClass("audioPost")){
                if($this.find(".audioplayercontainer").length){
                    $this.find(".audioplayercontainer").width(colWidth+5).addClass("left");
                    $this.find(".caption").removeClass("tc_caption_bubble_display");
                }
                else{
                    $this.find(".padding-title").width(colWidth+5).addClass("left");
                }
                $this.find(".audioHighlight").width(colWidth+5).addClass("left").find(".titleAudio_container").removeClass("tc_caption_bubble_display");
            }
            /*video posts*/
				if($this.find(".videoPost").length){
					$this.find(".videoPost iframe").height((colWidth*2)-160);
					$this.find(".videoPost embed").height((colWidth*2)-160);
					
					/* if spotify */
					var spotify = $this.find(".videoPost iframe").attr("src");
					if(spotify.indexOf("spotify") > 1){
						$this.find(".videoPost").css({"height":"90px","overflow":"hidden"}).html("<iframe src='"+spotify+"' width='"+((colWidth*2)+80)+"' frameborder='0' allowtransparency='true'></iframe>");
					}
				}
				
			/* photoset */
				
			if($this.find(".photoSet").length){
				$this.find(".photoSet").remove();
				photoSet();
				$this.find(".photosetPost").show();
				
			}
				/*
					if($this.find(".photoSet").length){
						var iframeSRC = $this.find(".photoSet iframe").attr("src");
						iframeSRC = iframeSRC.replace(iframeSRC.substring(iframeSRC.lastIndexOf("/"), iframeSRC.lenght), "/"+ ((colWidth*2)+20));
						$this.find(".photoSet iframe").attr("src", iframeSRC).attr("width",((colWidth*2)+20));
						$this.find(".photoSet").css("width", "auto");
					}
				*/
        $(this).removeClass("done");
		});
	
}

</script>

<script>
function RoundThatShit(){
	$(".RoundThatShit").each(function(){
		iNumber = $(this).html();
		if (iNumber.toString().length >= 7) {
			$(this).html(Math.round(iNumber / 1000000) + "m");
		}
		else if (iNumber.toString().length >= 4){
			$(this).html(Math.round(iNumber / 1000) + "k");
		}
		else{
			$(this).html(iNumber); 
		}
	}).removeClass("RoundThatShit");
}

var IfNot1Column= false;

IfNot1Column= true;


var IfPhotosetAsSlider = false;

IfPhotosetAsSlider = true;

</script>
<script src="http://escape.tcs3.co.uk/themes/escape/getjs.asp?id=306478"></script>
<script>
$(function(){
    ChangePostsCont();
});
function ChangePostsCont(){
 var x = 100-((($("#tc_sidebar").width() + 15) /  $(window).width()) * 100);
 x = Math.round(x);
$content.width(x + "%");
}
$(window).resize(function() {
	ChangePostsCont();
});
</script>


 

<script src="http://escape.tcs3.co.uk/themes/escape/common.js"></script>

<!-- google plus code -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

<input type="hidden" name="post_padding" id="post_padding" value="10" />
<input type="hidden" name="tag_page" id="tag_page" value="" />
<iframe id="likeIframe" src="" style="width:1px;height:1px;position:absolute;left:-9999px;"></iframe>
<!-- BEGIN TUMBLR CODE -->
        
    
        <iframe id="tumblr_controls" width="1" height="1" frameborder="0" scrolling="no" style="position:absolute; z-index:2147483647; top:0; right:0; border:0; background-color:transparent; overflow:hidden; " src="http://assets.tumblr.com/assets/html/iframe/o.html?_v=2f9a421d199ed4752d00fbc815efd9fb#src=http%3A%2F%2Fblog.rox.org%2F%3Ffeed%3Drss2&amp;lang=en_US&amp;name=webocracy&amp;avatar=http%3A%2F%2F24.media.tumblr.com%2Favatar_746ec9a9ee7c_64.png&amp;title=webocracy%3A+matthew+domurat&amp;url=http%3A%2F%2Fblog.rox.org%2F&amp;page_slide=slide"></iframe>    <div id="teaser_iframe_container" style="display:none;"><iframe scrolling="no" frameborder="0" src="http://www.tumblr.com/assets/html/iframe/teaser.html#src=http%3A%2F%2Fblog.rox.org%2F%3Ffeed%3Drss2&amp;lang=en_US&amp;name=webocracy&amp;avatar=http%3A%2F%2F24.media.tumblr.com%2Favatar_746ec9a9ee7c_64.png&amp;title=webocracy%3A+matthew+domurat&amp;url=http%3A%2F%2Fblog.rox.org%2F&amp;page_slide=slide" id="teaser_iframe" width="1" height="1"></iframe></div>

<script type="text/javascript">
    (function(Tumblr){
        var follow_iframe_initialized = false;
        if (Tumblr.FollowTeaser && Tumblr.PostMessageListener) {
            // Don't do anything until the first initialize event
            Tumblr.PostMessageListener.initialize(function(message, origin) {
                if (follow_iframe_initialized || message.length < 2) return;

                if (message[0] === 'follow_iframe' && message[1] === 'enable') {
                    Tumblr.FollowTeaser.current_page = 1;
                    Tumblr.FollowTeaser.infer_infinite_scroll = true;
                    Tumblr.FollowTeaser.create_from_tumblr_controls("http:\/\/assets.tumblr.com\/assets\/html\/iframe\/follow.html?_v=925a9cc72fdfca78683d0755c17f494b");
                    Tumblr.FollowTeaser.scroll_listener(true);
                    follow_iframe_initialized = true;
                }
            });
        }
    })(this.Tumblr || (this.Tumblr = {}));
</script>
    
    <!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]-->
    
        
<iframe src="http://assets.tumblr.com/analytics.html?4ad65b336ed79fd20642d36359ed9843" scrolling="no" width="1" height="1" frameborder="0" style="background-color:transparent; overflow:hidden; position:absolute; top:0; left:0 z-index:9999;" id="ga_target"></iframe>

    <script>
        var COMSCORE = true;
        window.setTimeout(function() {
            var analytics_frame = document.getElementById('ga_target');
            analytics_frame.contentWindow.postMessage('enable_comscore;' + window.location, analytics_frame.src.split('/analytics.html')[0]);
        }, 1000);
    </script>



    <script type="text/javascript">
      var _qevents = _qevents || [];

      (function() {
       var elem = document.createElement('script');

       elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
       elem.async = true;
       elem.type = "text/javascript";
       var scpt = document.getElementsByTagName('script')[0];
       scpt.parentNode.insertBefore(elem, scpt);
      })();
    </script>
    <script type="text/javascript">
        _qevents.push( { qacct: 'p-19UtqE8ngoZbM' } );
    </script>
    <noscript>
        <div style="display: none;"><img src="//pixel.quantserve.com/pixel/'p-19UtqE8ngoZbM'.gif" height="1" width="1" alt="Quantcast"/></div>
    </noscript>


    <script type="text/javascript">!function(s){s.src='http://www.tumblr.com/impixu?T=1383532921&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvYmxvZy5yb3gub3JnXC8/ZmVlZD1yc3MyIiwicmVxdHlwZSI6MCwicm91dGUiOiJcLyJ9&U=DNIEFGCELJ&K=5a0b188f1ad38b54ed14d835ca5f5a65d47a31297bb8a27f5e421d679afbf160&R='.replace(/&R=[^&$]*/,'').concat('&R='+escape(document.referrer)).slice(0,2000).replace(/%.?.?$/,'');}(new Image());</script><noscript><img style="position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;" src="http://www.tumblr.com/impixu?T=1383532921&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvYmxvZy5yb3gub3JnXC8/ZmVlZD1yc3MyIiwicmVxdHlwZSI6MCwicm91dGUiOiJcLyIsIm5vc2NyaXB0IjoxfQ==&U=DNIEFGCELJ&K=3852b26e78d00a759979a68dc3292b0fc1938f927bf735906bb5ed227057d044&R="></noscript>
<script type="text/javascript">!function(s){s.src='http://www.tumblr.com/impixu?T=1383532921&J=eyJ0eXBlIjoicG9zdCIsInVybCI6Imh0dHA6XC9cL2Jsb2cucm94Lm9yZ1wvP2ZlZWQ9cnNzMiIsInJlcXR5cGUiOjAsInJvdXRlIjoiXC8iLCJwb3N0cyI6W3sicG9zdGlkIjoiNjIyNTAzMDk0MzAiLCJibG9naWQiOiIyMTcwMzQyIiwic291cmNlIjozM30seyJwb3N0aWQiOiI1NDQzNDM1MzE1OSIsImJsb2dpZCI6IjIxNzAzNDIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjM0MjIzOTc4NDY5IiwiYmxvZ2lkIjoiMjE3MDM0MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiMzQwOTY1Mjc1NzQiLCJibG9naWQiOiIyMTcwMzQyIiwic291cmNlIjozM30seyJwb3N0aWQiOiIzMTM3MTA5MzI4MCIsImJsb2dpZCI6IjIxNzAzNDIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjI4NTkyNzMxNTk4IiwiYmxvZ2lkIjoiMjE3MDM0MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiMjU4OTY1MjkzMTUiLCJibG9naWQiOiIyMTcwMzQyIiwic291cmNlIjozM30seyJwb3N0aWQiOiIyMzEzMjQ5NjQwNCIsImJsb2dpZCI6IjIxNzAzNDIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjIwMTI2MDA5MTk5IiwiYmxvZ2lkIjoiMjE3MDM0MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiMTgwNzc2NzI2OTgiLCJibG9naWQiOiIyMTcwMzQyIiwic291cmNlIjozM31dfQ==&U=KGKJFPEKAK&K=bf8c64d506fa0fa9cd790e2f837c6ad66d8128f890a70720312494d309815011&R='.replace(/&R=[^&$]*/,'').concat('&R='+escape(document.referrer)).slice(0,2000).replace(/%.?.?$/,'');}(new Image());</script><noscript><img style="position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;" src="http://www.tumblr.com/impixu?T=1383532921&J=eyJ0eXBlIjoicG9zdCIsInVybCI6Imh0dHA6XC9cL2Jsb2cucm94Lm9yZ1wvP2ZlZWQ9cnNzMiIsInJlcXR5cGUiOjAsInJvdXRlIjoiXC8iLCJwb3N0cyI6W3sicG9zdGlkIjoiNjIyNTAzMDk0MzAiLCJibG9naWQiOiIyMTcwMzQyIiwic291cmNlIjozM30seyJwb3N0aWQiOiI1NDQzNDM1MzE1OSIsImJsb2dpZCI6IjIxNzAzNDIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjM0MjIzOTc4NDY5IiwiYmxvZ2lkIjoiMjE3MDM0MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiMzQwOTY1Mjc1NzQiLCJibG9naWQiOiIyMTcwMzQyIiwic291cmNlIjozM30seyJwb3N0aWQiOiIzMTM3MTA5MzI4MCIsImJsb2dpZCI6IjIxNzAzNDIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjI4NTkyNzMxNTk4IiwiYmxvZ2lkIjoiMjE3MDM0MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiMjU4OTY1MjkzMTUiLCJibG9naWQiOiIyMTcwMzQyIiwic291cmNlIjozM30seyJwb3N0aWQiOiIyMzEzMjQ5NjQwNCIsImJsb2dpZCI6IjIxNzAzNDIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjIwMTI2MDA5MTk5IiwiYmxvZ2lkIjoiMjE3MDM0MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiMTgwNzc2NzI2OTgiLCJibG9naWQiOiIyMTcwMzQyIiwic291cmNlIjozM31dLCJub3NjcmlwdCI6MX0=&U=KGKJFPEKAK&K=b142cdecab255507e6e4e43650b5b530318c682db114d69c4d24399ac604150b&R="></noscript>





                                                                            <script type="text/javascript" src="http://l.yimg.com/ss/rapid-3.9.js"></script>
                <script>
                    (function(YAHOO) {
                        if (YAHOO) {
                            YAHOO.i13n.beacon_server = 'nol.yahoo.com';
                            var keys = { pd:'/', _li:0, i_rad:0, i_strm:0 };
                            YAHOO.rapid = new YAHOO.i13n.Rapid({spaceid:1197719229, oo:1, client_only:1, yql_enabled:false, keys:keys});
                        }
                    })(window.YAHOO);
                </script>
                        <!-- END TUMBLR CODE -->

</body>
</html>