
p#projectinfo {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	left: 510px;
	top: 165px;
	width: 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 13px;
	color: #FFF;
}


/*------------------------------------------------- 

CSS originally from the TADA website by 37Signals
but modified rather thotoughly so I do not feel too bad to use it here
The original concept for the to-do list was inspired partly by TADA, 
so it seemd fitting to mirror the appearance of tadalists in this TODO list. 
If anyone of the 37S crew objects; please let me know. 

-------------------------------------------------*/

body {
  margin: 0 auto;
  padding: 0;
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  color: #333;
  background-color: #000;
  text-align: center;
}

/* Make sure the table cells show the right font */
td { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; }

div#Container {
	display: block;
	margin: 165px 60px 60px 60px;
	text-align: left;
	width: 400px;
}

h1.ListHeader  /* title of the page */ {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 18px;
  font-family: helvetica, arial;
  color: #FFF;
  font-weight: bold;
  		display: block;
		position: absolute;
		left: 60px;
		top: 165px;
}

/*-------------------------------------------------
TADA LIST TABLE
-------------------------------------------------*/

table.tadalist {
  margin: 10px 0 0 0;
  width: 90%;
}

table#list {
		display: block;
		position: absolute;
		left: 60px;
		top: 185px;
}

table.tadalist td {
  font-size: 12px;
  color: #FFF;
  vertical-align: top;
  padding-bottom: 5px;
}

table.tadalist td.check {
  /* width: 1%; */
  width: 15px;
}

table.tadalist td.itemtext {
	padding-left: 5px;
	width: 100%;
}

table.tadalist tr.completed td {
	color: #666;
}
/*-------------------------------------------------
FORM STYLING

-------------------------------------------------*/
p#name input {
  width: 350px;
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	border: 1px solid #666;
}
p#email input {
  width: 350px;
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	border: 1px solid #666;
}
p#comment textarea {
  width: 350px;
  height: 125px;
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	border: 1px solid #666;
}
p#feedback {
  	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	margin: 20px 0 40px 0;
	color: #CCC;
	font-weight: bold;
}

