body { 
	background-color: #484848;
	color: #222;
	font: 62.5%/1.5 "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

.container {
	background-color: #484848;
}

.wrapper {
	background-color: #484848;
  width: 800px;
  margin: 0 auto 2em auto;
}
.header {
	background-color: #000;
	color: #fff;
	height: 66px;
	margin-top:15px;
	padding-left: 15px;
	border-bottom:0.58333333333333em solid #ccc;
	color:#fff;
	background:#333;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	border-top-left-radius:10px
}
.header a {
	color: #51A84D;
}
.header a:visited {
	color: #B8ECBF;
	font-weight: none;
}
#nav_bar {
	clear: right;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
	background: #484848;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border--radius:10px;
}
#nav_bar ul {
	float:left;
	margin:0;
	padding:0 8px 0 8px;
	list-style-type: none;
}
#nav_bar li {
	float: left;
	height: 34px;
	line-height: 34px;
}
#nav_bar a {
	padding:0 12px;
	font-size: 1.3em;
}
#nav_bar a:link {
	color: #fff;
}
.content {
	font-size: 1.2em;
  padding: 1em;
  min-height: 300px;
	background-color: #fff;
}
#graph_content {
	text-align: center;
}

.introduction {
	font-size: 1.4em;
	/* margin: 2em 4em 2em 0; */
}

.introduction .sample_graph {
	float: left;
}

.introduction .explanation {
	float: right;
	margin: 3em 4em 0 0;
}

.introduction .explanation_image {
	float: right;
	margin: 0 6em 0 0;
}

#quotation {
	max-width: 350px;
}

.introduction .explanation span {
	font-size: 1.3em;
}

ul {
	list-style-type: none;
	margin-left: 1em;
}

.box {
	background-color: #51A84D;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  width: 700px;
  margin:  1em auto;
  /* This throws off the spin_div_container
	padding: 1em;
	*/
}
.box span {
	margin: 0 .8em;
}
.box form {
	padding: .5em 0;
	margin: 0 .8em;
	font-size: 1.8em;
}
.box form span {
	margin: 0;
	/* This is so I can have a span with or without the form */
}
form input.username {
	height: 25px;
	width: 250px;
	*width: 82%;
	font-size: 20px;
	padding: 4px;
	margin: .5em 0 0 1em;
}
form input.button {
	background: #b8ecbf;
	cursor: pointer;
	font-size: 1.0em;
  height: 47px;
  width: 225px;
  margin: .5em 0 .5em 1em;
}

form .right {
}

form .left {
	width: 500px;
	margin-top: 5px;
}

form input {
	margin-left: 2em;
}

form input#cachetweets {
	margin-left: 0;
}
form label.cachetweets {
	padding-left: 8em;
}

form .fieldWithErrors {
	display: inline;
}

form .formError {
	background-color: #f08e8e;
	border: 1px solid #be3232;
	color: #be3232;
	font-size: 1.4em;
	padding: 3px 0;
	text-indent: 10px;
	float: right;
	width: 350px;
	text-align:center;
}

.footer {
	background-color: #000;
	width: 100%;
	height: 66px;
	border-top:0.58333333333333em solid #ccc;
	
	color:#fff;
	background:#333;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px
}

.footer a {
	color: #51A84D;
}
.footer a:visited {
	color: #B8ECBF;
	font-weight: none;
}

.footer .left a {
	font-size: 1.6em;
	text-decoration: none;
}
.footer .left a:hover {
  text-decoration: underline;
}

.footer .right {
	font-size: 1.2em;
	margin: 1em 2em 1em 0;
}

.footer .left {
  margin: 2em 0 2em 2em;
}
.footer li {
	float: left;
	padding: 6px 12px;
}
.footer li.separated {
	border-right: 1px solid #594837;
}
.footer li img {
	margin-top: 3px;
}
.footer input {
	margin-left: 0;
}




.spin_div_container {
	background-color:#222;
	opacity:0.85;
	text-align:center;
}
#spin_div {
	background:#222 url(/images/ajax-loader.gif) no-repeat scroll center;
	color:#fff;
	font-size:1.8em;
	line-height:2.2;
	margin:0pt auto 0pt;
	text-align:center;
	width:200px;
}
textarea.code {
	background-color:#222;
	color:#ccc;
	overflow:auto;
}
.box .spin_div_container {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
  border-radius: 12px;
}

#tweetDownloadStatus {
	width: 700px;
	text-align: center;
}

#cornerbanner {
	border:0px none;
	float:right;
	margin:0px;
	padding:0px;
	position:relative;
	right:0px;
	top:0px;
}

#search_results {
  text-align: left;
}

#search_results .highlight {
  color: #006600;
}

#search_results .status {
  font-size: 1.2em;
}

#search_results li {
  line-height:1.1em;
  padding:0.7em 0 0.6em;
  border-bottom: 1px dashed #D2DADA;
}
#search_results li:hover {
  background-color:#F7F7F7;
}

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

#search_results a {
  text-decoration: none;
}
#search_results a:hover {
  text-decoration: underline;
}

#search_results .meta a {
  color:#999999;
}
#search_results .meta a:hover {
  color:#999999;
}

.cloud_title {
  font-size: 1.5em;
  vertical-align: baseline;
}

#more {
  height: 40px;
  background-color: #F7F7F7;
  text-align: center; 
  -moz-border-radius: 5px;
  font-weight: bold;
  font-size: 1.5em;
  cursor: pointer;
}

#more p,img {
  line-height: 40px;
}

#more img {
  margin-top: 9px;
}

#more:hover {
  background-color: #ccc;
}