/* 
Theme Name: Harinder Takhar
Theme URI: N/A
Description: Harinder Takhar 2010 theme.
Version: 1.0
Author: Yuriy Dyrenko
*/

body {
	color: #222222;
	font: 16px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; 
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: center;
}

h1 {
	font-weight: 100;
	margin: 3px 0 8px 0;
	padding: 0;
}

h2 {
	font-weight: 100;
	font-size: 22px;
	margin: 0 0 0px 0;
}

a {
	color: #952138;
}

b {
	color: #952138;
	font-weight: 400;
}

a:hover {
	color: #000000;
}

img {
	border: 0 none;
}

.post p {
	margin: 0;
	padding: 0;
}

.button {
	display: block;
	float: left;
	list-style: none;
}

#header {
	background: url('../images/header.png') repeat-x;
	height: 127px;
	width: 100%;
}

	#header_content {
		height: 127px;
		margin: auto;
		overflow: hidden;
		text-align: left;
		width: 960px;
	}

		#logo {
			background: url('../images/images.png');
			float: left;
			height: 127px;
			margin: 0 0 0 19px;
			width: 247px;
		}
		
		#navigation {
			float: left;
			height: 127px;
			margin: 0 0 0 150px;
			width: 517px;
		}
		
			.nav {
				float: left;
				height: 127px;
				overflow: hidden;
				position: relative;
				width: 128px;
			}
			
			.navimg {
				margin: -127px 0 0 0;
				position: absolute;
				width: 128px;
			}
			
			.navimg_over {
				margin: 0;
				position: absolute;
				width: 128px;
			}
		
			.nav_dividor {
				background: url('../images/images.png') -977px -49px;
				float: left;
				height: 127px;
				width: 1px;
			}
		
#subheader {
	background: url('../images/subheader.png') repeat-x;
	overflow: hidden;
	width: 100%;
}

	#subheader_content {
		background: url('../images/images.png') 0 -127px;
		height: 181px;
		margin: auto;
		padding: 246px 0 0 304px;
		text-align: left;
		width: 656px;
	}
	
		#askquestion {
			background: url('../images/images.png') 0 -554px;
			border: 0 none;
			font-size: 24px;
			height: 54px;
			padding: 5px;
			text-align: center;
			width: 635px;
		}
			
		#tabs {
			float: left;
			margin: 81px 0 0 -290px;
			}
			
		#tabs_about {
			float: left;
			margin: 235px 0 0 0;
			position: absolute;
		}
		
		#tabs_services {
			float: left;
			margin: 81px 0 0 -304px;
			position: absolute;
		}
		
		#tabs_contact {
			float: left;
			margin: 248px 0 0 0;
		}
		
			#newstab {
				background: url('../images/images.png') -1140px -144px;
				height: 36px;
				margin: 0 5px 0 0;
				width: 152px;
			}
			
				#newstab:hover {
					background: url('../images/images.png') -1140px -180px;
					height: 36px;
					margin: 0 5px 0 0;
					width: 152px;
				}
				
				#newstab_active {
					background: url('../images/images.png') -1140px -108px;
					height: 36px;
					margin: 0 5px 0 0;
					width: 152px;
				}
				
			#bbqtab {
				background: url('../images/images.png') -1140px -360px;
				height: 36px;
				margin: 0 5px 0 0;
				width: 152px;
			}
			
				#bbqtab:hover {
					background: url('../images/images.png') -1140px -396px;
				}
				
				#bbqtab_active {
					background: url('../images/images.png') -1140px -324px;
					height: 36px;
					margin: 0 5px 0 0;
					width: 152px;
				}
				
	#subheader_about_tabs {
		position: absolute;
		left: 0;
		z-index: 200;
	}
	
	#subheader_contact_content {
		background: url('../images/contact.png');
		height: 284px;
		margin: auto;
		text-align: left;
		width: 960px;
	}
	
	#subheader_about_content {
		background: url('../images/about.png');
		height: 271px;
		margin: auto;
		text-align: left;
		width: 960px;
	}
	

#body {
	background: #f6f6f6;
	overflow: hidden;
}

	#body_content {
		margin: auto;
		overflow: hidden;
		padding: 0px 0 10px 0;
		text-align: left;
		width: 960px;
	}
	
		#body_content_left {
			float: left;
			margin: 10px 0 0 0;
			width: 593px;
		}
		
			.bbq-left {
				border-bottom: 1px solid #e6e6e6;
				float: left;
				font-size: 18px;
				height: 50px;
				margin: 0 0 15px 0;
				padding: 0 30px 15px 0;
				text-align: right;
				width: 196px;
			}
			
			.bbq-right {
				border-bottom: 1px solid #e6e6e6;
				float: left;
				font-size: 18px;
				height: 50px;
				margin: 0 10px 15px 0;
				padding: 0 0 15px 0;
				width: 357px;
			}
		
			.post h1 {
				font-size: 24px;
				font-weight: 100;
				margin: 0 0 5px 0;
				padding: 0;
			}
		
			.post_content {
				width: 593px;
			}
			
			.post_top {
				margin: 0;
				padding: 0 0 5px 0;
				overflow: hidden;
				width: 563px;
			}
			
				.post_footer_date {
					color: #656565;
					float: left;
					padding: 0 0 0 0px;
					width: 300px;
				}
				
				.post_footer_readmore {
					float: left;
					text-align: right;
					width: 263px;
				}
			
			.post_footer_dividor {
				background: url('../images/images.png') -247px -122px;
				height: 5px;
				margin: 15px 0 30px 0;
				width: 593px;
			}
				
			/*===============================*/
			/*=======PAGINATION=STYLES=======*/
			/*===============================*/
			
				#pages {
					margin: auto;
					font-size: 14px;
					text-align: center;
				}
			
				.page_block {
					background: #dfdfdf;
					display: inline-block;
					padding: 3px 2px 2px 2px;
					margin: 3px;
					text-align: center;
					width: 22px;
				}
				
					.page_block:hover {
						background: #d1d1d1;
					}
				
				.page_block_active {
					background: #cbcbcb;
					display: inline-block;
					padding: 3px 2px 2px 2px;
					margin: 3px;
					text-align: center;
					width: 22px;
				}
		
		#body_content_right {
			float: left;
			overflow: hidden;
			padding: 0 0 0 10px;
			width: 357px;
		}
		
			#social_networking {
				float: right;
				margin: 10px 0 10px 0;
				width: 150px;
			}
			
				#twitter {
					background: url('../images/images.png') -772px 0;
					height: 49px;
					margin: 0 10px 0 0;
					width: 30px;
				}
				
					#twitter:hover {
						background: url('../images/images.png') -802px 0;
					}
				
				#rss {
					background: url('../images/images.png') -832px 0;
					height: 49px;
					margin: 0 10px 0 0;
					width: 30px;
				}
				
					#rss:hover {
						background: url('../images/images.png') -862px 0;
					}
				
				#flickr {
					background: url('../images/images.png') -892px 0;
					height: 49px;
					margin: 0 10px 0 0;
					width: 30px;
				}
				
					#flickr:hover {
						background: url('../images/images.png') -922px 0;
					}
				
				#facebook {
					background: url('../images/images.png') -952px 0;
					height: 49px;
					width: 30px;
				}
				
					#facebook:hover {
						background: url('../images/images.png') -982px 0;
					}
				
			#show_your_support {
				background: url('../images/images.png') -247px 0;
				float: left;
				height: 60px;
				margin: 30px 0 0 0;
				width: 358px;
			}
			
			#show_your_support_content {
				background: #f1f1f1;
				float: left;
				margin: 0 0 20px 0;
				padding: 10px 10px 0px 10px;
				width: 337px;
			}
			
			#youtube {
				background: url('../images/youtube.png');
				height: 144px;
				margin: 30px 0 0 0;
				width: 357px;
			}
				
			#contact_sidebar {
				float: left;
				width: 357px;
			}
			
				.contact_icons {
					float: left;
					height: 79px;
					text-align: center;
					margin: 15px 0 15px 10px;
					width: 128px;
				}
				
					#contact_mail {
						background: url('../images/images.png') -1012px -150px;
						height: 79px;
						width: 128px;
					}
					
					#contact_telephone {
						background: url('../images/images.png') -1012px -77px;
						height: 73px;
						width: 122px;
					}
					
					#contact_email {
						background: url('../images/images.png') -1012px 0;
						height: 77px;
						margin: 0 0 0 27px;
						width: 73px;
					}
				
				.contact_info {
					float: right;
					height: 79px;
					margin: 15px 0 15px 15px;
					width: 204px;
				}
				
				#contact_info_telephone {
					float: right;
					height: 69px;
					margin: 15px 0 15px 15px;
					padding: 10px 0 0 0;
					width: 204px;
				}
				
				#contact_email_text {
					background: url('../images/images.png') -772px -49px;
					height: 15px;
					margin: 25px 0 0 0;
					width: 204px;
				}
				
			.contact_form {
				background: url('../images/images.png') 0 -776px;
				border: 0 none;
				font-size: 16px;
				height: 21px;
				margin: 0 0 10px 0;
				padding: 10px;
				width: 550px;
			}
			
			#contact_textbox {
				background: url('../images/textbox.png');
				border: 0 none;
				font: 18px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; 
				height: 214px;
				line-height: 1.5;
				padding: 10px;
				width: 550px;
			}
			
			#contact_submit {
				background: url('../images/images.png') 0 -817px;
				border: 0 none;
				float: right;
				height: 41px;
				margin: 10px 23px 10px 0;
				width: 174px;
			}
			
				#contact_submit:hover {
					background: url('../images/images.png') 0 -858px;
				}

#footer {
	background: url('../images/footer.png') repeat-x top #111111;
	overflow: hidden;
	width: 100%;
}

	#footer_content {
		background: url('../images/footer_shadow.png') top no-repeat #111111;
		margin: auto;
		width: 960px;
	}
	
		.footer_content_section {
			float: left;
			font-size: 14px;
			color: #fff;
			margin: 0 0 20px 0;
			text-align: left;
			width: 320px;
		}
	
			#footer_content_headlines {
				background: url('../images/images.png') -542px -79px;
				height: 19px;
				margin: 17px 0 9px 0;
				width: 116px;
			}
			
			#footer_content_householders {
				background: url('../images/images.png') -542px -98px;
				height: 19px;
				margin: 17px 0 9px 0;
				width: 162px;
			}
			
			#footer_content_communityevents {
				background: url('../images/images.png') -704px -79px;
				height: 25px;
				margin: 16px 0 4px 0;
				width: 213px;
			}
			
			.footer_post {
				background: #212121;
				color: #fff;
				float: left;
				font-weight: normal;
				margin: 0 0 10px 0;
				padding: 6px 10px 6px 10px;
				width: 290px;
			}
			
				.footer_post:hover {
					background: #282828;
					color: #fff;
				}

/*-TABS-----------------------------*/

#biography_tab {
	background: url('../images/images.png') -357px -654px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#biography_tab:hover {
		background: url('../images/images.png') -357px -690px;
	}
	
	#biography_tab_active {
		background: url('../images/images.png') -357px -618px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}
	
#legislature_tab {
	background: url('../images/images.png') -509px -654px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#legislature_tab:hover {
		background: url('../images/images.png') -509px -690px;
	}
	
	#legislature_tab_active {
		background: url('../images/images.png') -509px -618px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}
	
#media_tab {
	background: url('../images/images.png') -661px -654px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#media_tab:hover {
		background: url('../images/images.png') -661px -690px;
	}
	
	#media_tab_active {
		background: url('../images/images.png') -661px -618px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}
	
#ontgov_tab {
	background: url('../images/images.png') -1292px -252px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#ontgov_tab:hover {
		background: url('../images/images.png') -1292px -288px;
	}
	
	#ontgov_tab_active {
		background: url('../images/images.png') -1292px -216px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}
	
#newscoverage_tab {
	background: url('../images/images.png') -1140px -360px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 192px;
}

	#newscoverage_tab:hover {
		background: url('../images/images.png') -1140px -396px;
	}
	
	#newscoverage_tab_active {
		background: url('../images/images.png') -1140px -324px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 192px;
	}
	
#newsreleases_tab {
	background: url('../images/images.png') -1140px -468px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 192px;
}

	#newsreleases_tab:hover {
		background: url('../images/images.png') -1140px -504px;
	}
	
	#newsreleases_tab_active {
		background: url('../images/images.png') -1140px -432px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 192px;
	}
	
#contact_tab {
	background: url('../images/images.png') -965px -654px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#contact_tab:hover {
		background: url('../images/images.png') -965px -690px;
	}
	
	#contact_tab_active {
		background: url('../images/images.png') -965px -618px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}
	
#ridingmap_tab {
	background: url('../images/images.png') -1269px -654px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#ridingmap_tab:hover {
		background: url('../images/images.png') -1269px -690px;
	}
	
	#ridingmap_tab_active {
		background: url('../images/images.png') -1269px -618px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}
	
#helpfullinks_tab {
	background: url('../images/images.png') -1292px -144px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#helpfullinks_tab:hover {
		background: url('../images/images.png') -1292px -180px;
	}
	
	#helpfullinks_tab_active {
		background: url('../images/images.png') -1292px -108px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}

#services_tab {
	background: url('../images/images.png') -1117px -654px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#services_tab:hover {
		background: url('../images/images.png') -1117px -690px;
	}
	
	#services_tab_active {
		background: url('../images/images.png') -1117px -618px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}
	
#newcomers_tab {
	background: url('../images/images.png') -1140px -252px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#newcomers_tab:hover {
		background: url('../images/images.png') -1140px -288px;
	}
	
	#newcomers_tab_active {
		background: url('../images/images.png') -1140px -216px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}
	
#students_tab {
	background: url('../images/images.png') -1332px -468px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#students_tab:hover {
		background: url('../images/images.png') -1332px -504px;
	}
	
	#students_tab_active {
		background: url('../images/images.png') -1332px -432px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}
	
#seniors_tab {
	background: url('../images/images.png') -1332px -360px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#seniors_tab:hover {
		background: url('../images/images.png') -1332px -396px;
	}
	
	#seniors_tab_active {
		background: url('../images/images.png') -1332px -324px;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}
	
#events {
	background: url('../images/images.png') -1140px -36px;
	height: 36px;
	margin: 0 0 0 5px;
	width: 152px;
}

	#events:hover {
		background: url('../images/images.png') -1140px -72px;
	}
	
	#events_active {
		background: url('../images/images.png') -1140px 0;
		height: 36px;
		margin: 0 0 0 5px;
		width: 152px;
	}
	
#all {
	background: url('../images/images.png') -1292px -36px;
	height: 36px;
	margin: 0 5px 0 0;
	width: 152px;
}

	#all:hover {
		background: url('../images/images.png') -1292px -72px;
	}
	
	#all_active {
		background: url('../images/images.png') -1292px 0;
		height: 36px;
		margin: 0 5px 0 0;
		width: 152px;
	}
	
#livesearch {
	position: absolute;
	z-index: 99999999999999;
}

#livesearch a {
	background: #e5e5e5;
	display: block;
	padding: 10px;
	width: 605px;
}

	#livesearch a:hover {
		background: #111111;
		color: #fff;
		padding: 10px;
		width: 605px;
	}
	
/*-Sidebar-Twitter-------------------------------*/

#twitter_feed {
	float: left;
	overflow: hidden;
	width: 357px;
}

	#twitter_feed_top {
		background: url('../images/images.png') 0 -618px;
		height: 4px;
		width: 357px;
	}
	
	#twitter_feed_content {
		background: #f1f1f1;
		overflow: hidden;
		padding: 10px 0 10px 0;
		width: 357px;
	}
	
	#twitter_feed_quote {
		background: url('../images/images.png') -78px -626px;
		float: left;
		height: 36px;
		margin: 0 10px 0 10px;
		width: 38px;
	}
	
	#twitter_feed_tweet {
		font-weight: 100;
		float: left;
		width: 221px;
	}
	
		#twitter_feed_tweet ul {
			font-weight: 100;
			margin: 0;
			padding: 0;
			list-style: none;
		}
	
	#twitter_feed_bird {
		background: url('../images/images.png') 0 -626px;
		float: right;
		height: 101px;
		margin: -25px 0 0 279px;
		position: absolute;
		width: 78px;
	}
	
	#twitter_feed_bottom {
		background: url('../images/images.png') 0 -622px;
		height: 4px;
		width: 357px;
	}
	
/*-Slideshow-----------------------------*/

.slideshow-navigation {
	float: left;
	height: 340px;
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 960px;
	z-index: 100;
}

.prev {
	background: url('../images/images.png') -960px -229px;
	float: left;
	height: 340px;
	width: 50px;
	z-index: 100;
}

.next {
	background: url('../images/images.png') -1010px -229px;
	float: right;
	height: 340px;
	width: 50px;
	z-index: 100;
}

.slideshow li {
	margin: 0 0 -8px 0;
	padding: 0;
}

.left-shadow {
	background: url('../images/left_shadow.png') no-repeat right;
	float: left;
	height: 340px;
	position: absolute;
	left: 0;
	z-index: 100;
	opacity: 0.5;
}

.right-shadow {
	background: url('../images/right_shadow.png') no-repeat left;
	float: left;
	height: 340px;
	position: absolute;
	right: 0;
	top: 127px;
	z-index: 100;
	opacity: 0.5;
}

/*Table Styles*/

.table {
	border-bottom: #d3d3d3 1px solid;
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 593px;
}

	.table-row-heading {
		background: #921830;
		color: #fff;
		height: 30px;
		padding: 10px 10px 10px 23px;
		width: 591px;
	}

	.table-row {
		border-left: #d3d3d3 1px solid;
		border-right: #d3d3d3 1px solid;
		background: #f0f0f0;
		overflow: hidden;
		width: 591px;
	}
	
	.table-title-row {
		background: #921830;
		color: #fff;
		font-size: 20px;
		height: 50px;
		padding: 1px 0 0 0;
		width: 593px;
	}
	
	.table-title2-row {
		background: #921830;
		color: #fff;
		font-size: 20px;
		height: 80px;
		padding: 1px 0 0 0;
		width: 593px;
	}
	
	.table-title2-row a {
		color: #fff;
	}
		
		.table-row-left {
			float: left;
			margin: 0 5px 0 0;
			padding: 10px 0 10px 10px;
			width: 270px;
		}
		
		.table-row-right {
			float: right;
			margin: 0 0 0 5px;
			padding: 10px 10px 10px 0;
			width: 270px;
		}
		
		.table-row2-left {
			float: left;
			margin: 0 5px 0 0;
			width: 290px;
		}
		
			.table-row2-right li, .table-row2-left li {
				margin: 5px 0 5px 0;
			}
		
		.table-row2-right {
			float: right;
			margin: 0 0 0 5px;
			width: 289px;
		}
		
/*Legislature*/

.leg-block {
	border: 1px solid #d3d3d3;
	float: left;
	margin: 20px 0 20px 0;
	overflow: hidden;
	width: 580px;
}

.leg-block-left {
	background: #f0f0f0;
	display: block;
	float: left;
	height: 20px;
	list-style: none;
	padding: 15px;
	width: 260px;
}

.leg-block-right {
	background: #f0f0f0;
	display: block;
	float: left;
	height: 20px;
	list-style: none;
	padding: 15px;
	width: 260px;
}

.leg-block-left:hover, .leg-block-right:hover {
	background: #d3d3d3;
}
		
/*Ont. Gov. Page Styles*/

#service-ontario {
	background: url('../images/service-ontario.png');
	float: left;
	height: 266px;
	margin: 5px 0 20px 0;
	padding: 9px 120px 0 10px;
	width: 160px;
}

#hst {
	background: url('../images/hst.png');
	float: left;
	font-size: 30px;
	height: 166px;
	margin: 5px 0 20px 13px;
	padding: 60px 50px 50px 50px;
	width: 190px;
}

	#hst a {
		text-decoration: none;
	}

#premiers-office {
	background: url('../images/premiers-office.png');
	color: #fff;
	font-size: 22px;
	height: 280px;
	margin: 0 0 31px 0;
	padding: 10px 10px 10px 23px;
	text-decoration: none;
	width: 334px;
}

/*Popup-Styles*/

*html #fade {
	position: absolute;
}

*html .popup_block {
	position: absolute;
}

#fade {
	background: #000;
	display: none;
	height: 100%;
	left: 0;
	opacity: .80;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

#popup3 {
	background: url('../images/email.png');
	display: none;
	float: left;
	height: 173px;
	left: 23.5%;
	padding: 178px 20px 0 41px;
	position: fixed;
	top: 24%;
	width: 644px;
	z-index: 99999;
}

#popup2 {
	background: url('../images/email.png');
	color: #000;
	display: none;
	font-size: 24px;
	float: left;
	height: 153px;
	left: 23.5%;
	padding: 198px 20px 0 20px;
	position: fixed;
	text-align: center;
	top: 24%;
	width: 665px;
	z-index: 99999;
}

#popup1 {
	background: url('../images/email.png');
	color: #000;
	display: none;
	font-size: 24px;
	float: left;
	height: 153px;
	left: 23.5%;
	padding: 198px 20px 0 20px;
	position: fixed;
	text-align: center;
	top: 24%;
	width: 665px;
	z-index: 99999;
}

#enter-your-email {
	background: url('../images/email-form.png');
	border: 0 none;
	float: left;
	font-size: 24px;
	height: 53px;
	margin: 0 0 11px 0;
	padding: 2px 10px 0 10px;
	width: 602px;
}

#email-submit {
	background: url('../images/email-submit.png');
	border: 0 none;
	height: 55px;
	float: left;
	margin: 2px 0 0 198px;
	width: 163px;
}

	#email-submit:hover {
		background-position: bottom;
	}

.close {
	background: url('../images/do-not-submit.png');
	float: left;
	height: 18px;
	margin: 24px 0 0 3px;
	width: 257px;
}

	.close:hover {
		background-position: bottom;
	}
