
body {
	margin: 0;
	background-color: #1293a9;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #ffffff;
}

a img { border: 0; }

a, a:link, a:visited {
	color: white;
}


	input {
		border: 1px solid #8dc9dc;
		font-size: 1.4em;
		color: #0e6c7c;
		font-weight: bold;
		padding: 4px;
	}

	input.submit {
		border: none;
		background-color: #e24093;
		cursor: pointer;
		color: #b0e1f1;
		text-transform: uppercase;
		font-size: 1.2em;
		font-weight: bold;
		padding: 5px;
		margin: 0.5em 0 0 0;
	}

#toprule {
	height: 7px;
	font-size: 1px;
	line-height: 1px;
	background-color: #0e6c7c;
}

#container {
	width: 860px;
	margin: 0 auto 0 auto;
}

h1#logo {
	margin: 0;
	font-size: 100px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	padding: 20px 0;
}

#navbar {
	width: 220px;
	float: right;
}
	#usersearch, .boxed {
		background-color: #b0e1f1;
		padding: 15px;
	}

	#usersearch {
		margin: 0 0 1.6em 0;
	}


	#usersearch label {
		color: #0e6c7c;
		display: block;
		margin: 0 0 0.5em 0;
		text-transform: uppercase;
		font-size: 1.4em;
		font-weight: bold;
	}

	#usersearch input#twitter_user {
		border: 1px solid #8dc9dc;
		font-size: 1.8em;
		color: #0e6c7c;
		font-weight: bold;
		padding: 5px;
	}

	#usersearch input.submit {
		border: none;
		background-color: #e24093;
		cursor: pointer;
		color: #b0e1f1;
		text-transform: uppercase;
		font-size: 1.4em;
		font-weight: bold;
		padding: 5px;
		margin: 0.5em 0 0 0;
	}

	.leaders, #leaders {
		margin: 0 0 1.6em 0;
	}

	.leaders h3, #leaders h3 {
		background-color: #0e6c7c;
		color: #ffffff;
		padding: 12px 16px;
		margin: 0;
		text-transform: uppercase;
		font-size: 1.4em;
	}

	#leaders ol, .leaders ol {
		padding: 0;
		margin: 0;
		list-style-type: none;
		background-color: white;
	}

	#leaders ol li, .leaders ol li {
		background: url(/img/leader-tab.png) no-repeat -20px bottom;
		height: 44px;
		position: relative;
		border-bottom: 1px solid #A5CB39;
		margin: 0;
	}

	#leaders ol li img, .leaders ol li img {
		float: left;
		width: 48px;
		height: 48px;
		border: 3px solid #0E6C7C;
		margin: 4px 8px 4px 4px;
	}

	#leaders ol li span, .leaders ol li span {
		display: block;
		float: left;
		font-size: 2.2em;
		font-weight: bold;
		color: white;
		margin: 4px 12px 0 6px;
		line-height: 40px;
	}

	#leaders ol li strong, .leaders ol li strong {
		display: block;
		float: right;
		height: 30px;
		padding: 0 4px;
		margin: 6px 4px 0 0;

		background-color: #e24093;
		color: white;
		font-weight: bold;
		text-align: right;
		line-height: 30px;
	}

	#leaders ol li div, .leaders ol li div {
		margin-left: 46px;
		color: #0E6C7C;
		font-size: 1.6em;
		line-height: 40px;
	}

	#leaders ol li a, .leaders ol li a,
	#leaders ol li a:link, .leaders ol li a:link,
	#leaders ol li a:visited, .leaders ol li a:visited {
		color: #0E6C7C;
		text-decoration: none;
		font-weight: bold;
	}

	#leaders ol li {
		background: url(/img/leader-tab.png) no-repeat top left;
		height: 64px;
	}

	#leaders ol li span {
		margin: 0 12px;
		width: 40px;
	}

	#leaders ol li div {
		margin-left: 64px;
	}

	#leaders ol li strong {
		padding: 0 4px;
		margin: 15px 15px 0 0;
	}

	.leaders ol li.last, #leaders ol li.last {
		border: none;
		list-style-type: none;
		background: none;
		line-height: 1.25em;
		color: #0e6c7c;
		font-size: 1.2em;
		font-weight: normal;
		padding: 15px;
		text-align: center;
		height: auto;
	}

	.leaders ol li.last a, #leaders ol li.last a,
	.leaders ol li.last a:link, #leaders ol li.last a:link,
	.leaders ol li.last a:visited, #leaders ol li.last a:visited {
		padding: 0;
		text-decoration: underline;
		font-weight: bold;
		font-size: 1.3em;
	}



	#credit {
		background-color: #0e6c7c;
		color: #ffffff;
		padding: 15px;
		font-size: 1.1em;
		margin-bottom: 1.6em;
	}

	#credit a, #credit a:link, #credit a:visited, #credit span { font-weight: bold; }
	#credit span { font-size: 1.25em; }


	.ads {
		text-align: center;
		margin-bottom: 1.6em;
		background-color: #0E6C7C;
	}

#content {
	margin: 0 260px 0 0;
}


	.tweet, .tweet-twpt  {
		background: url(/img/speech.png) no-repeat top right;
		height: 75px;
		margin-bottom: 1.2em;
	}

	.tweet-twpt {
		background: url(/img/speech-twpt.png) no-repeat top right;
	}

	.tweet img, .tweet-twpt img, .user img, #leaderboard ol li img {
		float: left;
		width: 48px;
		height: 48px;
		border: 3px solid #ffffff;
		background: #ffffff;
	}

	.tweet p, .tweet-twpt p {
		margin: 0 0 0 90px;
		padding: 12px;

		color: white;
		font-size: 1.6em;
	}

	.tweet p em, .tweet-twpt p em {
		color: #a5cb39;
		font-weight: bold;
		font-style: normal;
	}

	.tweet p a, .tweet p a:link, .tweet p a:visited,
	.tweet-twpt p a, .tweet-twpt p a:link, .tweet-twpt p a:visited {
		color: #a4dbed;
		font-weight: normal;
		text-decoration: none;
	}

	.tweet p a.me, .tweet p a:link.me, .tweet p a:visited.me,
	.tweet-twpt p a.me, .tweet-twpt p a:link.me, .tweet-twpt p a:visited.me {
		color: white;
		font-weight: bold;
	}

	.user {
		padding-bottom: 1px;
		border-bottom: 1px solid #A5CB39;
		margin-bottom: 1em;

		font-size: 1.6em;
		color: #0e6c7c;
	}

	.user img, #leaderboard ol li img {
		margin-right: 10px;
		border-color: #0e6c7c;
	}

	.user h2 {
		margin: 0 0 -1em 0;
	}

	.user h2 a {
		text-decoration: none;
	}

	.user>div {
		padding: 15px;
		margin-bottom: 3px;
		background-color: white;
	}

	.user a, .user a:link, .user a:visited {
		color: #0e6c7c;
	}

	.user .points {
		text-align: center;
	}

	.user .points>div {
		display: -moz-inline-box;
		display: inline-block;
		width: 120px;
		margin: 0 10px;

		font-weight: bold;
		text-align: right;
		font-size: 40px;
		height: 50px;
		padding: 0 20px;
		border: 1px solid black;
	}

	.user .points>div p {
		margin: 0;
		width: 120px;
		text-align: right;
	}


	.down {
		background-color: #e24093;
		color: white;
		border-color: #e24093 !important;
	}

	.up {
		background-color: #A5CB39;
		color: white;
		border-color: #A5CB39 !important;
	}
	.zero {
		background-color: #000000;
		color: white;
		border-color: #000000 !important;
	}

	.minus {
		color: #e24093;
		border-color: #e24093 !important;
	}
	.plus {
		color: #A5CB39;
		border-color: #A5CB39 !important;
	}

	em.pink {
		color: #e24093 !important;
	}

	.controls {
		float: right;
	}

	.filter {
		line-height: 32px;
		height: 40px;
	}

	.filter strong {
		text-transform: uppercase;
	}

	.filter a, .filter strong,
	.filter a:link, .filter a:visited {
		font-size: 1.6em;
		padding: 0 5px;
	}

	.blue {
		color: #0e6c7c;
	}

	.padd {
		padding: 12px;
	}

	h5 {
		font-size: 1.25em;
		margin-bottom: -1em;
	}

	.auxnav {
		position: absolute;
		top:0;
		left: 10%;
	}

	.auxnav div {
		float: left;
		margin-right: 2px;
		background: white;
		padding: 3px 6px;
		font-size: 1.4em;
	}

	.auxnav div a, .auxnav div a:link, .auxnav div a:visited {
		color: #0e6c7c;
		text-decoration: none;
	}