/* ======================================
	BedStuy CAH Layout CSS
  
	last updated:  02.11.2009
	by: clt <chiayin.l.tu@gmail.com>

====================================== */
	
/* CLEAR fix for floats eliminates need fo extra elts */

.postclear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.postclear {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .postclear {
	height: 1%;
}
.postclear {
	display: block;
}
/* End hide from IE-mac */

/* props to aslett et al.! */
	
	
body {
	background: #6E0E1F;
	text-align:center;
	margin: 0;
	padding:0;
}
/* to highlight the link of current page in that page's menu */
body#about #nav_main a.about, body#people #nav_main a.people, body#background #nav_main a.background, body#services #nav_main a.services, body#support #nav_main a.support, body#news #nav_main a.news, body#contact #nav_main a.contact {
background: #FFF; color: #B52025; border-color: #FFF;
}
body#about #footer a.about, body#people #footer a.people, body#background #footer a.background, body#services #footer a.services, body#support #footer a.support, body#news #footer a.news, body#contact #footer a.contact {
	font-weight:bold;
}

#main {
	background: #FFF;
	margin: 0 auto;
	padding: 0;
	text-align:center;
	height: auto;
	width: 800px;  
	
	z-index: 2;
	
	border-left: 3px solid #B52025;
	border-right: 3px solid #B52025;
}

/* =====================================
	HEADER STUFF
===================================== */
div.wrapper_marquee { float: right; width: 264px; border: none; background: #6E0E1F;}

#header ul.marquee { list-style: none; margin: 0; padding: 0; }
#header ul.marquee li { margin: 0; padding: 0; display: block; background: url(../images/marquee0.png) #FFF no-repeat top left; width: 264px; height: 53px; }
#header ul.marquee li.marquee0 { background-image: url(../images/marquee0.png); height: 56px; }
#header ul.marquee li.marquee1 { background-image: url(../images/marquee1.png); height: 51px; }
#header ul.marquee li.marquee2 { background-image: url(../images/marquee2.png); height: 53px;}

/* BRANDING */
#logo_wrapper { background: transparent; height: auto; width: 400px; float: left; padding: 12px 12px 4px; }
#logo_wrapper a#logo { display: block; margin: 0 0 8px; }
#branding p { font-size: 1.2em; color: #B52025; font-style: italic; line-height: normal; font-weight: bold; normal; margin: 0 0 4px; text-indent: 3em; }

.stripes { height: 12px; background: url('../images/header_stripes.png') #B52025 repeat-y -64px 0; }

/* NAV MAIN */
#nav_main { background: #6E0E1F; border-top: 1px solid #B52025;}
#nav_main ul { list-style: none; }
#nav_main ul li { float: left; border-right: 1px solid #B52025; }
#nav_main ul li a { display: block; padding: 0 6px; line-height: 2em; text-decoration: none; font-size: 103%; font-weight: bold; background: #6E0E1F; color: #F6881F; border-bottom: 3px solid #B52025; }
#nav_main ul li a:hover { background: #B52025; color: #FFF; }
#nav_main ul li.last { border-right: none; }

/* DONATE */
div.donate { width: 148px; float: left; margin: 0 20px 18px 0; padding: 0;}
div.donate h4 {margin-bottom: 0;}
.last {margin-right: 0;}
/* =====================================
	FOOTER STUFF
===================================== */
#footer { background: #87AA3E;  color: #FFF; border-top: 0px solid #B52025; padding: 8px 0 12px; }
#footer p { width: 96%; margin: 0 auto 12px; }


/* =====================================
	CONTENT STUFF
===================================== */
#content_wrap { border-bottom: 3px solid #B52025; background: url('../images/people_outline.png') transparent no-repeat bottom right; padding: 16px 0 64px;}
.content_area { width: 96%; margin: 0 auto 18px;  border-bottom: 1px dotted #B5CA14; }


/* SPECIAL FEATUREs BOXES */
div.media_floatL { width: 408px; float: left; margin: 0 12px 18px 0; }
.featureBar { width: 376px; float: left;  margin: 0 0 18px 0; padding: 12px 0; }
.r { float: right; }

.green { background-color: #87AA3E; color: #FFF; }
.redD { background-color: #6E0E1F; color: #FFF; }
.redL { background-color: #B52025; color: #FFF; }
.orange { background-color: #F6881F; color: #FFF; }

div.featureBar .bar_wrapper {width: 92%; margin: 0 auto 18px;}
div.featureBar h4 { font-size: 1.4em; font-weight: bold; margin: 0 auto 1em; }
.green h4  { color: #293619; }
.orange h4 , .redL h4 { color: #FFF; }
.redD h4 { color:#F6881F; }

div.featureBar p { margin: 0 0 1em; text-align: left; }


div.green a, div.orange a { color: #293619; }
div.green a:hover, div.orange a:hover { color: #FFF; }

div.redD a { color: #F6881F; }
div.redD a:hover { color: #FFF; }

.featureBar ul.linkList { list-style: none; }
.featureBar ul.linkList li { margin: 0 0 12px; padding: 0 0 0 24px; background: url('../images/icoHeart.png') transparent no-repeat top left;}
.featureBar ul.linkList li.caring { background-image: url('../images/icoHeart.png'); }
.featureBar ul.linkList li.neighbor { background-image: url('../images/icoNeighbor.png'); }
.featureBar ul.linkList li.garden { background-image: url('../images/icoShoot.png'); } 

/* PHOTO */
div.photoWrapper{ padding: 0; margin: 0 0 18px; overflow: hidden; background: #000; width: 376px;}

/* BANNER GARDEN */
div.banner_garden { background: url(../images/garden_bg.png) #FFF no-repeat center left; width: auto; height: 72px; padding: 4px 12px; border: 1px solid #9C3; border-left: none; border-right: none; margin: 0 0 18px;}
div.banner_garden p { text-align: right; padding: 40px 0 0;}
div.banner_garden a {}

/* FEATURE QUOTE */
div.quoteBox , .feature_report { background: url('../images/bg_quote.png') #B52025 no-repeat 12px 0; }
div.quoteBox p, .feature_report p{ font-size: 1.3em; font-style: italic; color: #FFF;}

span.source{ display: block; float: right; width: 320px; text-align: left; font-weight: bold; font-style: italic; }

/* REPORT, ETC. */
.feature_report { background-image: none; background-color: #F6881F; }
a.link_thumb { display: block; float: left; margin: 0 12px 12px 0; height: 108px; border: 2px solid #293619; padding: 0; }
a.link_thumb:hover { border-color: #FFF; }

/* CONTENT AREA CENTERED */
.centered {}
.centered h2, .centered h5, .centered p, .centered ul { text-align: center; }
ul.noBullet, ul.roster { list-style: none; margin: 0 0 18px; }
ul.noBullet li { margin: 0 0 12px; }
ul.roster li { margin: 0 0 24px; }

/* TABLE */
table.photo_grid { margin: 0 0 18px;}
table.photo_grid td { padding: 0 18px 18px; vertical-align: top; }
table.photo_grid td.photoBox { padding: 0; } 

/* PHOTOS */
ul.photoStreak { list-style: none; margin: 0 0 18px; }
ul.photoStreak li { margin: 0 18px 0 0; float: left; }
ul.photoStreak li .photoWrapper{ width: auto; height: auto; }
li.last {margin-right: 0;}

div.spacer { width: 88px; height: 200px; background:#87AA3E; }

/* LIST INLINE */
ul.list_inline { list-style: none; margin: 0 0 18px; }
ul.list_inline li { width: 160px; text-align: center; margin: 0 16px 4px 0; float: left;}

/* CALLOUT */
.callout_main { border: 3px solid #f6881f; padding: 12px; margin: 0 auto 18px;}

.callout_main h3 { text-transform: uppercase; font-size: 180%; letter-spacing: 1px; text-align: center; color: #b52025; 
	line-height: 140%; margin: 0 auto; }
.callout_main .subtitle1,.callout_main .subtitle2 { font-size: 140%; font-weight: bold; color: #f6881f; display: block; text-align: center;
	margin: 0 auto 8px; }
.callout_main .subtitle2 { color: #293619; font-weight: normal; font-size: 110%;}
.callout_main p { text-align: center; }
.callout_main p.wine { font-size: 130%; font-weight: bold; color: #b52025; line-height: normal; }
.callout_main h6 { text-align: center; margin: 0 auto 4px; }