/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Actual styles start here */
html { height:auto; overflow-y:scroll; }
body { min-width:1085px; background:url(/img/bg.jpg) top left repeat; color:#fff; font-size:12px; line-height:16px; font-family:Helvetica, Arial, sans-serif; text-rendering:optimizeLegibility; }
a { color:#b3b3b3; text-decoration:none; outline:none; }
a:hover { color:#fff; }
strong { font-weight:bold; }
h2 { float:left; width:auto; height:22px; padding-left:36px; margin:0px 0px 15px 19px; display:block; background:url(/img/twitter-icon.png) top left no-repeat; font-size:16px; line-height:22px; font-weight:bold; }
.clearfix { clear:both; }

#pinterest { position:absolute; top:0px; left:0px; opacity:0; filter:alpha(opacity=0); z-index:-9999; }

#container { margin:0 auto; width:1019px; }
#container header { float:left; width:100%; height:134px; display:block; }
#container header a#logo { float:left; height:118px; width:109px; margin-right:20px; display:block; background:url(/img/logo.png) 0px 0px repeat-y; text-indent:-9000px; overflow:hidden; }
#container header a#logo.logo-1 { background-position:0px 0px; }
#container header a#logo.logo-2 { background-position:0px -118px; }
#container header a#logo.logo-3 { background-position:0px -236px; }
#container header a#logo.logo-4 { background-position:0px -354px; }
#container header a#logo.logo-5 { background-position:0px -472px; }
#container header a#logo.logo-6 { background-position:0px -590px; }
#container header .intro { float:left; width:462px; height:auto; display:block; }
#container header .intro h1 { float:left; width:100%; height:auto; margin:24px 0px 1px 0px; display:block; color:#fff; font-size:16px; line-height:20px; font-weight:bold; }
#container header .intro a.learn-more { float:left; height:16px; width:auto; padding-right:12px; display:block; background:url(/img/learn-more-rollover.png) right 0px no-repeat; color:#9b9b9b; line-height:18px; }
#container header .intro a.learn-more:hover { background-position:right -16px; color:#fff; }
#container header .intro a.learn-more.current { display:none; }
#container header .social { float:right; width:auto; height:auto; margin:28px 19px 0px 0px; display:block; }
#container header .social .fb_iframe_widget { float:left; width:90px; margin:1px 10px 0px 0px; }
#container header .social .fb_iframe_widget iframe { z-index:999; }
#container header .social .twitter-share-button { float:left; width:110px; margin-top:1px; }
#container header .social .st_sharethis_hcount { float:left; }

/* content - general */
#container #content {
	position:relative;
	float:left;
	width:981px;
	height:auto;
	min-height:395px;
	padding:16px 19px 19px 19px;
	margin-bottom:24px;
	display:block;
	background:#434343 center 178px no-repeat;
}
#container #content.loading { background-image:url(/img/loader.gif); }
#container #content:after {
	content:"";
	position:absolute;
	bottom:-16px;
	right:87px;
    width:0px;
    display:block;
	border-width:16px 16px 0px 0px;
	border-style:solid;
	border-color:#434343 transparent;
}
#container #content h2 { width:945px; margin-left:0px; padding-bottom:10px; border-bottom:1px solid #676767; }
#container #content section { float:left; width:100%; height:auto; min-height:395px; display:none; background:#434343; }
#container #content section.active { display:block; }

/* navigation */
nav ul { position:absolute; top:-19px; right:19px; height:34px; width:auto; display:block; background:#999; list-style:none; z-index:99; }
nav ul li { float:left; width:auto; height:auto; display:block; }
nav ul li a {
	position:relative;
	float:left;
	width:112px;
	height:32px;
	padding-left:11px;
	margin-left:-1px;
	display:block;
	background:#999;
	background:-moz-linear-gradient(270deg, rgba(153, 153, 153, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	background:-webkit-linear-gradient(270deg, rgba(153, 153, 153, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	background:-o-linear-gradient(270deg, rgba(153, 153, 153, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	background:-ms-linear-gradient(270deg, rgba(153, 153, 153, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	background:linear-gradient(270deg, rgba(153, 153, 153, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	border:1px solid #434343;
	color:#fff;
	font-size:12px;
	line-height:32px;
}
nav ul li a:hover {
	background:#8b8b8b;
	background:-moz-linear-gradient(270deg, rgba(0, 0, 0, 0.09) 0%, rgba(153, 153, 153, 0.09) 100%);
	background:-webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.09) 0%, rgba(153, 153, 153, 0.09) 100%);
	background:-o-linear-gradient(270deg, rgba(0, 0, 0, 0.09) 0%, rgba(153, 153, 153, 0.09) 100%);
	background:-ms-linear-gradient(270deg, rgba(0, 0, 0, 0.09) 0%, rgba(153, 153, 153, 0.09) 100%);
	background:linear-gradient(270deg, rgba(0, 0, 0, 0.09) 0%, rgba(153, 153, 153, 0.09) 100%);
}
nav ul li a.current { background:#fff; color:#434343; }
nav ul li a.current:after {
	content:"";
	position:absolute;
	bottom:-12px;
	right:28px;
    width:0px;
    display:block;
	border-width:12px 12px 0px 0px;
	border-style:solid;
	border-color:#fff transparent;
}

/* today */
.today-wrapper { position:relative; float:left; width:100%; height:auto; display:block; }
.today-count { position:absolute; /*float:left;*/ width:481px; height:auto; margin:0px 19px 13px 0px; display:block; }
.today-count > div { float:left; width:100%; height:120px; margin:9px 0px 1px 0px; display:block; font-size:104px; line-height:120px; font-weight:bold; }
.today-count h3 { float:left; width:100%; height:18px; padding-top:3px; display:block; border-top:1px solid #676767; font-size:16px; line-height:18px; font-weight:bold; }
.today-count h3 span { font-size:12px; color:#6e6e6e; font-weight:normal; }
.today-count.homo { top:0px; left:500px; color:#ef466c; }
.today-count.homo h3 { border-color:#ef466c; }
.today-count.dyke { top:0px; left:0px; margin-right:0px; color:#fdb74a; }
.today-count.dyke h3 { margin-bottom:17px; border-color:#fdb74a; }
.today-count.fag { top:165px; left:0px; color:#86ca88; }
.today-count.fag h3 { margin-bottom:17px; border-color:#86ca88; }
.today-count.gay { top:165px; left:500px; margin-right:0px; color:#a2ddf9; }
.today-count.gay h3 { border-color:#a2ddf9; }

/* week */
#week-graph {
	float:right;
	width:732px;
	height:345px;
	margin-top:2px;
	display:block;
	background:#525252;
	-moz-transition:background .3s ease-in;
	-webkit-transition:background .3s ease-in;
	-o-transition:background .3s ease-in;
	transition:background .3s ease-in;
}
#week-graph:hover { background:#2c2c2c; }
.week-wrapper { position:relative; float:left; width:249px; height:auto; display:block; }
.week-count { position:absolute; left:0px; /*float:left;*/ width:230px; height:auto; margin:0px 19px 17px 0px; display:block; }
.week-count > div { float:left; width:100%; height:50px; margin:2px 0px 1px 0px; display:block; font-size:40px; line-height:50px; font-weight:bold; }
.week-count h3 { float:left; width:100%; height:18px; padding-top:3px; display:block; border-top:1px solid #676767; font-size:12px; line-height:18px; font-weight:bold; }
.week-count h3 span { font-size:12px; color:#6e6e6e; font-weight:normal; }
.week-count.homo { top:0px; color:#ef466c; }
.week-count.homo h3 { border-color:#ef466c; }
.week-count.dyke { top:92px; margin-bottom:-4px; color:#fdb74a; }
.week-count.dyke h3 { margin-bottom:0px; border-color:#fdb74a; }
.week-count.fag { top:184px; color:#86ca88; }
.week-count.fag h3 { border-color:#86ca88; }
.week-count.gay { top:276px; color:#a2ddf9; }
.week-count.gay h3 { border-color:#a2ddf9; }

/* alltime */
#alltime-graph {
	float:right;
	width:732px;
	height:345px;
	margin-top:2px;
	display:block;
	background:#525252;
	-moz-transition:background .3s ease-in;
	-webkit-transition:background .3s ease-in;
	-o-transition:background .3s ease-in;
	transition:background .3s ease-in;
}
#alltime-graph:hover { background:#2c2c2c; }
.alltime-wrapper { position:relative; float:left; width:249px; height:auto; display:block; }
.alltime-count { position:absolute; left:0px; /*float:left;*/ width:230px; height:auto; margin:0px 19px 17px 0px; display:block; }
.alltime-count > div { float:left; width:100%; height:50px; margin:2px 0px 1px 0px; display:block; font-size:40px; line-height:50px; font-weight:bold; }
.alltime-count h3 { float:left; width:100%; height:18px; padding-top:3px; display:block; border-top:1px solid #676767; font-size:12px; line-height:18px; font-weight:bold; }
.alltime-count h3 span { font-size:12px; color:#6e6e6e; font-weight:normal; }
.alltime-count.homo { top:0px; color:#ef466c; }
.alltime-count.homo h3 { border-color:#ef466c; }
.alltime-count.dyke { top:92px; margin-bottom:-4px; color:#fdb74a; }
.alltime-count.dyke h3 { margin-bottom:0px; border-color:#fdb74a; }
.alltime-count.fag { top:184px; color:#86ca88; }
.alltime-count.fag h3 { border-color:#86ca88; }
.alltime-count.gay { top:276px; color:#a2ddf9; }
.alltime-count.gay h3 { border-color:#a2ddf9; }

/* tweets */
#tweet-wrapper { position:relative; float:left; width:100%; height:970px; margin-bottom:20px; display:none; }
.ie6 #tweet-wrapper, .ie7 #tweet-wrapper { overflow:hidden; }
#tweet-wrapper a#pause {
	position:absolute;
	top:0px;
	right:-33px;
	height:33px;
	width:32px;
	display:block;
	background:-moz-linear-gradient(270deg, rgba(153, 153, 153, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	background:-webkit-linear-gradient(270deg, rgba(153, 153, 153, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	background:-o-linear-gradient(270deg, rgba(153, 153, 153, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	background:-ms-linear-gradient(270deg, rgba(153, 153, 153, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	background:linear-gradient(270deg, rgba(153, 153, 153, 0.09) 0%, rgba(0, 0, 0, 0.09) 100%);
	background:#999;
	cursor:pointer;
}
#tweet-wrapper a#pause:hover {
	background:-moz-linear-gradient(270deg, rgba(0, 0, 0, 0.09) 0%, rgba(153, 153, 153, 0.09) 100%);
	background:-webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.09) 0%, rgba(153, 153, 153, 0.09) 100%);
	background:-o-linear-gradient(270deg, rgba(0, 0, 0, 0.09) 0%, rgba(153, 153, 153, 0.09) 100%);
	background:-ms-linear-gradient(270deg, rgba(0, 0, 0, 0.09) 0%, rgba(153, 153, 153, 0.09) 100%);
	background:linear-gradient(270deg, rgba(0, 0, 0, 0.09) 0%, rgba(153, 153, 153, 0.09) 100%);
	background-color:#8b8b8b;
}
#tweet-wrapper a#pause span { float:left; width:100%; height:100%; display:block; background:url(/img/play-pause-rollover.png) 0px 0px no-repeat; }
#tweet-wrapper a#pause:hover span { background-position:0px -33px; }
#tweet-wrapper a#pause.paused span { background-position:-32px 0px; }
#tweet-wrapper a#pause.paused:hover span { background-position:-32px -33px; }
ul#tweets { float:left; width:100%; height:970px; display:block; list-style:none; overflow:hidden; }
ul#tweets li { float:left; width:500px; height:177px; margin-bottom:19px; display:block; }
ul#tweets li.new { margin-top:-196px; display:none; }
ul#tweets li.odd { margin-right:19px; }
ul#tweets li a { position:relative; float:left; width:462px; height:139px; padding:9px; display:block; background:#fff; border:10px solid #434343; color:#313131; }
ul#tweets li a:after {
	content:"";
	position:absolute;
	bottom:-16px;
	right:77px;
    width:0px;
    display:block;
	border-width:16px 16px 0px 0px;
	border-style:solid;
	border-color:#fff transparent;
}
ul#tweets li a.homo:hover { border-color:#ef466c; }
ul#tweets li a.gay:hover { border-color:#a2ddf9; }
ul#tweets li a.fag:hover { border-color:#86ca88; }
ul#tweets li a.dyke:hover { border-color:#fdb74a; }

ul#tweets li a img {
	float:left;
	width:48px;
	height:48px;
	margin-right:18px;
	display:block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
ul#tweets li a .name { float:left; width:auto; height:24px; margin:2px 5px 0px 0px; display:block; font-size:14px; line-height:19px; font-weight:bold; }
ul#tweets li a .username { float:left; width:auto; height:19px; margin-top:2px; display:block; font-size:12px; line-height:19px; color:#9b9b9b; }
ul#tweets li a .created-at { float:right; color:#9c9c9c; font-size:12px; }
ul#tweets li a .text { float:left; width:396px; height:auto; font-size:14px; line-height:19px; color:#313131; }

/* about */
#about p { margin-bottom:9px; color:#b3b3b3; font-size:13px; line-height:18px; }
#about em { color:#fff; }
#about a { color:#fff; text-decoration:underline; }
#about a:hover { color:#b3b3b3; }
#about strong { color:#fff; font-weight:bold; }
#about h2 { width:100% !important; height:auto !important; padding:0px !important; margin-bottom:8px !important; border:none !important; background:none; }
#about h4 { margin-top:3px; color:#b3b3b3; font-size:16px; line-height:22px; font-weight:bold; }
#about a.download { float:left; height:24px; width:auto; margin-top:27px; padding-left:35px; display:block; background:url(/img/download-rollover.png) 0px 0px no-repeat; font-size:14px; font-weight:bold; text-decoration:none; }
#about a.download:hover { background-position:0px -24px; }
#about a.download span { float:left; margin-top:2px; border-bottom:1px solid #fff; }
#about a.download:hover span { border-color:#b3b3b3; }
#about a.donate { float:left; height:24px; width:auto; margin-top:5px; padding-left:35px; display:block; background:url(/img/donate-rollover.png) 0px 0px no-repeat; font-size:14px; font-weight:bold; text-decoration:none; }
#about a.donate:hover { background-position:0px -24px; }
#about a.donate span { float:left; margin-top:2px; border-bottom:1px solid #fff; }
#about a.donate:hover span { border-color:#b3b3b3; }
.column-left { float:left; width:533px; height:auto; margin-right:78px; display:block; }
.column-right { float:left; width:370px; height:auto; display:block; }
.section { float:left; width:100%; height:auto; padding-top:15px; margin-bottom:36px; display:block; border-top:1px solid #676767; }
#about .section.disclaimer { margin-bottom:0px; }
#about .section.disclaimer p { font-size:10px; line-height:15px; }

/* live map */
#live-map { float:left; width:100%; height:345px; margin-top:2px; display:block; }