/*
Theme Name: A Better LA 2010
Theme URI: http://abetterla.org/
Description: The WordPress theme for A Better LA, released in 2010
Version: 1.0
Author: Eric Lim
Tags: mantle color, variable width, two columns, widgets
*/

/* --- Common Elements
-------------------------------------------------------*/

* { margin: 0; padding: 0; }

body { }

body, input, select, textarea {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 15px;
	color: #231f20;
}

input, select, textarea {
	font-size: 12px;
}

h1 { }

h2 { }

h3 {
	margin-bottom: 1em;
	border-bottom: 1px dotted #c05108;
}

h4 {
	font-size: 21px;
	font-weight: normal;
	line-height: 1em;
	text-transform: uppercase;
	color: #58bfed;
	margin-bottom: .5em;
}

h5 { }

ul, ol { }

img {
	vertical-align: bottom;
	border: 0;
	}

object { outline: none; }

fieldset { border: 0; }

label { cursor: pointer; }

hr { }

a { outline: none; }
a:link { text-decoration: underline; color: #00aeef; }
a:visited { color: #10a2e8; }
a:hover { color: #07638f; }
a:active {  }



/* --- Common Classes
-------------------------------------------------------*/

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



/* --- Header
-------------------------------------------------------*/

#header {
	height: 193px;
	background: url(images/banner_internal/rotator.php) no-repeat 50% 0;
}
	
	#header_content {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}
	
		#header_logo {
			position: absolute;
			right: -25px;
			top: -63px;
		}
	
	
	
	/* --- Primary Navigation - Overrides suckerfish rules
	-------------------------------------------------------*/
	
	#header #pixopoint_menu_wrapper1 {
		height: 63px;
		background: url(images/navigation_bg.png) repeat-x;
	}
	
		#header #pixopoint_menu1 {
			width: 960px;
			margin: 0 auto;
		}
			
			#header #suckerfishnav ul {
				width: 180px;
			}
			
				#header #suckerfishnav ul li {
					float: none;
					width: auto;
				}
					
					#header #suckerfishnav ul li a {
						width: auto;
						margin-bottom: 1px;
						padding: 6px 15px 6px 27px;
						background: url(images/navigation_sub_bg.png) repeat;
					}



/* --- Ribbon
-------------------------------------------------------*/

#ribbon {
	height: 44px;
	padding-top: 9px;
	background: url(images/ribbon_bg.gif) repeat-x;
}
	
	/* --- | Ribbon Content | --- */
	
	#ribbon_content {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}
		
		/* --- | Slogan | --- */
		
		#slogan {
			text-indent: -9999px;
			position: absolute;
			height: 18px;
			width: 406px;
			margin: 5px 0 0 22px;
			background: url(images/slogan.gif) no-repeat;
		}
		
		/* --- | Ribbon Search | --- */
		
		#ribbon_search {
			position: absolute;
			right: 8px;
			top: 0;
			width: 297px;
		}
			
			#ribbon_search label {
				text-indent: -9999px;
				position: absolute;
				top: 5px;
				display: block;
				width: 64px;
				height: 14px;
				background: url(images/ribbon_search_label.jpg) no-repeat;
			}
			
			#ribbon_search #s {
				font-size: 13px;
				font-weight: bold;
				color: #000;
				position: absolute;
				left: 76px;
				width: 187px;
				height: 16px;
				padding: 4px 0 2px 5px;
				background: #e4d904;
				border: 0;
			}
			
			#ribbon_search_submit {
				position: absolute;
				left: 267px;
			}



/* --- Page Structure
-------------------------------------------------------*/

#container_1 {
	margin-bottom: 10px;
	background: url(images/bg_tile.jpg) repeat-y 50% 0;
}

	#container_2 {
		background: url(images/bg_photo.jpg) no-repeat 50% 0;
	}

		#content {
			width: 928px;
			margin: 0 auto;
			padding: 29px 0 50px 10px;
			background: #fbfbfb url(images/dots_tile.gif) repeat-y 639px 0;
		}



/* --- Primary Content
-------------------------------------------------------*/

#primary_content {
	float: left;
	width: 621px;
}
	
	#primary_content h2 {
		margin-bottom: 30px;
		padding-bottom: 12px;
		background: url(images/h2_underline.jpg) no-repeat 0 100%;
	}
	
	#primary_content p {
		margin-bottom: 1em;
	}
	
	
	
	/* --- Entry
	-------------------------------------------------------*/
	
	.entry {
		width: 573px;
	}
		
		.entry h4 {
			font-size: 21px;
			font-weight: normal;
			line-height: 1em;
			text-transform: uppercase;
			color: #58bfed;
			margin-bottom: .5em;
		}
		
		/* --- | Entry Content | --- */
		
		.entry .entry_content {
			margin-bottom: 25px;
		}
	
	
	/* --- | Posted By | --- */
	
	.posted_by {
		font-size: 10px;
		text-transform: uppercase;
		color: #58bfed;
	}
	
	/* --- | Tweet Meme | --- */
	
	.tweetmeme {
		float: right;
		margin: 0 0 15px 15px;
	}
	
	/* --- | View Button | --- */
	
	.view {
		text-indent: -9999px;
		width: 73px;
		margin: 0 0 0 -9px;
		background: url(images/view.jpg) no-repeat 0 -38px;
	}
		
		.view a {
			display: block;
			height: 38px;
			background: url(images/view.jpg) no-repeat 0 0;
		}
			
			.view a:hover { background: none; }
	
	/* --- | Go to Page | --- */

	.go_to_page {
		text-indent: -9999px;
		clear: both;
		width: 115px;
		margin: 0 0 0 -9px;
		background: url(images/go_to_page.jpg) no-repeat 0 -38px;
	}

		.go_to_page a {
			display: block;
			height: 38px;
			background: url(images/go_to_page.jpg) no-repeat 0 0;
		}

			.go_to_page a:hover { background: none; }
	
	/* --- | Comments Bar | --- */
	
	.comments_bar {
		font-size: 11px;
		color: #9d9994;
		width: 550px;
		height: 49px;
		margin-left: -19px;
		padding: 6px 23px 0 27px;
		background: url(images/comments_bar.jpg) no-repeat;
	}
		
		.comments_bar .info {
			float: left;
		}
			
			.comments_bar .info a { text-decoration: none; }
		
		.comments_bar .share {
			float: right;
		}
			
			.comments_bar .share a {
				color: #d96600;
				padding-right: 14px;
				background: url(images/arrow_black.gif) no-repeat 100% 2px;
			}
			
				.comments_bar .share a .at300bs {
					display: inline;
				}
				
				.comments_bar .share a .at300bs.at15t_compact { margin-right: 0; }
	
	
	
	/* --- Blog
	-------------------------------------------------------*/
	
	body.single .category-blog .entry {
		margin-bottom: 50px;
	}
		
		body.single .category-blog .entry .separator {
			margin-bottom: 1em;
		}
	
	/* --- | Help Share | --- */
	
	.help_share {
		overflow: auto;
		clear: both;
		padding: 32px 0 52px 281px;
		background: url(images/blog/help_share_bg.jpg) no-repeat;
	}
		
		.help_share p {
			display: none;
		}
		
		.help_share ul {
			list-style: none;
		}
			
			.help_share ul li {
				text-indent: -9999px;
				float: left;
				width: 36px;
				margin-right: 7px;
			}
				
				.help_share ul li a {
					display: block;
					height: 38px;
					background: url(images/blog/social_icons.jpg) no-repeat;
				}
					
				.help_share ul li.twitter a { background-position: 0 0; }
				.help_share ul li.facebook a { background-position: 0 -38px; }
				.help_share ul li.stumbleupon a { background-position: 0 -76px; }
				.help_share ul li.digg a { background-position: 0 -114px; }
				.help_share ul li.reddit a { background-position: 0 -152px; }
				.help_share ul li.delicious a { background-position: 0 -190px; }
	
	/* --- | Respond | --- */
	
	#respond {
		clear: both;
		margin-right: 20px;
		padding: 15px;
		background-color: #e7f6fc;
	}
		
		#respond .input_text {
			border: 4px solid #a2dcea;
		}
	
	/* --- | Comments | --- */
	
	h4#comments {
		font-size: 18px;
		font-weight: bold;
		color: #d96600;
		padding-bottom: 8px;
		border-bottom: 1px dotted #d96600;
	}
	
	.commentlist {
		list-style: none;
		margin-bottom: 2em;
	}
		
		.commentlist li {
			margin-bottom: 1em;
			border-bottom: 1px dotted #c05108;
		}
		
			.commentlist li .comment-meta {
				font-size: 10px;
			}
				
				.commentlist li .comment-meta a {
					text-decoration: none;
					text-transform: uppercase;
					color: #a6a6a6;
				}
		
			.commentlist li .comment-author {
				font-size: 14px;
				margin-bottom: 1em;
			}
				
				.commentlist li .comment-author cite {
					font-weight: bold;
					font-style: normal;
				}
					
					.commentlist li .comment-author cite a {
						text-decoration: none;
						color: #d96600;
					}
	


/* --- Secondary Content
-------------------------------------------------------*/

#secondary_content {
	float: right;
	width: 298px;
}
	
	/* --- | Titles | --- */
	
	#secondary_content h2 {
		text-indent: -9999px;
		height: 37px;
		width: 100%;
		margin: 0 0 10px -9px;
		padding-left: 9px;
	}
	
	/* --- | Take Action | --- */
	
	#take_action {
		list-style: none;
		width: 246px;
		height: 260px;
		margin: -36px auto 15px;
		background: url(images/sidebar/take_action.jpg) no-repeat 0 -260px;
	}
		
		#take_action li {
			text-indent: -9999px;
			
		}
			
			#take_action li a {
				display: block;
				background-image: url(images/sidebar/take_action.jpg);
			}
				
				#take_action li a:hover { background: none; }
			
			#take_action li.donate a {
				height: 115px;
				background-position: 0 0;
			}
			
			#take_action li.volunteer a {
				height: 49px;
				background-position: 0 -115px;
			}
			
			#take_action li.take_a_class a {
				height: 96px;
				background-position: 0 -164px;
			}
	
	/* --- | Small Banners | --- */
	
	#small_banners {
		list-style: none;
		width: 100%;
		height: 341px;
		margin-left: -2px;
		padding: 35px 11px 0 2px;
		background: url(images/sidebar/small_banner_bg.jpg) no-repeat;
	}
		
		#small_banners li {
			height: 114px;
			margin-left: 24px;
		}
	
	/* --- | Connect with Us | --- */
	
	#connect_with_us {
		margin-bottom: 40px ;
	}
		
		#connect_with_us h4 {
			text-indent: -9999px;
			height: 44px;
			margin-bottom: 8px;
			background: url(images/sidebar/connect_with_us.jpg) no-repeat 50% 0;
		}
		
		#connect_with_us ul {
			list-style: none;
			padding-left: 23px;
		}
			
			#connect_with_us ul li {
				text-indent: -9999px;
				float: left;
				width: 39px;
				margin-right: 14px;
			}
				
				#connect_with_us ul li a {
					display: block;
					height: 38px;
					background: url(images/sidebar/connect_icons.jpg) no-repeat;
				}
				
				#connect_with_us ul li.facebook a { background-position: 0 0; }
				#connect_with_us ul li.youtube a { background-position: 0 -38px; }
				#connect_with_us ul li.flickr a { background-position: 0 -76px; }
				#connect_with_us ul li.myspace a { background-position: 0 -114px; }
				#connect_with_us ul li.twitter a { background-position: 0 -152px; }
	
	/* --- | Archives | --- */
	
	#secondary_content .archives {
		margin-bottom: 25px;
	}
		
		#secondary_content .archives h2 {
			background: url(images/sidebar/title_archives.jpg) no-repeat;
		}
		
		#secondary_content .archives ul {
			list-style: none;
			margin-bottom: 20px;
			padding: 0 20px;
		}
			
			#secondary_content .archives ul li {
				border-bottom: 1px dotted #585c5e;
			}
				
				#secondary_content .archives ul li a {
					text-decoration: none;
					display: block;
					padding: 10px 0;
				}
		
		#secondary_content .archives .view_more {
			text-indent: -9999px;
			width: 95px;
			margin-left: 20px;
			background: url(images/sidebar/view_more.jpg) no-repeat 0 -36px;
		}
			
			#secondary_content .archives .view_more a {
				display: block;
				height: 36px;
				background: url(images/sidebar/view_more.jpg) no-repeat 0 0;
			}
				
				#secondary_content .archives .view_more a:hover { background: none; }
	
	
	
	/* --- Widgets
	-------------------------------------------------------*/
	
	ul.widgets {
		list-style: none;
	}
		
		ul.widgets li.widget {
			margin-bottom: 25px;
		}
	
	/* --- | Events Calendar | --- */
	
	#event-calendar { }
		
		#event-calendar h2 {
			background: url(images/sidebar/title_events_calendar.jpg) no-repeat;
		}
		
		/* --- | Calendar | --- */
		
		#event-calendar #wp-calendar {
			width: 180px;
			margin: 0 auto;
			background: #4cbbd6;
		}
			
			#event-calendar #wp-calendar table.nav { }
				
				#event-calendar #wp-calendar table.nav td#prev {
					text-align: left;
				}
					
					#event-calendar #wp-calendar table.nav td a {
						text-decoration: none;
						color: #fff;
					}
			
			#event-calendar #wp-calendar table {
				width: 100%;
			}
				
				#event-calendar #wp-calendar table caption a {
					text-decoration: none;
					color: #dcf8e8;
				}
				
				#event-calendar #wp-calendar table thead th {
					font-weight: normal;
					text-align: right;
					color: #bbe5f0;
					padding:  0 5px 0 3px;
				}
				
				#event-calendar #wp-calendar table tbody td {
					text-align: right;
					color: #fff;
					padding: 0 5px 0 3px;
				}
				
				#event-calendar #wp-calendar table .ec3_eventday a {
					color: #c05108 !important;
				}
				
				#event-calendar #wp-calendar table td:hover,
				#event-calendar #wp-calendar table #today {
					background: #b4e2ed;
					border: 0;
				}
		
		/* --- | Events List | --- */
		
		#upcoming-events {
			
		}
			
			#upcoming-events h2 {
				display: none;
			}
				
			#upcoming-events ul {
				list-style: none;
				padding: 0 20px;
			}
			
				#upcoming-events ul li {
					color: #00aeef;
					padding: 10px 0;
					border-bottom: 1px dotted #585c5e;
				}
				
					#upcoming-events ul li li {
						padding: 10px 0 0 0;
						border: 0;
					}
	
	/* --- | Funding Chart | --- */

	.widget_goal_graphs { }

		.widget_goal_graphs h2 {
			background: url(images/sidebar/title_funding_chart.jpg) no-repeat;
		}

		.widget_goal_graphs #goalgraph {
			padding: 82px 32px 20px 25px;
			background: url(images/home/sidebar/funding_chart_bg.jpg) no-repeat;
		}
			
			.widget_goal_graphs #goalgraph .goal-info {
				font-size: 12px;
				line-height: 18px;
				text-transform: uppercase;
				color: #959595;
				margin-bottom: 14px;
			}
			
			.widget_goal_graphs #goalgraph .goal {
				height: 30px;
				border: 0;
			}
				
				.widget_goal_graphs #goalgraph .goal .progress {
					font-weight: bold;
					color: #e7f6fc;
					line-height: 30px;
					height: 30px;
					padding: 0;
				}
	
	/* --- | Twitter Feed | --- */
	
	.widget_twitter { }

		#secondary_content .widget_twitter h2 {
			height: 49px;
			background: url(images/sidebar/title_twitter_feed.jpg) no-repeat;
		}
			
			#secondary_content .widget_twitter h2 a {
				display: block;
				height: 49px;
			}
		
		.widget_twitter ul {
			font-family: Tahoma, Verdana, Sans-Serif;
			color: #434343;
			list-style: none;
			padding: 0 20px 0 10px;
		}
			
			.widget_twitter ul li {
				padding: 5px 0 5px 5px;
				border-bottom: 1px dotted #dadada;
			}
				
				.widget_twitter ul li .entry-meta {
					font-size: 9px;
					display: block;
				}


/* --- Footer
-------------------------------------------------------*/

#footer {
	background: #e7f6fc url(images/footer_bg.gif) repeat-x;
}
	
	/* --- | Footer Content | --- */
	
	#footer_content {
		position: relative;
		width: 960px;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	
		/* --- | Newsletter | --- */
		
		#footer_newsletter {
			position: relative;
			width: 616px;
			height: 57px;
			margin-left: 165px;
		}
			
			#footer_newsletter label {
				text-indent: -9999px;
				position: relative;
				top: 20px;
				display: block;
				height: 20px;
				background: url(images/join_our_newsletter.jpg) no-repeat;
			}
			
			#footer #footer_newsletter .hint-text {
				color: #a2dcea;
			}
			
			#footer_newsletter #footer_newsletter_email {
				font-size: 13px;
				font-weight: bold;
				color: #000;
				position: absolute;
				left: 236px;
				top: 17px;
				width: 245px;
				height: 14px;
				padding: 3px 0 2px 3px;
				border: 4px solid #a2dcea;
			}
			
			#footer_newsletter #footer_newsletter_submit {
				position: absolute;
				right: 0;
				top: 17px;
			}
		
		/* --- | Logo | --- */
		
		#footer_logo {
			float: left;
			margin: 22px 52px 0 26px;
		}
		
		
		
		/* --- Footer Navigation
		-------------------------------------------------------*/
		
		#footer_navigation {
			list-style: none;
			float: left;
			margin: 14px 0 25px;
		}
			
			#footer_navigation li {
				font-size: 14px;
				text-transform: uppercase;
				float: left;
				margin-right: 55px;
			}
				
				#footer_navigation li a {
					text-decoration: none;
					color: #67a9bc;
					border-bottom: 1px dotted #67a9bc;
				}
					
					#footer_navigation li a:hover { color: #07638f; }
			
				#footer_navigation li ul {
					list-style: none;
					margin-top: 5px;
				}
					
					#footer_navigation li ul li {
						font-size: 12px;
						line-height: 17px;
						text-transform: none;
						float: none;
						margin-right: 0;
					}
						
						#footer_navigation li ul li a {
							border: 0;
						}
		
		/* --- | Cards | --- */
		
		#cards {
			list-style: none;
			position: absolute;
			right: 14px;
			width: 160px;
			height: 202px;
			margin-top: -4px;
			background: url(images/cards.jpg) no-repeat 0 -202px;
		}
			
			#cards li { }
				
				#cards li a {
					text-indent: -9999px;
					display: block;
					background: url(images/cards.jpg) no-repeat;
				}
					
					#cards li a:hover { background: none; }
				
				#cards li.donate_now a {
					height: 63px;
				}
				
				#cards li.volunteer a {
					height: 62px;
					background-position: 0 -63px;
				}
				
				#cards li.twitter a {
					height: 66px;
					background-position: 0 -125px;
				}
		
		/* --- | Phone | --- */
		
		#phone {
			text-indent: -9999px;
			clear: both;
			width: 217px;
			height: 31px;
			margin: 0 0 12px 27px;
			background: url(images/phone.jpg) no-repeat;
		}
		
		/* --- | Copyright | --- */
		
		#copyright {
			font-size: 11px;
			color: #6ebccf;
			margin-left: 27px;
		}



/* --- Home
-------------------------------------------------------*/

/* --- | Header | --- */

body.home #header {
	height: 193px;
	background-image: url(images/banner_home/rotator.php);
}
	
	body.home #header #slogan {
		display: none;
	}

/* --- | Ribbon | --- */

body.home #ribbon {
	height: 285px;
	padding: 0;
	background: url(images/home/ribbon_bg.jpg) no-repeat 50% 0;
}
	
	body.home #ribbon_content {
		position: relative;
	}
	
	/* --- | Quote | --- */
	
	body.home #ribbon .quote {
		font-family: Georgia, Times, Serif;
		font-size: 18px;
		line-height: 44px;
		height: 44px;
		margin-bottom: 28px;
	}
		
		body.home #ribbon .quote sub {
			font-size: 11px;
		}
	
	/* --- | Call to Actions | --- */
	
	body.home #ribbon_action {
		list-style: none;
		width: 418px;
		height: 64px;
		margin: 0 0 25px 85px;
		background: url(images/home/ribbon_action.gif) no-repeat 0 -64px;
	}
		
		body.home #ribbon_action li {
			text-indent: -9999px;
			float: left;
		}
			
			body.home #ribbon_action li a {
				display: block;
				height: 64px;
				background: url(images/home/ribbon_action.gif) no-repeat;
			}
			
				body.home #ribbon_action li a:hover { background: none; }
		
		body.home #ribbon_action li.volunteer {
			width: 179px;
			margin-right: 90px;
		}
		
		body.home #ribbon_action li.donate {
			width: 149px;
		}
			
			body.home #ribbon_action li.donate a {
				background-position: -269px 0;
			}
	
	/* --- | Testimonials | --- */
	
	body.home #ribbon .testimonials {
		text-indent: -9999px;
		width: 607px;
		height: 124px;
		background: url(images/home/testimonials.jpg) no-repeat 0 -124px;
	}
		
		body.home #ribbon .testimonials a {
			display: block;
			height: 124px;
			background: url(images/home/testimonials.jpg) no-repeat 0 0;
		}
			
			body.home #ribbon .testimonials a:hover { background: none; }
	
	/* --- | Ribbon Well | --- */
	
	body.home #ribbon_well {
		position: absolute;
		left: 607px;
		top: 0;
		width: 353px;
		height: 285px;
		margin-right: -50px;
	}
		
		body.home #ribbon_well .video {
			position: absolute;
			left: 54px;
			top: 3px;
		}
		
		body.home #ribbon_well .title {
			text-indent: -9999px;
			position: absolute;
			left: 57px;
			top: 223px;
			width: 284px;
			height: 22px;
			background: url(images/home/watch_pete_carroll.gif) no-repeat;
		}
		
		body.home #ribbon_well .options {
			list-style: none;
			position: absolute;
			left: 34px;
			top: 259px;
			width: 328px;
		}
			
			body.home #ribbon_well .options li {
				text-transform: uppercase;
			}
				
				body.home #ribbon_well .options li a {
					text-decoration: none;
					color: #fff200;
				}
			
			body.home #ribbon_well .options li.comment {
				float: left;
			}
			
			body.home #ribbon_well .options li.share {
				float: right;
			}



	/* --- Primary Content
	-------------------------------------------------------*/
	
	/* --- | Intro | --- */
	
	body.home .intro {
		color: #837b7d;
	}
		
		#primary_content .intro h2 {
			margin: 0;
			padding: 0;
			background: none;
		}
		
		.intro strong {
			color: #635c5e;
		}
	
	/* --- | Banner | --- */
	
	body.home .banner {
		width: 628px;
		height: 122px;
		margin: 0 0 0 -22px;
		padding: 30px 0 0 22px;
		background: url(images/home/banner.jpg) no-repeat;
	}
	
	/* --- | Read Blog Archives Button | --- */
	
	body.home #primary_content .read_blog_archives {
		text-indent: -9999px;
		height: 81px;
		margin-bottom: 30px;
		background: url(images/home/read_blog_archives.jpg) no-repeat 0 -81px;
	}
		
		body.home .read_blog_archives a {
			display: block;
			height: 81px;
			background: url(images/home/read_blog_archives.jpg) no-repeat;
		}
			
			body.home .read_blog_archives a:hover { background: none; }
	
	/* --- | Merchandising | --- */
	
	body.home .merchandising {
		margin-bottom: 1em;
	}
		
		body.home .merchandising a {
			float: left;
			margin-right: 15px;
		}
		
	body.home .proceeds {
		clear: both;
		font-weight: bold;
		color: #00aeef;
	}


	/* --- Sidebar
	-------------------------------------------------------*/

	/* --- | Take Action | --- */

	body.home #take_action {
		width: 248px;
		height: 102px;
		margin: -38px auto 15px;
		background: url(images/home/sidebar/take_action.jpg) no-repeat 0 -102px;
	}

			body.home #take_action li a {
				background-image: url(images/home/sidebar/take_action.jpg);
			}
				
				body.home #take_action li a:hover { background: none; }

			body.home #take_action li.take_a_class a {
				height: 102px;
				background-position: 0 0;
			}
	
	/* --- | View More Events | --- */
	
	body.home .view_more_events {
		text-indent: -9999px;
		width: 159px;
		height: 36px;
		margin: 0 0 30px 30px;
		background: url(images/home/sidebar/view_more.jpg) no-repeat 0 -36px;
	}
		
		body.home .view_more_events a {
			display: block;
			height: 36px;
			background: url(images/home/sidebar/view_more.jpg) no-repeat;
		}
			
			body.home .view_more_events a:hover {
				background: none;
			}



/* --- Pages
-------------------------------------------------------*/

p.byline {
	margin-top: -5px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ce7b44;
}

img.size-thumbnail {
	float: left;
	margin: 0 11px 11px 0;
	padding: 6px;
	background: url(images/thumbnail_bg.jpg) no-repeat;
}

table.pages {
	width: 100%;
	margin-bottom: 1em;
}
	
	table.pages th {
		font-size: 9px;
		text-align: left;
		text-transform: uppercase;
		vertical-align: top;
		width: 80px;
	}
	
	table.pages td {
		vertical-align: top;
	}

/* --- | Google Map | --- */

.googleMap { margin-bottom: 50px;}



	/* --- Board / Staff
	-------------------------------------------------------*/
	
	.board_staff {
		width: auto;
	}
		
		.board_staff table {
			width: 100%;
			border-collapse: collapse;
		}
			
			.board_staff table td {
				padding-bottom: 60px;
			}
		
		.person {
		
		}
		
			.person img {
				float: left;
				width: 64px;
				margin-right: 9px;
				padding: 6px;
				background: url(images/board_staff/photo_bg.gif) no-repeat;
			}
			
			.person ul {
				color: #58bfed;
				list-style: none;
				float: left;
				width: 178px;
				margin-top: 3px;
				padding: 0 0 0 15px;
				background: url(images/board_staff/person_details_bar.gif) repeat-y;
			}
		
				.person ul li {
					margin-bottom: 11px;
					border-bottom: 1px dotted #CE7B44;
				}
	
	
	
	/* --- Partners
	-------------------------------------------------------*/
	
	div.partners {
		width: auto;
	}
		
		div.partners table {
			width: 100%;
			margin-bottom: 60px;
			border-collapse: collapse;
		}
			
			div.partners table td { vertical-align: top; }
		
		div.partners table.partner {
			width: 166px;
			margin: 0;
			border-collapse: collapse;
		}
			
			.partner img {
				padding: 6px;
				background: url(images/partners/logo_bg.jpg) no-repeat;
			}
			
			.partner .title {
				height: 44px;
				padding: 6px;
				border-bottom: 1px dotted #CE7B44;
			}
			
			.partner .read_about {
				height: 32px;
				padding: 6px;
			}
	
	
	
	/* --- Media
	-------------------------------------------------------*/
	
	.media_photos {
		
	}
		
		.media_photos img {
			float: left;
			margin: 0 10px 10px 0;
		}
	
	.media_events {}
		
		.media_events table.ec3_schedule { display: none; }
	
	.media_video {}
		
		.media_video .video {
			clear: left;
			margin-bottom: 30px;
		}
			
			.media_video .video img {
				float: left;
				margin-right: 10px;
			}
			
			.media_video .video h4 {
				font-size: 15px;
			}
	
	
	
	/* --- Newsletter
	-------------------------------------------------------*/
	
	/* --- | Sign Up Form | --- */

	#newsletter_newsletter {
		position: relative;
		width: 573px;
		height: 57px;
	}

		#newsletter_newsletter label {
			text-indent: -9999px;
			position: relative;
			top: 20px;
			display: block;
			height: 20px;
			background: url(images/newsletter_join_our_newsletter.gif) no-repeat;
		}

		#newsletter_newsletter #newsletter_newsletter_email {
			font-size: 13px;
			font-weight: bold;
			color: #d1dde0;
			position: absolute;
			left: 236px;
			top: 17px;
			width: 200px;
			height: 14px;
			padding: 3px 0 2px 3px;
			border: 4px solid #d1dde0;
		}

		#newsletter_newsletter #newsletter_newsletter_submit {
			position: absolute;
			right: 0;
			top: 17px;
		}
	
	
	
	
	/* --- Press
	-------------------------------------------------------*/
	
	.press_videos {
		
	}
	
		.press_videos .entry {
			margin-bottom: 3em;
		}
	
	.press_articles {
		margin: 30px 0;
	}
		
		.press_articles h4 {
			margin-bottom: 30px;
		}
		
		.press_articles .entry {
			margin-bottom: 15px;
			padding-bottom: 15px;
			border-bottom: 1px dotted #585c5e;
		}
		
		.press_articles h5 {
			font-size: 12px;
			font-weight: normal;
			color: #c05108;
			margin-bottom: 1em;
		}


	
	/* --- Events
	-------------------------------------------------------*/
	
	.ec3_schedule { display: none; }

			
			
	/* --- Donate
	-------------------------------------------------------*/

	#content div.donate {
		width: 450px;
		padding-right: 171px;
		background: url(images/donate_bg.jpg) no-repeat 100% 0;
	}

		.donate p.byline {
			width: 450px;
		}
	
		.donate p.contact_us {
			font-size: 18px;
		}
		
			.donate p.contact_us strong {
				color: #32c0fc;
			}
	
		.donate #donate_form {
			margin-bottom: 15px;
			padding: 25px 0 25px 35px;
			background: #e7f6fc;
		}
		
			.donate #donate_form input {
				float: left;
			}
		
			.donate #donate_form #donate_amount {
				font-size: 26px;
				margin-right: 25px;
				padding: 5px;
				border: 4px solid #a2dcea;
			}
	
		.donate .paypal_verified {
			display: block;
			margin: 0 auto;
		}
	
	
	
	/* --- Volunteer
	-------------------------------------------------------*/
	
	/* --- | Form | --- */
	
	#volunteer_form_failure,
	#volunteer_form_success {
		font-weight: bold;
		display: none;
		padding: 5px;
	}
	
	#volunteer_form_failure {
		
	}
	
	#volunteer_form_success {
		color: #fff;
		background: #A2DCEA;
	}
	
	#volunteer_form {
		height: 405px;
		margin-bottom: 25px;
		padding: 19px 0 0 9px;
		background: #e7f6fc url(images/volunteer/form_bg.jpg) no-repeat 0 100%;
	}
				
		#volunteer_form .field_container {
			margin-bottom: 13px;
		}
			
			#volunteer_form .field_container label {
				text-indent: -9999px;
				float: left;
				display: block;
				width: 132px;
				height: 18px;
			}
				
				#volunteer_form label.label_name { background: url(images/volunteer/name.gif) no-repeat;}
				#volunteer_form label.label_address_1 { background: url(images/volunteer/address.gif) no-repeat;}
				#volunteer_form label.label_email { background: url(images/volunteer/email.gif) no-repeat;}
				#volunteer_form label.label_phone { background: url(images/volunteer/phone.gif) no-repeat;}
				#volunteer_form label.label_comment { background: url(images/volunteer/comment.gif) no-repeat;}
			
			#volunteer_form .field_container input,
			#volunteer_form .field_container textarea {
				width: 242px;
				margin-right: 5px;
				padding: 3px;
				border: 4px solid #a2dcea;
			}
			
			#volunteer_form li .reqtxt,
			#volunteer_form li .emailreqtxt {
				font-size: 20px;
				font-weight: bold;
				color: #a2dcea;
			}
		
		#volunteer_form #volunteer_submit {
			color: #2a7789;
			margin-left: 132px;
			background: #a2dcea;
			border: 4px solid #79b7c6;
		}
		
		/* --- | Error Messaging | --- */
		
		#volunteer_form .cf_info {
			color: #2a7789;
		}
	
	/* --- | Entries | --- */
	
	.volunteer .entry {
		margin-bottom: 2em;
		border-bottom: 1px dotted #585c5e;
	}



/* --- addThis - Clearspring
-------------------------------------------------------*/

#atffc { display: none; }



/* --- sIFR
-------------------------------------------------------*/

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active #primary_content h2 {
		font-family: Verdana;
		visibility: hidden;
		line-height: .5em;
		font-size: 27px;
	}
}