/* CSS for The Simpsons Test
   Darren Hewer 2009 */

html, body {
	/* background: #fecc20; */
	background: #37d;
	color: #000;
	font-family: Verdana, Arial, Sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
}

h1 {
	background: #fffad1;
	font-family: Calibri, Trebuchet MS, Verdana, Arial, Sans-serif;
	font-size: x-large;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 10px 20px;
}

h2 {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

li {
	margin-left: 20px;
}

/* Thanks goes to Zach Beane for the corner graphics and CSS ...
   http://www.xach.com/ ... Corner maker: http://wigflip.com/cornershop/ */

.box {
	background: #f9f2ae;
	margin: 0 auto;
	width: 728px;
}

.boxtop {
	background: url(imgs/cornertr.gif) no-repeat top right;
}

.boxtop div {
	font-size: 0;
	height: 20px;
	background: url(imgs/cornertl.gif) no-repeat top left;
}

.boxbottom {
	background: url(imgs/cornerbr.gif) no-repeat bottom right;
}

.boxbottom div {
	font-size: 0;
	height: 20px;
	background: url(imgs/cornerbl.gif) no-repeat bottom left;
}

.boxcontent {
	padding: 0px 20px 0px 20px;
}

/* These are the three big quiz selection buttons on the index page */

#btns {
	clear: both;
}

#btns a {
	background-position: 0px 0px;
	display: block;
	float: left;
	height: 125px;
	text-decoration: none;
	width: 125px;
}

#btns a:hover {
	background-position: 0 -125px;
}

#btnquick {
	background: url(imgs/quizbtn-quick3.jpg);
}

#btnnormal {
	background: url(imgs/quizbtn-normal3.jpg);
}

#btnultra {
	background: url(imgs/quizbtn-ultra3.jpg);
}

/* Other stuff ... */

#footer {
	font-size: x-small;
}

.hidden {
	display: none;
}

#logo {
	background: url(imgs/logobg.png) #fd5;
	margin: 0;
	text-align: center;
}

#logoshadowtop {
	background: url(imgs/logoshadowtop.gif) #fecc20;
	display: block;
	height: 20px;
	width: auto;
}

#logoshadowbot {
	background: url(imgs/logoshadowbot.gif) #fecc20;
	display: block;
	height: 20px;
	width: auto;
}

.qlist {
	border: none;
	/* border-bottom: 1px solid #000; */
	margin: 0;
	padding: 0;
}

.qlist li {
	border: 1px solid #000;
	/* border-bottom: none; */
	font-size: 16px;
	margin: 0 0 1px 0;
	padding: 0;
	list-style: none;
}

.qlist a {
	background: #009 url(imgs/qbar3.jpg);
	background-position: 0px 0px;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 10px 20px;

}

.qlistyes a {
	background: #080 url(imgs/qbar-yes.gif);
}

.qlistno a {
	background: #007 url(imgs/qbar-no.gif);
}

.qlist a:hover {
	background-position: 0 40px;
}

.wrongbar {
	background: #fcf4c5;
	border-bottom: 1px solid #fecc20;
	color: #000;
	font-size: smaller;
	padding: 5px;
}

.rightbar {
	// background: #f9f2ae url(imgs/white1pxline.gif) bottom repeat-x;
	background: #f9f2ae;
	border-bottom: 1px solid #fecc20;
	color: #f9f2ae;
	padding: 5px 5px 5px 10px;
	text-align: left;
}