html, body, img, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, a, p
{ margin: 0px; padding: 0px; border: 0px; }
p
{ padding:7px 0; }
html
{ font-size: 125%; }
body
{ font-size: 50%; }
/* the following is to eliminate the problem of having nested items become too small.
If it doesn't work well enough, another option is font-size:1em; */
span span
{ font-size:inherit; }

.clear
{ clear:both; height:0 !important; }
.col
{ float:left; }

body
{ background-color:#e0e0da; font-family:arial, sans-serif; }
label
{ float:left; width:80px; text-align:right; padding-right:5px; }

#container
{ width:950px; margin:0 auto; font-size:1.2em; color:#fff; }
	#header
	{ background:url("../images/header.gif") no-repeat; width:950px; height:79px; position:relative; margin-top:20px; }
	#header-votes
	{ background:url("../images/header-votes.gif") no-repeat; width:950px; height:79px; position:relative; margin-top:20px; }
		#home
		{ display:block; width:250px; height:79px; }
		#nav
		{ position:absolute; bottom:0; right:25px; }
			a.nav
			{ float:left; display:block; height:22px; }
			a.nav:hover, a.selected
			{ background-position:0% -22px !important; }
			#nav-1
			{ background:url("../images/nav-1.gif") no-repeat left top; width:75px; }
			#nav-2
			{ background:url("../images/nav-2.gif") no-repeat left top; width:138px; }
			#nav-3
			{ background:url("../images/nav-3.gif") no-repeat left top; width:123px; }
			#nav-4
			{ background:url("../images/nav-4.gif") no-repeat left top; width:68px; }
	#date
	{ background:url("../images/date-back.gif") repeat-x; height:14px; font-size:0.8em; padding:3px 0 0 30px; }
	#content
	{ background-color:#fff; }
		#gradient
		{ background:#fff url("../images/gradient.jpg") repeat-x; height:534px; }
		#gradient-votes
		{ background:#fff url("../images/gradient-votes.jpg") repeat-x; height:482px; }
		#gradient-email
		{ background:#fff url("../images/gradient-email.jpg") repeat-x; height:410px; padding:19px 0 0 24px; }
			#col1-submit
			{ float:left; margin:31px 0 0 27px; width:490px; display:inline; }
				#connect
				{ background:url("../images/connect-background.jpg") no-repeat; width:413px; height:89px; padding:36px 38px 26px 31px; margin-top:30px; }
			#col2-submit
			{ float:right; margin:14px 38px 0 0; width:362px; display:inline; }
				#form-top
				{ background:url("../images/form-top.gif") no-repeat; width:362px; height:4px; }
				#form-mid
				{ background:#6b737b url("../images/form-mid.jpg") repeat-x; height:522px; font-size:0.9em; }
					#form-mid form
					{  padding:5px 60px 0 20px; }
					#form-mid form p
					{ padding:5px 0; }
					#form-mid a
					{ color:#fff; }
					#form-mid form .input
					{ width:188px; }
					#ajaxLoader
					{ text-align:center; }
					.userInfo
					{ padding:20px 10px 0 20px; font-size:1.1em; }
				#form-bottom
				{ background:url("../images/form-bottom.gif") no-repeat; width:362px; height:4px; }
			#col1-votes
			{ float:left; width:622px; padding:10px 0 0 30px; }
				#votes
				{ background:url("../images/votes-back.gif") no-repeat; width:592px; height:371px; color:#505050; padding:15px 20px 0 10px; }
					#votes a
					{ color:#505050; }
					#votes ol
					{ margin-left:35px; color:#14587f; font-weight:bold; }
					#votes li
					{ padding-bottom:11px; }
					#votes span
					{ color:#505050; font-weight:normal; }
				#social
				{ padding:5px 0 0 6px; }
					#social a
					{ float:left; display:block; }
					#social a:hover
					{ background-position:bottom left; }
					#se-facebook
					{ background:url("../images/se-facebook.gif") no-repeat top left; width:174px; height:75px; }
					#se-email
					{ background:url("../images/se-email.gif") no-repeat top left; width:136px; height:75px; }
					#se-twitter
					{ background:url("../images/se-twitter.gif") no-repeat top left; width:156px; height:75px; }
					#se-digg
					{ background:url("../images/se-digg.gif") no-repeat top left; width:126px; height:75px; }
					#se-delicious
					{ background:url("../images/se-delicious.gif") no-repeat top left; width:183px; height:75px; }
					#s-facebook
					{ background:url("../images/s-facebook.gif") no-repeat top left; width:126px; height:64px; }
					#s-email
					{ background:url("../images/s-email.gif") no-repeat top left; width:101px; height:64px; }
					#s-twitter
					{ background:url("../images/s-twitter.gif") no-repeat top left; width:119px; height:64px; }
					#s-digg
					{ background:url("../images/s-digg.gif") no-repeat top left; width:101px; height:64px; }
					#s-delicious
					{ background:url("../images/s-delicious.gif") no-repeat top left; width:136px; height:64px; }
			#col2-votes
			{ float:right; padding:40px 40px 0 0; }
				#col2-votes a
				{ display:block; padding:20px 0 0 55px; }
			#rules
			{ background:url("../images/rules-back.gif") no-repeat; width:837px; height:397px; padding:15px 25px 25px 25px; }
				#rules-content
				{ overflow:auto; height:397px; color:#505050; }
			#email-back
			{ background:url("../images/email-back.jpg") no-repeat; width:366px; height:302px; float:left; padding:80px 35px 0 50px; }
				#email-back .input
				{ width:200px; }
			#email-connect
			{ float:right; width:60px; }
		#home-bottom
		{ width:778px; margin:20px auto 0 auto; color:#505050; }
		#bottom-left
		{ float:left; width:680px; padding:10px 0 0 35px; color:#636363; font-size:0.9em; }
			#bottom-left a
			{ color:#636363; }
		#bottom-right
		{ float:right; width:145px; padding:30px 45px 20px 0; }
	#footer
	{ background:url("../images/footer.gif") no-repeat; width:950px; height:4px; margin-bottom:40px; }