body {
	background: #2b7fc0 url(../images/bg.png) repeat-x;
	font-size: small;
	margin: 0;
	text-align: center;
}
body, p, textarea, input, select {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}
br.clear {
	clear: both;
}
a {
	color: #f4943a;
	text-decoration: none;
}
a:hover {
	color: #91c2e6;
}
a:focus {
	outline: 0;
}
img.alignright {
	float: right;
}
img.alignleft {
	float: left;
}

#wrapper {
	margin: 0 auto;
	width: 990px;
}

/* content */
#content-outer {
	background-image: url(../images/header.png);
	background-position: 10px 0;
	background-repeat: no-repeat;
	padding-top: 222px;
	width: 990px;
}
#content-inner {
	background-image: url(../images/content-footer.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-bottom: 36px;
	width: 968px;
}
#content {
	background-image: url(../images/content-bg.png);
	background-repeat: repeat-y;
	float: left;
	font-size: 13px;
	padding: 30px 30px 10px 30px;
	text-align: left;
	width: 908px;
}
#content h1 {
	color: #0162ad;
	font-size: 48px;
	padding-bottom: 15px;
}
#content p {
	line-height: 150%;
	padding-bottom: 20px;
}
#content a.start-button {
	background-image: url(../images/button-start-quiz-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 77px;
	margin: 0 auto;
	width: 299px;
}
#content a.start-button:hover {
	background-image: url(../images/button-start-quiz-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 -77px;
}
#content a.start-button span {
	display: none;
}
#hp-content {
	margin: 0 auto;
	width: 730px;
}
#hp-content p {
	line-height: 180%;
}


/* subcontent */
#subcontent-wrapper {
	background-image: url(../images/subcontent-bg.png);
	margin: 0 auto;
	width: 938px;
}
#subcontent {
	color: #fff;
	padding: 30px;
	margin: 0 auto;
	text-align: left;
	width: 878px;
}
#col-more {
	float: left;
	margin-right: 50px;
	width: 225px;
}
#col-more h3 {
	background-image: url(../images/find-out-more.png);
	background-repeat: no-repeat;
	display: block;
	height: 52px;
	margin-bottom: 10px;
	width: 86px;
}
#col-more h3 span {
	display: none;
}
#col-more ul li {
	display: inline;
}
#col-more ul li a {
	border-bottom: 1px #3e84b9 solid;
	display: block;
	font-weight: bold;
	padding: 6px 0;
}


#col-about {
	float: left;
	width: 600px;
}
#col-about h2 {
	background-image: url(../images/about-superfreakonomics.png);
	background-repeat: no-repeat;
	display: block;
	height: 53px;
	margin-bottom: 9px;
	width: 249px;
}
#col-about h2 span {
	display: none;
}
#col-about p {
	line-height: 200%;
}
#col-about img {
	margin: 12px 0 0 6px;
}

/* quiz */
#quiz h2 {
	color: #d1d0d0;
	float: left;
	font-size: 20px;
	margin-right: 10px;
	text-transform: uppercase;
	width: 110px;
}
#quiz h2 strong {
	font-size: 36px;
}
#quiz-question {
	float: left;
	width: 700px;
}
#quiz-question h1 {
	border-bottom: 3px #d1d0d0 solid;
	font-size: 34px;
}
#quiz-form fieldset {
	padding-top: 30px;
}
#quiz-form fieldset.answers {
	border-bottom: 3px #d1d0d0 solid;
}
#quiz-form span.radio {
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	width: 15px;
}
#quiz-form label {
	display: block;
	float: left;
	width: 670px;
}
#quiz-form fieldset.submit {
	text-align: right;
}
#quiz-form p {
	padding-bottom: 30px;
}
#form-submit {
	background-color: #9db823;
	border: 0;
	color: #fff;
	font-size: 18px;
	padding: 3px 10px;
	text-transform: uppercase;
    -webkit-border-radius: 3px;    /* for Safari */
    -moz-border-radius: 3px;       /* for Firefox */
}


/* quiz results */
#quiz-results h1,
#quiz-results h3 {
	margin-left: 120px;
}
#quiz-results h1 {
	font-size: 58px;
}
#quiz-results h1 span {
	color: #666;
	display: block;
	font-size: 20px;
	text-transform: uppercase;
}
#quiz-results h3 {
	color: #3e95d7;
	font-size: 28px;
	text-transform: uppercase;
}
div.quiz-result {
	background-position: 0 35px;
	background-repeat: no-repeat;
	padding: 0 80px 0 120px;
}
div.result-right {
	background-image: url(../images/answer-right.png);
}
div.result-wrong {
	background-image: url(../images/answer-wrong.png);
}
div.result-question {
	border-top: 3px #d1d0d0 solid;
	font-weight: bold;
	padding-top: 30px;
}
div.result-question p,
div.result-answer p {
	float: left;
	padding-bottom: 0;
}
div.result-question p.result-title,
div.result-answer p.result-title {
	font-weight: bold;
	text-transform: uppercase;
	width: 120px;
}
div.result-question p.result-text,
div.result-answer p.result-text {
	float: left;
	overflow: hidden;
	width: 550px;
}
div.result-question p.result-title {
	color: #666;
}
div.result-answer p.result-title {
	color: #9db823;
}
div.result-answer {
	padding-bottom: 30px;
}

/* footer */
#footer-wrapper {
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	margin-left: 26px;
	width: 938px;
}
#footer {
	padding: 24px 40px 20px 40px;
	text-align: left;
}
#footer a.william-morrow {
	background-image: url(../images/william-morrow.png);
	background-repeat: no-repeat;
	display: block;
	height: 41px;
	width: 82px;
}
#footer p.copyright {
	color: #633c09;
	float: right;
	font-size: 10px;
	padding-top: 15px;
	text-align: right;
	text-transform: uppercase;
	width: 50%;
}
#footer a.william-morrow span {
	display: none;
}

#buy-links {
	background-color: #2b7fc0;
	border: 1px #095da0 solid;
	display: none;
	padding: 8px;
	position: absolute;
	width: 118px;
	z-index: 999;
}