/* Default Stylesheet for Nterchange Frontend 				*/
/* ================================================== */

/*@import url("other_stylesheet.css") screen;*/

/* HTML RULES 								 		  									*/
/* ================================================== */
body {font-family:"Helvetica", "Helvetica Neue", arial, sans-serif; font-size:14px; background:#000; margin:9px 0;}

h1,h2 {color:#0e255a; font-size:15px; text-transform:uppercase;}
#content #main h1{background:#fff; margin:0; padding-bottom:17px;}
#testimonial-list h2, .bio h2{text-transform:none; font-size:14px;}

h3 {margin:0; margin-bottom:4px; font-size:15px;}
p { line-height:1.5; margin-bottom:10px; }
a {color: #957b48;}
a.biglink{text-decoration:none; font-size:15px; display:block; margin-bottom:10px;}

em{background-color:transparent;}
a:hover {text-decoration:none;}
a.twitter{display:block; margin-top:10px; }
img{margin:0;}

/* SITE LAYOUT RULES 								  								*/
/* ================================================== */
#site { width:974px; margin:0 auto; background-color:#fff; position:relative;}
#global-follow{position:absolute; right:52px; width:175px; height:25px; clear:none; background: url(/images/layout/follow_brookline.gif) no-repeat left center;}
#global-follow a{float:right; margin:0; margin-right:2px;}
#global-follow a span{display:none;}

#masthead { height:104px;background:#000 url(/images/layout/content_bg.gif) repeat-x left bottom;}
	#logo {background:url(/images/layout/logo.gif) no-repeat 13px top; width:258px; height:66px; margin-top:14px; float:left; clear:none;}
	#logo span{display:none;}
	
#banner{position:relative; z-index:1; padding:30px; padding-bottom:60px; background:#fff url(/images/layout/feature_bg-1.gif) repeat-x bottom left; line-height:0px; font-size:1px;}	

#nav {}

#search-overlay{z-index:99; height:33px; float:left; margin:43px 0 0 0px; position:relative; width:72px; padding:8px 4px 0px 6px;}

#search-overlay #search {display:none; z-index:99; position:absolute; width:302px; height:116px; left:-217px; top:33px; background:url(/images/layout/search_overlay.png) no-repeat right -33px;}
#search-overlay:hover{background:url(/images/layout/search_menu_item.png) no-repeat top left;}
#search-overlay:hover #search{display:block;}

#search-trigger {color:#a3a3a4; text-transform:uppercase; font-size:13px; text-decoration:none;}

#content {background:}

#content { padding:0px 30px;  margin:30px 0px; margin-top:0; background: url(/images/layout/content_bg_strip.gif) repeat-y -7px 0;}
.wide #content{background-image:none;}
	#main {float:left; width:609px;}
	.wide #main{float:none; width:auto;}
	#main .panel{ padding-right:30px; padding-bottom:40px;}
	#sidebar {float:right; width:280px;}
	#altside {}

#footer {background-color: #000; position:relative; height:50px; color:#fff;}
#footer a{text-decoration:none; color:#fff; font-weight:normal;}
  #credits{top:10px; left:0; position:absolute;}
	#footer_nav {color:#fff; position:absolute; right:0; top:10px;}
	#footer_nav #children{}
	#credits {}




/* BASIC CLASSES	 								  									*/
/* ================================================== */
.clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; }
.img_left { float:left; }
.img_right { float:right; }

ul.colors{margin:0; padding:0; margin-top:16px; margin-left:4px;}
ul.colors li{list-style:none; padding-left:17px; margin-bottom:11px; font-size:14px; }
li.powder{background:url(/images/layout/spectral_bullets.gif) no-repeat left 4px;}
li.mauve{background:url(/images/layout/spectral_bullets.gif) no-repeat left -48px;}
li.khaki{background:url(/images/layout/spectral_bullets.gif) no-repeat left -102px;}
li.navy{background:url(/images/layout/spectral_bullets.gif) no-repeat left -155px;}
/* NAVIGATION RULES 								  								*/
/* ================================================== */
#nav {z-index:99;}
#nav ul {height:34px;  float:left; margin:44px 0 0 110px;}
#nav ul li { zoom:1; position:relative; z-index:99;float:left; display:inline; margin-right:6px;height:22px; padding-left:4px; padding-bottom:12px; }
#nav li:hover, #nav li.active, #nav li.current{background:#eee;}
#nav ul li a {color:#a3a3a4; text-transform:uppercase; font-size:13px; text-decoration:none; display:block; padding:8px 6px 10px 1px;}
#nav ul li:hover a, #nav ul li.active a{text-decoration:none; color:#24232c;}
#nav ul li:hover li a, #nav ul li.active li a{color:#a3a3a4;}
#nav ul li a span {}
.childless{
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
.childless a{padding-bottom:2px !important;}              
.has_children{ 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
}
ul li.has_children:hover{
  -moz-border-radius: 0px; 
  -webkit-border-radius: 0px;

  -moz-border-radius-topleft:5px; 
  -moz-border-radius-topright:5px;  
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;

}                
#nav ul ul {display:none; background: #eee; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position:absolute; left:-10px; width:150%; height:auto; top:34px; margin:0; overflow:auto;}
#nav li.inactive ul {display: none;}
#nav li.hover ul, #nav li:hover ul {display: block; -moz-box-shadow: -1px 2px 2px #333; -webkit-box-shadow: -1px 2px 2px #333;}
#nav li.active ul li, #nav li:hover ul li{ padding:2px 5px; margin:0; display:block; background: transparent; width:auto; }
#nav li.active ul li a, #nav li:hover ul li a{ text-transform:none; padding:0; margin:0; display:block;}
#nav li.current a{font-weight: bold;}
#nav li.current li a{font-weight: normal;}
#nav ul ul li, #nav ul ul li a{background-image:none !important; height:auto;}
#nav ul ul li a:hover{color:#24232c;}

.horiz_nav {}
.horiz_nav ul {}
.horiz_nav ul li { float:left; }


/* SEARCH			 								  											*/
/* ================================================== */



#search form {margin-top:28px; margin-left:20px;}
#search form input.text { float:left; width:170px; margin-top:3px;}
#search form input.button {float:left;}

#searchresults dd { margin-bottom:5px; }
#searchresults dl { margin-top:15px; }

#testimonial-list{margin-top:40px; width:900px;}
#testimonial-list blockquote{margin:0; margin-top:10px; border: 2px solid #B6C9EA; padding:20px; background: url(/images/layout/reverse_grad.gif) repeat-x bottom left; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -moz-border-radius-bottomright:0px; 
  -webkit-border-bottom-right-radius:0px;

  
}
blockquote{font-style:normal;}
#testimonials blockquote{margin:0px;}
#testimonials blockquote p{font-style:normal;}
#testimonials h3{font-weight:normal; margin:0; font-size:15px;margin-bottom:5px;}
.attributed{text-align:right; margin-bottom:10px;}
#testimonial-list .attributed{margin-top:-2px; background:url(/images/layout/testimonial_speechbubble.gif) no-repeat 130% -20px; padding-top:20px;}

/* HOMEPAGE OVERRIDES		 						  								*/
/* ================================================== */
#page-1 #main {float:left; width:345px; clear:none; font-size:14px; padding-right:25px;}
#page-1 #side {float:left; width:193px; clear:none; padding-left:23px;padding-right:23px; border-left:1px solid #e5e0d7;}
#page-1 #testimonials{float:left; clear:none; width:250px; padding-left:23px;}

#page-1 #testimonials .biglink{padding-left:10px;}
.testimonial{
  margin-bottom:10px;
}
.testimonial h3{font-size:16px;}
#page-1 #testimonials .testimonial{
  width:280px;
  font-style:normal;
  margin:0;
  height:190px;
}
#testimonials .testimonial p{
  background:#b7c9e8 url(/images/layout/testimonial_speechbubble.gif) no-repeat bottom left;
  padding:12px 10px 40px 14px;
  color:#fff;
  font-size:14px;
  margin-bottom:2px;
}
#page-1 .attributed{margin-bottom:0px;}
#page-1 #testimonials .attributed{margin-left:10px; text-align:left;}
#page-1 #banner-button{position:absolute; z-index:99; top:286px; left:58px; width:167px; height:40px; cursor:pointer;}
#page-1 #banner-button a {display:block; width:167px; height:40px;}
#page-1 #banner-button a span{display:none;}


#bottom-content{background:url(/images/layout/bottom-feature_bg.jpg) no-repeat top left; height:313px; overflow:hidden;}
#bottom-content h2{margin:0;}
#blog-feed,#twitter-feed{float:left; clear:none;}
#blog-feed{width:583px; padding:30px 20px 0 30px; position:relative;}
#blog-feed #rss{position:absolute; right:27px; top:33px;}
#blog{margin-top:5px;}

#blog h1{font-family:"Georgia","Times New Roman",Times, serif; color:#0e255a; font-size:21px; margin-top:11px;}
#blog #blogpost-date{font-family:"Georgia","Times New Roman",Times, serif; font-style:italic; font-size:14px;}

/* TWITTER FEED STYLING                             */
/* ================================================== */
#twitter-feed{width:263px; padding:0px 30px 0 20px; margin-top:30px; border-left:1px solid #d2d2d1 ;}
#twitter_update_list, #twitter_update_list li {margin:0; padding:0; list-style:none;}
#twitter_update_list li{background:url(/images/layout/hdot.gif) repeat-x left bottom; padding:5px 0;}

.grayscale{display:none;}
#banner .bodyimage{position:relative;z-index:2;height:275px;overflow:hidden;}
#banner .bodyimagedesc{
  position:absolute; font-size:42px; line-height:46px; color:#fff; font-family:"Georgia", "Times New Roman", Times, serif; top:20px; left:30px; text-shadow: #000 2px 2px; width:480px;
  z-index:90;
  }
  
.bio{margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #E6ECF8;}