/* @override 
	http://happn.local/css/core.css
	http://www.happn.in/css/core.css
	http://blog.happn.in/stylesheets/theme/content.css
	http://blog.happn.in/stylesheets/theme/application.css
	http://happn.in/css/core.css
	http://localhost:4567/css/core.css
*/

/* General */ 
#wrap {
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:20px;
	background: #e6eeea; 
	width:auto;font-size:12px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 50px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
	line-height: 28px;
	}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #666;
	letter-spacing: 1px;
	line-height: 22px;	
}
h5 {
	margin-bottom: 10px;
}

.city_subhead h5 {
	font-size: 11px;
	text-align: center;
	color: #000;
	margin-top: 15px;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-top: 5px;
}
 .city_subhead h5 a {
		text-transform: none;
		}

a {
	color: #06A;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

a:hover,
a:focus {
	color: #2B88C2;
	text-decoration: underline;
}

	/* sets the styles for the twitter bird icon */
a#icon_bird_link {
	background: url(../img/twitter4gif.gif) no-repeat 0 0;
	height: 22px;
	display: inline-table;
	width: 26px;
	vertical-align:middle;
	}
a#icon_bird_link:hover {
	background: url(../img/twitter4gif.gif) no-repeat 0 -22px;
	}
a#icon_bird_link span {
	display: none;
	}

h1 a:hover,
h1 a:focus {
	color: #333;
	text-decoration: none;
}

.submit_btn {
	margin-bottom: 20px;
}

ul li {
	list-style-type: none;
	margin: 0px;
}

ul.bullets li {
	list-style-type: disc;
	margin-bottom: 10px;
}

/* Tables */
	
	table {
		background: #fff;
		padding: 20px;
		border: 2px solid #B9C8C9;
		position: relative;
		}
		table th {
			text-align: left;
			padding: 0 0 10px 0;
			text-transform: uppercase;
			font-size: 10px;
			color: #000;
						}
		table td {
			border-bottom: 1px solid #efefef;
			padding: 10px 0;
			}
	.pagination {
		text-align: center;
		}
		
		th a {
			display: inline-table;
			width: 15px;
			height: 15px;
			margin-right: 5px;
			vertical-align: text-top;
			}
			th a span {
				display: none;	
				}
		th a.down {
			margin-left: 10px;
			}
		th a.up.active {
			background: url(../img/icon_sort_up_active.gif) no-repeat;
			}
		th a.up.inactive {
			background: url(../img/icon_sort_up_inactive.gif) no-repeat;
			}
		th a.down.active {
			background: url(../img/icon_sort_down_active.gif) no-repeat;
			}
		th a.down.inactive {
			background: url(../img/icon_sort_down_inactive.gif) no-repeat;
			}
		th a.up:hover {
			background: url(../img/icon_sort_up_active.gif) no-repeat;
			}
		th a.down:hover {
			background: url(../img/icon_sort_down_active.gif) no-repeat;
			}
		table.results {
			margin-top: 20px;
			clear: both;
	
			}



/* Tool Tip */
.tool_tip_wrap {
	position: relative;
	display: inline;
	top: 0;
	left: 0;
	}
img.tool_tip {
	vertical-align: -30%;
	margin-left: 5px;
}
.tool_tip_popup {
	background: url(../img/tool_tip_popup.gif) no-repeat;
	text-transform: none;
	font-size: 10px;
	font-weight: normal;
	width: 170px;
	height: 109px;
	position: absolute;
	top: -114px;
	left: -150px;
	color: black;
	display:none;
	}
	.tool_tip_popup p {
		padding: 10px;
		}
	.tool_tip_wrap:hover {
		cursor: pointer;
		}
	.tool_tip_wrap:hover .tool_tip_popup {
		display: block;
		}	
/* Header */

#header {
	width: 100%;
	background: #fff;
	text-align: center;
	margin-top: 60px;
	}
#header_inner {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	padding: 10px 0;
	position: relative;
	text-align: l;
}
	/* Header for the Home page */
	#site_description {
		margin-bottom: 15px;
		}
	#site_description h2, #site_description h3 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	margin: 0px;
	}
	#site_description h2 {
		color: #E95830;
		font-size: 46px;
		line-height: 50px;
		margin-bottom: 10px;
		margin-top: 20px;
		
		}
	#site_description h3 {
		color: #E95830;
		text-shadow: 0px 1px 1px #ccc;
		}
	#site_description h3 img {
		display: inline;
		width: auto;
		height: 18px;
		vertical-align: middle;
		}
	.site_features  {
		float: left;
		margin-bottom: 15px;
		/*border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;*/	
		width: 624px;
		height: 132px;
		margin: 10px 0;
		background: url(../img/background_home_features.png) no-repeat;
		font-style: normal;
		font-size: 11px;
		}
	.site_features div {
		padding: 20px 0 0 15px;
		}
		.site_features div.last {
			padding-right: 15px;
}
			
h3.tagline {
	font-size: 120%;
}	

/* Top Navigation */

.top_nav {
	background: #EAF0F0 url(../img/top_nav_bg.gif) repeat-x bottom;
	padding: 10px 0 11px 0;
	text-align: left;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	}
	.top_nav .inner {
		width: 960px;
		margin: 0 auto;
		position: relative;
		vertical-align: middle;
		}
	.top_nav .inner img {
		vertical-align: middle;
}
.top_nav a {
	font-size: 10px;
	padding: 5px;
	}
.top_nav .right_side {
	position: absolute;
	right: 0;
	top: -1px;
	}
	.right_side label {
		display: inline;
		font-size: 10px;
		}
		.top_nav .right_side input.text {
			margin-right: 5px;
			width: 150px;
			padding: 3px;
			margin: 0 5px;
			}
	#search_site {
		display: inline-table;
		vertical-align: top;
		}
	#share_this {
		margin-left: 10px;
		width: 160px;
		display: inline-table;
		vertical-align: top;
		}
		.top_nav .right_side a, .share_this a {
		background: #73889B;
		color: #fff;
		padding: 5px 34px;
		}
	#share_this_link {
	  width: 150px;
		}
	/* Controls the small icons on the left side of the top navigation */
	.top_nav .app_nav {
		position: absolute;
		left: 10px;
		}
	.top_nav .app_nav img {
		width: 20px;
		}
	.top_nav .nav_logo.inactive {
		opacity: .4;
		}	
	.top_nav a:hover .inactive {
		opacity: 1;
		}
		
	/* Sponsorship */
	
	.sponsor_announcement { /* controls the "Advertise on a Happn.in city" sticker */
		position: absolute;
		bottom: -49px;
		right: -87px;
		
		}

/* Navigation */
/* Controls the city list navigation on the home page */
div#nav {
	padding: 20px 0 0 0;
	width: 100%;
}
div#nav_inner {
	width: 960px;
	margin: 0 auto;
}

div#return_to_top {
	position: fixed;
	bottom: -10px;
	right: 20px;
	background: #FAFDD5;
	padding: 10px 10px 15px 10px;
	-webkit-box-shadow: -1px -2px 10px #999;
	-webkit-border-radius: 4px;
	-moz-box-shadow: -1px -2px 10px #999;
	-moz-border-radius: 4px;
	
}
	/* Sub-Navigation */
	/* For pages that have subnav - currently advertising and about */
	.sub_nav .inner {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	padding-left: 0px;
	margin-bottom: 15px;
	position: relative;
	}
	.sub_nav a {
		margin-right: 10px;
	}
	.sub_nav a.active {
		text-decoration: underline;
	}
	.sub_nav .right_side {
		position: absolute;
		right: 0;
		top: 10px;		
		}
		.sub_nav .right_side a:last-child {
			margin-right: 0px;
}
		
/* Main Content */

div#main_inner {
	position: relative;
	padding-bottom: 30px;
	margin-top: 15px;
}
#sub-header {
	text-align: center;
}

h3.subtitle {
	position: absolute;
	top: 375px;
	left: -160px;
	z-index: 100;
	text-align: right;
	line-height: 20px;
	width: 90px;
	padding: 10px 30px;
	color: ;
	font-size: 10px;
	background: url(../img/bracket.gif) no-repeat top right;
	
}

/* Homepage with Map */
/* Modified 6/28/10 for Happn.in scaleback - simplified Homepage */

/* styles the long list of cities on the homepage (the Zones) */

#featured-map {
	background: #73889B;
	color: #333;
}
	#featured-map h2 {
		color: #E6EEEA;	
		text-transform: uppercase;
		text-shadow: 0px -2px 1px #666;
		letter-spacing: 1px;
		font-size: 20px;
		}
	#featured-map h3 {
		color: #333;
		}
	#featured-map h3 a {
		color: #000;
}
#featured-trends {
	padding: 15px 0 10px 10px;
}
#featured-trends ol {
	padding-left: 10px;
}
#find_your_city {
	margin-bottom: 5px;
	}
#map_canvas {
	height: 300px;
	clear: both;
	border: 4px solid #73889B;
	}
#find_your_city h2, #zones h1 {
	color: #536373;
	letter-spacing: 1px;
}
	#find_your_city h2 {
		text-transform: uppercase;
	font-size: 20px;	
	}

.map_popup {
	height: 300px;
	
	width: 450px;
}
.map_popup_city_title {
		border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
		}
.map_popup h1 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 2px;
	}
	.map_popup span {
		font-size: 11px;
		font-weight: lighter;
		margin-right: 5px;
		vertical-align: middle;
		}
	.map_popup span a {
		color: #fff;
		background: #71b641;
		padding: 3px 5px;
		}
	.map_popup span a:hover {
		background: #426e25;
		}
.map_popup_city_title h6 {
	position: absolute;
	right: 0;
	top: 10px;
	background: #71b641;
	}
	.map_popup_city_title h6 a {
		color: #fff;
		padding: 0 5px;
		}
.map_popup h2 {
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		text-transform: uppercase;
		font-size: 14px;
		color: #E95830;
		margin-bottom: 5px;
}
.map_popup h3 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 5px;
	line-height: 16px;
	margin-top: px;
	clear: both;
	}
.map_popup h4 {
	font-size: 13px;
	margin-bottom: 4px;
}
.map_popup h5 {
	margin-bottom: 4px;
	font-size: 10px;
	}
.map_popup .city_info {
	overflow: auto;
	height: 230px;
	width: 450px;
	position: relative;
	top: 0px;
	padding-top: 1px;
	}
.map_popup ol {
	margin-left: 30px;
	margin-bottom: 0px;
	}
.map_popup .trends, .map_popup .dignataries {
	float: left;
	width: 200px;
	margin-bottom: 5px;
	}
	.map_popup .dignataries div {
		margin-bottom: 15px;
}
.map_popup .trends {
	float: left;
	width: 200px;
	}
	.map_popup .trends ol li {
		line-height: 15px;
}
.map_popup .feed {
	clear: both;
}

#zones {
	margin-top: 30px;
}
.zone.span-3 {
	margin-right: 12px;
	border-left: 1px dotted #ccc;
	padding-left: 12px;
}

	

/* Controls the city list index page (the old home page) */  

.tagline { /* the old Happn.in tagline - possible remove */
	text-align: center; 
	}
h1.tagline {
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 25px;
	}

#city_list {
	padding: 0 20px;
	color: #bbb;
}

#city_categories {
	margin-bottom: 20px;
	font-size: 17px;
	
}

#city_specific {
	background: #fff;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.city_detail_list ol {  /* controls the tweet list underneath each city on the index page */
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	list-style-position: outside;

}
	/* Announcement Area */
	
		/* controls the old announcement area */ 
		#announcement {
			background: url('../img/announcement_bg.png') no-repeat;
			margin-top: 0px;
			height: 227px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			font-size: 11px;
			}
		#announcement h2 {
			font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			font-size: 20px;
			padding: 25px 75px 15px;
			text-transform: uppercase;
			}
			
		#announcement p {
			padding: 0px 35px 0px 25px;
			color: #333;
			}
	
	/* controls the announcement area on the new home and city pages */
	
		#announcement_horizontal {
			background: #fafad2;
			clear: both;
			padding: 10px;
			margin-bottom: 15px;
			border: 2px solid #c9bc4f;
			text-align: center; 
			}
		#announcement_horizontal p {
			margin: 0;
			}
	
.cities {
	padding-top:4px; padding-bottom:4px;
	/*border-top:1px; border-bottom:1px; border-style:solid;*/ 
}
.city-title {
	position: relative;
}
.city-title h1 {
	margin: 0px;
}
.city-title h2 a {
	color: #000;
	font-weight: lighter;
	}
	.city-title h2 a:hover {
		text-decoration: none;
}
.city_subhead a {
	font-size: 10px;
}

.city_anchor {
	position: absolute;
	top: -50px;
}
.city_anchor span {
	display: none;
}

/* About Page */

.about {
	padding-bottom: 0;
  	text-align: left;
  	color: #444;
  	}

.about h3 {
	color: #000;
}
.about h2 {
	margin-bottom: 15px;
}
.about ul li {
	margin-bottom: 10px;
	list-style: disc;
}

.about img.left {
	margin-top: 0;
	margin-bottom: 0;
}
.about .right_col {
	margin-top: 90px;
	font-size: 95%;
}
	.about #people.right_col {
		margin-top: 0px;
		}
.donate {
  color: red;
}

/* IPHONE PAGE */

#iphone-icon {
	
	margin-right: 20px;
}
div.iphone-info {
	margin-top: 20px;
}
div.iphone-info ul li {
	font-weight: bold;
	margin-bottom: 10px;
}
.iphone-screenshots {
	position: relative;
}
#slider {
	border: 2px solid #ccc;
	margin-bottom: 10px;
}
#slider ul {
	width: 320px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 460px;
}
#slider ul li {
	margin-bottom: 0px;
	height: 460px;
}
.iphone-screenshots span#nextBtn {
	position: absolute;
	right: 30px;
	bottom: 0px;
}

/* PRESS PAGE */

#write-ups div, #mentions div {
	margin-bottom: 25px;
}
#write-ups h2, #mentions h2 {
	margin-bottom: 4px;
}
#write-ups h2 a, #mentions h2 a {
	font-weight: normal;
}

#mentions h3 {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: 10px;
}

/* Single City Page */

.city-detail {
	position: relative;
	}
div#logo_city_page {
	position: relative;
	margin-bottom: 15px;
}
div#logo_city_page img {
	vertical-align: middle;
	margin-right: 20px;
	}
.city_title {
	position: relative;
	display: inline;
}
.city_title h1, .tweet-detail h1 {
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 0px;
	font-size: 70px;
	line-height: 90px;
	color: #71b641;
	display: inline;
	vertical-align: middle;
	}

.city-detail h2, #city_conversation h2 {
	color: #000;
	text-align: center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 26px;
	background: url(../img/border_town_crier.png) left bottom repeat-x;
	padding-bottom: 10px;
} 
.city_title .city_subhead { /* places the links underneath the city title on the city page */
	position: absolute;
	top: 50px;
	left: 10px;
}
	/* .tweet-detail handles all the traffic that come straight from google - should probably be moved at some point */ 
	.tweet-detail h1 {
		margin-top: 10px;
		padding-bottom: 0;
		}
	.tweet-detail h2 {
		text-align: center;
		margin-bottom: 0px;
		margin-top: 15px;
		}
	.tweet-detail h5 {
		margin-top: 0px;
		padding: 0;
		}
	.tweet-detail #tweet_trends {
		margin-top: 20px;
		}
	.tweet-detail #tweet_trends ul li {
		margin-bottom: 15px;
		}
	.tweet-detail .google_ads {
		margin-top: 15px;
		}
		
.city-detail .city_subhead {
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.city-detail ol {
	margin: 0px 0 0 0;
}
.city-detail ol li {
	font-size: 18px;
	text-align: center;
	list-style-position: inside;
	padding:5px 0;
	color: black;
	}
.tweet_this_btn { /* Tweet button on city page for trend list */
	float: left;
	margin-top: 10px;
	position: relative; left: 50%;
	margin-bottom: 20px;
	margin-top: 10px;
	}
	.tweet_this_btn .rounded_button {
		position: relative; left: -50%;
			}
ul.tweet_trend_context {
	background: #DBE3E4;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	list-style: none;
	margin: 10px 0 20px 0;
	}
	ul.trend_setter {
		background: #DBE3E4 url(../img/icon_top_tweet.gif) no-repeat 300px -35px;
		border: 2px solid #DAD2C3;
		}
	ul.tweet_trend_context h5 {
		content: "Recent Tweets:";
		color: black;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: bold;
		margin-bottom: 7px;
		display: inline;
		}
	
	ul.tweet_trend_context li {
		font-size: 12px;
		text-align: left;
		padding: 0;
		color: #666;
		margin-bottom: 10px;
		}
		ul.tweet_trend_context li:first-child {
			padding-top: 10px;
			}
		ul.trend_setter li {
			margin-bottom: 0;
			}	
	
	/* sets the external twitter bird link for the city pages - 
	CURRENTLY INACTIVE */
	ul.tweet_trend_context a#icon_bird_link {
		margin-top: 5px;
		margin-bottom: 15px;
		display: block;
		margin-left: 5px;
		width: 100%;
		}
		ul.tweet_trend_context a#icon_bird_link:hover {
			color: #666;
			text-shadow: 1px 1px 2px #fff;
			text-decoration: none;
			font-size: 10px;
			}
		ul.tweet_trend_context a#icon_bird_link:hover span {
			display: block;
			position: relative;
			left: 35px;
			}
	/* HAPPN.IN FEED Hashtag Conversation */
	
	#city_conversation {
		
		}
	#city_conversation h3 {
		color: #000;
		}
	#city_conversation h4 {
		margin-bottom: 30px;
		color: #666;
		text-shadow: 1px 1px 3px #fff;
		text-align: center;
		}
		
		#city_conversation h4 span {
			color: #000;
			}
	#city_conversation textarea {
		width:97% ;height:50px;padding:5px;
		}
	
	#city_conversation ul {
		margin: 0;
		}
	#city_conversation ul li {
		color: #000;
		}
	#talk_to_your_city {
		background: #DBE3E4;
		padding: 20px;
		margin-bottom: 10px;
		position: relative;	
		}
	#talk_to_your_city h3 {
		display: inline;
		}
	#talk_to_your_city span.remaining {
		position: absolute;
		right: 20px;
		}
	#hi_msg {
		margin-top: 10px;
		background: #efefef;
		padding: 2px 5px;
		}
		#hi_msg span {
			right: 25px;
			}
	#conversation_tweets { /* The Happn.in Feed Wrapper */
		background: #;
		}	
		#conversation_pointer {
		display: none;
		position: absolute;
		top: -16px;
		left: 210px;
		}
	#conversation_tweets li {
		background: url(../img/border_town_crier.png) repeat-x left top;
		padding-top: 15px;
		position: relative;
		}	
	#conversation_tweets li img.profile-pic {
		float: left;
		margin-right: 10px;
		width: 50px;
		}
	
	#conversation_tweets li img.qa-icon {
		width: 20px;
		border: none;
		vertical-align: text-bottom;
		margin: 5px 10px 0 0;
		
}
	h5#recommend_intro {
		font-weight: lighter;
		background: #f2efb5;
		padding: 10px;
		}
	#feed_sort {
		}
	#feed_sort p { /* the sorting mechanism for the happn.in feed */
		text-align: ;
		font-size: 10px;
		margin-bottom: 5px;
		}
		#feed_sort p a {
			color: #71b641;
			padding: 2px 4px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			}
		#feed_sort p a.active {
			color: #fff;
			background: #71b641;
			}
		#feed_sort p a.active:hover {
			text-decoration: none;
			}
	div.recommend { /* the recommend bar for each tweet in the Happn.in feed */
		position: absolute;
		right: 0;
		top: 0;
		width: 47px;
		height: 43px;
		}
		div.recommend:hover {
			opacity: 1.0;
			-moz-opacity: 1.0;
			}
	div.recommend_votes {
		position: absolute;
		right: 47px;
		top: 0px;
		width: 120px;
		background: #DBE3E4;
		padding: 11px 11px 12px 11px;
		display: none;
		}
		.recommend:hover .recommend_votes {
			display: block;
			}
		.recommend_votes a {
			background: #CE7417;
			padding: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			color: #fff;
			margin-left: 5px;
			
			}
			.recommend_votes a:hover {
				background: darkorange;
				text-decoration: none;
				}
		.current_score { /* controls the square around the current score */
				background: url(../img/bg_recommend_good.png) no-repeat;
				font-weight: bold;
				color: #fff;
				font-size: 20px;
				height: 43px;
				width: 47px;
				text-align: center;
				cursor: pointer;
				position: absolute;
				right: 0px;
				top: 0px;
				}
		.current_score span {
			position: relative;
			top: 10px;
			}
		.current_score:hover {
			background: url(../img/bg_recommend_good.png) 0 -43px no-repeat;
			}
	
	.reply, .mark-as-helpful {
		margin-left: 10px;
		
		}
	.reply:before {
		content: "[ ";
		}
	.reply:after {
		content: " ]";
		}
	.reply-box {
		background: #DBE3E4;
		padding: 10px;
		position: relative;
		top: -10px;
		border-right: 220px solid #E6EEEA;
		}
	a.reply-cancel {
		margin-left: 10px;
		}
	
	.reply-tweet-box {
		position: relative;
		top: -10px;
}
	#city_conversation .reply-tweet-box ul {
		background: #E6EEEA;
		}
	#city_conversation .reply-tweet-box ul li {
		background: #E6EEEA;
		border-left: 60px solid #E6EEEA;
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 20px;
		}
	.reply-tweet-box h5 {
		margin-left: 60px;
		text-transform: uppercase;
		color: #999;
		font-size: 11px;
}
	/* sets the opacity when voted up and down */ 
	li.hi_1 img, li.hi_1 p {
	  opacity: 0.4;
	  -moz-opacity: 0.4;
	}
	
	
	li.hi_2 img, li.hi_2 p {
	  opacity: 0.7;
	  -moz-opacity: 0.7;
	}
	
	li.hi_3 img, li.hi_3 p {
	  opacity: 1.0;
	  -moz-opacity: 1.0;
	}
		li.hi_3 img {
			border: 2px solid #71b641;
}
	/* SPONSORSHIP AND TOWN CRIER BLOCK
	--controls space below the city title on each city space - both for sponsored and unsponsored cities
	 */
		
		
		/* --- archive and main pages --- */
		#sponsor_and_crier {
		position: fixed;
		width: 220px;
		z-index: 1000;
		}
		.sponsorship_block { /* positions the whole space so I can define stuff absolutely against it */
			padding: 10px 0px 20px 0px;
			background: url(../img/border_town_crier.png) left top repeat-x;
			float: left;
			position: relative;
			top: 36px;
			
			}
		#sponsor_and_crier h3 {
			font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			color: #000;
			font-weight: bold;
			font-size: 18px;
			margin-bottom: 3px;
			}

		#sponsor_and_crier h4 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			color: #666;
			margin-bottom: 3px;
			}
		#sponsor_and_crier h5 {
			text-shadow: 1px 1px 1px #fff;
			-moz-text-shadow: 1px 1px 1px #fff;
			color: #666;
			}
		#sponsor_and_crier a {
			color: #5a9232;
			text-shadow: 1px 1px 1px #fff;	
			-moz-text-shadow: 1px 1px 1px #fff;			
			}
		/* Sponsorship Block */
			.no_sponsor .sponsorship_text { /* Corrects text centering for unsponsored lists */
				width: 181px;
				}
			h3.sponsorship_note a, h3.sponsorship_note {
				text-transform: none;
				font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
				font-size: 11px;
				}
			.sponsor p.sponsorship_tease {
				width: 51%;
				margin: 0 auto;
				line-height: 12px;	
				}
			.sponsor p.sponsorship_tease a {
				font-size: 10px;
				font-style: italic;
				font-weight: lighter;
				}
			.no_sponsor p.sponsorship_tease {
				width: 65%;
				margin: 5px auto 0 auto;
				line-height: 16px;
				}
			.no_sponsor p.sponsorship_tease a {
				font-size: 11px;
				}
		
		/* Town Crier Block */
		
		.town_crier_block {
			width: 470px;
			position: absolute;
			right: 0;
			top: 20px;
			background: url(../img/border_town_crier_vert.png) left top repeat-y;

			}
		.town_crier_block img#town_crier_avatar {
			float: left;
			width: 50px;
			height: 50px;
			margin-right: 10px;
			}
		.town_crier_text {
			float: left;
			width: 465px;
			padding-left: 20px;
			}
		.town_crier_text h3 {
			width: 64px;
			float: left;
			margin-right: 10px;
			}
		.town_crier_text h4 {
			margin-bottom: 2px;
			}
			
		#town_crier_vote { /* controls the curled paper effect in the town crier block */
			background: url(../img/background_town_crier_vote.png) left top no-repeat;
			width: 118px;
			height: 108px;
			position: absolute;
			right: 0px;
			top: -18px;
			}
			
			#town_crier_vote .inner {
				padding: 10px 15px;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-style: italic;
				color: #000;
				font-weight: bold;

				}
			#voting { /* the thumbs up, thumbs down */
				margin-left: 8px;
				margin-top: 5px;
				}
			#thumbs_up {
				padding-right: 10px;
				border-right: 1px solid #ccc;
				}
			#thumbs_down {
				margin-left: 10px;
				}
		
		/* Phrase Page */
		
		.phrase_page {
			position: relative;
			}
		#centered_logo {
			margin: 20px 0 0px;
			}
		#wrap.phrase_page {
			background: inherit;
			}
		.phrase_page .sponsorship_block {
			position: absolute;
			top: -3px;
			left: -20px;
			margin: 0;
			}
		.phrase_page .sponsorship_text {
			position: relative;
			top: 60px;
			}
		
		

/* Sponsorship Pages */

.sponsoring {
	color: #555555;
	}
.white_col {
	background:#fff; padding: 15px; -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.left_col {
	position: relative;
}
.left_col h2 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 170%;
	font-weight: lighter ;
	line-height: 30px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.left_col h5 {
	font-size: 90%;
	margin-bottom: 2px;
	}
.left_col textarea {
	width: 90%;
	height: 100px;
}

	/* Overview */
	.screenshot_margin {
		position: relative;
		top: 45px;
}
	.screenshot_margin h2 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 15px;
	}
	
	.sponsoring blockquote {
		margin: 10px 0;
		background: url(../img/quote_bg.png) no-repeat;
		padding: 10px 0 0 10px;
		font-style: normal;
		font-size: 11px;
}
.full_tweet_ad_form {
	margin-bottom: 10px;
	}
	.full_tweet_ad_form h4, .list_sponsorship_form h4 {
		margin-bottom: 10px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px;
		}

#sponsor_main h1, h1.large {
	font-size: 56px;
	line-height: 68px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#sponsor_main h2 {
	margin-bottom: 15px;
}
#sponsor_main h6 {
	font-size: 90%;
	margin-bottom: 10px;
}
#sponsor_main .sub_nav {
	background: #E8EFEF;
	padding: 10px;
	position: relative;
	
}
#sponsor_main .sub_nav a {
	padding: 10px;
	margin-left: -10px;
	margin-right: 5px;

	}
	#sponsor_main .sub_nav a:hover {
		background: #DBE3E4;
		text-decoration: none;
		
		}
#sponsor_main .sub_nav a#your_ads {
	position: absolute;
	top: 0;
	right: 0;
	background: #FAFDD5;
	margin-right: 0;
	border: 2px solid #e8efef;
	padding: 8px 10px;
}

.sponsor_a_list_btn {
	background: url(../img/btn_sponsor_over.png) no-repeat left top;
	height: 52px;
	width: 183px;
	margin-bottom: 20px;
	}
	.sponsor_a_list_btn span {
		display: none;
		}
	.sponsor_a_list_btn:hover  {
		background: url(../img/btn_sponsor.png) no-repeat left top;
		cursor: pointer;
		}
/* How it Works */ 

#how_it_works h2 {
	margin-bottom: 12px;
}
#how_it_works h3 {
	font-size: 16px;
	color: #333;
	text-transform: none ;
}
#how_it_works .screen_shot {
	border: 1px solid #666;
	margin: 0 0 20px 0;
	width: 370px;
	height: auto;
	}
.caption {
	position: relative;
}
.caption .arrow {
	position: absolute;
	left: -80px;
	top: 80px;
	}
#how_it_works .right_col ul li {
	margin-bottom: 20px;
}
#screenshot_full_tweet_ad, #screenshot_list_sponsorship {
	width: 300px;
}

/* working on cleaning the right column up on the how it works page */

/*#how_it_works .right_col div {
	 background: url(../img/quote_bg.png) no-repeat;
	 padding: 10px 0 0 10px;
}*/
/* Sponsor Signup */
#sponsor-info label, #sponsor-slots label, label {
	display: block;
	}

#sponsor_sidebar input.text {
	padding: 5px;
	font-size: 16px;
	display: block;
	margin-bottom: 20px;
	width: 90%;
}

#sponsor_sidebar #available_credit {
	border-top: 1px solid #999;
	padding-top: 15px;
	}
	#available_credit h4 {
		margin-bottom: 10px;
		display: inline;	
		}
	#available_credit p#credit_amount {
		display: block;
		margin-top: 10px;
		background: #FAFDD5;
		padding: 5px;
}
	#credit_choices {
		margin-bottom: 20px;
		color: #333;
		}
#div_credits form {
	display: inline-table;
	vertical-align: middle;
	margin-right: 5px;
}
.choose_city {
	margin: 0 0 20px 0;
}
.choose_city h4 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;

}
.choose_city label, .label_city_table {
	margin-right: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #000;
	font-weight: lighter;
	line-height: 26px;
	vertical-align: top;
	margin-bottom: 10px;
	}
	.choose_city label {
		display: inline;
		}
table#sponsor_tab {
	margin-top: 10px;
}
table#sponsor_tab th {
	padding-left: 0px;
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
}
table#sponsor_tab td {
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	padding-left: 0px;
}
table#sponsor_tab td:last-child {
	text-align: right;
	width: 250px;
}
table#sponsor_tab td:last-child span {
	margin-right: 10px;
}
table#sponsor_tab td:last-child .rounded_button {
	float: right;
}
	/* Your Info */
	.list_sponsorship_form h5, .full_tweet_ad_form h5 {
		display: inline;
		}
	#tweet_txt {
		height: 100px;
		font-size: 14px;
		width: 100%;
		}
	#pw, #email {
		width: 90%;
		}
	#pw {
		margin-bottom: 15px;
		}
	#buy_full_tweet, #buy_sponsorship {
		margin-bottom: 20px;
		}
	#buy_full_tweet {
		margin-right: 20px;
}

	/* Your Ads */
		
	table#your_ads {
		margin-top: 20px;
		width: 100%;
	}
	table#your_ads td {
		vertical-align: top;
		}
		table#your_ads td:last-child {
			padding-right: 0px;
}
	table#your_ads .type {
		width: 95px;
}
	table#your_ads .city_date {
	 	width: 245px;
		}
	table#your_ads textarea {
	width: 90%;
	 	height: 60px;
	 	display: block;
		}
	table#your_ads .edit {
		font-size: 10px;
		position: relative;
		top: 5px;
		}
	table#your_ads .submit_btn {
		margin-bottom: 0px;
		}
	#ads_already_sent td {
		text-align: center;
		text-transform: uppercase;
		color: #000;
		background: #efefef;
}
	
/* Feedback */

#feedback textarea {
	width: 90%;
}
ul#posted_feedback {
	list-style: none;
	margin: 0;
}

ul#posted_feedback li {
	margin-bottom: 15px;
	border-top: none;
	
}

/* API */

#api h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-top: 20px;
}
#api h5 {
	color: #666;
}
#api .white_col {
	margin-bottom: 10px;
}
#api .white_col h3 {
	color: black;
	}
#api .white_col ul {
	margin-bottom: 0px;
	}

/* LABS */

	.labs h2.page_description {
		margin-top: 30px;
		color: #333;
		vertical-align: middle;
		margin-bottom: 20px;
		
}
	
	/*Header */
	#wrap.labs, #wrap.blog { /* resets the background gradient to start a little higher due to the descreased header height */
		background: #e8efef;  
	}
	
	.labs #header, .blog #header {
		text-align: left;
		position: relative;
		padding-bottom: 10px;
	}
	.labs #logo, .blog #logo {
		position: absolute;
		width: 180px;
		left: 0;
		top: 25px;
		}
		.landing_page #logo img { /*controls the header logo on the google landing page */

			width: 300px;
			}
		.landing_page h1.tagline { /*controls the header tagline on the google landing page */
			margin-bottom: 0px;
			}
	.labs .tagline, .blog .tagline {
		text-align: left;
		width: 760px;
		float: left;
		margin-left: 200px;
		font-family: Georgia, "Times New Roman", Times, serif;
}
		.blog .tagline {
			margin-top: 20px;
			}	
	.labs_page_title, .blog_page_title {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 450%;
	margin-bottom: 10px;
	color: #fff;
	text-shadow: 1px 1px 2px #ccc;
		}	
	/* Datepicker */
		/* Date picker also uses style defined for #city_list above */
	#datepicker {
		margin-top: 20px;
		position: relative;
		margin-bottom: 10px;
			}
		#datepicker .inner {
			background-color: #fff;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			padding: 20px;
			
			}
	#datepicker h2 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
	#datepicker h3 {
		margin-top: 0px;
		font-size: 120%;
		color: #333;
		text-shadow: 1px 1px 2px #fff;
		}
	#datepicker h4 {
		
		}
	#datepicker h5 {
		margin: 5px 10px 0 0px;
		display: ;
		text-transform: uppercase;
		}
	#datepicker .filter_param {
		float: left;
		margin-right: 30px;
		}
	#datepicker .submit_btn {
		margin: 0;
		position: relative;
		top: 28px;
		}
	#show_datepicker {
		display: block;
		margin-top: 20px;
		}
	#datepicker .close {
		position: absolute;
		right: 10px;
		top: 10px;
		background: #C9D5D6;
		color: #fff;
		text-decoration: none;
		padding: 5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		}
		
		/* Forms */
		
		
		.labs_search #q {
			font-size: 18px;
			padding: 10px;
			vertical-align: middle;
			margin-right: 10px;
			}
		.labs_search .submit_btn {
			vertical-align: middle;
			margin-bottom: 0px;
			}
		
		/* Index */
	
	#labs_intro {
		text-align: center;
		}
		#labs_intro ul li {
			list-style-type: none;
			}
	.lab_module {
		background: #f5f8f8;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin-bottom: 10px;
		}
	.lab_module .inner {
		padding: 20px;
		
		}
	
	#coming_soon {
		margin-top: 60px;
		}
	
	/* Archive */
	
	.labs #city_list {
		margin-top: 0px;
		}
	
	/* Search */
	
	h2.page_description.left {
		margin-top: 30px;
		color: #333;
		vertical-align: middle;
		float: left;
		margin-bottom: 20px;
		}
	.search_page .rounded_button {
		margin-top: 25px;
			}
		#search_page_search {
			position: absolute;
			left: 220px;
			top: 5px;
			}
	table#search_results {
		margin-top: 0px;
		}
	
	#search_phrase_users, #search_username_users {
		border: 2px solid #B9C8C9;
		width: 186px;
		}
		#search_phrase_users h3, #search_username_users h3 {
			color: #000;
			font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
			font-weight: bold;
			font-size: 10px;
			letter-spacing: 0px;
			padding: 20px 20px 0 20px;
			}
		#search_phrase_users ul, #search_username_users ul {
			margin: 0px;
			padding: 0 20px 20px 20px;
			}
		#search_phrase_users ul li, #search_username_users ul li {
			margin-bottom: 10px;
			border-bottom: 1px solid #efefef;
			padding-bottom: 10px;
			}
			#search_phrase_users ul li a#icon_bird_link, #search_username_users ul li a#icon_bird_link {
			float: right;
			}
		#search_phrase_users {
			background: #fff;
			}
		#search_username_users {
			background: #FAFDD5;
			}
		.twitter_icon_key {
			font-size: 10px;
			border: 1px dotted #ccc;
			padding: 4px;
			margin-bottom: 10px;
			}
			.twitter_icon_key img {
				display: inline;
				vertical-align: middle;
				}
	
	/* Phrases and Related Cities Table */
	
	#phrase_results td, #related_cities_results td {
		vertical-align: top;
		}
	#phrase_results ul, #related_cities_results ul {
		margin: 0;
		}
	#phrase_results ul li { 
		list-style-type: none;
		display: inline;
		}
	#phrase_results .city_list {
		width: 50%;
		}
	#phrase_results ul li:after {
		content: ", ";
		}
	#phrase_results ul li:last-child:after {
		content: "";
		}
		
	#related_cities_results li {
		margin-bottom: 2px;
		}
	
	/* User Profile */
	
	#user_search {
		position: absolute;
		left: 330px;
		top: 5px;
		}
	#user_tweets {
		background: #fff;
		border: 2px solid #B9C8C9;
		}
	#user_tweets #phrases, #user_tweets #recent_tweets {
		padding: 20px;
		
		}
	#user_tweets ul {
		margin: 0;
		}
		
	#user_tweets h3 {
		border-bottom: 1px solid #ccc;
		}
	#user_tweets #recent_tweets li {
			margin-bottom: 15px;
			}
	.inline_icon {
		display: inline;
		vertical-align: text-top;
		}
	table .show_all {
		text-align: right;
		border-bottom: none;
		}
		table .show_all a {
			background: #0072BE;
			color: #fff;
			font-weight: lighter;
			font-size: 10px;
			padding: 5px;
			}
				
		
/* BLOG */
#wrap.blog {
	
}
.atomentry {
	width: auto;
	color: #000;
}
h2.title {
	margin-bottom: 10px;
}
h2.title a {
	color: black;
	font-weight: lighter;
	}
.content {
	margin-bottom: 10px;
	border-bottom: 1px dotted #666;
	}

#sidebar {
	color: #000;
	margin: 20px 0 0 0;
	}
	#sidebar h3 {
	color: #000;
	}
	#sidebar ul {
		margin: 0;
}
/* Footer */
div#footer {
	width: 100%;

}
div#footer_inner {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 40px 0;
}



/* Cascaded Styles (styles that need to trump everything else) */

/* Icons for Modules */
	div.text_with_icon {
		float: left;
		
		}
	div.icon_pulled_out {
		width: 63px;
		}
	div.text_pulled_out {
		width: 78%;
		}
		
/** SHARED ITEM: Rounded Button */
div.rounded_button {
	float: left;
	background: transparent url('../img/button_right.gif') no-repeat right top;
	margin: 0;
	padding: 0;
	height: 38px;
	font-size: 12px;
	}
	.city_subhead .rounded_button { /* handles the re-tweet btn on the  city page */
		position: relative;
		left: -50%;
		margin-bottom: 10px;
		}
	
		.rounded_button.white_bg { /* for all buttons on a grey background */
		background: transparent url('../img/button_right_white_bg.gif') no-repeat right top;
		}
		.rounded_button.light_blue { /* for all buttons on a blue background */
		background: transparent url('../img/button_right_light_blue_bg.gif') no-repeat right top;
		}
.rounded_button img {
	vertical-align: top;
	height: 90%;
	width: auto;
	margin-right: 10px;
}
a.rounded_button_inner {
	float: left;
	background: url('../img/button_left.gif') no-repeat left top;
	display: block;
	height: 20px;
	padding: 10px 20px 10px 20px;
	color: #7E8892;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}
	.rounded_button.white_bg a.rounded_button_inner {
		background: url('../img/button_left_white_bg.gif') no-repeat left top
}
	.rounded_button.light_blue a.rounded_button_inner {
		background: url('../img/button_left_light_blue_bg.gif') no-repeat left top
}

	a.rounded_button_inner:hover {
		color: black;
		}
	/*a.rounded_button_inner:before {
		content: url('../img/icon_btn_add.gif');
		margin-right: 10px;
		vertical-align: -4px;
		}*/

.inline {
	display: inline;
}

.inline-table {
	display: inline-table;
	vertical-align: top;
}	

.left {
	float: left;
	margin-right: 10px;
	}
.right {
	float: right;
	}
.center {
	text-align: center;
}
.float-center {
		float: left;
		position: relative;
		left: 50%;
		}
.top_right {
	position: absolute;
	right: 10px;
	top: 5px;
}
.emphasize {
	font-size: 200%;
}
.deemphasize {
	font-size: 83%;
}
.caption {
	font-size: 85%;
}
.black {
	color: #000;
}
.block {
	display:block; margin-top: 15px;
}
.tweet_date {
	color: #666;
}
/* Controls the fading of the homepage nav */

.faded {
  color: #ddd;
}

.no-vis {
  display: none;
}



/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }