/* base */
body { padding: 0; margin: 0; background: #eee; overflow: scroll; font-family: 'Lato', sans-serif; }
a { outline: none; text-decoration: none; color: #369; }

/* container */
div#container { background: #fff; width: 700px; margin: 15px auto; border: #ccc 1px solid; border-radius: 5px; box-shadow: 0 0 15px #bbb; }

/* header */
div#title, div#list, #shower { color: #fff; background: #369; padding: 1px 10px; border-radius: 5px; }
div#title h1, div#list h1 { text-align: center; }
div#list { margin-top: 20px; line-height: 12px; }
div#list #shower { display: block-inline; color: #fff; position: absolute; margin: -12px 0 0 650px; padding: 10px 10px 5px 10px; }

/* results */
div#results { text-align: center; padding: 10px; line-height: 2em; font-size: 1.2em; color: #888; }
div#results span { color: #900; font-size: 1.5em; } 
div#results a { font-size: 1.2em; padding: 10px; }
div#results a span { display: none; }

div#sharer { height: 20px; }
div#sharer a#facebook, div#results a#twitter { display: inline-block; width: 47px; height: 14px; margin-top: 10px; } 
div#sharer a#facebook { background: url(/assets/images/facebook.png) 0 0 no-repeat; }
div#sharer a#twitter { background: url(/assets/images/twitter.png) 0 0 no-repeat; }

/* questions */
div#questions { overflow: hidden; }
div#questions ul { margin-top: 0; }
div#questions li { list-style: none; margin-left: -40px; border-bottom: #ccc 1px dashed; }
div#questions li:last-child { border: 0; }
div#questions label { cursor: pointer; padding: 10px; line-height: 20px; display: block; }
div#questions label:hover { background-color: #eee }
div#questions li.checked { background-color: #CCEBCC; }

/* footer */
div#footer { color: #369; font-size: 2em; text-align: center; }

/* awesome buttons */
.awebutt { text-align: center; width: 220px; margin: 20px auto; padding: 8px 0px; font-size: 22px; background: -moz-linear-gradient(19% 75% 90deg,#ABABAB, #C9C9C9, #C7C7C7 100%); background: -webkit-gradient(linear, 0% 75%, 0% 19%, from(#ABABAB), to(#C9C9C9), color-stop(1,#C7C7C7)); cursor: pointer; }
.awebutt:hover { background: -moz-linear-gradient(19% 75% 90deg,#C9C9C9, #ABABAB, #C7C7C7 100%); background: -webkit-gradient(linear, 0% 75%, 0% 19%, from(#C9C9C9), to(#ABABAB), color-stop(1,#C7C7C7)); }