@CHARSET "UTF-8";

* {font-family: 'Droid Sans', sans-serif; }

* { margin: 0px;padding: 0px; }
html,body{height: 100%;}
body { background-color: #fff; height: 100%; margin: 0px;}
div#wrapper{ width: 100%;min-height: 100%; height: auto !important; height: 100%;margin-bottom: -40px;overflow: hidden;}
header#main{background-color: #0080C6; line-height: 40px;}
header#main h1{color: white; font-size: 18px; padding: 0px 1em; text-transform: uppercase; }

article { width: 90%; margin: 20px auto; border: 0px none; overflow: hidden;}
article.status_0 { padding-left: 4px; background-color: #00aa00;}
article.status_1 { padding-left: 4px; background-color: #FF8000;}
article.status_2 { padding-left: 4px; background-color: #aa0000;}
article.status_3 { padding-left: 4px; background-color: #aa00aa;}
article.status_4 { padding-left: 4px; background-color: #0080C6;}

article header, article div.article-content{padding-left: 3px; background-color: #fafafa;}

article header time { float: right; font-size: 11px; margin-right: 5px; margin-top: 5px;}
article header h2 { padding: 0.3em 1em; font-size: 16px; font-weight: bold; line-height: 26px;}

article div.article-content { font-size: 12px; padding: 1em;}

section#blog-entry{
	display: block;
	width: 80%;
	margin: 10px auto;
}

section#legend{min-height: 250px;width: 70%;margin: 40px auto;}

span.entry{ display: inline-block; font-size: 12px; line-height: 30px; padding: 0px 1em;}
span.box { display: block; width: 20px; height: 20px; border: 5px solid white; float: left; }
.color_0 { background-color: #00aa00;}
.color_1 { background-color: #FF8000;}
.color_2 { background-color: #aa0000;}
.color_3 { background-color: #aa00aa;}
.color_4 { background-color: #0080C6;}

footer {height: 40px;background-color: #0080C6;z-index: 120; line-height: 40px; text-align: center;}
footer h6 { color: white;}