/**
* God save the queen... and thanks to http://alistapart.com/d/accessibledata/ and of course, Rundle.
*/
a:visited{
	color:#444;
}


/*
 * Tweets listing
 */
#tweets{
	width: 700px;
	background-color:#FFF;
}
#tweets li:first-child {
	border-top:1px dashed #D2DADA;
}

#tweets ol{
	font-size:1.2em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#tweets ol li {
	border-bottom:1px dashed #D2DADA;
	line-height:1.1em;
	padding:0.7em 0 0.6em;
	position:relative;
}

#tweets ol span.meta {
	color:#999999;
	display:block;
	font-family:georgia;
	font-size:0.8em;
	font-style:italic;
	margin:3px 0 0;
}

.chart_box_horizontal{
	width: 44em;
	margin: 3px;
	padding: 6px;
	font: bold 0.75em "Lucida Grande", "Verdana", sans-serif;
	background: #fff;
	-webkit-border-radius: 10px; }

	.ff3 .chart_box_horizontal {
		-moz-border-radius: 10px; }

.chart_title{
	margin:15px 0px 5px 0px;font-size:1.4em;}

.chart_table{
	padding:0px;
	margin:0px;
	width: 97%;
}
	.chart_table .ref{
		width: 75%;
	}
	.chart_table .count{
		width:25%;
	}

/* CHART LISTS */
.horizontal { 
	width: 15em;
	display:block;
	padding:6px;
	margin: 3px;
	font: bold 14px "Lucida Grande", "Verdana", sans-serif;}

.horizontal .bubble{
	background: #fff;
	-webkit-border-radius: 10px; }

	.ff3 .horizontal .bubble {
		-moz-border-radius: 10px; }

	.horizontal div { 
		position: relative;
		display: block;  
		_zoom: 1;
		margin: 0px 0px 5px 0px;
	}

	.horizontal .small{
		width:200px;
		float:none;
		padding: 1px 0px 1px 8px;
		margin: 0px 0px 1px 0px;
		font: normal 11px "Lucida Grande", "Verdana", sans-serif;
		background: #fff;}
	

	.horizontal .large{
		color: #333;
		width: 650px;
		float: none;
                line-height: 1.2em;
		padding: 4px 0px 2px 8px;
		font: normal 11px "Lucida Grande", "Verdana", sans-serif;
		background: #fff;}

		.horizontal .row .charttext {
      			font-weight:bold;
			color:#333;
                        position: relative; 
			top: 3px;
			z-index: 2;
		}

		.horizontal .row a { 
		}
		.horizontal .row a:hover { 
			color: #888; 
		}

		.horizontal .row .display {
			padding-top:4px;
			color:#222;
                        font-size:1.3em;
			z-index:10;
		}

		.horizontal .row .display a img {
			border:0px;
			position: relative;
			top:2px;
			left: 1px;
		}
		.horizontal .large .count { 
			font: bold 3em Courier;
		}
		.horizontal .small .count { 
			font: bold 1em Courier;
		}

		.horizontal .row .count { 
			line-height: 1em;
			display: block;
			position: absolute;
			top: 8px;
			right: 8px; 
			z-index: 4; 
		}

		.webkit .horizontal .row .count{
			top: 3px;
		}

		.horizontal .row .index { 
			display: block; 
			position: absolute; 
			top: 0;
			left: 0;
			height: 100%;
			background: #B8E4F5;
			text-indent: -9999px; 
			z-index: 1; 
			overflow: hidden; }

 /* vertical CHARTS */
.vertical { 
	height: 10em; 
	width: 44em;
	margin: 3px;
	padding: 6px;
	font: bold 0.75em "Lucida Grande", "Verdana", sans-serif;
	background: #fff;
	-webkit-border-radius: 10px; }

	.ff3 .vertical {
		-moz-border-radius: 10px; }

.vertical div.small{ 
   position: relative;
   float: left;
   width: 1.6em; 
   margin: 0 0.1em;
   height: 8em; 
 }
 .vertical div.med{ 
   position: relative;
   float: left;
   width: 5em; 
   margin: 0 0.1em;
   height: 8em; 
 }

 .vertical .column a { 
   display: block;
   height: 100%;  
 }
 .vertical .column .label { 
   display: block; 
   position: absolute; 
   bottom: -2em; 
   left: 0; 
   background: #fff; 
   width: 100%; 
   height: 2em; 
   line-height: 2em; 
   text-align: center;
 }

.vertical .column a {
   text-decoration:none;
   color: #555;
}
.vertical .column a:hover {
   text-decoration:underline;
   color: #000;
}

 .vertical .column a .count { 
   display: block; 
   position: absolute; 
   bottom: 0; 
   left: 0; 
   height: 0; 
   width: 100%; 
   background: #CCC; 
   text-indent: -9999px; 
   overflow: hidden; 
 }
 .vertical .column:hover { 
   background: #EFEFEF; 
 }
 .vertical .column a:hover .count { 
   background: #2D7BB2;
 }
 
 /* SPARKLINES */
 .sparkline { 
   float: left; 
   height: 1em;
   margin: 0 0.5em;
 }
 .sparkline .index { 
	    position: relative;
   float: left; 
   width: 2px; 
   height: 100%; 
 }
 .sparkline .index .count { 
   display: block; 
   position: absolute; 
   bottom: 0; 
   left: 0; 
   width: 100%; 
   height: 0; 
   background: #AAA;
   overflow: hidden; 
   text-indent: -9999px;
 }
 
 /* SPARKLINE LISTS */
 .sparklist li { 
   padding: 0.4em 0; 
 }