body {
  background: #fff url(img/header_bg_x.png) repeat-x;
}

#main_container { background: none !important;}

#main { width: auto; }

#home_header {
  width: 800px;
  padding-top: 40px;
  color: #fff;
  margin: 0 auto;

}

#blurb {
  float: right;
  width: 368px;
  padding-top: 40px;
  padding-right: 10px;
}


		#blurb h2 {
		  color: #666;
		  font-size: 1.4em;
		}

		#blurb h1 {
		  color: #ddd;
		  font-size: 2.7em;
		}

		#blurb p {
		  color: #ddd;
		  line-height: 1.5em;
		  font-size: 1em;
		  padding-right: 1em;
		}

		#blurb a {
		  float: right;
		  text-align: right;
		  font-size: 1.5em;
		  padding-right: 2em;
		}


#logo {
	width: 337px;
	height: 219px;
	background: url(img/logo.png) no-repeat;
	margin-left: 2em;
}

		#logo span { display: none; }
		

#input_boxes {
	background: #fff url(img/header_bg.jpg) no-repeat;
	clear: both;
	padding-bottom: 10px;
	margin-top: 18px;
}


/* lower-left search box */
#search {
  margin-left: 22px;
  padding: 1em;
  border: 0;
}
	  #search legend { 
		  padding-top: 30px;
		  margin-left: 16px;
		  padding-bottom: 0;
		}
	
		#search ul { 
			padding-top: 0; 
			margin-top: 0;
			margin: 0;
		}
	
		#search li {
			float: left;
			margin-right: 2.65em;
			margin-bottom: 1.75em;
			margin-left: .75em;
			padding: 0; line-height: 1em;
		}
	
		#search label { 
			font-size: .95em;
			color: #666;
			display: block; 
			margin-bottom: .20em;
	  }
	
		#location {
		  clear: left;
		}
	
		#search input, #search select{
			background: #000;
		  color: #fff;
		  border: 1px solid #666;
		  padding: .15em;	
		  font-size: 1em;
		}
	
		#search .submit {
		  border: none;
		  background-color: #f00;
		  padding: 0.15em 0.5em;
		  color: #fff;
		  margin-top: 1em;
		  cursor: pointer;
	  	font-size: 1.1em;
		}
		
		#search .submit:hover { color: #000; }


/* lower-right login box */
#login {
  float: right;
  margin-right: 30px;
  margin-top: 25px;
  width: 300px;
}	
        #login h2 { margin-bottom: .5em; }

				#login td { padding-bottom: 0.25em; }

				#login .login_field {
				  border: 1px solid black;	
				  color: #000;
				  padding-left: 0.25em;
				  margin-top: 0.25em;
				  margin-bottom: 1em;
				  background-repeat: repeat-x;
				  background: #fff url(img/input_fill_x.png) repeat-x;
				}

				#login .submit {
				  border: none;
				  background-color: black;
				  color: #f00;
				  padding: 0.15em 0.5em;
				  cursor: pointer;
				}
				
						#login .submit:hover {
						  color: #fff;
						}
				
				#login a {
				  text-decoration: underline;
				  color: #fff;
				  font-size: .95em;
				}

/* the meat of the page */
#meat { 
	width: 800px;
	margin: 0 auto;
}

#newest_members {
  width: 440px;
	float: left;
}

	#newest_members h2, #newest_members h3 { text-align: center; }
	
  #newest_members h3, .female, .male { 
	  width: 215px;
	  float: left;
	}

	#newest_members h3:after { content: " ~";}
	
	#newest_members h3:before { content: "~ ";}
	
	#newest_members li { padding: .5em 1em; }

	#newest_members img { width: 75px; height: 75px; }
	
	.female, .male { height: 463px; padding-top: 0.8em;}
	
			.female { clear: left; background-color: #fdd; margin-right: 1px; }
	
			.male { background-color: #D9F0FF;  }
	    
	    .female a, .male a { font-size: .9em; }
	
			.female a { color: #f44; }
		
			.male a { color: #0099FF; }

				
#about { 
	margin-left: 440px; 
	text-align: center;
}

    #about .boxed { 
	    margin-top: 1em; 
	    padding-bottom: 1em;
	  }

    #about .boxtop { 
	    margin-left: 50px;
	  }

    #about .boxed > * { clear: none; }

    #gist_of_it { 
	    font-size: 1.2em;
	    padding: 0 .5em;
		  line-height: 1.6em;
	  }
	
	  #why { margin-top: 2em; padding: 0 1.5em; }
	
	  #why h3, #why h3 { line-height: 2em; }
	
	  #why h2 { font-size: 1.3em; }
	
	  #why h3 { font-size: 1.2em; }
	
	  #why .red_button { 
		  font-size: 1.15em; 
		  margin-top: 2.3em;
		  margin-bottom: 2em;
		}	
		
		#why .red_button a { 
			padding-left: 4em;
			padding-right: 4em; 
		}
		
		#only_minute { color: #999; }


#by_location {
  width: 440px;
	float: left;
	text-align: center;
	padding-top: 1.3em;
}

		#by_location h2 {
			margin-bottom: .5em;
		}

		#by_location ul { 
			width: 85px; 
			float: left; 
		}

		#by_location li { 
		  line-height: 0;
		  padding-right: 0.5em;
		  padding-left: 0;
		  text-align: left;
		}
		
		#states_column1 { margin-left: 1.5em;}
	
#quizzes {
	text-align: center;
	background: #efefef;
	margin-top: 2em;
	margin-left: 440px; 
	padding: 1em;
} 

		#quizzes ul { margin-top: 1em; margin-bottom: 0; }

		#quizzes li { line-height: 1em; padding-bottom: .75em; }
    
    #quizzes p { color: #666; margin-bottom: .5em; }