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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: normal;
  src: local('PT Sans'), local('PTSans-Regular'), url('http://themes.googleusercontent.com/static/fonts/ptsans/v1/LKf8nhXsWg5ybwEGXk8UBQ.woff') format('woff');
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 5, 2012 04:29:40 PM America/New_York */

/* leaguegothic/League_Gothic-webfont */ 

@font-face {
    font-family: 'LeagueGothic';
    src: url('leaguegothic/League_Gothic-webfont.eot');
    src: url('leaguegothic/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('leaguegothic/League_Gothic-webfont.woff') format('woff'),
         url('leaguegothic/League_Gothic-webfont.ttf') format('truetype'),
         url('leaguegothic/League_Gothic-webfont.svg#LeagueGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { font: 100%/1.5 'LeagueGothic', PT Sans, Arial, Bitstream Vera, Sans Serif; }
body { font-size: 1em; position: relative; }
html, body, div { margin: 0; padding: 0; }
html, body { height: 100%; width: 100%; background: #ccc; }
#map { height: 100%; width: 100%;}
#page { position: absolute; top: 3em; right: 0; color: #eee; min-width: 30em}
.padder { padding: 1em; text-align: center; position: relative;}

p { margin: 1em 0; }
h1 { font-size: 2em; margin: .75em 0 .5em; }
h2 { font-size: 1.5em; margin: 1em 0 .6667em; }

#numbers {
	padding-bottom: .3em;
}

#sound {
	position: absolute;
	left: .6em;
	top: 1.5em;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 2em;
}

#sound i {
	width: 1em;
	height: 1em;
}

#requests { 
	border-top: 1px dotted #666; 
	width: 100%; 
	height: 10em; 
	margin-top: 1.1em;
}

#lates {
	margin-top: 1.5em;
}

#graphs {
	background: rgba(0,0,0,.8);
}

#live {
	padding: 1em;
	line-height: 1.5em;
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
	min-width: 2em;
	color: #333;
	text-shadow: 0 0 2px rgba(255,255,255,1);
	font-family: PT Sans;
}

#live a {
	color: #333;
}

#visits,
#uniquevisits,
#recentvisits {
	display: inline-block;

}

#visits {
	margin-left: 3em;
}

#visits,
#uniquevisits {
	margin-right: 3em;
}

.count {
	font-size: 5em;
	color: #fff;
	text-align: right;
}

.text {
	text-align: right;
	font-size: 1.4em;
	text-transform: uppercase;
}

@media screen and (max-width: 600px) {
	#requests {
		display: none;
	}
	
	.count {
		font-size: 1.8em;
	}

	#visits,
	#uniquevisits {
		margin-right: 1.5em;
		margin-left: 0;
	}	
	
	.text {
		font-size: .8em;
	}
	
	#page {
		min-width: 1em;
		width: 100%;
		top: 0;
	}
	
	.padder {
		padding: 1em;
		text-align: right;
	}
	
	#sound {
		top: .7em;
	}
	
}