/* reset css
*************************/
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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* 1kb grid
*************************/

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 800px;
	margin: 0 -10px;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/* info

typographic scale:

pt: nonpareil
7pt: minion
8pt: brevier or small text
9pt: bourgeois or galliard
10pt: long primer or garamond
11pt: small pica or philosophy
12pt: pica
14pt: english or augustin
18pt: great primer
21pt: double small pica or double pica
24pt: double pica or two-line pica
36pt: double great primer or 2-line great primer
48pt:
60pt:
72pt:

*************************/

/* genetify
*************************/

.v { display: none; }
.genetify_disabled { display: none !important; }
.genetify_enabled { display: block !important; }
span.genetify_enabled { display: inline !important; }


/* body
*************************/

body
{
	font: 16px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #777;
	background: #D1E9D1 url(../images/nearbytweetsbg.png) repeat-x fixed;
	text-rendering: optimizeLegibility;
}

/* headlines
*************************/

h1
{
	font-weight: bold;
	font-size: 36px;
	line-height: 36px;
	margin: 12px 0 24px;
	color: #6c8b14;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
	color: inherit;
	border-bottom-width: 0;
	background-color: transparent;
}

h2
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 21px;
	line-height: 21px;
	margin: 27px 0 24px 0;
	color: #ae1f23;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active
{
	color: inherit;
	border-bottom-width: 0;
	background-color: transparent;
}

h3
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	margin: 36px 0 12px;
	color: #310d07;
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active
{
	color: inherit;
	border-bottom-width: 0;
	background-color: transparent;
}
	

h4
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	margin: 24px 0 6px;
	color: #310d07;
}

h5
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
	line-height: 10px;
	margin: 26px 0 0;
}

h6
{
	font-weight: normal;
	font-style: italic;
	font-size: 9px;
	line-height: 9px;
	margin: 27px 0 0;
}

/* links
*************************/

a:link, a:visited, a:hover, a:active
{
	text-decoration: none;
}

a:link
{
	color: #1179a6;
}

a:visited
{
	color: #1179a6;
}

a:hover
{
	background-color: #fff;
}

a:active
{
	color: #1179a6;
}

/* lists
*************************/

ul, ol, dl
{
	margin: 0 0 24px 24px;
}

ul
{
	list-style: outside disc;
}

ol
{
	list-style: outside decimal;
}

ul.plain, ol.plain
{
	margin-left: 0;
	list-style: none;
}

dt
{
	font-weight: bold;
}

dd
{
	margin-bottom: 24px;
}

/* inline elements
*************************/

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

del
{
	text-decoration: line-through;
}

ins
{
	font-style: italic;
}

abbr
{
	text-transform: uppercase;
	font-size: 80%;
}

cite, q
{
	font-style: italic;
}

code, kbd, samp, var, tt
{
	font-family: "Courier New", Courier, monospace;
	font-size: 80%;
}


/* paragraph elements
*************************/

address, blockquote, p, pre
{
	margin: 0 0 24px;
}

blockquote
{
	margin-left: 24px;
	border-left: 4px solid #eee;
	padding-left: 20px;
}

pre
{
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
}

/* tables
*************************/

table
{
	margin: 0 0 24px;
}

th
{
	font-weight: bold;
	text-align: left;
}

td
{
	vertical-align: middle;
}

/* forms
*************************/

form, fieldset, legend
{
	margin: 0 0 24px;
}

legend
{
	font-weight: bold;
}

form .form-field,
form .form-button
{
	margin-bottom: 24px;
}

form .form-field.checkbox-input,
form .form-field.radio-input 
{
	margin: 0;
}

form .form-field label,
form .form-field input,
form .form-field select,
form .form-field textarea
{
	font: 16px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 4px;
	display: block;
}

form .form-field label
{
	padding: 0;
}

form .form-field.checkbox-input label,
form .form-field.radio-input label,
form .form-field.checkbox-input input,
form .form-field.radio-input input
{
	display: inline;
	width: auto;
}

form textarea
{
	height: 12em;
}

input, textarea, select
{
	font: 16px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#verification
{
	display: none;
}

.form-error
{
	color: #f00;
	margin: 0;
}

/* other elements
*************************/

object
{
	margin: 0 0 24px;
	display: block;
}

hr
{
	background-color: #000; /* set both colors to same */
	color: #000;
	height: 1px;
	border-width: 0; /* border causes browser incompatabilities */
	width: 80%;
	text-align: center;
}

img
{
	-ms-interpolation-mode: bicubic;
}

/* tabs
*************************/

ul.tabs
{
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

ul.tabs li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}

ul.tabs a
{
	position: relative;
	display: block;
}

/* dropdowns
*************************/

ul.dropdown
{
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	width: 250px;
	display: none;
	left: 0;
}

ul.dropdown ul.dropdown
{
	top: 0;
	left: 95%;
}

ul.dropdown li
{
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
}

ul.dropdown li a
{
	display: block;
}


/* helper classes
*************************/

/*.even
{
	background-color: #eee;
}

.odd
{
	background-color: #ddd;
}*/

.weak
{
	color: #8A8160;
}

.high-context
{
	margin-top: -24px;
}

.footnote
{
	font-size: 12px;
}

.inline
{
	display: inline;
}

.float-right
{
	display: block;
	float: right;
}

.float-left
{
	display: block;
	float: left;
}

.float-right.pad
{
	margin: 24px 0 24px 24px;
}

.float-left.pad
{
	margin: 24px 24px 24px 0;
}

.clear-left
{
	clear: left;
}

.clear-right
{
	clear: right;
}

.clear-all
{
	clear: both;
}

.hide
{
	display: none;
}

.invisible
{
	visibility: hidden;
}

.page-break
{
	page-break-before: always;
}

.columns
{
	overflow: hidden;
	width: 100%;
}

.footnote
{
	font-size: 12px;
	text-transform: uppercase;
}

.clickable
{
	cursor: pointer;
}

a.button
{
	float: left;
	display: block;
	background: url(../images/button-left.png) no-repeat;
	padding-left: 2px;
	border-bottom-width: 0;
	margin-bottom: 24px;
}

.button span
{
	display: block;
	width: auto;
	height: 79px;
	line-height: 79px;
	padding: 0 20px 0 18px;
	background: url(../images/button-right.png) top right no-repeat;
}

.h3-block
{
	margin-top: 36px;
}

.h3-block h3
{
	margin-top: 0;
}

ul.list
{
	margin-left: 0;
	list-style: none;
}

ul.list li
{
	border-bottom: 1px solid #ccc;
	padding: 6px 0;
}

ul.list li.last
{
	border-bottom-width: 0;
}


/* website
*************************/

#container-outer
{
	background-color: #fff;
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0 4px;
	-moz-box-shadow: 0 0 20px #D1EEFC;
	-webkit-box-shadow: 0 0 20px #D1EEFC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 80px;
}

#container
{
	background-color: #fff;
	width: 780px;
	padding: 20px 90px 0px;
}

#header,
#content,
#footer
{
	position: relative;
}

#header
{
	background-color: #fff;
	margin: -10px -90px 0;
	padding: 30px 90px;
}

#header h1
{
	margin: 0;
}

#header h1 a
{
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	background-image: url(../images/nbtlogo.png);
	width: 174px;
	height: 50px;
}

h1#betaheader
{
	margin: 24px 0;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../images/nbtbiglogo.png) top center no-repeat;
	width: 100%;
	height: 150px;
}

#menu
{
	position: absolute;
	top: 30px;
	right: 80px;
}

#menu a
{
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin-left: 20px;
	padding: 0 10px;
	font-weight: bold;
}

#menu a:hover
{
	background-color: #eee;
}

#mapupdate a
{

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin: 0 10px 0 0;
	color: #fff;
	background-color: #1179a6;
	padding: 5px 10px;
}

#menu a.last, #mapupdate a.last
{
	margin-right: 0;
}

#menu img
{
	vertical-align: middle;
}


#footer-outer
{
	position: relative;
}

#footer
{
	padding: 48px 4px;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
}

#nav
{
	margin: 0 auto 24px;
}

#nav a
{
	margin: 0 20px;
}


/* home page
*******************/

#tweetcanvas
{
	height: 560px;
	width: 778px;
	position: relative;
	overflow: hidden;
	border: 1px solid #999;
}

#nearbytweets
{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 778px;
	height: 560px;
	overflow: auto;
	background-image: url(../images/nbtbg.png);
	border-right: 1px solid #fff;
}

#map
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 560px;
	width: 778px;
}

#mapupdate
{
	display: none;
	z-index: 2;
	position: absolute;
	top: 300px;
	left: 389px;
	margin-left: -125px;
	width: 230px;
	padding: 10px;
	background-color: #fff;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

#mapupdate .footnote
{
	text-align: center;
	margin-bottom: 10px;
}

#mapupdate ul
{
	margin: 0 auto;
}

#location, #keyword, #timer, .hclone
{
	border-bottom: 2px solid #1179a6;
	font-weight: bold;
	cursor: pointer;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	position: relative;
	color: #1179a6;
}

#timed
{
	color: #ae1f23;
	position: absolute;
	top: 0;
	right: 0;
}

.tweet
{
	position: relative;
	background-image: url(../images/tweetbg2.png);
	border-bottom: 1px solid #999;
	height: 0;
	overflow: hidden;
	z-index: 5;
}

.hover,
.highlight
{
	background-image: none;
	background-color: #EDFAED;
}

.profileimg
{
	display: block;
	position: absolute;
	bottom: 12px;
	left: 12px;
	width: 45px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.name
{
	font-weight: bold;
}

.message
{
	display: block;
	position: absolute;
	bottom: 0;
	padding: 12px 0 12px 69px;
	height: 48px;
	width:697px;
}

.tweetlocation, .tweet-time
{
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
}

#pause
{
	display: block;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	border-top: none;
	border-bottom: none;
	width: 2px;
	height: 16px;
	position: absolute;
	top: 0;
	right: 0;
}

#pause.undo
{
	text-indent: -9999em;
	border-left: 8px solid #000;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	border-right: none;
	width: 0;
	height: 0;
}

#paused
{
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	display: none;
	height: 48px;
	position: fixed;
	display: none;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	text-align: center;
	line-height: 48px;
	border-bottom: 1px solid #999;
}

a.unpause
{
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	color: #fff;
	background-color: #1179a6;
	padding: 5px;
	margin-left: 5px;
}

#paused .footnote
{
	text-transform: lowercase;
	color: #879687;
	margin-top: -28px;
	display: block;
	text-align: center;
}

#changelocation,
#changekeyword,
#changetime
{
	background-color: #d1e9d1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	position: absolute;
	text-align: center;
	padding: 12px 0;
	z-index: 9998;
	border: 1px solid #BDD3BD;
}

#changelocation .hclone,
#changekeyword .hclone,
#changetime .hclone
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 21px;
	line-height: 21px;
	margin: 0;
	color: #1179a6;
}

#changelocation input.hclone,
#changekeyword input.hclone,
#changetime input.hclone
{
	display: block;
	margin: -72px 80px 0 10px;
	cursor: auto;
}

#newlocation,
#newkeyword
{
	display: none;
	position: relative;
	z-index: 9999;
}

#newlocation .update,
#newkeyword .update
{
	margin-top: 6px;
	cursor: pointer;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	color: #fff;
	background-color: #1179a6;
	padding: 6px 6px;
	border-width: 0;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 12px;
}

#changetime .hclone
{
	font-size: 16px;
	letter-spacing: 0;
}

#changelocation .notification,
#changekeyword .notification,
#changetime .notification
{
	display: block;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin: 10px 10px 0;
	color: #fff;
	background-color: #1179a6;
	padding: 5px 10px;
}

#changetime .notification
{
	font-size: 12px;
}

li.saved
{
	position: relative;
	display: block;
	line-height: 18px;
}

li.saved strong
{
	line-height: 24px;
	font-size: 12px;
}

.saved span
{
	cursor: pointer;
	text-transform: uppercase;
	font-size: 10px;
	padding: 4px 12px;
	color: #000;
	background-color: #ddd;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

#changelocation .saved.usemap span,
#changekeyword .saved.usemap span,
#changetime .saved.usemap span
{
	background-color: #1179a6;
	color: #fff;
}

.trends .dropdown
{
	left: 90%;
	top: 0;
	background-color: #d1e9d1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: center;
	padding: 12px 0;
	z-index: 9999;
	border: 1px solid #BDD3BD;
	width: 200px;
}

#changelocation .saved span,
#changekeyword .saved span,
#changetime .saved span
{
	background-color: #BDD3BD;
}

#changelocation ul,
#changekeyword ul
{
	margin: 12px 0 0;
	list-style: none;
}

#changelocation li,
#changekeyword li
{
	margin-top: 4px;
}

a.tweetlink
{
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #EDFAED;
	display: block;
	position: absolute;
	display: none;
	border-bottom-width: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: 1px solid #d1e9d1;
	top: 34px;
}

a.tweetlink:hover
{
	background-color: transparent;
}

a.tweetlink.follow
{
	left: 660px;
	width: 16px;
	height: 16px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(../images/follow.png);
}

a.tweetlink.blockuser
{
	left: 690px;
	width: 16px;
	height: 16px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(../images/thumbs_down_16.png);
}

a.tweetlink.blocklocation
{
	left: 720px;
	top: 34px;
	width: 16px;
	height: 16px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(../images/globe_16.png);
}

#nlocation,
#nkeyword
{
	width: auto;
	border: 1px solid #999;
}

#tweetbox
{
	background-color: #eee;
	margin: 0 -90px;
	padding: 10px;
}

#tweetthis
{
	width: 230px;
}


/* blog
****************/

ol.comments
{
	list-style: none;
	margin-left: 0;
}

ol.comments li
{
	margin: 0;
	padding: 12px 12px 12px 84px;
	position: relative;
	min-height: 48px;
	border-bottom: 1px solid #ccc;
}

ol.comments li .avatar
{
	position: absolute;
	left: 12px;
	top: 12px;
}

ol.comments li .footnote
{
	margin: -24px 0 0 24px;
}

ol.comments li.author
{
	background-color: #FFFBC1;
}

ol.comments li.author blockquote
{
	border-color: #eee;
}

ol.comments li.author .author-spec
{
	position: absolute;
	top: 12px;
	left: 800px;
	font-size: 18px;
	color: #666;
	font-style: italic;
}

ol.comments h4
{
	margin-top: 0;
}

/* preferences page
*********************/

.locationdefault img,
.locationdelete img,
.keyworddelete img,
.removed-locations img,
.removed-users img
{
	cursor: pointer;
}

.saved-locations td,
.saved-keywords td,
.removed-locations td,
.removed-users td
{
	border-bottom: 1px solid #ddd;
	padding: 4px 0;
}

.saved-locations tr.last td,
.saved-keywords tr.last td,
.removed-locations tr.last td,
.removed-users tr.last td
{
	border-bottom-width: 0;
}

.saved-locations th,
.saved-keywords th,
.removed-locations th,
.removed-users th
{
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
}

.saved-preferences
{
	margin-top: 36px;
	margin-bottom: -24px;
}

.saved-preferences h3
{
	margin-top: 0;
}

h3.biglink a
{
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	margin: 0 auto;
	color: #fff;
	background-color: #1179a6;
	padding: 5px 10px;
	text-align: center;
	display: block;
}