@import "reset.css";


/*====================== Petition =====================*/

#petition #container { width: 556px; margin: 0 0 0 12px; }
#petition h1 { font: bold 2.2em arial; color: #333; }
#petition p { font:1.2em/1.3em arial; color: #333; }
	#petition h1, #petition p { margin-bottom: 8px; }
	
#petition form {}
	#petition form h2 { border-top: 1px solid #d4d4d6; font: bold 1.2em/1.4em arial; padding-top: 12px; margin-top: 12px; }
	#petition form h3 { font: 1em arial; color: #333; margin-bottom: 12px; }
	#petition form label { font:1.2em/1.3em arial; color: #333; display: block; }
	#petition form input, #petition form select { border: 1px solid #a7a8a9; display: block; margin-bottom: 12px; }
		#petition form input { height: 21px; }
		#petition form select { height: 25px; }
		#petition form .col1 { width: 548px; }
		#petition form .col2 { width: 263px; }
			#petition form select.col2 { width: 265px; }
		#petition form .city { width: 229px; }
		#petition form .state, #petition form .zip { width: 140px; margin-right: 13px; }
		#petition form textarea { height: 256px; }
	#petition .submit_area { margin-top: 12px; }
		#petition .submit_area .left { width: 340px; }
			#petition .submit_area .left p { font: 1em arial; }
	#petition #container #formPetition label.error { color: #f00 !important; font-weight: bold !important; zoom: 1; }
	#petition #container #formPetition input.error, #petition #container #formPetition select.error { border: 1px solid #f00; }

#submit_addyourname { width: 160px !important; height: 35px !important; border: none !important; }

/*====================== Petition - Thanks =====================*/

#petition-thanks #container { width: 520px; margin: 40px 32px 24px 40px; }
#petition-thanks h1 { font: bold 2.4em arial; color: #9c176b; margin-bottom: 12px; }
#petition-thanks p { font: 1.4em/1.4em arial; color: #333; }

#sharethis {
	width: 300px;
	height: 16px;
	padding: 13px 0 13px;
}
	#sharethis img { margin-right: 8px; }
	#sharethis a { font: 1.2em arial; margin-left: 23px; }
	#sharethis p a {font: 1em arial; margin-left: 0;}
	#sharethis p { font: 1.2em arial; display: inline; }
	#sharethis a, #sharethis p a {
		color: #333;
		position: relative;
		top: -4px;
	}


/*====================== Order =====================*/

#order #container { width: 556px; margin: 0 32px 24px 12px; }
#order h1 { font: bold 2.2em arial; color: #333; }
#order p { font:1.2em/1.3em arial; color: #333; }
	#order h1, #order p { margin-bottom: 8px; }
	
#order form {}
	#order form h2 { border-top: 1px solid #d4d4d6; font: bold 1.2em/1.4em arial; padding-top: 12px; margin-top: 12px; }
	#order form h3 { font: 1em arial; color: #333; margin-bottom: 12px; }
	#order form label { font:1.2em/1.3em arial; color: #333; display: block; }
	#order form input, #order form select { border: 1px solid #a7a8a9; display: block; margin-bottom: 12px; }
		#order form input.order_radio { border: none; }
		#order form input { height: 21px; }
		#order form select { height: 25px; }
		#order form .col1 { width:554px; }
		#order form .col2 { width: 263px; }
			#order form select.col2 { width: 265px; }
		#order form .city { width: 229px; }
		#order form select.state, #order form input.zip { width: 140px; margin-left: 13px; }
			#order form label.state, #order form label.zip { margin-left: 13px; }
		#order form textarea { height: 256px; }
		#order form select.event_info { width: 237px; }
		#order form input.event_info { width: 140px; margin-left: 12px; }
		#order form label.event_info { margin-left: 12px; }
		#order form input.order_material { width: 38px; margin: 0 10px; }
		#order form label.order_material { font: 1.2em/2em arial; }

#order .submit_area { margin-top: 12px; }
	#order .submit_area .left { width: 340px; }
		#order .submit_area .left p { font: 1em arial; }
#order #container #formOrder label.error { color: #f00 !important; font-weight: bold !important; zoom: 1; }
#order #container #formOrder input.error, #order #container #formOrder select.error { border: 1px solid #f00; }

#submit_submit { width: 160px !important; height: 35px !important; border: none !important; }

/*====================== Register =====================*/

#register #container { width: 420px; margin: 0 32px 24px; }
#register h1 { font: bold 2.2em arial; color: #58585a; }
#register p { font:1.4em/1.3em arial; color: #58585a; }
#register a { color: #58585a; text-decoration: underline; }
	#register h1, #register p { margin-bottom: 8px; }
	
#register form {}
	#register form h3 { font: 1em arial; color: #58585a; margin-bottom: 12px; }
	#register form label { font:1.1em/1.3em arial; color: #58585a; display: block; }
	#register form input { border: 1px solid #58585a; display: block; margin-bottom: 12px; }
		#register form input { height: 21px; }
		#register form .col2 { width: 160px; }

#register .submit_area { margin-top: 12px; }
	#register .submit_area .left { padding-top:8px; text-align:right; width:240px; }
		#register .submit_area .left a { font: 1.4em arial; }
		
#register label.error { color: #f00 !important; font-weight: bold !important; zoom: 1; }
#register #container #formRegister input.error, #register #container #formRegister select.error { border: 1px solid #f00; }

#submit_submit { width: 160px !important; height: 35px !important; border: none !important; }

/*====================== Login =====================*/

#login #container { width: 420px; margin: 0 32px 24px; }
#login h1 { font: bold 2.2em arial; color: #58585a; margin-bottom: 24px; }

#login form {}
	#login form label { font:1.1em/1.3em arial; color: #58585a; display: block; margin-left: 66px; }
	#login form input { border: 1px solid #58585a; display: block; margin: 0 0 12px 66px; height: 21px; width: 270px; }

#login .submit_area { margin-top: 20px; }
	#login .submit_area input { margin-left: 0; }
	#login .submit_area .left { padding-top:8px; text-align:right; width:240px; }
		#login .submit_area .left a { color: #58585a; font: 1.4em arial; }
		
#login label.error { color: #f00 !important; font-weight: bold !important; zoom: 1; }
#login #container #formLogin input.error, #login #container #formLogin select.error { border: 1px solid #f00; }

#submit_submit { width: 160px !important; height: 35px !important; border: none !important; }

/*====================== preview =====================*/

#preview #container { margin: 10px; }