/*
Theme Name: Twitterville
Theme URI: http://twitterville.org
Description: Twitterville Home
Version: 1
Author: Chris Tregenza
Author URI: http://www.tregenza.com
Tags: Twitterville
*/


/**********************************************************************************************************************/
/*								BASICS																				*/
/**********************************************************************************************************************/

html {
	background-color: #000000; 
	
}

body {
	padding: 0px 0px 0px 0px;
	width: 100%;
	
	font-size: 100%; 
	font-family: georgia;
	
	background-image: url(http://twitterville.org/wp-content/themes/twitterville/images/twittervillebg-edit1.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000; 

}

p {
	padding: 0px;
	margin: 0px 0.5em 1em 0.5em;
	text-align: justify;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px hidden red;
	display: block;
}


a {
	color: #000000;
	text-decoration: none;
	border-bottom: 0px solid #0000ff;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #00aa00;
}

a:link img {
	border: 0px hidden red;
}

blockquote {
	text-align: justify;
	padding: 1em;
	margin: 0px 2em 1em 2em;
	font-size: 1em;
	background-color: #e5e5e5;
}

ul {
	list-style: none inside none;
	padding: 0em;
	margin: 0em;
	text-align: left;
}

li {
	margin: 1em 1em 1em 1em;
	text-align: left;
}

h1 {
	font-size: 180%;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0.5em 0.25em 0.5em;
	font-family: arial;
}
h2 {
	font-size: 150%;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0.5em 0.25em 0.5em;
	font-family: arial;
}
h3 {
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 0px 0.5em 0.25em 0.5em;
	font-family: arial;
}
h4 {
	font-size: 110%;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0.5em 0.25em 0.5em;
	font-family: arial;
}
h5 {
	font-size: 100%;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0.5em 0.25em 0.5em;
	font-family: arial;
}
h6 {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	padding: 0px;
	margin: 0px 0.5em 0.25em 0.5em;
}

form {
}

form p {
	padding: 1em;
	margin: 1em 0.5em 1em 0.5em;
	text-align: justify;
}

form ul {
	margin: 1em 0.5em 1em 0.5em;
	
}
form li {
	padding: 0px;
	margin: 1em 0.2em 0.5em 0.2em;
}






/**********************************************************************************************************************/
/*								Utility Classes  																*/
/**********************************************************************************************************************/
.clearBoth {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;	
}


.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

span.borderBottom {
	border-bottom: 2px solid black;
}

.small {
	font-size: 80%;
}

.centre {
	text-align: center;
}

.noBorder {
	border: 0px none black ! Important; 	
}

.textLeft {
	text-align: left;	
}
.textRight {
	text-align: right;	
}

.redText {
	color: red;	
}

.greyText {
	color: #888888;	
}
.smallText90 {
	font-size: 90%;
}

/**********************************************************************************************************************/
/*								page Structure																	*/
/**********************************************************************************************************************/

#header {
	display: none;
}




#content {

	font-size: 85%; 
/*	Yahoo examples: http://developer.yahoo.com/yui/fonts/
	font-family:monospace; 
	font-family:verdana; 
	font-family:times; 
	font-family: georgia;
	font-family: arial; 
	
	*/
	
	/*	font-size: 62.5%; /*renders 10px */
	/* 	font-size:85%;  /*renders 11px */ 
	/* 	font-size:100%; /*renders 13px */  
	/* 	font-size:108%; /*renders 14px */ 
	/* 	font-size:123.1%; /*renders 16px */ 
	/* 	font-size:138.5%; /*renders 18px */ 



	
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px solid red;
/*	background-color: #FFFFEE; */
}

#alpha {
	display: none;
	}

#beta {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
/*	border: 1px hidden red; */
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-bottom: 2px solid #f0f0f0;
	border-right: 2px solid #f0f0f0;
	float: left;
	background-color: #f0f0ff; 
}
#charlie {
	display: none;
}


#footerSpacer {
	margin: 0px; 
	clear: both;
	padding: 0px;
}

#footer {
	clear: both;
	width: 100%;
	margin: 50px auto; 
	padding: 20px;
}

#betaWide {
	width: 680px;	/* Should be 702 but IE is a bag of shit */
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
	float: left;
}

#fullWidth {
	width: 100%;
	margin: 7px 0px;
	padding: 0px;
}


/**********************************************************************************************************************/
/*								#ID Layout specifics																	*/
/**********************************************************************************************************************/

#header h1 {
	margin: 0px;
	text-align: center;	
}
#header p {
	font-size: 80%;
	margin: 0.2em;
	text-align: center;	
}

#footer p {
	text-align: center;
	font-size: 80%;
}



/**********************************************************************************************************************/
/*								Threads and Tweets																	*/
/**********************************************************************************************************************/

.thread {
}
.thread h1.threadTitle {
	text-align: center;
}




.threadTweets {
}

.tweetPage {
	
}

.locationList {
}
.locationBox {
	padding: 0.2em 0.5em;
	margin: 0.2em 0.3em 1em 0.3em;
	background-color: #dee6ef;
	border-top: 1px solid #eef6ff;
	border-left: 1px solid #eef6ff;
	border-bottom: 1px solid #ced6df;
	border-right: 1px solid #ced6df;
	position: relative;
}

.locationBox h4.locationName {
	margin: 0.2em 0px 0.2em 0px;	
	text-align: left;
}

.locationBox p.locationDetailRight {
	font-size: 95%;
	margin: 0.2em 0px 0.2em 0px;	
	text-align: right;
	position: absolute;
	right: 0px;
	width: 40%;
}
.locationBox p.locationDetailLeft {
	font-size: 95%;
	margin: 0.2em 0px 0.2em 0px;	
	text-align: left;
	width: 40%;
}

.threadList {
}
#beta .threadList a, #beta .tweeterList a {
	color: #00aa00;
	text-decoration: none;
}
#beta .threadList a:visited, #beta .tweeterList a:visited {
	color: #004400;
	text-decoration: none;
}
#beta .threadList a:hover, #beta .tweeterList a:hover {
	color: #00aa00;
}
.threadList h1 {
	margin: 0.1em 0px 0.2em 0px;
	text-align: center;
	padding: 0px;
}
.threadBox {
	padding: 0.2em 0.5em;
	margin: 0.2em 0.3em 1em 0.3em;
	background-color: #dee6ef;
	border-top: 1px solid #eef6ff;
	border-left: 1px solid #eef6ff;
	border-bottom: 1px solid #ced6df;
	border-right: 1px solid #ced6df;
}
.threadBox h4.threadTitle {
	font-size: 120%;
	margin: 0.2em 0px 0.1em 0px;	
}
.threadBox p.threadText {
	font-size: 120%;
	margin: 0.2em 0px 0.1em 0px;	
}
table.threadDetails {
	margin: 0 0;
	font-weight: bold;
	font-size: 80%;	
	width: 100%;
}

table.threadDetails  td.threadDetails20 {
	width: 20%;
	text-align: left;
}
table.threadDetails  td.threadDetails80 {
	width: 80%;
	text-align: right;
}

.tweeterList {
	font-size: 85%;
}
.tweeterList th {
	font-size: 125%;
	font-weight: bold;
	text-align: center;	
}
.tweeterList tr {
	border-bottom: 1px solid #888888;		
}
.tweeterList th, .tweeterList td {
	margin-right: 1em;	
}
.tweeterList td.twitterName {
	width: 35%;
	font-weight: bold;	
	border-right: 1px solid #888888;
	padding: 2px;
}
.tweeterList td.tweeterURL {
	width: 50%;
	border-right: 1px solid #888888;
	padding: 2px;
}
.tweeterList td.tweetCount {
	width: 10%;	
	text-align: center;
	padding: 2px;
}

.tagList h1 {
	clear: both;
}

.tagList .tagBox {
	float: left;
	display: inline;
	margin: 0.5em;
	background-color: #dee6ef;
	border-top: 1px solid #eef6ff;
	border-left: 1px solid #eef6ff;
	border-bottom: 1px solid #ced6df;
	border-right: 1px solid #ced6df;
	text-align: center;
	
}
.tagList .tagBox p.tagText {
	margin: 0px;
	padding: 0.2em 0.4em;
	font-size: 110%;
}
.tagList .tagBox p.tagText span.tagText {
}
#beta .tagList .tagBox p.tagText a {
	color: black;
}
#beta .tagList .tagBox p.tagText a:hover {
	color: #00aa00;
}


.tweetList {
}

.tweetList form {
	background-color: #d0d0d0;
	margin: 0.5em 0.5em;
	border-top: 1px solid #eef6ff;
	border-left: 1px solid #eef6ff;
	border-bottom: 1px solid #ced6df;
	border-right: 1px solid #ced6df;
	width: 435px;
	position: relative;
	padding: 0em;
}

.tweetList form input {
	display: block;
	margin: 1em;				
	font-size: 105%;
	font-weight: bold;	
	font-family: verdana;
	margin-left: 85%;
}
.tweetList form label {
	margin: 1em;	
	font-size: 105%;
	font-weight: bold;	
	font-family: verdana;	
}
.tweetList form select {
	margin: 1em 1em 1em 3em;
}


.tweetList table.tweetTable {
	float: left;
	display: inline;
	margin: 0.5em 0.5em;
	background-color: #dee6ef;
	border-top: 1px solid #eef6ff;
	border-left: 1px solid #eef6ff;
	border-bottom: 1px solid #ced6df;
	border-right: 1px solid #ced6df;
	text-align: center;
	width: 435px;
}
.tweetList table.tweetTable tr {
	margin: 0px;
	padding: 0px;
}
.tweetList table.tweetTable td {
	margin: 0px;
	padding: 0px;
}


.tweetList table.tweetTable td.tweetID, .tweetList table.tweetTable td.tweetWeek, .tweetList table.tweetTable td.tweetBy   {
	text-align: center;
	width: 88px;
	vertical-align: top;
	}

.tweetList table.tweetTable td.tweetText {
	vertical-align: top;
	width: 333px;
}
.tweetList table.tweetTable td.tweetTextLarge {
	vertical-align: top;
	width: 333px;
	font-weight: bold;
	font-size: 120%;
}


.tweetList table.tweetTable td.tweetText p {
	font-size: 105%;
}
.tweetList table.tweetTable td.tweetKnowledge {
	vertical-align: top;
	width: 333px;
	font-family: verdana;
}
.tweetList table.tweetTable td.tweetKnowledgeSmall {
	vertical-align: top;
	width: 88px;
	font-family: verdana;
	font-size: 85%;
}

.tweetList table.tweetTable td.tweetKnowledge1 {
	background-color: #00ff00;	
	border: 1px solid #00ff00;	
	color: #444444;	
}
.tweetList table.tweetTable td.tweetKnowledge2 {
	background-color: #aaaa00;	
	border: 1px solid #aaaa00;	
	color: #eeeeee;	
}
.tweetList table.tweetTable td.tweetKnowledge3 {
	background-color: #FCD116;	
	border: 1px solid #FCD116;	
	color: #666666;	
}
.tweetList table.tweetTable td.tweetKnowledge4 {
	background-color: #bb0000;	
	border: 1px solid #bb0000;	
	color: #bbbbbb;	
}
.tweetList table.tweetTable td.tweetKnowledgeText1 {
	border: 1px solid #00ff00;	
}
.tweetList table.tweetTable td.tweetKnowledgeText2 {
	border: 1px solid #aaaa00;	
}
.tweetList table.tweetTable td.tweetKnowledgeText3 {
	border: 1px solid #FCD116;	
}
.tweetList table.tweetTable td.tweetKnowledgeText4 {
	border: 1px solid #ff0000;	
}

.tweetList table.tweetTable td.tweetRelated {
	vertical-align: top;
	width: 80%;
	text-align: right;
}


/**********************************************************************************************************************/
/*								Adverts	Charlie																	*/
/**********************************************************************************************************************/

#charlieAdList {
	margin: 0px;	
	padding: 0px;
}
ul#charlieAdList li {
	margin: 0px;	
	padding: 0px;
}
ul#charlieAdList li img {
	margin: 0px auto;	
	padding: 0px;
	display: block;
}

ul#charlieAdList li#dinglesGamesAd {
	max-height: 250px;
	max-width: 250px;
	overflow: hidden;
	text-align: center;	
	display: block;
	margin: 10px auto;
	background-color: #f9f9f9; 
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-bottom: 2px solid #dedede;
	border-right: 2px solid #dedede;
}

ul#charlieAdList li#dinglesGamesAd h1 {
	font-size: 90%;
}
ul#charlieAdList li#dinglesGamesAd h3 {
	text-align: center;
	font-size: 150%;
}
ul#charlieAdList li#dinglesGamesAd p {
	text-align: center;	
	margin: 1em auto;
}

/**********************************************************************************************************************/
/*								Sidebar Alpha																			*/
/**********************************************************************************************************************/


#alpha {
	font-family: verdana;	
}

#alpha p a {
	color: #00aa00;
	text-decoration: none;
}
#alpha p a:visited {
	color: #004400;
	text-decoration: none;
}
#alpha p a:hover {
	color: #00aa00;
}

#alpha h1, #alpha h2, #alpha h3, #alpha h4, #alpha h5, #alpha h6 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.2em;	
	font-family: verdana;	
}
#alpha ul, #alpha li {
	margin: 0px;
	padding: 0px;	
	font-family: verdana;	
}

#alpha p {
	margin: 0px;
	padding: 0px;	
	font-family: verdana;	
}

#alpha .navBox {
	background-color: #f9f9f9; 
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-bottom: 2px solid #dedede;
	border-right: 2px solid #dedede;	
}
#alpha ul.navBox h3 {
	font-size: 95%;
	text-align: center;
}
#alpha ul.navBox li {
/*	font-size: 100%;
	font-weight: bold;*/
	border-top: 2px solid white;
	border-left: 1px solid white; 
	border-bottom: 2px solid #dedede;
	border-right: 1px solid #dedede;		
	padding: 0.2em;
}
#alpha ul.navBox a {
	display: block;
	width: 100%;	
}
#alpha ul.navBox a:hover {
	background-color: #00aa00;	
	color: white;
}

#alpha ul.discuss {
	margin-top: 1em;
	background-color: #f9f9f9;
	padding: 0.2em;
	border-top: 2px solid white;
	border-left: 1px solid white; 
	border-bottom: 2px solid #dedede;
	border-right: 1px solid #dedede;		
}
#alpha ul.discuss h3 {
	font-size: 95%;
	text-align: center;	
}
#alpha ul.discuss p {
	font-size: 95%;
	text-align: left;
	margin-bottom: .5em;
}
#alpha ul.about {
	margin-top: 1em;
	background-color: #f9f9f9;
	padding: 0.2em;
	border-top: 2px solid white;
	border-left: 1px solid white; 
	border-bottom: 2px solid #dedede;
	border-right: 1px solid #dedede;		
}
#alpha ul.about h3 {
	font-size: 95%;
	text-align: center;	
}
#alpha ul.about p {
	font-size: 95%;
	text-align: left;
	margin-bottom: .5em;
}


#alpha ul.status {
	margin-top: 1em;
	background-color: #f9f9f9;
	padding: 0.2em;
	border-top: 2px solid white;
	border-left: 1px solid white; 
	border-bottom: 2px solid #dedede;
	border-right: 1px solid #dedede;		
}
#alpha ul.status h3 {
	font-size: 95%;
	text-align: center;	
}
#alpha ul.status h5 {
	font-size: 90%;
	text-align: center;
}

#alpha ul.status li {
	font-size: 90%;
	text-align: center;
	margin-bottom: .5em;
}

#alpha ul.status li a {
	color: #00aa00;
	text-decoration: none;
}
#alpha ul.status li a:visited {
	color: #004400;
	text-decoration: none;
}
#alpha ul.status li a:hover {
	color: #00aa00;
}

#alpha ul.ccLicense {
	margin-top: 1em;
	background-color: #f9f9f9;
	padding: 0.2em;
	border-top: 2px solid white;
	border-left: 1px solid white; 
	border-bottom: 2px solid #dedede;
	border-right: 1px solid #dedede;	
}

#alpha ul.lost {
	margin-top: 1em;
	background-color: #f9f9f9;
	padding: 0.2em;
	border-top: 2px solid white;
	border-left: 1px solid white; 
	border-bottom: 2px solid #dedede;
	border-right: 1px solid #dedede;
	font-size: 90%;	
}
#alpha ul.photoCredit {
	margin-top: 1em;
	background-color: #f9f9f9;
	padding: 0.2em;
	border-top: 2px solid white;
	border-left: 1px solid white; 
	border-bottom: 2px solid #dedede;
	border-right: 1px solid #dedede;
	font-size: 90%;	
}
/**********************************************************************************************************************/
/*								Posts etc Beta																		*/
/**********************************************************************************************************************/

#beta .entry a {
	color: #00aa00;
	text-decoration: none;
}
#beta .entry a:visited {
	color: #004400;
	text-decoration: none;
}
#beta .entry a:hover {
	color: #00aa00;
}

#beta h3 {
	
}

#beta .entry {
	
}

#respond {
/*	border: 1px solid red;*/
}

#respond textarea {
	width: 400px;
}