/**
 * Stylesheet for Ecocetera website
 * http://www.ecocetera.com/
 * Developed March 2010 by derek@sharpshooter.org
 */
 
/*
Page elements
0. Miscellaneous
1. Layout
2. Header
3. Navigation
3. (b) 2nd level navigation
4. Footer
5. Generic page content
6. Sidebar
7. Wordpress specific
8. Project list
9. Homepage
10. Pager
11. Data tables
*/

/* 0. Miscellaneous */

a img
{
	border:none;
}

.clear,
.clear-left
{
	clear:left;
	height:0;
	overflow:hidden;
}

.clear-right
{
	clear:right;
}

/* 1. Layout */

body,
html
{
	background-color:#ccc;
	color:#000;
	/*font-family:Helvetica, "Helvetica Neue", Arial, Verdana, sans-serif;*/
	font-family:Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
}

div.page
{
	background-color:#fff;
	margin:0 auto;
	width:1000px;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
}

.sidebar-left
{
	width:728px;
	float:left;
	background-color:#fff;
	background-image:url(../images/backgrounds/content-bottom.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:179px;
}

.sidebar-right
{
	width:272px;
	float:left;
	background-color:#75a73c;
}

/* 2. Header */

.header
{
	background-color:#75a73c;
	background-image:url(../images/backgrounds/header.png);
	/*background-image:url(../images/backgrounds/header.gif);*/
	background-repeat:no-repeat;
}

	.header h1
	{
		margin:0 0 0 40px;
		padding:0;
		position:relative;
		width:289px;
		height:120px;
		overflow:hidden;
		background-image:url(../images/logos/ecocetera.png);
		background-repeat:no-repeat;
		float:left;
	}

		.header h1 a
		{
			display:block;
			width:289px;
			height:120px;
			cursor:hand;
		}

			.header h1 a span
			{
				position:absolute;
				left:-10000px;
			}

	.header .contact-details
	{
		float:left;
		margin-left:109px;
		margin-top:26px;
	}

		.header .contact-details p
		{
			color:#fff;
			font-size:25px;
			margin:0 0 4px 0;
			padding:0;
		}

		.header .contact-details p.email
		{
			color:#fff;
			font-size:25px;
			margin:0;
			padding:0;
		}

			.header .contact-details p a:link,
			.header .contact-details p a:visited
			{
				color:#fff;
				text-decoration:none;
			}

			.header .contact-details p a:hover,
			.header .contact-details p a:active,
			.header .contact-details p a:focus
			{
				color:#fff;
				text-decoration:underline;
			}
			
/* 3. Navigation */

.navigation,
.navigation-level-2
{
	background-color:#106332;
	font-size:12px;
}

	.navigation ul,
	.navigation-level-2 ul
	{
		list-style:none;
		margin:0;
		padding:0;
	}

		.navigation ul li,
		.navigation-level-2 ul li
		{
			float:left;
			margin:0;
			/*padding:17px 0;*/
			padding:12px 0;
		}

		/*.navigation-level-2 ul li
		{
			padding:12px 0;
		}*/

			.navigation ul li a,
			.navigation-level-2 ul li a
			{
				color:#fff;
				border-right:1px solid #fff;
				border-right:1px solid rgba(255, 255, 255, 0.5);
				display:block;
				float:left;
				padding:0 10px;
				text-decoration:none;
			}

			.navigation ul li:first-child a,
			.navigation-level-2 ul li:first-child a
			{
				padding-left:40px;
			}

			.navigation ul li:last-child a,
			.navigation-level-2 ul li:last-child a
			{
				border-right:none;
				padding-right:0;
			}

			.navigation ul li.current_page_ancestor a,
			.navigation ul li.current_page_parent a,
			.navigation ul li.current_page_item a
			{
				color:#60963a;
			}

/* 3. (b) 2nd level navigation */

.navigation-level-2
{
	background-color:#75a73c;
}

			.navigation-level-2 ul li.current_page_ancestor a,
			.navigation-level-2 ul li.current_page_parent a,
			.navigation-level-2 ul li.current_page_item a
			{
				color:#327535;
			}

/* 4. Footer */

.footer
{
	background-color:#fff;
	font-size:12px;
}

	.footer ul
	{
		list-style:none;
		margin:0;
		padding:0;
	}

		.footer ul li
		{
			float:left;
			margin:0;
			padding:17px 0;
			color:#333;
		}

			.footer ul li span,
			.footer ul li a
			{
				color:#106332;
				border-right:1px solid #9bbe76;
				border-right:1px solid rgba(155, 190, 118, 0.5);
				display:block;
				float:left;
				padding:0 10px;
				text-decoration:none;
			}
			
			.footer ul li span
			{
				color:#333;
				display:block;
			}
			
			.footer ul li a
			{
				text-decoration:underline;
			}

			.footer ul li:first-child span,
			.footer ul li:first-child a
			{
				padding-left:40px;
			}

			.footer ul li:last-child a
			{
				border-right:none;
				padding-right:0;
			}
			
/* 5. Generic page content */

.generic-page-content
{
	background-color:#75a73c;
	background-image:url(../images/backgrounds/content-area.png);
	background-repeat:repeat-y;
}

	.generic-page-content .sidebar-left .content
	{
		padding:40px 40px 0 40px;
		min-height:400px;
	}

		.generic-page-content .sidebar-left .content h1
		{
			color:#75a73c;
			font-size:36px;
			font-weight:normal;
			/*letter-spacing:-2px;*/
			margin-bottom:35px;
		}

		.generic-page-content .sidebar-left .content img
		{
			/*clear:left;
			float:left;
			margin:0 32px 15px 0;
			display:block;
			border:2px solid #679932;
			max-width:300px;
			height:auto;*/
		}
			
		/* only the first image should have green borders */

		.generic-page-content .sidebar-left .content img.alignleft
		{
			clear:both;
			float:left;
			margin:0 32px 15px 0;
			display:block;
			/*border:2px solid #679932;*/
			border:none;
			max-width:300px;
			height:auto;
		}

		.generic-page-content .sidebar-left .content img.alignright
		{
			clear:both;
			float:right;
			margin:0 0 15px 32px;
			display:block;
			/*border:2px solid #679932;*/
			border:none;
			max-width:300px;
			height:auto;
		}
		
		.generic-page-content .sidebar-left .content p:nth-of-type(1) img:nth-of-type(1),
		.generic-page-content .sidebar-left .content-page p:nth-of-type(1) img:nth-of-type(1),
		/*.generic-page-content .sidebar-left .content p:first-child img,
		.generic-page-content .sidebar-left .content-page  p:first-child img,*/
		.generic-page-content .sidebar-left .content-post p img,
		.generic-page-content .sidebar-left .content-post img.green
		{
			/*clear:left;
			float:left;
			margin:0 32px 15px 0;
			display:block;*/
			border:2px solid #679932;
			/*max-width:300px;
			height:auto;*/
		}

			.generic-page-content .sidebar-left .content img.size-full
			{
				max-width:100%;
			}

			.generic-page-content .sidebar-left .content .project-item img.size-full
			{
				max-width:280px;
				border:2px solid #679932;
			}

		.generic-page-content .sidebar-left .content h2
		{
			color:#106332;
			font-family:Arial, Verdana, sans-serif;
			font-size:18px;
			margin-bottom:20px;
		}

		.generic-page-content .sidebar-left .content h3,
		.generic-page-content .sidebar-left .content h4,
		.generic-page-content .sidebar-left .content h5,
		.generic-page-content .sidebar-left .content h6
		{
			color:#106332;
			font-family:Arial, Verdana, sans-serif;
			font-size:15px;
			margin-bottom:20px;
		}
		
		.generic-page-content .sidebar-left .content ul,
		.generic-page-content .sidebar-left .content ol
		{
			margin-left:12px;
			list-style:disc;
		}

		.generic-page-content .sidebar-left .content p,
		.generic-page-content .sidebar-left .content li,
		.generic-page-content .sidebar-left .content blockquote,
		.generic-page-content .sidebar-left .content td,
		.generic-page-content .sidebar-left .content th
		{
			color:#333;
			font-family:Arial, Verdana, sans-serif;
			font-size:12px;
			line-height:1.4;
			margin-bottom:15px;
		}
		
		.generic-page-content .sidebar-left .content li
		{
			margin-bottom:10px;
		}

/* 6. Sidebar */

.sidebar-right
{
}

	.sidebar-right .content
	{
		padding:0 44px 0 28px;
	}
		
	/* no subnav*/
	.sidebar-right.no-subnav .content
	{
		padding-top:39px;
	}

		.sidebar-right .content h2
		{
			color:#106332;
			font-size:30px;
			margin-bottom:10px;
			/*padding-bottom:20px;
			border-bottom:2px solid #fff;*/
		}

		.sidebar-right .content h3
		{
			color:#fff;
			font-family:Arial, Verdana, sans-serif;
			font-size:18px;
			font-weight:normal;
			margin-bottom:15px;
			padding-top:15px;
			margin-top:20px;
			border-top:2px solid #fff;
			line-height:1.2;
		}

			.sidebar-right .content h3 a
			{
				color:#fff;
				text-decoration:none;
				background-image:url(../images/backgrounds/news-arrow.png);
				background-repeat:no-repeat;
				background-position:0 0;
				padding-left:20px;
			}

		.sidebar-right .content p
		{
			color:#fff;
			font-family:Arial, Verdana, sans-serif;
			font-size:12px;
			line-height:1.4;
			margin:15px 0;
		}

			.sidebar-right .content p a
			{
				color:#116344;
				text-decoration:none;
			}

		.sidebar-right .content img
		{
			display:block;
			border:2px solid #fff;
			width:196px;
			/*height:auto;
			overflow:hidden;*/
		}
		
/* 8. Project list */

.project-item
{
	border-top:2px solid #693;
	padding-top:20px;
	clear:left;
	position:relative;
	overflow:hidden;
	min-height:210px;
	margin-bottom:20px;
}

	.project-item h2
	{
		margin-left:300px;
		color:#185227;
		font-family:Arial, Verdana, sans-serif;
		font-size:18px;
		font-weight:normal;
		margin-bottom:15px;
		line-height:1.2;
	}

		.project-item h2 a
		{
			color:#185227;
			text-decoration:none;
			/*background-image:url(../images/backgrounds/news-arrow.png);
			background-repeat:no-repeat;
			background-position:0 0;
			padding-left:20px;*/
		}
		
	.project-item .entry
	{
		margin-left:300px;
	}
	
		.project-item .entry p
		{
			/*margin:0;
			padding:0;*/
		}

	/* inline content image */
	.project-item .entry p img
	{
		position:absolute;
		top:20px;
		left:0;
		float:left;
		/*height:200px;*/
		width:280px;
		height:auto;
		/*margin-left:-300px;*/
		/*position:relative;
		left:-300px;
		top:-40px;
		float:right;*/
		margin:0;
		padding:0;
		line-height:0;
	}

	/* inline content image */
	.project-item .entry p img.size-full
	{
		width:auto;
	}
	
/* 9. Homepage */

.homepage
{
}

.homepage-content 
{
	background-color:#75a73c;
	background-image:url(../images/backgrounds/content-area.png);
	background-repeat:repeat-y;
}

.homepage-content .sidebar-left
{
	/*width:728px;
	float:left;*/
	height:947px;
	background-color:#75a73c;
	/*background-image:url(../images/backgrounds/homepage.jpg);*/
	background-image:url(../images/backgrounds/homepage.2012-01.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-bottom:0;
}

	.homepage-content .sidebar-left .content
	{
		color:#fff;
		font-size:21px;
		padding:40px 80px 0 40px;
	}

		.homepage-content .sidebar-left .content h1
		{
			font-weight:normal;
			font-size:48px;
			margin-bottom:20px;
		}

		.homepage-content .sidebar-left .content p
		{
			line-height:1.3;
		}
		
/* 10. Pager */

.pager
{
	font-size:12px;
	border-top:2px solid #693;
	padding-top:20px;
	clear:left;
	margin-bottom:20px;
}

	.pager a
	{
		font-weight:bold;
		color:#327535;
	}

	.pager a:link,
	.pager a:visited
	{
		text-decoration:none;
	}

	.pager a:hover,
	.pager a:active,
	.pager a:focus
	{
		text-decoration:underline;
	}
	
		.pager a.current
		{
			color:#666;
			text-decoration:none;
			border-bottom:1px dotted #666;
		}
		
/* 11. Data tables */

.content table
{
	margin:0.5em;
	border-collapse:collapse;
}

.content table th,
.content table td
{
	padding:0.5em;
	border-bottom:1px solid #ddd;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}

.content table th
{
	background-color:#eee;
}