/*
Theme Name: Boerum Hill Association
Theme URI: http://jesseddy.com
Description: A custom wordpress theme designed and built by Jess Eddy Creative.
Version: 1.0
Author: Jess Eddy
Author URI: http://jesseddy.com
Tags: Community, Brooklyn

	This theme may not be replicated in any way.

*/





/* ------------------------------------------------------------

	COMMON
	
------------------------------------------------------------ */
	
	html, body{ 
 		margin:0; 
 		padding: 0;
 		text-align: left;
		font-family:  Lucida Grande, Myriad, Helvetica, arial, geneva, sans-serif;
		font-size: 11px;
		line-height: 21px;
		color: #666;
		background: #f4f9ee;
		height: 100%;

		} 
	

	#Header{
	
		background: #52a000;
		width: 100%;
		height: 40px;
		
		}
		
/* ------------------------------------------------------------

	NAVIGATION
	
------------------------------------------------------------ */	
	
	#Navigation{
		width: 855px;
		margin: 0 auto 0 auto;
		padding: 8px 0 0 0;
	
		}
		
	#Navigation ul {
		padding-left: 0;
		display: inline;
		border: none;
		
		} 

	#Navigation ul li {
		margin: 0 15px 0 0;
		border: none;
		list-style: none;
		display: inline;
		font-weight: bold;
		
		}	
	#Navigation li a {
		color: #fff;
		text-decoration: none;
		
		}
		
	#Navigation li a:hover {
		color: #eee61e;
		text-decoration: none;
		
		}	
		
	#SubNav{
		float: right;
		text-align: right;
		color: #5fa515;
		font-weight: bold;
		margin: 13px 0 0 0;
		
		}
		
	#SubNav a{
		color: #5fa515;
		
		}
		
	#SubNav a:hover{
		color: black;
		text-decoration: none;
		
		}
		
				
/* ------------------------------------------------------------

	BANNER + LOGO
	
------------------------------------------------------------ */

	#Banner{
		background: #fff;
		height: 170px;				
		border-bottom: #bfdba1;
		width: 100%;
		
		}
		
	#BannerInner{
		width: 855px;
		margin: 0 auto 0 auto;
		height: 170px;
			
		}
				
	#Logo{
		float: left;
		width: 500px;
		height: 28px;
		display: block;
		margin: 48px 0 0 0;
			
		}
		
	.Description{
		font-size: 1em;
		line-height: 1.7em;
		margin: 15px 0 0 0;
		clear: both;
		}
		
	#Logo a {
		display: block;
		background: url("images/BHA_Logo.png") no-repeat;	
		width: 438px;
		height: 28px;		
		text-indent: -9999px;
		float: left;

		}	
		
		
/* ------------------------------------------------------------

	HOMEPAGE
	
------------------------------------------------------------ */

	.Welcome{
		/*background: #6fb903;*/
		font-size: 1.7em;
		font-weight: normal;
		color: #6fb903;;

	}

	.recentposts ul{
		list-style-type: none;
	}

	.Calendar-Note{
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		padding: 5px;
		margin: 0 0 15px 0;
	}
		
	
/* ------------------------------------------------------------

	PHOTO
	
------------------------------------------------------------ */

	#Photo{
		float: right;
		background: url("images/Photo_Background.png") no-repeat;
		width: 313px;
		height: 240px;
		position: relative;
		bottom: 20px;
		left: 5px;
		
		}
	
	.Photo{
		margin: 8px;
		border: 1px solid #ccc;
		width: 292px;
		height: 190px;
		
		}
		
/* ------------------------------------------------------------

	CONTENT
	
------------------------------------------------------------ */

	#Container{
		width: 855px;
		margin: 30px auto 30px auto;
		min-height: 100%;
		overflow: auto;
		background: #fff;
		border: 1px solid #ccc;
		border-bottom: 3px solid #ccc;
	}
	

	#Primary{
		width: 525px;
		margin: 25px auto 0 25px;
		float: left;
		background: url("images/Body_Drop_Shadow.png") no-repeat;
		font-size: 12px;
		line-height: 24px;
	}
	
	
	#Primary2{
		width: 525px;
		margin: 25px auto 0 25px;
		min-height: 480px;
		float: left;
		font-size: 12px;
		line-height: 24px;
	}
	
	
	#Content{
		margin: 15px;
	}
	
	#Secondary{
		float: right;
		width: 250px;
		margin: 25px 25px 0 0;		
		height: auto;
	
	}
	
	.Recent-Posts{
		font-size: 13px;
	
	}
	
/* ------------------------------------------------------------

	EQUAL WIDTH COLUMNS
	
------------------------------------------------------------ */

	#LeftCol{
		width: 400px;
		float: left;
		margin: 0 20px 0 0;
		/*border-right: 1px solid #ccc;*/
		
		}

	#RightCol{
		width: 400px;
		float: right;
		
		}


/* ------------------------------------------------------------

	SEARCH
	
------------------------------------------------------------ */

	#Row{
		width: 855px;
		margin: 0 auto 0 auto;
		height: 40px;

	}		
		
		
	#Search{
		float: left;
		width: auto;
	
		}

	#Search form {
		padding: 0 0 0 0;
		background: #dde1d0;
		padding: 11px;		
		}

	#Search form div {
		width: auto;
		
		}

	#Search form input.search_box {
		width: 175px;


		
		}

	#Search form input.Submit {
		padding: 2px;
		background: #8fc73e;
		font-weight: bold;
		font-size: 1.1em;
		color: white;
		border: 1px solid #498905;
		
		}

	.SearchBox {
		padding: 3px;
		color: #999;
		background: white;;
 		width: 210px;
 		
		}
	

/* ------------------------------------------------------------

	FOOTER
	
------------------------------------------------------------ */
	

	.Line{
		background: #5fa515;
		height: 2px;
		width: 100%;
		display: block;
		margin-bottom: -14px;
	}
	
	
	#Footer{
		margin: 15px 0 0 0;
		float: none;
		width: 100%;
		background: #6fb903;
		height: 150px;
		font-size: 1.1em;
		color: #003300;
	}
	
	#Footer a{
		color: #003300;
		text-decoration: none;
				
		}
		
	#Footer a:hover{
		color: #277127;
		text-decoration: none;
		
		}

	#FooterInner{
		width: 855px;
		margin: 0 auto 0 auto;
			
		}
		
	#FooterLeft{
		width: 500px;
		float: left;

	}

	#FooterRight{
		width: 315px;
		float: right;
		text-align: left;
	}
	
	.Copyright{
		color: black;
		font-weight: bold;
		margin: 10px 0 -10px 0;
	}
	
	#Footer a img {
		float:left;
		margin: 0 0px 8px 8px;
		background: #498905;
		padding: 4px;
		width: 62px;
		height: 62px;
	}
	
	.Flickr{
		margin: 10px 0 10px 10px;
		}
	

	
/* ------------------------------------------------------------

	COMMON CLASSES
	
------------------------------------------------------------ */		
		
	a:link {
		color: #1969bc;
		text-decoration: none;

		}

	a:visited {
		color: #1969bc;
		text-decoration: none;
	}

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

	a:active {
		color: #1969bc;
		text-decoration: underline;
	}	
	
	.anchorLink{
		text-transform: uppercase;
		color: #333;
		font-weight: bold;
		text-decoration: none;
		
		}

	a img { border: 0; }		/* Removes all borders from hyperlinked images */
	
		
/* ------------------------------------------------------------

	HEADERS
	
------------------------------------------------------------ */
	
	h1{
		color: black;
		font-size: 1.7em;
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		color: #666;
		border-bottom: 1px solid #d5d5d4;
		
		}
		
		
	h2{
		font-size: 1.4em;
		font-weight: normal;
		color: #8fc73e;
		margin: 0;
		
		}
		
	h3{
		color: #8fc73e;
		
		}
		
/* ------------------------------------------------------------

	FORMS
	
------------------------------------------------------------ */


	#join-us{
		list-style: none;
		}





/* ------------------------------------------------------------

	WP CLASSES
	
------------------------------------------------------------ */

	.postmetadata{
		font-size: 10px;
		
		}
	
	.post{
	
		margin: 0 0 20px 0;
		border-bottom: 1px solid #ccc;
		padding: 0 0 10px 0;
		
		}
		
	#comment{
		width: 400px;
		
		}
		
	small{
		font-weight: bold;
		font-size: 12px;
		
		}
		
	ol li{
		margin: 0 0 15px 0;
	
		}
		
		
		
	#categories ul {
		padding-left: 0;
		border: none;
		list-style-position: inside;
		margin: 5px 0 0 15px;
		
		} 

	#categories ul li {
		margin: 0 0 0 0;
		border: none;
		list-style: disc;
		
		}	
		
	strong.search-excerpt { background: yellow; }
	
	

/* ------------------------------------------------------------

	ADDITIONAL JQUERY TABS CSS
	
------------------------------------------------------------ */	
	
	#container-1{
	}
	
	
	#fragment-1{
		font-size: 13px;
	}
	

	#fragment-2{
		font-size: 13px;
	}