/* CSS DOCUMENT */
*{ margin: 0; padding: 0; }

body { font-size: 62.5%; background: url(images/bg.png) repeat-x #e8e3d8; }

#splash { position: absolute; top: 50px; left: 75px; z-index: 10; cursor: pointer;}

#header { height: 30px; padding: 5px; background: #444; border-bottom: 2px solid #000;}
#header a {text-decoration: none; color: #999; font-size: 1.4em; }
#header a:hover { text-decoration: underline; color: #ccc; }
#header p { color: #999; font-size: 2em; margin: 5px 0 0 10px; }

#page { margin: 0 auto; width: 950px;}

.clearer { clear: both; }
.left { float: left;}
.right{ float: right; }

label { font-family: Palatino, Georgia, Times, 'Times New Roman', serif; font-size: 1.2em; display: block; text-align: center; font-weight: bold; padding: 5px;}
input, li span { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 2.5em; background: none; border: none; text-align: center; width: 125px;}
li span { width: 25px;}

#facts { list-style: none; display: block; width: 100%; padding: 1em; height: 67px;}
#facts li { display:block; float: left; padding: 0.5em 1em; text-align: center; border-left: 1px solid #efefef; border-right: 1px solid #999;}
#facts li label { color: #444;}
#facts li input { color: #444; background: #cccccc;} 
#facts li span  { color: #444;} 

#hopes { list-style: none; display: block; width: 100%; padding: 1em;}
#hopes li { display:block; float: left; padding: 0.5em 1em; text-align: center; border-left: 1px solid #245faa; border-right: 1px solid #2755a3;}
#hopes li label { color: #efefef;}
#hopes li input { color: #efefef; background: #263aa8;}
#hopes li span  { color: #efefef;}

#results { width: 900px; margin: 50px auto; border: 1px solid #8a5d3b; background: url(images/chart_bg.png) repeat-x #fff;}
#chart { width: 700px; height: 300px; margin:10px; float: left; }
#months { list-style: none; margin-left: 720px; text-align: center; width: 179px; height: 320px;border-left: 1px solid #8b5e3c;}
#months li { background: #dec67d; padding: 10px; color: #613912; border-bottom: 1px solid #8b5e3c; height: 78px;}
#months li.title { padding: 3px 5px; color: #dec67d; background: #8b5e3c; height: 17px; font-size: 1.4em; line-height: 1.4em;}
#months li input { color: #613912; }
#months li .marker { display: block; width: 10px; height: 10px; border: 1px solid #666; margin: 10px auto 0 auto;}