* { margin:0; padding: 0; }
body { font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif; background: url("../images/bg.gif") left top repeat-x #fff; }
body.withsaying { padding-top: 30px; background-position: left 30px; }
img, a, a img { border: 0; }
a { text-decoration: none; color: #360; border-bottom: 1px dotted #360; }
a:visited { color: #aaa; }
ul { list-style: none; }
#wrapper { width: 700px; margin: 0 auto; }
#header { margin-bottom: 10px; background: url("../images/fleur_pattern.jpg") center top no-repeat; position: relative; border-bottom: 1px solid #eee; width: 700px; }
	#header h1 { font: bold 1.8em Cambria, Georgia, Times, serif; text-transform: uppercase; text-align: center; padding: 68px 0 40px; }
	#header strong { float: right; }
	#header em { float: left; font-style: normal; }
	#header a { position: absolute; left: 50%; top: 0; margin-left: -57.5px; border: 0; }

#intro { padding: 0 0 10px; width: 700px; overflow: hidden; border-bottom: 1px solid #eee; }
	#intro h2 { float: left; width: 220px; font-size: 3.6em; color: #9c9; letter-spacing: -1px; }
	#intro p { float: right; width: 460px; padding: 6px 0; font: 1.3em Georgia, Times, sans-serif; line-height: 1.35em; }
				
#content { margin: 20px 0; width: 700px; overflow: hidden; }
	#content h3 { float: left; width: 300px; font-size: 1.4em; color: #999; }
		#content h3.main { font-size: 2.1em; line-height: 1.3em; color: #555; position: relative; }
		#content h3 em { color: #ccc; font: italic 0.8em Georgia, Times, serif !important; }
	#content fieldset { overflow: hidden; border: 0; }	
		#content fieldset div { width: 460px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; overflow: hidden; }
	#content form { float: right; width: 460px; }
		#content fieldset select { float: right; width: 140px; font-size: 1.2em; outline: 0; }
	#content ul { width: 100%; overflow: hidden; }
	#content #contact-form {  }	
		#content #contact-form div { border: 0; margin: 0; padding: 0; }
	#content form p { font: italic normal 1.2em Georgia, Times, serif; color: #666666; }
	
	#content #form-side { float: right; with: 460px; }
							
#main-question ul { float: right; width: 140px; }
	#main-question li { float: left; position: relative; overflow: hidden; }
	#main-question input { position: absolute; left: 50%; top: 10px; margin-left: -10px; }
		#main-question li label { display: block; width: 60px; padding: 38px 0 10px; text-align: center; font: italic 1.1em Georgia, Times, serif; cursor: pointer; }
		#main-question li.left label { background: url("../images/thumbs_up.gif") right top no-repeat; }
		#main-question li.left label:hover,
		#main-question li.left label.selected { background-position: left top !important; }
		#main-question li.right label { background: url("../images/thumbs_down.gif") right top no-repeat; }
		#main-question li.right label:hover,
		#main-question li.right label.selected { background-position: left top !important; }
		
#contact-form h3,
#contact-form ul { float: none; margin-bottom: 10px; position: relative; }
	#contact-form li { float: left; width: 300px; padding-bottom: 10px; }
	#contact-form li.short { float: right; width: 140px; }
		#contact-form li input,
		#contact-form li textarea { width: 295px; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #eee; border-bottom: 1px solid #eee; outline: 0; background-color: #f8f8f8; font: 1.1em sans-serif; padding: 3px 0; }
		#contact-form li input { text-indent: 3px; }
		#contact-form li.short input { width: 135px !important; }
	#contact-form label { display: block; margin-bottom: 3px; font-size: 1.4em; font-weight: bold; color: #999; position: relative; }
	#contact-form li.submit { position: absolute; right: 0; bottom: 0; }
		#contact-form li.submit p { margin-bottom: 10px; font: italic 1.1em/1.4em Georgia, Times, serif; }
		#contact-form li.submit input { background: url("../images/bg.gif") left -10px repeat-x #360; color: #fff; text-transform: uppercase; cursor: pointer; position: }
		#contact-form li.captcha label { display: inline; margin-right: 10px; }
			#contact-form li.captcha label em { position: static; }
		#contact-form li.captcha input { width: 25px; text-align: center; }
		#contact-form label em { position: absolute; right: 0; top: 2px; font: italic 0.8em Georgia, Times, serif; color: #ccc; }
 
#sidebar { float: left; width: 220px; font: 1.1em/1.4em Georgia, Times, serif; border-right: 1px solid #eee; }
	#sidebar p { font-size: 1.0em; margin: 0 20px 10px 0; color: #666; }
		#sidebar p.deadline { color: #000; padding-bottom:  10px; border-bottom: 1px solid #eee; }
		#sidebar p.last { padding-bottom: 30px; background: url("../images/sidebar_bottom.gif") center bottom no-repeat #fff; }

#greeting { width: 200px; height: 195px; text-indent: -9999px; background: url("../images/wreath.jpg") left -10px no-repeat; }

#gallery { margin-bottom: 50px; padding: 10px 0 5px; width: 700px; overflow: hidden; border: 1px solid #eee; }		
#gallery h2 { float: left; width: 70px; border-right: 1px solid #eee; height: 70px; text-align: center; text-indent: -9999px; font-size: 3.6em; letter-spacing: -1px; color: #9c9; background: url("../images/10years.gif") center top no-repeat #fff; }
#gallery p { padding-bottom: 5px; margin: 0 10px 10px; border-bottom: 1px solid #eee; text-align: center; font: bold 1.2em Georgia, Times, serif; }
#gallery ul { float: right; width: 620px; font: 1.1em/1.4em Georgia, Times, serif; }
#gallery li { float: left; width: 160px; margin-bottom: 5px; text-align: left; font-size: 1.1em; line-height: 1.3em; }
	#gallery li.shorter { width: 140px; }
	#gallery a { color: #360; border-bottom: 1px dotted #360; text-decoration: none; }
	#gallery a:hover { color: #9c9; border-bottom-color: #9c9; }
	#gallery li em { font-style: italic; display: block; clear: left; font-size: 0.8em; color: #888; }
		
#result { margin-bottom: 15px; padding: 10px; font: italic 1.2em Georgia, Times, serif; border: 1px solid #ddd; background-color: #ffe; }

#tally { margin: 15px 0; padding: 10px; font: italic 2.1em/1.5em Georgia, Times, serif; color: #666; /* border-bottom: 1px solid #eee; */ background-color: #e5f2ff; }
	#tally span { font-variant: small-caps; text-transform: lowercase; font-weight: bold; font-style: normal; color: #333; background-color: #ffc; }
	
#participants { margin-bottom: 20px; padding-bottom: 20px; width: 100%; border-bottom: 1px solid #eee; overflow: hidden; }
	#participants h3 { margin-bottom: 10px; padding-bottom: 10px; float: none; text-align: center; font: 1.4em Georgia, Times, serif; text-transform: uppercase; width: auto; border-bottom: 1px solid #eee; }
	#participants ul { float: left; width: 230px; font-family: Georgia, Times, serif; }
	#participants ul.first { width: 240px; }
		#participants li { font-style: italic; font-size: 1.2em; color: #555; margin-bottom: 7px; }

#saying { width: 100%; height: 30px; position: fixed; left: 0; top: 0; font: italic 1.1em Georgia, Times, serif; background-color: #2b3138; overflow: hidden; z-index: 100; }
	#saying div { width: 700px; margin: 0 auto; }
	#saying ul { float: left; width: 700px; }
	#saying li { padding: 8px 0; text-align: center; color: #aca; line-height: 1.4em; overflow: hidden; }
		#saying li strong { font-style: normal; text-transform: lowercase; font-variant: small-caps; font-size: 1.1em; font-weight: normal; }
	#saying li q:before, #saying q:after { content: ""; }
	#saying li a { color: #ddc; outline: 0; }
	#saying span.buttons { float: left; text-align: left; margin-top: 8px; width: 220px; }


#details { width: 700px; padding: 20px 0; border-top: 1px solid #eaeaea; overflow: hidden; }
	#details h2 { margin-bottom: 5px; font-size: 1.2em; font-weight: bold; text-align: left; color: #555; }
	#details p { margin-bottom: 8px; font-size: 1.1em; color: #666666; line-height: 1.4em; }
	#about { float: left; width: 540px; }
		#about h2, #about p { margin-left: 240px; }
	#contact-us { float: right; width: 140px; }


#footer { width: 700px; padding-top: 16px; background: url("../images/footer_bg.jpg") center top no-repeat #fff; font-size: 1.1em; overflow: hidden; }
	#footer p { width: 350px;  padding: 10px 0 50px; border-top: 1px solid #eaeaea; }
	#footer p.left { float: left; }
	#footer p.right { float: right; text-align: right; }
	
.red { color: #f00 !important; }
.darkred { color: #f00 !important; }
.green { color: green; }