* {
	padding:0px;
	margin:0px;
}

html, body {
	font-family:sans-serif;
	background-color: #18f;
}

/*
h1 {
	background-image: url(http://tiddlyspot.com/_ts/images/bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	color:#adf;
	padding:0.7em 0.8em 0.4em;
	font-family:'Trebuchet MS' sans-serif;
	font-size:250%;
	border-bottom:6px solid #db4;
	Xtext-align: center;
}
*/

h1 {
	background-color:#04b;
	padding:1.0em 0.8em 0.4em;
	border-bottom:6px solid #db4;
}

h1 a {
	text-decoration: none;
	color:#adf;
}

h1 a img  { border-style:none; }

.body {
	background: #fff;
	padding: 1em;
}

.topMenu {
	float:right;
}

.topMenu ul {
	padding-top:3.2em; padding-right:2em;
}
.topMenu ul li {
	display:inline;
	
}

.footer {
	border-top:6px solid #db4;
	background-color: #04b;
	background-image: url(http://tiddlyspot.com/_ts/images/bgflip.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-top: 0.3em;
}

.smallfooter {
	margin: 0 auto 0 auto;
}

.smallfooter a, .topMenu a {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}
.smallfooter a:hover {
	text-decoration: underline;
}

.smallfooter td {
	padding:0 2em;
}

.blurb td {
	color: #fff;
	padding:0.5em 2em;
	vertical-align:top;
	font-size: 95%;
}

.blurb {
	margin: 0.3em auto 0 auto;
}

.blurb a {
	color: #fff;
	text-decoration: none;
}

.blurb a:hover {
	text-decoration:underline;
}

.startform {
	margin-left:auto;
	margin-right:auto;
}

.startform td {
	font-size:100%;
	padding:0.3em;
	text-align:left;
}

.startform td.flavours {
	white-space:nowrap;
}

.startform td.button a.button {
	color:#841;
	background-color:#fe8;
	border:2px solid #db4;
	padding:0.1em 0.5em 0.2em;
	text-decoration:none;
	-moz-border-radius: 6px;
	font-style: italic;
	font-size:105%;
}

.huh {
	color:#888;
	text-decoration:none;
	font-size:80%;
}

.huh:hover {
	text-decoration:underline;
}

.startform td.button a.button:hover {
	background-color:#ffc;
}

.startform input.nice {
	font-size:130%;
	border:2px solid #db4;
	width:10em;
}

.startform input.nice:hover {
	border:2px solid #841;
}

.startform td.label {
	padding-top:0.5em;
	vertical-align:top;
	font-size:90%;
	font-weight:bold;
	text-align:right;
	color:#999;
	padding-left:1.5em;
	width:1%;
	white-space:nowrap;
}

.startform td .warning {
	font-size:70%;
	color:#666;
}

.startform td .warning a {
	color:#666;
}

.startform label {
	cursor: pointer;
}

.startform .button {
	padding-left:4.8em;
}

.startform td.label small {
	font-size:80%;
	font-weight:normal;
}

.getstarted {
	background: #fff;
	padding-right:8%;
	text-align: center;
}

.getstarted h3 {
	color:#ccc;
	font-size:200%;
	font-style:italic;
}

.done {
	padding:1em;
}

.done h2 {
	color:#ccc;
	font-size:200%;
	font-style:italic;
	text-align: left;
}

.donelink {
	padding:2em;
	font-size:130%;
}

.donelink a {
	padding:1em;
	border:4px solid #ddd;
	background:#f8f8f8;
}

p {
	padding-top:0.3em;
	padding-bottom:0.3em;
}

h2 {
	font-size:200%;
	color: #666;
}

h3 {
	padding-top:1em;
}

.error {
	color:#b66;
	font-size:95%;
	font-weight:bold;
}

td.quote {
	background:#f8f8f8;
	margin: 5em;
	padding:18px 23px 0.5em;
	font-size:105%;
	background-image: url(http://tiddlyspot.com/_ts/images/openquotes.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	-moz-border-radius: 0.8em;
	border:2px solid #eee;
}

.dev {
	color:#db4;
	background:#fe8;
	border:8px dotted #db4;
	margin-left:1em;
	padding:0 0.5em;
}

.beta {
	font-size:30%;
	color:#68d;
}

li {
	margin-left:2em;
}

.report td {
	padding:0 0.5em 0;
	padding-right:2em;
	font-size:90%;
	white-space: nowrap;
}

.report th {
	padding:0.5em;
	text-align:left;
	background:#eee;
}

.report th a {
	color:#777;
}

.new  {
	font-size:70%;
	padding-left:4px;
	color:#adf;
}

.donate {
	border-spacing:2em;
}

.donate td {
	text-align:center;
	font-size:90%;
	padding:1em;
	background:#f8f8f8;
	margin: 5em;
	font-size:105%;
	-moz-border-radius: 0.8em;
	border:2px solid #eee;

}

#adsenseBar {
	margin:auto;
	text-align:center;
	margin-top:2em;
	margin-bottom:2em;
}


.about h3 {
	margin-left:1em;
}
.about p {
	margin-left:2em;
}

ul {
	margin-left:2em;
}

.fineprint {
	font-size:75%;
	color:#bbb;
	line-height:250%;
}

.fineprint a {
	color:#bbb;
	font-weight:medium;
}

.footerfineprint {
	font-weight:bold;
	font-size:75%;
	color:#18f;
	line-height:250%;
}

.footerfineprint a {
	color:#18f;
	font-weight:medium!important;
}

.galleryEntry {
	border-top:2px solid #eee;
	padding:0.5em 3em 2em;
}

.galleryEntry table td {
	vertical-align:top;
	padding:0.5em;
}

.galleryEntry .title {
	font-size:80%;zfont-weight:bold;
}
.galleryEntry .title a {
	text-decoration:none;
}

.galleryEntry .sitetitle {
	font-size:120%;font-weight:bold;zfont-family:'Trebuchet MS' arial sans-serif;color:#777;
}

.galleryEntry .sitesubtitle {
	font-size:100%;zfont-weight:bold;
}

.galleryEntry .update {
	font-size:80%;zfont-weight:medium;color:#999;
}


.galleryEntry img {
	border:1px solid #ddd;
	margin-bottom:1em;
}

.hideMe {
	display:none;
}

.flavclick {
	font-weight:medium;
}

.flavclick a {
	text-decoration:none;
}

.flavclick a:hover {
	text-decoration:underline;
}

#moreflavclick, #lessflavclick {
	font-size:90%;
}

#lessflavclick {
	padding-left:1.5em;
}


.text {
	padding:1em 6em 3em;
}

.galleryEntry .blurb { font-size: 90%; }
