html, body{
	height:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Arial;
	font-size:12px;
}
a{
	text-decoration:none;
	color:#333333;
}
br.clear{
	clear:both;
}

input[type='submit'], a.button, div#container div.buttons a{
	margin:0;
	padding:3px 5px;
	border:1px solid #00adef;
	background-color:#ffff00;
	color:#000000;
	font-size:12px;
	font-family:Verdana, Arial;
}

table.frontpage tbody td{
	padding:3px 0;	
}
table.overview tbody td{
	padding:6px 0;	
}

tr.odd td{
	background-color:#ffff00;	
}
tr.even td{
	background-color:#00adef;	
}
tr.past_odd td{
	background-color:#666666;	
}
tr.past_even td{
	background-color:#333333;
}
tr.past_odd td a,
tr.past_even td a{
	color:#FFFFFF;
}

div#container{
	width:970px;
	min-height:100%;
	margin:0 auto;
	padding:10px;
}
* html #container {
	height:100%;
}
	div#container div#menu{
		background-color:#ffff00;
		border:1px solid #00adef;
	}
		div#menu a{
			display:inline-block;
			padding:3px 6px;
			border-right:1px solid #00adef;
		}
		div#menu a.right{
			float:right;
			border-right:0;
			border-left:1px solid #00adef;
		}
	div#container div.user{
		background-color:red;
	}
	div#container div.buttons{
		margin-top:10px;
	}
		div#container div.buttons a{
			display:inline-block;
			float:right;
			margin-left:5px;
		}
	div#container div.login{
		margin:0 auto;
		width:330px;
	}
		
a.comment{
	padding-right:3px;
	border-right:3px solid red;
}

a.yes, a.no{
	padding:3px;
	color:#FFFFFF;	
}
a.yes{
	background-color:green;	
}
a.no{
	background-color:#CD0025;	
}


@media all and (min-width: 100px){
	div#container{
		width:auto;
	}
}

@media all and (min-width: 990px){
	div#container{
		width:970px;
	}
}