@import url(library/reset.css);
@import url(library/typography.css);

body {
	font-family:helvetica, "HelveticaNeue-Heavy", "Helvetica 85 Heavy", arial, "Calibri", "Lucida Grande";
	padding: 130px 10% 10px;
}
a {color:dodgerblue;text-decoration:none;}
a:visited {font-style:normal;}
a:hover {background:dodgerblue;color:white;}
textarea {font-family:helvetica, "HelveticaNeue-Heavy", "Helvetica 85 Heavy", arial, "Calibri", "Lucida Grande";}

#header {background:#eee;display:block;left:0;position:absolute;top:0;width:100%;}
#header a {color:#999;display:block;padding:10px 10%;text-align:right;}
#header a:hover{color:white;}

#create {clear:both;}
#create label {color:#999;}
input#question_name {font-family:helvetica, "HelveticaNeue-Heavy", "Helvetica 85 Heavy", arial, "Calibri", "Lucida Grande";font-size:7.5em;font-weight:bold;line-height:1;text-align:right;width:100%;}
input#ask_question {float:right;font-size:1.5em;margin:1em 0;}

blockquote#question {border-bottom:3px solid black;font-size:7.5em;font-weight:bold;line-height:1;margin:0;padding:.2em 0;}
blockquote#question p {margin:0;}

ul#check_one {font-size:3em;line-height:1;list-style:none;margin:0;}
#check_one li {float:left;}
#check_one a {display:block;padding:.5em 20px .5em 52px;}
#check_one a {background-color:white;background-repeat:no-repeat;background-position:top left;color:dodgerblue;}
#check_one a:hover {background-color:white;background-position:left -70px;}
#check_one #yes a {background-image:url(../images/check.png);}
#check_one #no a {background-image:url(../images/ex.png);}

/* Bar graphs */
ul#results {clear:both;float:left;list-style:none;width:100%;}
#results li {background:#eee;position:relative;margin-bottom:1px;}
#results li .label {display:block;font-weight:bold;padding:1.5em;position: relative; z-index: 2}
#results li .count {background:#eee;display: block;position:absolute;right: 0;top: 0;margin:1.5em; padding:0 .7em;text-align:right;color:#999;font-weight:bold; z-index: 2;
										border-radius:3px;khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#results li .index {display:block; left:0; position:absolute; top:0;height:100%;background:dodgerblue;text-indent:-32697px;overflow:hidden;}
.sparkline {float:left;height:1em;margin:0 .5em;overflow:hidden;}
.sparkline .index {background:#eee;margin-left:1px;float:left;height:1em;position:relative;text-indent:-32697px;overflow:hidden;width:.5em;}
.sparkline .index .label {display:none;}
.sparkline .index .count {background:dodgerblue;bottom:0;display:block;left:0;overflow:hidden;position:absolute;text-indent:-32697px;width:.5em;}

#notification,
#bork {background:#eee;clear:both;color:#999;margin:1.5em 0;padding:1.5em;}

#send_to_twitter {border-top:1px dotted #999;margin-top:1.5em;}
#send_to_twitter .note {display:block;}
#send_to_twitter #twitter_response {clear:both;}
.ajax-loading {background:url(../images/spinner.gif) no-repeat top left;display:block;height:16px;}

ul#recent_questions {clear:both;list-style:none;margin:0;}
ul#recent_questions a{font-size:1.5em;color:#999;}
ul#recent_questions a:hover {color:white;}
div#archives_link a{border-top:1px solid #eee;color:#999;float:left;margin-top:1.5em;padding:.5em;}
div#archives_link a:hover{color:white;}

#footer {border-top:1px solid #eee;clear:both;color:#999;margin-top:9em;padding-top:10px;text-align:right;}
#footer p {margin:0;}
#footer a{color:#999;text-decoration:underline;}
#footer a:hover{color:white;text-decoration:none;}

/* Labs */
#questions_asked {font-size:2em;font-weight:bold;line-height:1.5;margin:.66666667em 0;}
ol.top5 {list-style-type:disc;}
ul#the_latest_with_responses_list {list-style:none;}