/*-----------------------------------------------------------------------------
Chicago Sport and Social View Profiles Home Section Style Sheet

version:   1.0
author:    Blake Bauman
email:     blake@bytestudios.com
created:   4/19/07
-----------------------------------------------------------------------------*/

/* General
-----------------------------------------------------------------------------*/
body { background: #a51900 url('../images/bg_profiles.gif') repeat-y center; }

/* Wrapper length for this section */
#wrapper { width: 932px; }


/* Header
-----------------------------------------------------------------------------*/
#header { background: transparent url('../images/bg_header.png') no-repeat bottom left; padding-bottom: 20px; height: 100px; }

/* Branding */
#branding { background: url('../images/logo_w_tag.png') no-repeat top left; }

/* Sponsors */
#sponsors li a { background: transparent url('../images/bg_sponsors_about.gif') no-repeat; }


/* Navigation
-----------------------------------------------------------------------------*/	
#navigation { height: 36px; background: #fff url('../images/bg_top_nav.gif') no-repeat top left; }
#navigation li a:hover, #navigation li a.active { background: #f07f4d url('../images/bg_top_nav_profiles_on.gif') repeat-x left bottom; }

/* Primary Content
-----------------------------------------------------------------------------*/
#primary { position: relative; clear: both; background-color: #fff; color: #777; }

#primary_content { float: left; width: 789px; }

/* Profile Search */
#primary_content div#profile_search {
	padding: 10px 10px 8px 25px;
	}
	#primary_content div#profile_search img {
		float: left;
		}
	#primary_content div#profile_search label.large {
		float: left;
		color: #ee5800;
		font-size: 18px;
		padding-right: 5px;
		}
		#primary_content div#profile_search label.small {
			float: left;
			font-size: 12px;
			padding: 5px 5px;
			}
		#primary_content div#profile_search input.txt_width {
			float: left;
			width: 290px;
			color: #333;
			padding: 6px 5px 5px 5px; 
			font: normal 12px Arial, Helvetica, sans-serif;
			border:1px solid #ececec;
			margin-right: 5px;
			}
			#primary_content div#profile_search input.opt_radio {
				float: left;
				margin-top: 7px;
				}
			#primary_content div#profile_search input.go_button {
				float: left;
				}

/* Featured User */
#primary_content span {background: none; }
#primary_content div#featured_user {
	float: left;
	width: 386px;
	min-height: 300px;
	margin-left: 6px;
	background: #fff url('../images/bg_featured_user_profile_bot.gif') no-repeat bottom left;
	}
	#primary_content div#featured_user h2 {
		padding: 20px 10px 5px 20px;
		color: #fff;
		font-weight: normal;
		background: transparent url('../images/bg_featured_user_profile_top.gif') no-repeat top left;
		}
		#primary_content div#featured_user div#featured_user_content_l {
			float: left;
			width: 148px;
			margin: 10px 0 15px 0;
			padding: 0px 0 15px 20px;
			border-right: 1px solid #ededed;
			}
			#primary_content div#featured_user div#featured_user_content_l h3 {
				font-size: 16px;
				color: #48a1c8;
				margin-bottom: 5px;
				padding-right: 10px;
				}
					#primary_content div#featured_user div#featured_user_content_l a.view_pro {
						display: block;
						width: 130px;
						padding: 5px 0;
						margin: 1px 11px 0 0;
						color: #48a1c8;
						text-align: center;
						text-decoration: none;
						}
						#primary_content div#featured_user div#featured_user_content_l a.view_pro:hover {
							color: #fff;
							background-color: #48a1c8;
							}
							#primary_content div#featured_user div#featured_user_content_l a.img { display: block; margin: 10px 10px 0 0; padding: 3px; background-color: #fff; border: 1px solid #ddd; width: 122px } /* make sure width is 2px larger than actual image width */
							#primary_content div#featured_user div#featured_user_content_l a.img:hover { padding: 4px; border: none; background-color: #48a1c8; }
							#primary_content div#featured_user div#featured_user_content_l a.img img { border: 1px solid #fff }
					
		#primary_content div#featured_user div#featured_user_content_r {
			float: left;
			width: 180px;
			margin: 10px 0 15px 0;
			padding: 0 20px 10px 10px;
			line-height: 18px;
			font-size: 12px;
			}
			#primary_content div#featured_user div#featured_user_content_r span {
				color: #48a1c8;
				font-weight: bold;
				}

/* Featured Team */	
#primary_content div#featured_team {
	float: left;
	width: 388px;
	min-height: 300px;
	background: #fff url('../images/bg_featured_user_profile_bot.gif') no-repeat bottom left;
	}
	#primary_content div#featured_team h2 {
		padding: 20px 10px 5px 20px;
		color: #fff;
		font-weight: normal;
		background: transparent url('../images/bg_featured_team_profile_top.gif') no-repeat top left;
		}
		#primary_content div#featured_team div#featured_team_content_l {
			float: left;
			width: 200px;
			margin: 10px 0 15px 0;
			padding: 0px 0 15px 20px;
			border-right: 1px solid #ededed;
			}
			#primary_content div#featured_team div#featured_team_content_l h3 {
				font-size: 16px;
				color: #718c41;
				margin-bottom: 5px;
				padding-right: 10px;
				}
					#primary_content div#featured_team div#featured_team_content_l a.view_pro {
						display: block;
						width: 152px;
						padding: 5px 0;
						margin: 1px 11px 0 0;
						color: #718c41;
						text-align: center;
						text-decoration: none;
						}
						#primary_content div#featured_team div#featured_team_content_l a.view_pro:hover {
							color: #fff;
							background-color: #718c41;
							}
							#primary_content div#featured_team div#featured_team_content_l a.img { display: block; margin: 10px 10px 0 0; padding: 3px; background-color: #fff; border: 1px solid #ddd; width: 146px } /* make sure width is 2px larger than actual image width */
							#primary_content div#featured_team div#featured_team_content_l a.img:hover { padding: 4px; border: none; background-color: #718c41; }
							#primary_content div#featured_team div#featured_team_content_l a.img img { border: 1px solid #fff }	

							#primary_content div#featured_team div#featured_team_content_r {
								float: left;
								width: 136px;
								margin: 10px 0 15px 0;
								padding: 0 20px 10px 10px;
								line-height: 18px;
								font-size: 12px;
								}
								#primary_content div#featured_team div#featured_team_content_r span {
									color: #718c41;
									font-weight: bold;
									}
#primary_content_l {
	float: left;
	width: 256px;
	padding: 5px 0 0 10px;
    }
	#primary_content_l h1 {
		margin: 10px 0 0 20px;
		font: normal 32px Arial, Helvetica, sans-serif;
		color: #990001;
		}
    	#primary_content_l img {
			margin-bottom: 5px;
			}

#primary_content_r {
	float: left;
	width: 512px;
	min-height: 500px;
	margin: 5px 0 10px 0;
	background: #fff url('../images/bg_content_r_bot_profile.gif') no-repeat bottom left;
	
	}
	#primary_content_r h2 {
		font: normal 16px Arial, Helvetica, sans-serif;
		color: #868686;
		background: #fff url('../images/bg_content_r_top_profile.gif') no-repeat top left;
		padding: 8px 25px 7px 25px;
		line-height: 14px;	
		}
		#primary_content_r h2.newest { background: #fff url('../images/bg_content_r_top_profile.gif') no-repeat top left; }
		#primary_content_r h2.smack { 
			clear: both;
			margin: 0 1px;
			background: #fff url('../images/bg_h_talk_smack_profile.gif') no-repeat top left; 
			}
		#primary_content_r h2 strong {
			color: #ee5800;
			}
			#primary_content_r #newest_users_block, #primary_content_r #newest_teams_block {
				padding: 15px 0 15px 16px;
				}
				#primary_content_r #newest_users_block a {
					float: left;
					display: block;
					margin: 0 15px 15px 0;
					width: 65px;
					height: 65px;
					background-color: #fff;
					border: 1px solid #cdcdcd;
					}
					#primary_content_r #newest_users_block a:hover {
						background-color: #ee5800;
						border: 1px solid #ee5800;
						}
						#primary_content_r #newest_teams_block a {
							float: left;
							display: block;
							margin: 0 9px 15px 0;
							width: 152px;
							height: 103px;
							background-color: #fff;
							border: 1px solid #cdcdcd;
							}
							#primary_content_r #newest_teams_block a:hover {
								background-color: #ee5800;
								border: 1px solid #ee5800;
								}
								#primary_content_r #newest_users_block img, #primary_content_r #newest_teams_block img {
									margin: 3px;
									border: 1px solid #fff;
								}


/* Advanced Search Form ------------------------------------------------------------------------------- */
#advanced_search {  }
#advanced_search div { margin: 5px 0; padding: 10px; background-color: #eee; }
#advanced_search h3 { color: #222; font-size: 16px; margin-bottom: 5px; }
#advanced_search h4 { color: #222; font-size: 14px; margin-bottom: 5px; padding-left: 10px; text-transform: uppercase; }
#advanced_search h5 { display: inline; color: #333; font-size: 12px;  margin: 0 5px 5px 0; }
#advanced_search input { margin-right: 5px; }
#advanced_search input.keyword_field {  width: 710px; padding: 10px; border-top: 1px solid #ddd; border-left: none; border-right: none; border-bottom: none; font: bold 18px Arial, Helvetica, sans-serif; color: #333; letter-spacing: -1px; }
#advanced_search label { margin: 5px 0; }
#advanced_search div div { padding: 10px; background-color: #ddd; border-bottom: 1px solid #ccc; }
#advanced_search div div.keyword_option { margin: 0; padding: 10px; background-color: #ddd; border-bottom: 1px solid #ccc; }
#advanced_search div div label { margin-right: 5px; }
#advanced_search input.search_button { padding: 3px 5px; font: bold 11px Arial, Helvetica, sans-serif; color: #333; text-transform: uppercase; }



					
/* Members Browse & Search Block ---------------------------------------------------------------------- */		
#search_results { width: 750px; padding: 20px 15px 5px 15px; margin-left: 3px; background: url('/assets/images/browse_bg_top.gif') no-repeat top left; }
#search_results .title { float: left; font-size: 16px; margin-bottom: 10px; padding-left: 5px; }
#search_results .title strong { color: #ee5800;  }
#search_results .filter { float: right; margin-bottom: 10px; }

#search_results #search_results_form { clear: both; padding: 10px 0 5px 0; border-top: 2px dotted #eebd9f; }
#search_results #search_results_form a#search_options { float: none; display: inline; padding: 3px; border: none; color: #ee5800; text-decoration: underline; }
#search_results #search_results_form a:hover#search_options { background-color: #ee5800; color: #fff; text-decoration: none; }	

#search_results #search_results_content { clear: both; padding: 15px 0 0 20px; border-top: 2px dotted #eebd9f; }
#search_results #search_results_content a { float: left; display: block; padding: 2px; color: #777; border: 1px solid #ddd; text-decoration: none; }
#search_results #search_results_content a.member { margin: 0 15px 25px 0; }
#search_results #search_results_content a.team { margin: 0 30px 30px 0; }
#search_results #search_results_content a:hover { background-color: #ee5800; border: 1px solid #ee5800; color: #fff; }
#search_results #search_results_content a img { border: 1px solid #fff; }
#search_results #search_results_content a span { display: block; margin-top: 5px; text-align: center; }

#search_results div.pagination { text-align: right; padding: 0 25px 5px 0; margin: 3px 0 0 0; color: #777; }
#search_results div.pagination a { padding: 1px 3px 1px 3px; margin: 0; text-decoration: underline; color: #ee5800; }
#search_results div.pagination a:hover, div.pagination a:active { background-color: #ee5800; color: #fff; text-decoration: none; }
#search_results div.pagination span.current { padding: 1px 3px 1px 3px; margin: 0; font-weight: bold; color: #555; }
#search_results div.pagination span.disabled { padding: 1px 3px 1px 3px; margin: 0; color: #ddd; }

/*
#search_results div.pagination { padding: 3px 17px; margin: 3px; color: #777; }
#search_results div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eebd9f; text-decoration: none; color: #ee5800; }
#search_results div.pagination a:hover, div.pagination a:active { border: 1px solid #ee5800; background-color: #ee5800; color: #fff; }
#search_results div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ee5800; font-weight: bold; background-color: #ee5800; color: #fff; }
#search_results div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ddd; color: #ddd; }
*/

#search_results_bot { width: 780px; height: 23px; margin-left: 3px; background: url('/assets/images/browse_bg_bot.gif') no-repeat bottom left; }
	
	
/* Advertising Column */
#primary_ad {
	float: left; 
	width: 135px;
	margin-top: 5px;
	}
	#primary_ad_top {
		color: #adadad;
		padding: 3px 0;
		text-align: center;
		background: #fff url('../images/home_ad_bg_top.gif') no-repeat top left;
		}
		#primary_ad_content {
			min-height: 470px;
			padding: 0 9px 10px 9px;
			background: #fff url('../images/home_ad_bg_bot.gif') no-repeat bottom left;
			}

/* Advertising Column */
#advertisement { float: left; text-align: center; width: 135px; margin: 5px 0; padding-bottom: 10px; background: #fff url('/assets/images/home_ad_bg_bot.gif') no-repeat bottom left; }
#advertisement h3 { padding: 0; width: 135px; background: #fff url('/assets/images/home_ad_bg_top.gif') no-repeat top left; text-indent: -9999px; }
#advertisement img { margin-bottom: 5px; }

/* Footer
-----------------------------------------------------------------------------*/
#footer { }
#footer a, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer ul {
	margin-top: 0;
	padding: 8px;
	background: #ed6f02 url('../images/bg_footer_profiles.gif') no-repeat bottom left;
}