body { 
	margin: 0px; 
	padding: 0px; 
	background: #FFF; 
	color: #333; 
	font-family: trebuchet ms;
}

a { 
	color: #336699; 
	text-decoration: none; 
}

a:hover { 
	font-weight: bold; 
}

#message {
	display: none;
}

.alert { 
	margin-bottom: 10px; 
	padding: 5px; 
	font-size: 14px;
	background: #FFFF99 url(img/whitefade.png) repeat-x; 
}
	.alert h3 { 
		margin-top: 0px;
	}
	
	
.bling { color: #339933; font-weight: bold; }
.redlink { color: #900; }
.blacklink { color: #000; } 
h2 { margin-top: 0px; }	

#main { 
	margin-top: 20px; 
	margin-left: 50px; 
	font-size: 14px; 
	width: 900px;
}

	#header {
		margin-bottom: 25px; 
	}


		#logo {  
			border-bottom: 3px solid #ccc;  
			color: #333;
		}

		#header .small { 
			font-size: 10px; 
		}


	#productivity { 
		width: 500px; 
		float: left; 
	}


/* LIST NAVIGATION */

		#nav {
			 margin-bottom: 20px; 
			 font-size: 18px; 
		}
		
			#nav a { 
				margin-right: 5px; 
				padding: 5px; 
			}
			
			#nav a:hover { 
				font-weight: normal; 
			}
			
			#nav a.active { 
				background: #CCC; 
				padding: 5px; 
				-moz-border-radius: 5px; 
				color: #333; 
				margin-right: 5px;
			}
			
/* TODO LIST */

		#todo { 
			font-size: 20px; 
			width: 400px; 
			padding: 5px; 
			background: #ccd9e5;
		}
		
		#doit {  
			font-size: 20px; 
			padding: 5px;  
		}
		
		#todo_list { 
		
		
		}
		
			#todo_list .todo { 
				margin-bottom: 5px; 
				padding-bottom: 5px; 
			}
			
				#nothing_todo {
					
					color: #CCC;
				}
			
				#todo_list .todo .actions, #todo_list .completed .actions { 
						float: right; 
						width: 60px; 
				}
				
				#todo_list .todo div.time { 
					color: #CCC; 
					width: 50px; 
					float: left; 
				}
				#todo_list .todo .stuff { 
					margin-left: 50px;
				}
				#todo_list .todo .stuff span.meta { 
					color: #CCC; 
				}

				
				
				
			#todo_list .completed { 
				color: #CCC; 
				margin-bottom: 5px; 
				padding-bottom: 5px;
			}

			#postponed { 
				color: #CCC;
				margin-left: 25px;
				margin-top: 10px; 
			}
				#postponed a {
					color: #BBB;
					font-weight: bold;
				}

		#choreminder {
			margin-top: 30px;
			font-weight: bold;
		}


/* CHORES */

		#chores_list { 
			background: #F0F0F0; 
			padding: 10px; 
			margin-bottom: 10px;
		}			
			#chores_list .rule { 
				margin-bottom: 10px;
				padding: 5px; 
				background: #FFF;
				border: 1px solid #E0E0E0; 
			} 


			#chores_list .rule h3 { 
				font-size: 16px; 
				margin-bottom: 5px; 
				margin-top: 0px; 
			}

		#chore_form {  
			padding: 5px; 
		}
			#chore_form h3 { 
				margin-top: 0px; 
				margin-bottom: 20px; 
			}
			#chore_form #typeoptions {
				margin-left: 12px; 
			}
			#chore_form input {
				font-size: 16px; 
				padding: 3px;
			}
			#chore_form select { 
				font-size: 16px; 
				padding: 3px; 
			} 

/* FORM STUFF */

		div.formsection {
			border: #CCC 1px solid; 
			padding: 5px; 
			margin-bottom: 30px;
			background: #F0F0F0;
		}
		
			div.formsection div.formsectiontitle { 
				background: #336699; 
				padding: 5px; 
				position: relative; 
				top: -15px; 
				left: 5px; 
				font-weight: bold; 
				color: #FFF; 
				width: 100px; 
				border-left: 1px solid #CCC; 
				border-right: 1px solid #CCC; 
			}

			div.formsection td.label { 
				font-size: 16px; 
				font-weight: bold; 
				width: 150px;
			}
			div.formsection td.field { 
				width: 345px;
			}
			div.formsection td.field input { 
				font-size: 16px; 
				width: 100%; 
				padding: 3px;
			}
			div.formsection td.field textarea { 
				width: 100%; 
				font-size: 16px; 
				padding: 3px; 
				height: 300px; 
				line-height: 20px;
			}

/* NONSENSE */

		#nonsense {	
			width: 379px; 
			float: left; 
			margin-left: 20px; 
			min-height: 400px;
			text-align: center;  
			border-left: 1px solid #CCC;
			background: url(/img/shadow.png) repeat-y;
		}
			
			#popchart { 
				margin-bottom: 40px;
			}
			
			h1#polloftheday { 
				font-size: 18px; 
			}
			
			#voting { 
				float: left; 
				width: 100%;
				text-align: center;
				margin-bottom: 40px;
			}
			
				#voting .option {  
					padding: 10px;
					-moz-border-radius: 5px;
					color: #FFF;
					border: 5px solid #FFF;
					width: 100px;
					min-height: 35px;
	 				float: left; 
	 				margin-left: 45px;
	 				display: block;
				}
				#voting .red { 
					background: #F00; 
					border: 5px solid #FF3333; 
					border-bottom-color: #CC0000; 
					border-right-color: #CC0000; 
				}
				
				#voting .blue { 
					background: #369; 
					border: 5px solid #6699CC; 
					border-bottom-color: #333366; 
					border-right-color: #333366;  
				}

				
				#voting .result { 
					padding: 10px;
					margin-left: 45px; 
					border: 5px solid #FFF; 
					width: 100px; 
					background: #F0F0F0;
					text-align: center;
					color: #CCC;
					font-size: 20px;
					float: left; 
				}
								
				#voting .option:hover,#voting .option:hover,#voting .voted { 
					border: 5px solid #FFFF99; 
					border-bottom-color: #CCCC99; 
					border-right-color: #CCCC99; 
				}


		#stats {
			width: 379px; 
			float: left; 
			margin-left: 20px;  
			border-left: 1px solid #CCC;
			padding-bottom: 300px;
			background: url(/img/shadow.png) repeat-y;
		}
		
			#stats h2 { 
				font-size: 16px; 
				margin-left: 20px;
				color:#CCC; 
			}

			#stats h2 span.black { 
				color: #AAA;
			}

			#stats h2.headline { 
				background: #F0F0F0; 
				padding: 5px;
			}
			
	.note { 
		border: 1px solid #ccd9e5;
		background: url(/img/check.png) no-repeat 5px 10px; 
		
		margin-top: 20px;
		margin-bottom: 20px;
		color: #777;
		padding: 10px; 
		padding-left: 25px;
		text-align: left;
	}
	

	#footer { 
		border-top: 1px solid #CCC; 
		color: #CCC; 
		padding-top: 10px; 
		text-align: left; 
	}