 <!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>

<script type="text/javascript">archive_analytics.values.service='wb';archive_analytics.values.server_name='wwwb-app29.us.archive.org';archive_analytics.values.server_ms=292;</script><script type="text/javascript" src="/static/js/wbhack_v_1500596387.0.js" charset="utf-8"></script>

<script type="text/javascript">
__wbhack.init('/web');
</script>





    <!-- Basic Page Needs
  ================================================== -->
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<title> Phototrails &mdash;  Montage Visualizations</title>		
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	 
	<meta property="fb:admins" content="Phototrails">
	<meta property="og:title" content="Montage Visualizations"/>
	<meta property="og:description" content=""/>
	<meta property="og:url" content="/montage-visualizations/index.css"/>
	<meta property="og:image" content="http://phototrails.net/wp-content/uploads/2013/05/topkyo-montage-150x150.jpg"/>
	<meta property="og:type" content="article"/>
	<meta property="og:site_name" content="Phototrails"/>
		<link rel="alternate" type="application/rss+xml" title="Phototrails » Feed" href="/feed/index.html"/>

<link rel="alternate" type="application/rss+xml" title="Phototrails » Montage Visualizations Comments Feed" href="/montage-visualizations/feed/index.css"/>
<link rel="stylesheet" id="flick-css" href="/wp-content/plugins/mailchimp//css/flick/flick_ver_3.6.css" type="text/css" media="all"/>
<link rel="stylesheet" id="mailchimpSF_main_css-css" href="http://phototrails.net/?mcsf_action=main_css&amp;ver=3.6" type="text/css" media="all"/>
<!--[if IE]>
<link rel='stylesheet' id='mailchimpSF_ie_css-css'  href='http://phototrails.net/wp-content/plugins/mailchimp/css/ie.css?ver=3.6' type='text/css' media='all' />
<![endif]-->
<link rel="stylesheet" id="Raleway:100,300,n,i,b,bi,-css" href="http://fonts.googleapis.com/css?family=Raleway%3A100%2C300%2Cn%2Ci%2Cb%2Cbi%2C&amp;ver=3.6" type="text/css" media="all"/>
<link rel="stylesheet" id="&quot;Helvetica+Neue&quot;,+Helvetica,+Arial,+Sans-serif:100,300,n,i,b,bi,-css" href="http://fonts.googleapis.com/css?family=%22Helvetica+Neue%22%2C+Helvetica%2C+Arial%2C+Sans-serif%3A100%2C300%2Cn%2Ci%2Cb%2Cbi%2C&amp;ver=3.6" type="text/css" media="all"/>
<link rel="stylesheet" id="prettyphoto-css" href="/wp-content/themes/timewarp/css/prettyPhoto_ver_3.6.css" type="text/css" media="all"/>
<link rel="stylesheet" id="flexslider-css" href="/wp-content/themes/timewarp/css/flexslider_ver_3.6.css" type="text/css" media="all"/>
<link rel="stylesheet" id="fonts-css" href="/wp-content/themes/timewarp/css/fonts_ver_3.6.css" type="text/css" media="all"/>
<link rel="stylesheet" id="grid-css" href="/wp-content/themes/timewarp/css/grid_ver_3.6.css" type="text/css" media="all"/>
<link rel="stylesheet" id="menu-css" href="/wp-content/themes/timewarp/css/responsivemenu_ver_3.6.css" type="text/css" media="all"/>
<link rel="stylesheet" id="reset-css" href="/wp-content/themes/timewarp/css/reset_ver_3.6.css" type="text/css" media="all"/>
<link rel="stylesheet" id="shortcodes-css" href="/wp-content/themes/timewarp/css/shortcodes_ver_3.6.css" type="text/css" media="all"/>
<link rel="stylesheet" id="style-css" href="/wp-content/themes/timewarp/style_ver_3.6.css" type="text/css" media="all"/>
<link rel="stylesheet" id="custom-css" href="/wp-content/themes/timewarp/css/custom_ver_3.6.html" type="text/css" media="all"/>
<link rel="stylesheet" id="tweet_stream_style-css" href="/wp-content/plugins/tweet-stream/tweet_stream_ver_3.6.css" type="text/css" media="all"/>
<script type="text/javascript" src="/wp-includes/js/jquery/jquery_ver_1.10.2.js"></script>
<script type="text/javascript" src="/wp-includes/js/jquery/jquery-migrate.min_ver_1.2.1.js"></script>
<script type="text/javascript" src="/wp-content/plugins/mailchimp/js/scrollTo_ver_1.2.14.js"></script>
<script type="text/javascript" src="/wp-includes/js/jquery/jquery.form.min_ver_2.73.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var mailchimpSF = {"ajax_url":"http:\/\/web.archive.org\/web\/20130916000853\/http:\/\/phototrails.net\/"};
/* ]]> */
</script>
<script type="text/javascript" src="/wp-content/plugins/mailchimp/js/mailchimp_ver_1.2.14.js"></script>
<script type="text/javascript" src="/wp-includes/js/jquery/ui/jquery.ui.core.min_ver_1.10.3.js"></script>
<script type="text/javascript" src="/wp-content/plugins/mailchimp//js/datepicker_ver_3.6.js"></script>
<script type="text/javascript" src="/wp-content/themes/timewarp/js/vendor/modernizr_ver_1.0.js"></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc_rsd_.html"/>
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="/wp-includes/wlwmanifest.xml"/> 
<link rel="prev" title="Tracing Photos’ Trajectories and Dynamics" href="/lines-visualizations/index.css"/>
<link rel="next" title="Exploring the Worldâ€™s Photos from Multiple Forms" href="/storm/index.html"/>
<meta name="generator" content="WordPress 3.6"/>
<link rel="canonical" href="/montage-visualizations/index.css"/>
<link rel="shortlink" href="/index_p_886.html"/>
	<script type="text/javascript">
		jQuery(function($) {
			$('.date-pick').datepicker({
				autoFocusNextInput: true,
				constrainInput: false,
				changeMonth: true,
				changeYear: true,
				beforeShow: function(input, inst) { $('#ui-datepicker-div').addClass('show'); },
				dateFormat: 'yy/mm/dd',
			});

			d = new Date();
			$('.birthdate-pick').datepicker({
				autoFocusNextInput: true,
				constrainInput: false,
				changeMonth: true,
				changeYear: false,
				minDate: new Date(d.getFullYear(), 1-1, 1),
				maxDate: new Date(d.getFullYear(), 12-1, 31),
				beforeShow: function(input, inst) { $('#ui-datepicker-div').removeClass('show'); },
				dateFormat: 'mm/dd',
			});


		});
	</script>
	<script type="text/javascript" src="/wp-content/plugins/twitget/js/strftime.js"></script><script type="text/javascript" src="/wp-content/plugins/twitget/js/moment.js"></script>	<style type="text/css">.post-like {display:none;}
.projects p, .projects ul {color:#474545;}
.projects header h3 {display:none;}
 article.projects {padding-bottom:40px;}
 article.projects.type-page {padding-bottom:0px;}
.entry-meta, .entry-format {display:none;}
.post article.three h2.entry-title a span {font-size:18px;}
.widget-toptoolbar {float:right;width:100%;}
.widget-toptoolbar div {float:right;}
.widget-toptoolbar h3{display:none;}
.widget-toptoolbar li span {font-size:16px;}
.copyright { text-align: left;width:50%; float:left;}
.copyleft {text-align: right;margin:0px; float:left;width:50%;}
.copyright p {font-size:11px;}
.site-slogan {display:none;}
#header nav ul {text-transform:uppercase;}
#header {-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow:none;}
.projects, .content, footer {-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow:none;}
#header nav ul li a {color:#000;}
.projects header {padding-top:25px; }
.post article.format-image h2.entry-title {background:none;}
.post article.format-image h2.entry-title a {background:#fff;}

 p.flex-caption {
  background:rgba(0, 0, 0, 0.498039);
  border-bottom-left-radius:1px;
  border-bottom-right-radius:1px;
  border-top-left-radius:1px;
  border-top-right-radius:1px;
  top:15px;
  color:#FFFFFF;
  font-size:10px;
  margin:0 auto;
  padding:5px;
  line-height: 100%;
  position:absolute !important;
  right:10px;
  text-transform:uppercase;
}
.imagepost {width:50%;float:left;}
 .imagepostgal {width:50%;float:left;}
.imageposttext {padding:0px 0px 50px 50px;text-align:left;}

.flex-control-paging li a {background:rgba(255,255,255,0.5);width: 5px;
height: 5px;}


.inner h1 {display:none;}
.inner a {text-decoration:underline;}
.post article .entry-content p {color:#cccccc; font-size:13px;}
.post article .inner { padding-bottom:0px;}
 

footer {background:#f7f7f7;}
.widget-area h3 {font-size:14px; color:#777777;}
.widget-area {font-size:12px; color:#777777; }
footer .widget-area a {text-decoration:underline;}
.textwidget {margin-right:40px;}

.hr {border-bottom:none; padding-top:15px; padding-bottom:15px;}

.inner h4 {color:#555555;font-size:1.15em; line-height:1.5em;}

 .projects-index .hover {-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
.projects-index .hover .angle { background:none;}
.blackbg {background:#000; color:#fff;}

ul#gallery li span.caption {font-size:12px}

.projects header p.lead {text-align:justify;}
.scale-with-grid {}
ul#gallery.two li img {width: auto;
    }
.caption {font-size:11px; padding-top:5px;}

.widget-area ul li {text-indent: 0px;}

.widget-footer ul.social li a {color:#777777;}
#homewhite p {background:#fff;width:auto;}
#hpboxes h2 {font-size:22px;}
#hpboxes p {font-size:13px; line-height:20px;}

.homepage .flex-caption,.homepage .flex-direction-nav {display:none;}
 

header h1 {font-size: 1.9em;}
#header nav ul li {
 
line-height: 90px;
}
.pp_gallery li {display:none;}
.site-title img {padding-left:2px;}
#cities h2 {display:block;font-size: 2.5em;}

.fourth h3 a {text-decoration:none;}
.widget-area ul li {border-bottom:none;}

.flex-control-paging li a {display:none;}
.post-1187 {padding-top:60px;}

.widget-area ul li a {display: inline;}</style>


</head>
<body class="single single-post postid-886 single-format-image">

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'Phototrails', status: true, cookie: true,
		xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      'http://connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->

<a href="#" class="scrollup"><i class="icon-angle-up"></i></a>

<!-- .header -->
<header id="header">
	
	<section class="container">	

		<div class="three columns">

			<!-- site title -->
			<a class="site-title" href="/index.html" title="Phototrails"><img style="margin-top:60px;" src="/wp-content/uploads/2013/03/logo4.png" < img></a> <div class="site-slogan">Tracing Cultural Patterns<br/> in User-Generated Photos</div>				

		</div>

		<div class="nine columns">
<aside class="widget-area widget-toptoolbar"><div><h3></h3><ul class="social clearfix"><li><a target="_blank" href="https://twitter.com/phototrails"><span class="icon-twitter"></span></a></li><li><a target="_blank" href="https://www.facebook.com/Phototrails"><span class="icon-facebook"></span></a></li><li><a target="_blank" href="https://plus.google.com/107836127961870987525"><span class="icon-google-plus"></span></a></li><li><a target="_blank" href="http://pinterest.com/phototrails/instagram-cities/"><span class="icon-pinterest"></span></a></li></ul></div></aside>	
			<!-- widget area -->
			<div class="widget-header push-right">

				<nav id="primary" role="navigation">
				<ul id="menu-topmenu" class="menu"><li id="menu-item-137" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-137"><a href="/index.html">Home</a></li>
<li id="menu-item-385" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-385"><a href="/about/index.html">About</a></li>
<li id="menu-item-1643" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1643"><a href="/instagram-cities/index.html">Instagram Cities</a></li>
<li id="menu-item-987" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-987"><a href="/visualizations/index.html">Techniques</a></li>
<li id="menu-item-384" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-384"><a href="/research/index.html">Publications</a></li>
<li id="menu-item-815" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-815"><a href="/team/index.html">Team</a></li>
<li id="menu-item-2655" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2655"><a href="/press/index.html">Press</a></li>
<li id="menu-item-386" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-386"><a href="/contact/index.html">Contact</a></li>
</ul>				</nav>

			</div>

		</div>
		
	</section>   

</header>
<!--// .header -->

<section class="container">

	<div class="twelve columns mobileNav"></div>

</section><section class="container" role="main">

	<!-- grab the posts -->
		
		<section class="nine columns">

			
<!-- Single Content -->

	<article class="post-886 post type-post status-publish format-image hentry category-uncategorized content has_thumb">

		 
			 
				</div>	
			<img width="600" height="300" src="/wp-content/uploads/2013/05/topkyo-montage.jpg" class="attachment-blog-fixed scale-with-grid wp-post-image" alt="topkyo-montage"/>		<div class="inner">
					

 
		</div>

	</article>

	</article>
<!-- // Single Content -->

<!-- Search -->

			<div id="comments" class="content">

	<div class="inner">

		<div id="disqus_thread"></div>
        <script type="text/javascript">
            var disqus_shortname = 'phototrails';
            (function() {
                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                dsq.src = 'http://' + disqus_shortname + '/montage-visualizations/-disqus-com/embed.js';
                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
            })();
        </script>

    </div>	

</div>	
		</section>
	

	
			<div class="three columns">

			<section class="sidebar">
											
			</section>

		</div>
	   	
</section>
<!-- // .container -->  
<!-- .footer -->
<footer id="colophon" role="contentinfo">

	<div class="container">
		
		<div class="four columns">

			<aside class="widget-area widget-footer"><h3>Social Links &amp; Newsletter</h3><ul class="social clearfix"><li><a target="_blank" href="https://twitter.com/phototrails"><span class="icon-twitter"></span></a></li><li><a target="_blank" href="https://www.facebook.com/Phototrails"><span class="icon-facebook"></span></a></li><li><a target="_blank" href="https://plus.google.com/107836127961870987525"><span class="icon-google-plus"></span></a></li><li><a target="_blank" href="http://pinterest.com/phototrails/instagram-cities/"><span class="icon-pinterest"></span></a></li></ul></aside><aside class="widget-area widget-footer">	
<div id="mc_signup">
	<form method="post" action="#mc_signup" id="mc_signup_form">
		<input type="hidden" id="mc_submit_type" name="mc_submit_type" value="html"/>
		<input type="hidden" name="mcsf_action" value="mc_submit_signup_form"/>
		<input type="hidden" id="_mc_submit_signup_form_nonce" name="_mc_submit_signup_form_nonce" value="2e6c143410"/>		
			<div id="mc_subheader" style="padding-top:15px;padding-bottom:5px;width:80%;">
			Find out more about Phototrails and get news updates by subscribing to our mailing list.		</div><!-- /mc_subheader -->
			
	<div class="mc_form_inside">
		
		<div class="updated" id="mc_message">
					</div><!-- /mc_message -->

		
<div class="mc_merge_var" style="margin-bottom:5px;">
		<label for="mc_mv_EMAIL" class="mc_var_label" style="width:28%;float:left;  ">Email Address<span class="mc_required">*</span></label>
	<input type="text" size="18" value="" name="mc_mv_EMAIL" id="mc_mv_EMAIL" class="mc_input"/>
</div><!-- /mc_merge_var -->
<div class="mc_merge_var" style="margin-bottom:5px;">
		<label for="mc_mv_NAME" class="mc_var_label" style="width:28%;float:left;  ">Name</label>
	<input type="text" size="18" value="" name="mc_mv_NAME" id="mc_mv_NAME" class="mc_input"/>
</div><!-- /mc_merge_var -->			<div id="mc-indicates-required">
				* = required field			</div><!-- /mc-indicates-required -->
			
		<div class="mc_signup_submit">
			<input type="submit" name="mc_signup_submit" id="mc_signup_submit" value="Subscribe" class="btn btn-square"/>
		</div><!-- /mc_signup_submit -->
	
	
				
	</div><!-- /mc_form_inside -->
	</form><!-- /mc_signup_form -->
</div><!-- /mc_signup_container -->
	</aside>		

		</div>
		<div class="four columns">
	
			<aside class="widget-area widget-footer"><h3>Recent Tweets</h3><ul class="pages">
<li><strong>@phototrails: </strong><br/>
Woot! Wonderful article by <a href="http://twitter.com/klischka" target="_blank">@klischka</a> about <a href="http://twitter.com/phototrails" target="_blank">@phototrails</a> on the <a href="http://twitter.com/SPIEGELONLINE" target="_blank">@SPIEGELONLINE</a> today! <a href="http://t.co/S7EZAE3b3h" target="_blank">http://t.co/S7EZAE3b3h</a></li><li><strong>@phototrails: </strong><br/>
Up to 40 travel grants for young researchers to participate in Digital Humanities Conference, 12/2013, Germany:... <a href="http://t.co/gJ7PKcyCem" target="_blank">http://t.co/gJ7PKcyCem</a></li>
</ul></aside><aside class="widget-area widget-footer">			<div class="textwidget"><a href="https://twitter.com/phototrails" class="twitter-follow-button" data-show-count="false" data-dnt="true">Follow @phototrails</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+':http://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div>
		</aside>		

		</div>				
		<div class="four columns">
				
			<aside class="widget-area widget-footer widget-footer-right"><h3>Affiliations</h3>			<div class="textwidget"><p>Phototrails is a joint project between the department of History of Art and Architecture at the University of Pittsburgh, the Software Studies Initiative at California Institute for Telecommunication and Information, and The Graduate Center, City University of New York. The project is supported by The Andrew W. Mellon Foundation.</p>
<p> <img src="/wp-content/uploads/2013/06/logos11.png"></p>
</div>
		</aside>	

		</div>

			 

		<div class="twelve columns">
			<div class="copyright">
				<p>&copy; 2013 Phototrails.&nbsp;&nbsp;&nbsp;&nbsp;<a href="/privacy/index.html">Privacy</a></p>
		</div>
			<div class="copyleft">
			
				
			
		</div>	
		</div>



		
	</div>

</footer>
<!-- /.footer -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41680954-1', 'phototrails.net');
  ga('send', 'pageview');

</script><script type="text/javascript" src="/wp-content/themes/timewarp/js/plugins_ver_1.0.js"></script>
<script type="text/javascript" src="/wp-content/themes/timewarp/inc/audiojs/audio.min_ver_1.0.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;ver=1.0"></script>
<script type="text/javascript" src="/wp-content/themes/timewarp/js/validation_ver_1.0.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var ajax_var = {"url":"http:\/\/web.archive.org\/web\/20130916000853\/http:\/\/phototrails.net\/wp-admin\/admin-ajax.php","nonce":"b3ef6014cd"};
/* ]]> */
</script>
<script type="text/javascript" src="/wp-content/themes/timewarp/js/post-like_ver_1.0.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var swfJSvars = {"audiojs_url":"http:\/\/web.archive.org\/web\/20130916000853\/http:\/\/phototrails.net\/wp-content\/themes\/timewarp\/inc\/audiojs\/audiojs.swf"};
/* ]]> */
</script>
<script type="text/javascript" src="/wp-content/themes/timewarp/js/main_ver_1.0.js"></script>
</body>
</html>