* { margin: 0; padding: 0; }

body { 
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	background: #ff9900;
	font-size: 12px;
}

h1 { margin-bottom: .35em; }

h1, h2, h3, h4 { 
	font-weight: normal;
	font-family: 'Gill Sans','Times New Roman', Georgia, serif;
}

a, a:visited { color: #ff2200; }

a img { border: 0; }

ul {  list-style-type: none; }

li { margin: 0 0 1em 0; }

/* reusable classes */

.ghost { display: none; }

.swatch1 { color: #ff2200; }

.center_text { text-align: center; } 

.linkify { cursor: pointer; text-decoration: underline; }

p { 
	line-height: 1.5em; 
	margin-bottom: 1em;
}

h2, h3 {
	margin-bottom: .5em;
}

#container {
	width: 825px;
	margin: 0 auto;
}

#header {
	background: url(../img/header.png) no-repeat top center;
	height: 326px;
	margin-top: 45px;
	margin-bottom: 25px;
}

		#header span { display: none; }
		

#clues {
	background: url(../img/clues_bottom.png) no-repeat bottom center;
	width: 407px;
	float: left;
	padding-bottom: 30px;
}
		#clues_box {
			border: 3px solid #ff6600;
			background: #fff;
			padding: 12px;
		}
		
		#clues h1 { color: #777; }
		
		
		#clues li {
			text-align: center;
			display: none;
			border: 1px solid #ff9900;
			padding: 10px;
		}

		#next_clue, #next_question { 
			background: #ff6600;
			color: #fff;
			text-align: center;
			padding: 5px;
		}
		
		#next_clue { display: block; }
		
		#points { 
			text-align: center; 
			color: #555;
		}
		
		#score_container {
			background: url(../img/score_bg.png) no-repeat;
			width: 300px;
			height: 27px;
			padding-top: 2px;
			margin: 20px auto 10px auto;
		}
		
		#score_fill {
			background: url(../img/score_fill.png) repeat-x;
			height: 12px;
			width: 0px;
		}

#answers {
	width: 350px;
	float: left;
	margin-left: 25px;
}
		#answers img {
			display: block;
			margin-bottom: 10px;
		}

		#answers #col1, #answers #col2 { 
			float: left;
			width: 150px;
		}
		
		#answers #col2 { margin-left: 10px; }

		#answers .car {
			background: url(../img/car_button_bg.png) repeat-x bottom;
			border: 1px solid #FFCC7F;
			display: block;
			width: 150px;
			height: 17px;
			padding-top: 4px;
			color: #000;
			font-size: 14px; 
			margin-bottom: 8px;
			text-align: center;
			cursor: pointer;
		}

			.car:hover { color: #ff3300 !important; }
		
		#correct {
			border: 3px solid #006600;
			color: #006600;
			background: #fff;
			text-align: center;
			padding: 6px;
		}
		
		.wrong {
			text-decoration: line-through;
		}


#score h1 {
	margin-top: 25px;
	font-size: 55px;
}

#score h2 { font-size: 35px; }

table { margin-top: 15px; }

table h2 { font-size: 25px !important; }

#post_to {
	padding: 5px 15px 5px 20px;
	background: #fff;
	border: 4px solid #ff5500;
	margin-left: 15px;
}

#post_to_header { padding-left: 25px; }

#post_to h2 { display: inline; }

#html, #facebook, #myspace, #twitter {
	display: block;
	padding-left: 50px;
	height: 50px;
	margin-top: 12px;
}

#html { 
	text-decoration: underline; 
	cursor: pointer; 
	background: url(/driving_test/img/blog_icon.png) no-repeat 0 0;
}


#facebook {
	background: url(/driving_test/img/facebook_icon.png) no-repeat 0 0;
}

#myspace {
	background: url(/driving_test/img/myspace_icon.png) no-repeat 0 0;
	cursor: pointer;
	text-decoration: underline;
}

#twitter {
	background: url(/driving_test/img/twitter_icon.png) no-repeat 0 0;
}

#created_by {
	background: #141414;
	margin: 100px auto 0 auto;
	text-align: center;
	color: #fff;
	padding: 10px;
}

		#created_by h2 { display: inline; }
		
		#created_by img { vertical-align: bottom;}

		#created_by a  { color: #ff6600; }