/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end of reset */

#beta {
	display: block;
	background: rgba(0,0,0,.5);
	color: #FFF;
	text-align: center;
	padding: 6px 0;
}
#beta p {
	margin: 0;
}

html {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

body {
	background: rgb(59, 68, 77) url(../images/bg.png);
	color: #FFF;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	}
	
	
	p { margin: 0 0 15px 0; }
	a { color: #FFF; }
	
	.bReplace {
		text-decoration: none;
		text-indent: -9999px;
		outline: none;
		}
	
	#header {
		width: 566px;
		margin: 0 auto;
		padding: 20px 0 0 0;
		height: 45px;
		font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		font-weight: 400;
		}
		#header a {
			text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
			text-decoration: none;
			}
			#header a:active {
				text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5);
				}
		#header h1 {
			padding-top: 10px;
			float: left;
			width: 136px;
			height: 27px;
			text-indent: -9999px;
			background: url('../images/mycurrentview.png') 0 50% no-repeat;
			}
		#header h1 a {
			font-size: 18px;
			font-weight: 400;
			display: block;
			width: 136px;
			height: 27px;
		}
		#header ul {
			width: 268px;
			float: right;
			height: 35px;
			}
			#header ul li {
				font-size: 14px;
				display: block;
				width: 70px;
				margin-left: 19px;
				float: left;
				}
				#header ul li a {
					color: #c7cbd8;
					display: block;
					height: 35px;
					line-height: 36px;
					text-align: center;
					-webkit-animation-name: toDefault;
					-webkit-animation-duration: 0.25s;
					}
					#header ul li.active a {
						color: #FFF;
						border-radius: 10px;
						border: 1px solid rgba(0, 0, 0, 0.2);
						background: rgba(0, 0, 0, 0.3);
						-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 3px inset;
						-webkit-animation-name: none;
						}
					#header ul li a:hover {
						color: #FFF;
						-webkit-animation-name: toWhite;
						-webkit-animation-duration: 0.25s;
						}
						
						
@-webkit-keyframes toWhite {
	0% { color: auto; }
	100% { color: #FFF; }
}
@-webkit-keyframes toDefault {
	0% { color: auto; }
	100% { color: #c7cdb8; }
}
@-webkit-keyframes toDirectionDefault {
	0% { color: auto; }
	100% { color: #9598A2; }
}
	
		
	#contentArea {
		width: 568px;
		margin: 0 auto;
		}
		
		#breadcrumb {
			text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
			list-style: none;
			/*font-weight: 200;
			letter-spacing: .75px;
			*/
			font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
			font-size: 11px;
			color: #c7cbd8;
			height: 30px;
			/*letter-spacing: .85px;*/
		}
		#breadcrumb.home {
			margin-top: -10px;
		}
		
		#breadcrumb li {
			float: left;
			display: block;
		}
		
		#breadcrumb > li:first-child a {
			margin-left: 0;
		}

		#breadcrumb > li:last-child {
			color: #FFF;
			font-weight: 400;
			margin-left: 4px;
		}

		#breadcrumb li a {
			color: #C7CBD8;
			margin-left: 4px;
			text-decoration: none;
		}
		
		#breadcrumb li a:hover {
			color: #FFF;
		}
		
		.bodyText {
			font-size: 12px;
			font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
			color: #C7CBD8;
			}
		
			.bodyText h1 {
				color: #FFF;
				font-size: 24px;
				font-weight: 100;
				letter-spacing: .75px;
				font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
				margin-bottom: 14px;
				text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
				}
		
			.bodyText h2 {
				color: #FFF;
				font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
				font-size: 14px;
				font-weight: 400;
				letter-spacing: .75px;
				margin-bottom: 4px;
				text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
				}
		
			.bodyText p {
				margin-bottom: 20px;
				text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
				}
		
				.bodyText p a {
					text-decoration: none;
					border-bottom: 1px dotted #CED3E0;
					color: #CED3E0;
					-webkit-animation-name: toDefault;
					-webkit-animation-duration: 0.25s;
					}
		
				.bodyText p a:hover {
					color: #FFF;
					-webkit-animation-name: toWhite;
					-webkit-animation-duration: 0.25s;
					}
					
		.mapOverlay {
			/*position: absolute;*/
			/*display: none;*/
		}
		
		.photoContainer {
			clear: both;
			position: relative;
			margin: 0 0 35px 0;
			}
			.singlePhotoContainer { margin: 0 0 26px 0;}
		.photo {
			margin: 7px 0 0 0;
			width: 568px;
			background: url(../images/photo_tile.png) 0 0 repeat-y;
			}
			.photoTop {
				height: 7px;
				width: 568px;
				position: absolute;
				margin-top: -7px;
				background: url(../images/photo_top.png) 1px 0 no-repeat;
				}
			.photoBottom {
				height: 26px;
				width: 568px;
				background: url(../images/photo_bottom.png) no-repeat;
				position: absolute;
				}
			.photoFrame {
				position: relative;
				margin: 0 auto;
				overflow: hidden;
				width: 552px;
				background: #c8c8c8;
				}
				.photoInnerTop {
					height: 4px;
					background: url(../images/photo_inner_top.png) repeat-x;
					width: 100%;
					position: absolute;
					}
				.photoFrame img {
					display: block;
					margin: 0 auto;
				}
			.photoRibbon {
				width: 581px;
				position: absolute;
				background: url(../images/ribbon_stretch.png) no-repeat;
				margin: -95px 0 9px -7px;
				}
				.photoRibbonBottom {
					padding: 0 0 9px 85px;
					position: relative;
					top: 9px;
					min-height: 58px;
					background: url(../images/ribbon_bottom.png) 0 100% no-repeat;
					}
				.photoAvatar {
					border: 1px solid #e6e6e6;
					width: 52px;
					height: 52px;
					background: #FFF;
					position: absolute;
					margin-left: -64px;
					}
					.photoAvatar img {
						position: relative;
						top: 2px;
						left: 2px;
						display: block;
						}
				.photoDetails {
					}	
					.photoDetails p {
						font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
						text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
						/*font-size: 14px;*/
						margin: 0 0 2px 0;
						}
						.photoDetails .fromUser {
							font-weight: 700;
						}
						.photoDetails .fromUser:hover {
							color: #CCC;
						}
						.photoDetails .permalink {
							text-decoration: none;
						}
						.photoDetails .permalink:hover {
							color: #CCC;
						}
						.photoDetails p.timestamp a, .photoDetails .permalink {
							font-style: oblique;
							font-size: 11px;
							color: rgba(255, 255, 255, 0.5);
							}
						.photoDetails p.timestamp a {
							text-decoration: none;
						}
						.photoDetails p.timestamp a:hover {
							color: #CCC;
						}
		
		
		
		.pagination {
			text-align: center;
			}
			.pagination li {
				display: inline;
				color: #c7cbd8;
				text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
				}
				.pagination li a.directNav {
					color: #9598a2;
					padding: 2px 12px;
					-webkit-animation-name: toDirectionDefault;
					}
				.pagination li a {
					color: #c7cbd8;
					padding: 2px 5px;
					text-decoration: none;
					font-weight: 300;
					font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
					-webkit-animation-name: toDefault;
					-webkit-animation-duration: 0.25s;
					}
					.pagination li.active a {
						border: 1px solid rgba(0, 0, 0, 0.3);
						/*background: url(../images/pagination_bg.gif) repeat-x;*/
						border-radius: 2px;
						background: rgba(0, 0, 0, 0.05);
						-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px inset;
						color: #FFF;
						-webkit-animation-name: none;
						}
					.pagination li a:active {
						color: #c7cbd8;
						text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5);
						-webkit-animation-name: none;
						}
					.pagination li a:hover {
						color: #FFF;
						-webkit-animation-name: toWhite;
						-webkit-animation-duration: 0.25s;
						}
					.arrowLeft,
					.pagination .arrowLeft:active {
						background: url(../images/arrow_left.png) 50% 50% no-repeat;
						padding: 0px 5px;
						border: none;
						opacity: .25;
						}
					.arrowRight,
					.pagination .arrowRight:active {
						background: url(../images/arrow_right.png) 50% 50% no-repeat;
						padding: 0px 5px;
						border: none;
						opacity: .25;
						}
						.arrowRight:hover,
						.arrowLeft:hover {
							opacity: 1;
							}

	.firstUserBio {
		border-top: 1px solid rgba(255, 255, 255, 0.05);
		}
	.userBio {
		text-decoration: none;
		display: block;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
		font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		font-weight: 400;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
		padding: 10px 10px 10px 74px;
		-webkit-animation-name: userBackgroundOff;
		-webkit-animation-duration: 0.25s;
		}
		.userBio:hover {
			background: rgba(0,0,0,0.1);
			-webkit-animation-name: userBackgroundOn;
			-webkit-animation-duration: 0.25s;
			}
		.userBioImage {
			border: 1px solid #e6e6e6;
			width: 52px;
			height: 52px;
			background: #FFF;
			position: absolute;
			margin-left: -64px;
			}
			.userBioImage img {
				position: relative;
				top: 2px;
				left: 2px;
				display: block;
				}
		.userBioText {
			line-height: 18px;
			color: rgb(210, 210, 210);
			min-height: 51px;
			padding: 0 0 0 0;
			margin: 0;
			}
		.userBioText span {
			color: rgba(255, 255, 255, 0.3);
			text-shadow: none;
			font-size: 11px;
		}
		.userBioText .username {
			color: rgb(255, 255, 255);
		}
		
@-webkit-keyframes userBackgroundOn {
	0% { background-color: auto; }
	100% { background-color: rgba(0,0,0,0.1); }
}
@-webkit-keyframes userBackgroundOff {
	0% { background-color: auto; }
	100% { background-color: transparent; }
}
	
	#footer {
		width: 566px;
		margin: 0 auto;
		padding: 20px 0;
		}
		#footer p {
			color: rgba(255, 255, 255, 0.2);
			font-size: 11px;
			font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
			/*font-weight: 200;*/
			}
		#footer a {
			color: #c7cbd8;
			color: rgba(255, 255, 255, 0.2);
			text-decoration: none;
			}
			#footer a:hover {
				color: #FFF;
				}
		#footerBlurb {
			float: right;
			}
			
.tipsy {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	padding: 5px;
	font-size: 11px;
	opacity: 0.8;
	letter-spacing: .85;
	filter: alpha(opacity=80);
	background-repeat: no-repeat; 
	background-image: url(../images/tipsy.gif);
			text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
}
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; 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; }


/*----------------------------
 | SINGLE IMAGE PAGE STYLES
---------------------------- */
.userDetails {
	padding: 0 0 0 72px;
	min-height: 75px;
	background: transparent url(../images/user_detail_border.png) 50% 100% no-repeat;
	}
	.userDetails .avatar {
		border: 1px solid #e6e6e6;
		width: 52px;
		height: 52px;
		background: #FFF;
		position: absolute;
		margin-left: -64px;
		}
		.userDetails .avatar img {
			position: relative;
			top: 2px;
			left: 2px;
			display: block;
			}
	.userDetails .photoDetails {
		padding-top: 8px;
		}
	.userDetails .photoDetails.single {
		padding-top: 0px;
		}
	.photoDetails.single .permalink {
		margin-top: -2px;
	}
	.userDetails p {
		margin: 0 0 0 0;
		}
	.tag {
		background: rgba(0,0,0,0.3);
		border-radius: 2px;
		color: rgba(255, 255, 255, 0.5);
		font-size: 11px;
		height: 17px;
		line-height: 17px;
		display: inline;
		text-align: center;
		padding: 2px 4px;
		margin-top: 2px;
	}

.singleActions {
	height: 41px;
	padding: 18px 0 0 0;
	margin: 0 0 15px 0;
	}
	.singleActions a {
		opacity: .3;
		outline: none;
		display: block;
		width: 273px;
		height: 41px;
		text-decoration: none;
		font-size: 11px;
		font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
		-webkit-animation-name: fadeOutToThirty;
		-webkit-animation-duration: 0.25s;
		}
		.singleActions span { opacity: .6; display: block; }
		.singleActions a:hover {
			-webkit-animation-name: fadeIn;
			-webkit-animation-duration: 0.25s;
			opacity: 1; 
			}

	.bShortUrl { background: url(../images/b_short_url.png) no-repeat; }
	.bShortUrl span { padding: 9px 0 0 36px; }
	.bRetweet { float: right; background: url(../images/b_retweet.png) no-repeat; }
	.bRetweet span { padding: 9px 0 0 9px; }

	@-webkit-keyframes fadeIn {
		0% { opacity: auto; }
		100% { opacity: 1; }
	}
	@-webkit-keyframes fadeOutToThirty {
		0% { opacity: auto; }
		100% { opacity: 0.3; }
	}
	
	#copyWrapper {
		position:relative;
	}
	
	
	#nav ul {
		height: 28px;
		border-bottom: 2px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 20px;
		}
		#nav ul li {
			font-size: 12px;
			display: block;
			width: 70px;
			margin-right: 19px;
			float: left;
			}
			#nav ul li a {
				color: rgba(199, 203, 216, 0.5);
				display: block;
				height: 28px;
				line-height: 29px;
				text-align: center;
				text-decoration: none;
				}
				#nav ul li.active a {
					color: #FFF;
					border-bottom: 2px solid rgba(0, 0, 0, 0.2);
					}
				#nav ul li a:hover {
					color: #FFF;
					border-bottom: 2px solid rgba(0, 0, 0, 0.1);
					}
					
.mapContainer {
	position: absolute;
	/*display: none;*/
	background: url(../images/grid.png);
}

.locationRibbon {
	background: url(../images/ribbon.png) 0 0 no-repeat;
	width: 28px;
	height: 40px;
	position: absolute;
	right: 0;
	display: block;
	z-index: 9999;
	margin-top: -14px;
	margin-right: 14px;
	text-indent: -9999px;
}

.locationRibbon:hover, .locationRibbon.active {
	background-position: 0 -40px;
}

.twitterRibbon {
	background: url(../images/ribbon.png) -28px 0 no-repeat;
	width: 28px;
	height: 40px;
	position: absolute;
	right: 0;
	display: block;
	z-index: 9998;
	margin-top: -14px;
	margin-right: 14px;
	text-indent: -9999px;
}

.twitterRibbon:hover, .twitterRibbon.active {
	background-position: -28px -40px;
}

#map_container_nearby {
	width: 566px;
	height: 600px;
	background: url(../images/grid.png);
	border: 2px solid #FFF;
}

#signIn {
	text-align: right;
}

#stats {
	width: 100%;
}
#stats thead {
	font-weight: bold;
}
#stats tbody td {
	border-bottom: 1px solid red;
}
tr:nth-child(2n+1) {
	background-color: rgba(255, 255, 255, 0.1);
}

#infoBar
{
	height: 30px;
	width: 100%;
	text-align: center;
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	box-shadow: 0 1px 1px rgb(0, 0, 0);
	line-height: 29px;
}

.large {
	border-radius: 6px;
	font-size: 18px;
	color: white;
	line-height: 29px;
	background: rgba(0, 0, 0, 0.2);
	padding: 20px;
}