@charset 'UTF-8';

body, h1, h2, h3, h4, h5, h6, p, a, img, li, ul, ol, dd, dl, hr, dt {
	border:0; margin:0; padding:0; text-decoration:none; list-style-type: none; 
	}
	
body { font-size:62.5%; color:#000; text-align: center; font-family: "helvetica neue", helvetica, arial, sans-serif; background:transparent url(/img/1grid.png) top center repeat-y;}



/* GENERAL HTML ELEMENTS */

	a:link, a:visited { color:#000; text-decoration: none;}
	a:hover, a:active { color:#ff0000; text-decoration: none;}
	
  a, a:active { outline: none; }
  :focus { -moz-outline-style: none; }
  	
	li li {font-size: 100%;}
	
	.moment_text {font-family: Palatino, Georgia, Times, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", serif; font-style: italic;}
	
	h1 {font-size:3.6em; line-height: 1; font-weight: normal;}
	h1 .username {font-weight: normal;}
		#user h1 a:link, #user h1 a:visited {color:#333; font-style: italic;}
		#user h1 {margin:0 0 0px 0;}
	
	#user #map {height:200px; overflow: hidden;}
	
	#user #user_profile {border:0px solid #ddd; padding:12px; background: #000; color: #fff;}
		#user #user_profile ul {width: 810px;}
		#user #user_profile ul li {font-size:1.6em; line-height: 1.2; color: #fff;}
		#user #user_profile img {float: right;}
		#user #user_profile ul li.stats {font-size:2.4em; color:#333; margin:0 0 12px 0; font-family: helvetica, arial, sans-serif;}
		#user #user_profile ul li.stats em {font-style: normal;}
			#user_profile ul li em {font-style: italic;}
			#user_profile ul li a:link, #user_profile ul li a:visited { /*color:#fff; */}



/* STRUCTURAL ELEMENTS */
	
	.row {float:left; clear: left; width:100%;  padding:0 0 35px 0; text-align: center;}
	.first_row {float:left; clear: left; width:100%; padding:0 0 35px 0; text-align: center;	}
	.second_row {float:left; clear: left; width:100%; padding:0 0 35px 0; text-align: center; background: transparent url(/img/horiz_line.png) 0 5px repeat-x;}

	.inner_row {float:left; clear: left; width:100%; padding:0 0 35px 0; text-align: center;}

		#last {background: none; background: transparent url(/img/horiz_line.png) top left repeat-x;}

	#top_cities, #big_city, #place_moments, #hito_moment, #hito_person, #places, #get_started, #about_us {width:1032px; margin:0 auto; padding:35px 0 0 0; text-align: left;}
	#top_cities, #big_city, #hito_moment {padding:0 0 0 0; margin:0 auto 0 auto;}

/* HITOTWEETS */

	#other_moments, #comments { width: 1032px; margin:0 auto; padding:0px 0 0 0; clear: left; text-align: left; background: transparent url(/img/horiz_line.png) 0 5px repeat-x; }

	.hitotweets {width: 1032px; overflow: hidden;}
	.hitotweets li {float:left; margin:5px 10px 0px 0; padding: 12px 0px 0px 0px; width: 248px;  }
	.hitotweets li .illo {float:right; margin:0 0 20px 20px;}
	.hitotweets li .city {float:left; display:inline; margin: 0 0 8px 0; font-size:1.4em; line-height:1; text-transform: uppercase; background: #000; color: #fff; padding:4px 20px; font-family: helvetica, arial, sans-serif;}
	.hitotweets li p { float:left; display:inline; width: 248px; }
	.hitotweets li p a { /* padding:12px 0 13px 0; */}
	.hitotweets li p a:link, .hitotweets li p a:visited {}
		.hitotweets li p {font-size: 1.6em; line-height: 1.2;}
		.hitotweets li p .author { font-family: verdana, hitotoki, sans-serif; font-size: .625em; font-style:normal; white-space: nowrap; color: #999; }
		  /* TMP  tests*/
		  .places	.hitotweets li p .author { font-family: Verdana, helvetica, sans-serif; font-style:normal; white-space: nowrap; color: #999; font-size: .75em;}
		  .places	.hitotweets li p .author a { font-style: normal; }
  		.places .hitotweets li p .timestamp { font-family: helvetica; font-size: .625em; display: block; font-style:italic; color: #999;}
		  /* end TMP */
	    .hitotweets li p .author a { font-style: italic; color: #999; }
    .hitotweets .moment_text .location { color: #000; text-transform: uppercase; display:block; font-style: normal; margin:0 0 4px 0; font-size: 1.2em;}

		.hitotweets li p .timestamp { font-family: helvetica; font-size: .625em; display: block; font-style:italic; color: #999;}

		.hitotweets li p .client { font-style:italic; color: #ccc;}
		/*.hitotweets li p span a:link, .hitotweets li p span a:visited {color:#ccc;}*/
		.hitotweets li p .author a:link, .hitotweets li p .author a:visited {}
		.hitotweets li p a:hover { color: #ff0000; }

	#other_moments div h2, #comments div h2 {font-size:1.2em; margin:0 0 12px 0px; padding:0 5px; background: white; display: inline;}
  	#other_moments div h2 a {color: #f00; text-transform: uppercase; font-size: .9em; }
    	#other_moments div h2 a:hover {color: #000;}
		#other_moments ul.hitotweets { float: left; width: 248px;  margin: 0 5px 0 5px; }



/* MAP */

	#hitotoki_map { float: right; }

	.home_page #hitotoki_map-home { float: right; width: 425px; height: 303px; padding: 0 0 0px 0; overflow: hidden;}
	.moment_page #hitotoki_map-home { float: left; width: 339px; height: 267px; padding: 0px 0 0px 0; overflow: hidden;}
	.person_page #hitotoki_map-home { float: right; width: 253px; height: 225px; padding: 0 0 0px 0; overflow: hidden;}
	
	.home_page #hitotoki_map {width: 425px; height: 303px;}
	.moment_page #hitotoki_map {width: 339px; height: 267px;}
	.person_page #hitotoki_map {width: 255px; height: 203px;}
	
			 
	/*
	#map_frame {height: 425px; width: 303px; position: absolute; overflow: hidden; z-index: 100;}
	#map_frame-500 { mbackground: url(/img/map_overlay-500.png) top left no-repeat; height: 425px; width: 283px; mposition: absolute; moverflow: hidden; mz-index: 100; }
	*/



/* MASTHEAD */

	#masthead { display:block; clear: left; width:1032px; margin:0 auto; padding:0 0 35px 0;}
	#masthead h1 {padding: 35px 0 0px 0; margin:0 0 0 5px;}
	#masthead h1 {float:left;}
	#masthead ul {float:right; text-align: right; }
	#masthead ul li {float:left; text-align: right; margin: 32px 0px 0 5px; font-size: 1.8em; line-height: 1;}
	#masthead ul li a {display: block; padding:35px 5px 10px 5px; }
  #masthead ul li strong { color: #f00; }
  #masthead ul li.selected a { color: #f00; }
  #masthead #head_wrap { float: left; width: 100%;  }
  #masthead h2 { float: left; clear: both; margin-left: 7px; font-family: "helvetica neue", helvetica, arial, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 1em; color: #999;}


/* HOME */

    #top_cities ul { float: left; width: 100%; margin-top: 20px; text-align: center;}
      #top_cities ul li { font-size: 1.8em; letter-spacing: 1px; display: inline; margin-right: 30px; font-family: Palatino; text-transform: uppercase; }

		#spotlight h2, #top_cities h2, #big_city h2 { font-size: 1.2em; margin: 0 0px 10px 0px; background: white; float:left; padding:0 5px; display:inline;}
  		#spotlight h2 a { color: #f00; }
  		#spotlight h2 a:hover { color: #000; }
      

		#moment_frame { float: left; width: 506px; height: 290px; overflow: hidden; }
			#moment_holder { float: left; height: 267px; width: 6000px; overflow: hidden;}
			#moment_frame .moment_single {float:left; width: 506px; height:267px; text-align: center; display: table;}
				#moment_frame .moment_content {vertical-align:middle; height: 267px; width: 506px; display:table-cell; vertical-align:middle;}
				#moment_frame .moment_content .moment_text {vertical-align: middle;}

			.moment {width:511px; float:left; clear:both; margin: 0 0 0 0px; order-top: 3px double #e6e6e6; padding:10px 0 0 5px; bbackground: transparent url(/img/bg_1.png) 0px 0px;}
	
			.moment div.location {font-size:1.6em; line-height: 1; padding: 0 0 14px 0; font-family:Palatino, Georgia, Times, "Hoefler Text", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", serif; letter-spacing: 1px; font-variant: small-caps; text-transform: lowercase; }
			.moment p {font-size:3.4em; line-height: 40px; }
				.moment p span.author {display:block; font-size:.5em; font-style: italic; padding: 0 0 0 0em; color: #999;}
				.moment p span.author a:link, .moment p span.author a:visited { color:#999; }
				.moment p span.author a:hover, .moment p span.author a:active {color:#ff0060;}
			
			#moment_nav {float: left; order-bottom: 3px double #e6e6e6;  padding: 0 0 10px 0; width: 505px; overflow: hidden}
				#moment_nav ul { float: left; width:506px; }
				#moment_nav li { float: left; display: inline; width:10%; line-height: 1;  }
				#moment_nav li a { text-align:center; padding: 5px 0px; display: block; line-height: 1; color: #333; font-weight: bold; -mmoz-border-radius: 5px; -wwebkit-border-radius: 5px; ackground: #fff url(/img/vert_line_ccc.png) top right repeat-y;}
				#moment_nav li a:hover { background-color: #666; color: #fff; }
				#moment_nav li a.selected {background-color: #ff0000; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
				

	#recent, #spotlight, #get_started-details, #nitty_gritty { width:1032px; margin:0 auto; padding:0px 0 0 0; clear: left; text-align: left; background: transparent url(/img/horiz_line.png) 0 5px repeat-x;}
	
		#recent h2, #spotlight h2, #get_started-details h3, #nitty_gritty h3 {background: white; float:left; display:inline; padding:0 5px 0px 5px;}
      #get_started-details h3, #nitty_gritty h3 { margin-bottom: 10px; }
      
		#recent_locations {width:248px; float:left; margin:0 0 0 5px;}
			#recent_locations h2 { font-size:1.2em; line-height: 1; margin-left: -5px;}
        #recent_locations h2 a {text-transform: uppercase; font-size: .8em; color: #999; padding: 0 0 0 5px; }
        #recent_locations h2 a:hover { color: #f00; }
			#recent_locations ul { clear:left; margin:30px 0 0 0; }
			#recent_locations li { font-size:1.2em; font-family: Palatino, Georgia, Times, "Hoefler Text", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", serif; text-transform:uppercase; line-height: 1; margin-top: 1em;}
			
			.tail_link {font-weight: bold; font-size:1.2em; line-height:1; display:block; margin:10px 0 0 0; }
			a.tail_link  { color: #f00; }
		
		#recent_people {width:248px; float:left; margin:0 0 0 10px;}
			#recent_people h2 { font-size:1.2em; line-height: 1; margin-left: -5px;}
			#recent_people ul {clear:left; margin:30px 0 0 0;}
			#recent_people li { font-size:1.4em; line-height: 1; margin-top: .7em;  font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;}
		
		#recent_moments { width:420px; float:left; margin:0 0 0 96px;}
			#recent_moments h2 { font-size:1.2em; line-height: 1; margin-left: -5px;}
			#recent_moments ul {clear:left; margin:30px 0 0 0;}
			#recent_moments li { font-size:1.6em; line-height: 1.25; margin-top: 1em;}
			#recent_moments li a {isplay: block;}
			#recent_moments li .author {display: inline; font-family: verdana, Helvetica, sans-serif; font-size: .625em;}
			#recent_moments li .author a {color: #999; }
			#recent_moments li .author a:hover, #recent_moments li .author a:active  {color: #f00;}
	
/* MOMENT */

		#hito_moment h2 { font-size: 1.2em; margin: 0 0px 10px 0px; background: white; float:left; padding:0 5px; display:inline;}

	#full_moment {float: left; width: 1032px; margin:0 auto; padding:35px 0 0 0; clear: left; text-align: left;}
		.moment_page .moment {float: left;  width: 603px;  padding:0 5px 0 5px; margin:0 80px 0 0; display: table; border-top: 0px solid #ddd;}
		.moment_page #hito_moment .moment .moment_content { width: auto;  height: 267px; display: table-cell; vertical-align: middle; text-align: center;}

		#hito_moment .moment #moment_text { float: left; width: 100%; font-size: 2.6em; line-height: 1.2em; }
			#hito_moment .moment .moment_text .author { font-size: .5em; display:block; line-height: 1; margin:10px 0 10px 10px;}
			#hito_moment .moment .moment_text .timestamp { font-size:.5em; font-style:italic; color: #999; display:block; line-height: 1; margin:0 0 0px 10px;}
	
	#moment_meta { clear:both; float: left; text-align: center; width:591px; font-size: 1.0em; line-height: 1.5; border-top: 0px solid #666; padding-top: 10px; margin-top: 10px; margin:0 0 0 5px; color: #999; font-family: Verdana, arial, sans-serif;}

		.moment_page a.moment_img {display: table-cell; vertical-align: middle; width:86px; margin-left: 45px;}	
		.moment_page a.moment_img img {float: right;  margin:0;}
	    .moment_page a.moment_img img { border: 5px solid #d6d6d6; padding:5px; }
	    .moment_page a.moment_img img:hover { margin-top:-2px; border: 5px solid #e6e6e6; padding: 5px; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.4); }



.map_message h3 { font-size: 1.4em; margin-bottom: 5px; }  
  .map_message p { font-size: 1.6em; color: #333; line-height: 1.4em; }


/* PLACES */

.places_home_page #places h2 {text-align:left; font-size:3.2em; line-height: 1; margin:0 0 1em 5px; font-weight:300; font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; color: }

	.places_col { width: 49%; float: left; text-align: left;}
	
	.places_list li { font-size:2.0em; line-height: 1; margin-top: 1em; font-weight:300; font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; }
		.people_list li em, .places_list li em {font-style: normal; color: #999;}  
		.people_list li a:hover em, .places_list li a:hover em {font-style: normal; color: #666;}  

		.places_list li a { display: block; }
  		.places_list li a.selected { color: #f00; }
		.people_list li a { display: block; }
	



/* Indiv Places */

	#place_moments h2 {font-size:3.2em; line-height: 1; margin:0 0 1em 5px; font-weight:300; font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; color: }
		#place_moments h2 strong {font-weight:600; font-family:'HelveticaNeue-Bold','Helvetica Neue Bold','Helvetica Neue',Arial,Helvetica,sans-serif;}
    #place_moments h2 a { color: #f00; }
      #place_moments h2 a:hover { color: #000; }

  #place_moments #map_bg_wrap, #places #map_bg_wrap { width: 1032px; height: 380px; background: transparent url(/img/bg-map_bottom.png) bottom left no-repeat; }
  #place_moments #other_moments { padding-top: 0px; }
  #other_moments a.selected { color: #f00; }


/* GETTING STARTED + About */
  .general h2 {font-size:3.2em; line-height: 1; margin:0 0 1em 5px; font-weight:300; font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; }

  #steps { float: left; margin-bottom: 20px; }
    #steps .step { float: left; width: 248px; text-align: center; margin:0 5px; margin-top: 20px; }
    #steps .step img { border: 2px solid #ddd; margin-bottom: 5px; }
    #steps .step img a { border: 2px solid #ddd; }
    #steps .step p { clear: both; font-size: 1.2em;}
      #steps .step h3 { font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; font-weight: 300; font-size: 2em; margin-bottom: 10px;}
      
  .general a { color: #f00; }
  .general a:hover { color: #000; }
  .general p { font-size: 1.6em; margin-bottom: 1em; line-height: 1.4em; }
    #nitty_gritty .general p { font-size: 1.5em; }
  .general ul { margin-bottom: 1em; margin-left: 30px; }    
    .general ul li { list-style: circle; font-size: 1.6em; }
  
  .get_started-detail, .grit { float: left; width: 339px; margin: 0 5px 0 0;}
  #get_started-details { width:1032px; margin:0 auto; padding:0px 0 0 0; clear: left; text-align: left; background: transparent url(/img/horiz_line.png) 0 5px repeat-x;}
	#get_started-details h3 { background: white; float:left; display:inline; padding:0 5px 0px 5px; margin:0 0 10px 0px;}
    .get_started-detail p, .grit p { clear: left; line-height: 1.4em; margin:0 25px 1em 5px; }
    .get_started-detail ul {list-style-type: none; margin:0; padding: 0;}
    .get_started-detail li {margin: 0 25px .5em 25px; padding:0; list-style-type:none;}
	#get_started #intro { float: left; width: 556px; margin-left: 5px; margin-right: 15px; }
	#get_started .intro {padding:0 5px;}


  #the_lowdown { width: 650px; float: left; margin-left: 5px;}
  #about_us #contact { float: left; width: 300px; margin-left: 38px; background-color: #fff; height: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    #about_us #contact h3 { text-transform: uppercase; text-align: left; order-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 10px; }
    #about_us #contact p { text-align: left; margin-top: 8px; vertical-align: top;}
    #about_us #contact p img {vertical-align:middle; margin: -5px 3px 0 0;}

/* PEOPLE */

	#message-0 { position:absolute; padding:5px; background:#fff; color:#000; -webkit-border-radius:5px; -moz-border-radius: 5px; -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2); } 
			
	#full_profile { float: left; width: 1032px;  }
	      
	#user_profile {float: left; width: 521px; margin-right: 0px; }
		#user_profile img { float: left; display: inline; margin:0 10px 0 5px; padding:2px 0 0 0; }
		
		#user_profile h1 { font-size:3.2em; line-height: 1; margin:0 0 0em 5px; font-weight:300; font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;  }  
	
		#user_profile h1 span { font-weight:300; font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; color:#999; }  
  
    #user_profile .user_stats { margin-left: 38px; }
		#user_profile .user_stats p { font-size: 1.6em; margin-top: .5em; padding: 0 5px 0 5px; }
		#user_profile .user_stats .values {margin:8px 0 16px 0px; font-size: 1.8em; color: #999; font-style: italic; font-family: Palatino, Georgia, Times, "Hoefler Text", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", serif;}

	    #user_recents { float:left; width:253px; margin:24px 0px 0 0px; background: transparent url(/img/horiz_line.png) 0 5px repeat-x;}
	    #user_places  { float:left; width:258px; margin:24px 0px 0 0; background: transparent url(/img/horiz_line.png) 0 5px repeat-x;}
	    #user_recents p, #user_places ul { margin: 0 0 0 5px; padding: 0 0 0 0;}  
  	    #user_recents p { clear:left; font-size: 1.6em; margin:0 0 0 0; text-align: left;}
          #user_recents p.location { clear:left; font-size: 1.2em; text-transform: uppercase; margin: 12px 0 .5em 0; font-style: normal; text-align: left;}
	ul.places { float:left; font-size: 1.2em; margin:0px 0 15px 0; clear: left; font-family: Palatino, Georgia, Times, "Hoefler Text", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", serif; text-transform:uppercase;}
		ul.places li { margin-bottom: .5em;}
		ul.places li em {color: #999; font-style: normal !important;}	                  
	#user_profile h3 { float:left; margin:0px 0 0 0px; padding:0px 5px 12px 5px; background: white;}
	#user_profile #user_recents h3 { float:left; margin:0px 0 0 0px; padding:0px 5px 12px 5px; background: white;}
  	#user_profile #user_recents h3 a { color: #f00; text-transform: uppercase; font-size: .9em;  }
  	#user_profile #user_recents h3 a:hover { color: #000; }

/* FOOTER */

	#footer {width:1027px; margin:0 auto; padding:35px 0 0 5px; line-height: 1.3333; clear: left; text-align: center;}
	#concept {background:white; width:1023px; font-size:1.8em; line-height:1.5; color: #999; text-align: center; font-family: Palatino, Georgia, Times, "Hoefler Text", serif; margin:0px 0 20px 0;}
	#copyright {width:1032px; font-size: 1.2em; margin:20px 0 0 0;}
	#footer-nav ul {text-align: center; width:1032px;}
	#footer-nav li {text-align: center; font-size: 1.2em; font-weight: bold; display:inline; margin:0 5px 10px 5px;}


	#sponsors {width: 350px; margin:0 auto; text-align: left; float:left}
	#sponsors h3 { font-size: 1.2em; margin-bottom: 3px; line-height: 1.3;}