/*
Theme Name:		SGR Custom Theme
Theme URI:		http://www.chicagostyleseo.com
Description:	A 3-column design with an emphasis on typography and whitespace.
Version:		1.1
Author:			Ben Robinson
Author URI:		http://www.chicagostyleseo.com/
*/

body { background: #333; color: #333; font: 80% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;}

* { padding: 0; margin: 0; }
	


/*---:[ core layout elements ]:---*/

#container { width: 885px; margin: 0 auto; padding: 10px 0; }

	#page { background: #fff; } /* for use with custom styles */
	#page-reverse { background: #000; color: #fff;} /* for use with custom styles */
	
		#masthead { width: 885px; height: 207px; margin: 0 0 20px 0; padding: 0 0px; text-align: left; background: url('images/chicago-skyline-header-2.gif') no-repeat; z-index: 101;}
		#masthead-international { width: 885px; height: 152px; margin: 0 0 20px 0; padding: 0 0px; text-align: left; background: url('images/international-header.gif') no-repeat;}

		#logo {padding:10px 0 0 5px;}
		#logo-international {padding:0px 0 0 5px; height: 102px; width: 300px}
		#logo-international a {display:block; height: 102px; width: 300px; text-indent: -9999px;}

		#content_box { width: 847px; padding: 0 10px; text-align: left; }

			#left_box { width: 545px; float: left; } 
			#left_box_home { width: 595px; float: left; } 
			

				#content { width: 348px; padding: 0 1px; float: right; }
			
					#content_inner { width: 308px; padding: 0 9px; }
	
			.sidebar { width: 215px; height: 644px; float: left;  background: url('images/BlendGray.jpg'); background-repeat: repeat-x; margin:-20px 0 0 -19px;  background-color:#6f6f6f;}
		
			#left_bar { padding: 20px 25px 0 24px; } 
		
			#right_bar { padding: 0 0 0 10px; }
		
		#footer {background: url('images/footer-main.gif') no-repeat; padding: 4px 0 20px 0; }

		#footer-reverse {background: url('images/footer-white.gif') no-repeat; padding: 4px 0 20px 0; }


/*---:[ headlines ]:---*/

h1, h2, h3, h4 { font: bold 1.0em "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; }

h1 { font-size: 1.8em; line-height: 1.11111em; padding: 0 10px; color: #F6A81C; }
	
	.archives h1 { font-size: 1.1em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 1.81818em 0; padding: 0.36364em 10px 0.36364em 10px; background: #eee; border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd; text-align: center; }

	.page h1 { margin: 0 0 1.11111em 0; }

h2 { font-size: 1.8em; line-height: 1.11111em; padding: 1.11111em 10px 0 10px; color: #F6A81C; }

	h2 a, h2 a:visited { color: #F6A81C; }

	h2 a:hover { color: #237fa1; text-decoration: none; }
	
	h2.top { padding-top: 0; border-top: none; }
	
	.sidebar h2 { font-size: 0.83333em; margin: 0 0 0.9em 0; line-height: 1.9em; padding: 0; text-transform: uppercase; letter-spacing: 2px; border-top: 0; border-bottom: 1px solid #ddd; }

h3 { font-size: 1.23077em; line-height: 1.25em; color: #F6A81C; }

	.format_text h3 { margin: 0 0 0 0; }

	.format_text h3.top { margin: 0 0 0.625em 0 !important; }
	
	#page-reverse h3 {color: #fff;}
	#page-reverse h1, #page-reverse h2 {color: #F6A81C; }

h4 { font-size: 0.84615em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; }



/*---:[ global elements ]:---*/

hr { display: none; }

a, a:visited { color: #8f040b; text-decoration: underline; }

	#page-reverse a {color:#F6A81C;}
	#page-reverse a:hover {color: #fff;}


a:hover { color: #000; text-decoration: underline; }

a img { border: none; }

blockquote { font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 0 1.53846em 10px; padding: 0 0 0 10px; border-left: 1px solid #eee; }

abbr, acronym { font-size: 0.84615em; border-bottom: 1px dotted #888; letter-spacing: 1px; text-transform: uppercase; line-height: 1.0em; cursor: help; }

sub, sup { line-height: 1.0em; }
	
code { font: 0.92308em Consolas, "Andale Mono", Courier, "Courier New"; color: #050; }

pre { margin: 0 0 1.66667em 0; padding: 0.75em; font: 0.92308em/1.66667em Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { padding: 0 20px; font-size: 1.3em; }




/*---:[ #masthead styles ]:---*/

#masthead #rss_subscribe { width: 40px; height: 40px; float: right; }

	#masthead #rss_subscribe a { display: block; width: 40px; height: 40px; background: url('images/icon_rss.gif') no-repeat; text-indent: -9999px; outline: none; }

#masthead #logo { font: bold 3.2em Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; }

	#masthead #logo a, #masthead #logo a:visited { color: #111; }

	#masthead #logo a:hover { color: #237fa1; text-decoration: none; }
	
#masthead h1, #masthead #tagline { font: normal 1.4em/1.42857em Verdana, serif; padding: 0; color: #999; text-align: left; }

#map-search-home { width: 215px; height: 144px; background: url('images/interactive-map-search.jpg') no-repeat; text-align: left; margin: 20px 0px 10px 0px; }
#map-search-home p {margin: 10px 0 0 10px; }
#map-search-home a {color: #000; display:block; width: 215px; height: 144px;}
#map-search-home a span {display:block; margin: 90px 0 0 10px;}
#map-search-home a:hover {color: #F6A81C; }

#neighborhood-search-home {margin: 20px 0 20px 0; }


/*---:[ content styles ]:---*/

.post_author { font-size: 1.2em; line-height: 1.66667em; margin: 0 0 1.66667em 0; padding: 0 10px; color: #999; }

	.post_author a, .post_author a:visited { color: #999; text-decoration: none; }
	
	.post_author a:hover { color: #999; text-decoration: underline; }

.format_text { font-size: 1em; line-height: 1.53846em; padding: 0 10px; }
		
	.format_text a { text-decoration: underline; }
	
	
	.format_text a:hover { text-decoration: underline; }
		
	.format_text blockquote { }
	
		.format_text blockquote.right { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 0 0 10px; padding: 0.4375em 0 0.4375em 10px; border: none; float: right; }
		
		.format_text blockquote.left { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 10px 0 0; padding: 0.4375em 10px 0.4375em 0; background: none; border: none; float: left; }
	
			.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }
	
	.format_text p { margin: 0 0 1.53846em 0; }
	
	.format_text p.note { padding: 0.76923em 10px; background: #ffffa0; border: 1px solid #d3d35d; }
	
	.format_text ul { list-style: none; margin: 0 0 1.53846em 0; }

	.format_text ol { margin: 0 0 1.53846em 20px; }
	
		.format_text li { }
	
		.format_text ul li { padding: 0 0 0 14px; background: url('images/bullet_text.gif') 0 0.38462em no-repeat; }
		
			.format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol { margin: 0 0 0 10px; }
	
		.format_text li code { line-height: inherit; } /* This is basically a Safari hack :( */
	
	.format_text dl { margin: 0 0 1.53846em 0; }
			
		.format_text dt { font-weight: bold; }
		
		.format_text dd { margin: 0 0 1.53846em 1.53846em; }
		
	.format_text .ad { margin: 0 0 0 10px; float: right; clear: right; }
	
		.format_text .ad_left { margin: 0 10px 0 0; float: left; clear: left; }

	.format_text img { }

		.format_text img.alignleft { margin: 0 10px 1.53846em 0; float: left; clear: left; }
		
		.format_text img.alignright { margin: 0 0 1.53846em 10px; float: right; clear: right; }
		
		.format_text img.aligncenter { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; }
		
		.format_text img.block { display: block; margin: 0 auto 1.53846em 0; float: none; clear: both; }
	
		.format_text img.frame { padding: 9px; border: 1px solid #ddd; background: #eee; }
		
		.format_text img.stack { clear: none !important; }

.to_comments { margin: 0 0 1.81818em 0; padding: 0 10px; font: normal 1.1em/1.81818em Verdana, serif; color: #999; clear: both; }
	
	.to_comments .date { padding: 0 0 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; }
	
	.to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; }
	
	.to_comments .num_comments { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

.navigation { width: 425px; padding: 0.69231em 19px 0.76923em 19px; background: #efefef; border-top: 1px solid #ddd; font-size: 1.3em; line-height: 1.53846em; clear: both; }

	.navigation p { text-align: right; }

	.older { padding: 0 20px 0 0; float: left; }

	.previous { text-align: left; }



/*---:[ sidebar styles ]:---*/

ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 190px; margin: 0 0 2.5em 0; font: normal 1.2em/1.33333em Verdana, serif; float: left; }

		li.widget p { margin: 0 0 1.33333em 0; }
		
		li.widget ul, li.linkcat ul { list-style: none; }
		
		li.widget ol { margin: 0 0 0 20px; }
		
			li.widget li, li.linkcat li { margin: 0 0 0.75em 0; }
			
				li.widget li br { display: none; }
			
				li.widget li ul, li.linkcat li ul { margin: 0.75em 0 0 20px; }

			/*---:[ calendar widget ]:---*/

			#calendar_wrap { width: 182px; margin: 0 0 0.83333em 0; padding: 0 8px 0 0; font-family: Georgia, "Times New Roman", Times, serif; }

			table#wp-calendar { width: 182px; border-collapse: collapse; }

				table#wp-calendar caption { font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; }

				table#wp-calendar th { width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; }

				table#wp-calendar td { width: 26px; line-height: 1.66667em; color: #999; text-align: center; }

				table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; }
				
			/*---:[ search widget ]:---*/

			#search { padding: 0.83333em 0; border: 1px dotted #ddd; border-width: 1px 0; text-align: right; }

				#search #s { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: left; }

				#search #s:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }

				#search input[type="submit"] { margin: 0.25em 0 0 0; padding: 2px 3px; color: #333; font: bold 1.0em Georgia, "Times New Roman", Times, serif; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }

				#search input[type="submit"]:hover { color: #237fa1; }
				
			/*---:[ default search form styles ]:---*/

			#search_form { }

				#search_form .search_input { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }

				#search_form .search_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }



/*---:[ footer styles ]:---*/

#footer { font: normal 8pt Verdana, sans-serif; color: #fff; text-align: center; padding-bottom: 20px;}

	#footer a { color: #999;text-decoration: none; }

	#footer a:hover { color: #F6A81C; text-decoration: none; }
	
	#footer-bottom {color: #000;}

#footer-reverse { font: normal 8pt Verdana, sans-serif; color: #000; text-align: center; padding-bottom: 20px;}

	#footer-reverse a { color: #999;text-decoration: none; }

	#footer-reverse a:hover { color: #F6A81C; text-decoration: none; }
	

/*---:[ comment styles ]:---*/

#comments { width: 463px; margin: 4.0em 0 2.0em 0; }

	.comments_intro { padding: 0 20px; font: normal 1.2em/1.66667em Verdana, sans-serif; border-bottom: 1px dotted #bbb; }

		.comments_intro span { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

	dl#comment_list { margin: 0 0 3.0em 0; }

		dl#comment_list dt.comment { width: 445px; padding: 1.42857em 9px 0.71429em 9px; background: #f8f8f8; font-size: 1.4em; line-height: 1.42857em; }

			.comment_num { padding: 0 0 0 20px; font: bold 0.85714em/1.66667em Verdana, sans-serif; float: right; }

				.comment_num a, .comment_num a:visited { color: #999; text-decoration: none; }

				.comment_num a:hover { color: #237fa1; text-decoration: none; }
				
			.comment_time { font: normal 0.78571em Verdana, sans-serif; color: #999; }
				
		dl#comment_list dd.comment { width: 445px; padding: 0 9px 0.8em 9px; background: #f8f8f8; border-bottom: 1px dotted #bbb; }
		
		dl#comment_list dt.alt, dl#comment_list dd.alt { background: #fff; }

		dl#comment_list dt.author, dl#comment_list dd.author { background: #e7f8fb !important; }
		
			.comment .format_text { padding: 0 10px; }
			
			.comment a.comment_link, .comment a.comment_link:visited { font-style: italic; font-weight: bold; color: #333; background: none; text-decoration: none; }
			
			.comment a.comment_link:hover { color: #333; text-decoration: underline; }
			
			

/*---:[ comment form styles ]:---*/

#respond { margin: 0 0 0.83333em 0; padding: 0 20px; border-bottom: 1px dotted #ddd; font: normal 1.2em/1.66667em Verdana, sans-serif; }

	#respond span { padding: 0 0 0 14px; background: url('images/icon_leave_comment.gif') 0 50% no-repeat; }

#comment_form { width: 425px; padding: 0 19px; }

	#comment_form p { padding: 0.69231em 0 0.76923em 0; font-size: 1.3em; line-height: 1.53846em; }
	
	#comment_form p.submit_p { padding-bottom: 1.30769em; }
	
		#comment_form label { padding: 0 0 0 10px; }

		#comment_form .text_input { width: 206px; padding: 2px; color: #333; font: normal 1.0em Georgia, "Times New Roman", Times, serif; background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }
		
		#comment_form .text_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
		
		#comment_form .text_area { width: 419px !important; height: 6.15385em; line-height: 1.53846em; }
	
		#comment_form .form_submit { padding: 0.35714em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; color: #333; font: bold 1.07692em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		
		#comment_form .form_submit:hover { color: #237fa1; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.3em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
	
	

/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/

#agent-info-wrap:after, #map-search-header:before, #container:after, #content_box:after, #nav ul:after, #footer_bottom:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after, #home-search:after, #neighborhood-side:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* Page Navigation */

#page_navi {
	width: 885px;
	height: 27px;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
}

#page_navi a {
	color: #333;
	text-decoration: none;
}

#page_navi a:hover {
	text-decoration: underline;
	color: #000;
}

#page_navi ul {
	padding: 0;
}

#inter-page_navi {
	width: 885px;
	height: 27px;
	font-size: 11px;
	margin: 20px 0px 0px 0px;
}



#inter-page_navi a:hover {
	text-decoration: underline;
	color: #000;
}

#inter-page_navi ul {
	padding: 0;
}


/* Page Nav */


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 101;
}

 #nav a {
	display: block;
	line-height: 27px;
	font-size: 11px;
	font-weight;normal;
	color: #000;
	padding: 0 25px;
	z-index: 101;
}

#inter-page_navi a {
	color: #333;
	text-decoration: none;
	padding:0 23px;
}


#nav li {
	float: left;
}

/* Style drop down list */

#nav li ul {
	position: absolute;
	width: 203px;
	left: -999em;
	margin-left:20px;

}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li a {
	line-height: 25px;
	background: url(images/bg_page_navi_item.gif) repeat-x;
	font-size: 11px;
	color: #E0DFE3;
	width: 150px;
	padding: 0 10px;
}

#nav li ul li a:hover {
	color: #fff;
	}

#nav li ul li a {
	border-right: #2A2A2A 1px solid;
}

#nav li ul ul {
	margin: -26px 0 0 170px;
}

#nav li ul ul li a {
	line-height: 25px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* IE7 Fix */

#nav li:hover, #nav li.hover {  
	position: static;
}

/* Style neighborhoods */

#neighborhoods {
	width: 867px;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
}

#neighborhoods h2{
	margin-bottom: 20px;
	}

#neighborhoods a {
	color: #999;
	text-decoration: none;
}

#neighborhoods a:hover {
	text-decoration: underline;
	color: #F6A81C;
}

#neighborhoods ul {
	padding: 0;
}

#neighborhood-list-main, #neighborhood-list-main ul, #neighborhood-list, #neighborhood-list ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

 #neighborhood-list-main li ul li {
	display: block;
	line-height: 27px;
	font-size: 16px;
	font-weight;bold;
	padding: 0 20px 0 40px;
	width: 150px;
}

#neighborhood-list-main li ul{ 
	min-height:540px;}

 #neighborhood-list-main li ul li a{
	color:#333;
	}

 #neighborhood-list-main li ul li ul li a{
	color:#999;
	}	

#neighborhood-list-main li ul li ul li, #neighborhood-list li ul li{
	padding: 0;
	font-size: 11px;
	font-weight;normal;
	line-height: 20px;
	}



#neighborhood-list-main li {
	float: left;
}

#footer-property-list {
	width:847px;
	float:left;
	}
	


/* Style forms */


#home-search{margin:10px 0px 20px 10px; }


.formbutton-home {margin-top:20px; float:right; color: #fff; cursor:pointer; border: none; background: url('images/form-submit-button.png') no-repeat; width:60px; height:23px;}
.formbutton-home:hover {color: #F6A81C; background: url('images/form-submit-over.png') no-repeat; }

.formbutton {margin-top:20px; float:right; color: #fff; cursor:pointer; border: none; background: url('images/form-button-dark.png') no-repeat; width:60px; height:23px;}
.formbutton:hover {color: #F6A81C; }

.form-left {margin-top:10px; width:90px; float:left; border:none;}
.form-right {margin-top:10px; width:60px; float:right; border:none;}
.form-bottom {margin-top:10px; width:100px; float:left; border:none;}

#neighborhood-search {
	background: url('images/search-sidebar-bg.gif') no-repeat;
	width: 201px;
	height: 295px;
	margin-left: 20px;
	padding: 10px 50px 20px 30px;
	}
	
	#neighborhood-search h3, #agent-side h3, #video-sidebar h3, #footer-property-list h3 {
	color: #F6A81C;
	font-size: 16px;
	}

#video-sidebar {
	margin-left:30px;
	}




#footer-bottom-reverse { 
	margin: 20px 20px 0 20px;
	color:#fff;
	display:block;
	height: 20px;
	background: url('images/equal-housing-black.gif') no-repeat;
	}
	
	
#footer-bottom-reverse span {
	color:#999;
	float:right;
	}

#footer-bottom { 
	margin: 20px 20px 0 20px;
	color:#000;
	display:block;
	height: 20px;
	background: url('images/equal-housing-logo.gif') no-repeat;
	}
	
	
#footer-bottom span {
	color:#999;
	float:right;
	}
	
	
	
#agent-info {
	width: 361px;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	}
	
#agent-info h3 {
	margin-top: 20px;
	font-weight: normal;
	line-height:1.2em;
	}
	
#agent-info strong {
	color: #000;
	}
	
#agent-info-wrap {
	margin-bottom: 10px;
	}
	
#agent-side {
	padding:80px 0 0 20px;
	font-size: 12px;
	line-height: 14px;
	}
	
#agent-side ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
#agent-side a {
	color: #333;
	}
	
#agent-side a:hover {
	color: #F6A81C;
	}
	
#commercial-wrap {
	float:left;
	margin-top:15px;
	padding:0 150px 0 50px;
	width: 200px;
	height:20px;
	font-size:12px;
	line-height:14px;
	}
	
#commercial-wrap span {
	display:block;
	float:right;
	}
	
#agent-pic-list {
	float:left;
	width:171px;
	margin:15px 0;
	font-size:12px;
	line-height:14px;
	text-align;center;
	}
	
#agent-pic-wrap {
	margin-left:30px;
	}

#inter-agent-pic-list {
	float:left;
	width:171px;
	margin:15px 0;
	font-size:12px;
	line-height:14px;
	text-align;center;
	}
	
#inter-agent-pic-wrap {
	display:block;
	float: left;
	padding: 0 0 10px 30px;
	margin:10px 0 20px 0;
	width: 428px;
	border: 2px solid #333 ;
	}
	
#inter-agent-pic-wrap li {
	list-style: none; 
	}

.gholder ul li {background:none; padding: 0;}	

#inter-quick-search {
	 width: 267px;
	 margin:0 20px 0 40px;
	 background-color:#323131;
	 height: 280px;
	 display:block;
	 float:right;
	 padding: 10px;
	 }

#inter-search {
	 width: 827px;
	 margin:0 0px 0 0px;
	 background-color:#323131;
	 height: 280px;
	 display:block;
	 float:right;
	 padding: 0 10px 10px 10px;
	 }