html { background: transparent; }
body { background: #fff url(images/background.png) repeat-y center top; color: #5a5e66; }
html, body { height: 100%; }
#ugly-staples { position: absolute; top: 40px; left: 50%; margin-left: -33px; }
a { color: #54a8ef; text-decoration: none; }
a:hover { color: #ff5a00; text-decoration: underline; }
#wrap { height: 100%; margin: 0 auto -61px; }
body > #wrap { height: auto; min-height: 100%; }
.wrap { overflow: hidden; }
.clear { clear:both; height:1px;}
.hidden, #quiz.hidden, #finish.hidden { display: none; }
#header { width: 50%; float: left; padding-top: 60px; position: relative; }
#content { width: 49.99%; float: left; }
#tagline { font-size: 42px; margin-right: 38px; padding-right: 38px; height: 64px; line-height: 64px; background: #fcd200; color: #000; text-align: right; clear: both; margin-bottom: 40px; }
#tagline a, #tagline a:visited, #tagline a:hover { text-decoration:none; color: #000;}
#tease { display: block; float: right; width: 320px; padding-right: 76px; }
#brain { float: right; margin-right: 106px; display:inline; position: relative; overflow: hidden; background: url(images/brain.png) no-repeat; width: 348px; height: 296px; }
#brain.hover { background-position: 0 -296px; }
#brain.start { background-position: 0 -602px; }
#pages { position: absolute; top: 135px; left: 75px; color: #fcd200; height: 41px; line-height: 40px; font-size: 24px; font-weight: 700; text-align: left; }
#pages:hover { text-decoration: none; }
#quiz, #finish { display: block; position: relative; width: 385px; float: left; margin-left: 60px; margin-top: 157px; }
#questions { list-style: none; margin: 0; width: 3400px; display: block; position: relative; }
#quiz-wrap { background: #fef6cc; padding: 50px; height: 180px; }
#quiz-submit { clear: both; display: block; float: right; padding: 3px 5px; color: #fcd200; background: #000; text-align: center; font-size: 12px; font-weight: bold; border: none; outline: none; }
#questions .question { margin-top: 0; }
#questions li { width: 285px; display: block; margin-right: 50px; float: left; height: 180px; }
.jquery-scoala-checkbox { display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand; }
.jquery-scoala-checkbox .mark { display: inline; }
.jquery-scoala-checkbox img { vertical-align: middle; width: 16px; height: 16px; }
.jquery-scoala-checkbox img { background: transparent url(images/scoala-checkbox.png) no-repeat; }
.jquery-scoala-checkbox img { background-position: 0px 0px; }
.jquery-scoala-checkbox-hover img { background-position: -16px 0px; }
.jquery-scoala-checkbox-checked img { background-position: 0px -16px; }
.jquery-scoala-checkbox-checked .jquery-scoala-checkbox-hover img { background-position: -16px -16px; }
.jquery-scoala-checkbox-disabled img { background-position: 0px -32px; }
.jquery-scoala-checkbox-checked .jquery-scoala-checkbox-disabled img { background-position: 0px -48px; }
#finish { background: transparent; padding: 0; height: auto; }
#finish h1 { font-size: 36px; color: #fcd200; }
#finish h2 { color: #000; font-size: 14px; margin-top: 0; }
#finish .avatar { border: 2px solid #fcd200; margin-bottom: 20px; }
#finish p { margin-bottom: 0; }
#finish .embed { display: block; width: 68%; }
#finish .size a, #finish .tweet-this a { color: #fcd200; background: #000; font-weight: 700; padding: 2px; }
#finish .size a:hover { text-decoration: none; }
.congrats { margin:0 0 10px 0;}
.result-title { margin:0 0 10px 0;}

#social { clear: both; background: url(images/social-test.png) no-repeat; width: 103px; height: 61px; }
#social .link { display: -moz-inline-box; display: inline-block; background: transparent none 0 0 no-repeat; text-align: left; font: 0/0 Arial; overflow: hidden; color: rgba(255, 255, 255, 0); vertical-align: top; }
#social .twitter { margin-left: 63px; width: 40px; height: 25px; }
#social .rss { width: 35px; height: 35px; }