/*  
Theme Name: Sustainable Development
Theme URI: 
Description: Wordpress Theme for SustainableDev.org
Version: 1.0
Author: Sustainable Development
Author URI: http://www.sustainabledev.org
*/

 /* BODY
--------------------------------------------------------------------*/

body
{
	margin: 0;
	padding: 0;
	background-color: rgb(119,93,2);
	text-align: center;
	position: relative;
}


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

#container
{
	position: relative;
	width: 896px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

#container #topshadow
{
	background: url(images/topbg.jpg) no-repeat 0 0;
	float: left;
	width: 896px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
}

#container #bottomshadow
{
	background: url(images/bottombg.jpg) no-repeat 0 0;
	float: left;
	width: 896px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
}


#container #wrapper
{
	background: url(images/bg.png) repeat-y 0 0;
	float: left;
	width: 810px;
	margin: 0;
	padding: 0 43px;
	border: 0;
}


 /* HEADER
--------------------------------------------------------------------*/

#wrapper #header
{
	float: left;
	width: 810px;
	height: 162px;
	margin: 0;
	padding: 0;
	border: 0;
}

	#header img
	{
		width: 810px;
		height: 162px;
		margin: 0;
		padding: 0;
		border: 0;
	}


 /* MENU
--------------------------------------------------------------------*/

#wrapper #menu
{
	background-color: rgb(214,215,213);
	float: left;
	width: 810px;
	height: 31px;
	margin: 0;
	padding: 0;
	border: 0;
}

	#menu #menuul
	{
		float: left;
		list-style-type: none;
		height: 21px;
		margin: 0;
		padding: 5px 0 5px 7px;
		border: 0;
	}

		#menuul li
		{
			float: left;
			height: 21px;
			margin: 0 10px 0 0;
			padding: 0;
			border: 0;
		}

			#menuul li a, #menuul li a:active, #menuul li a:visited
			{
				display: block;
				font-family: "Myriad Pro",Tahoma,Verdana,Arial,Helvetica;
				font-size: 14px;
				font-weight: bold;
				color: rgb(65,64,64);
				text-transform: uppercase;
				text-decoration: none;
				height: 15px;
				line-height: 15px;
				margin: 0;
				padding: 3px 14px;
			}

			#menuul li a:hover, #Home #menu #menuul li a#HomeLink, #AboutUs #menu #menuul li a#AboutUsLink, #Research #menu #menuul li a#ResearchLink, #ContactUs #menu #menuul li a#ContactUsLink, #VisitIPALink #menu #menuul li a#VisitIPALink
			{
				background-color: rgb(116,102,48);
				color: rgb(255,255,255);
			}


	#menu #searchblog
	{
		float: left;
		width: 270px;
		height: 21px;
		margin: 0;
		padding: 5px 0;
		border: 0;
	}

		#menu #searchblog p
		{
			margin: 0;
			padding: 0;
		}

		#menu #searchblog form
		{
			float: right;
			margin: 0;
			padding: 0;
			border: 0;
		}

			#searchblog form input
			{
				float: right;
				width: 197px;
			}




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

#wrapper #content
{
	background: rgb(255,255,255) url(images/contentbg.jpg) repeat-y 0 0;
	float: left;
	width: 810px;
	margin: 0;
	padding: 0;
	border: 0;
}

#content #maincontent
{
	float: left;
	width: 502px;
	margin: 0;
	padding: 23px;
	border: 0;
}

	#maincontent .post
	{
		float: left;
		width: 502px;
		margin: 0;
		padding: 0;
		border: 0;
	}

	#maincontent .post h3, #maincontent .post h3 a, #maincontent .post h3 a:active, #maincontent .post h3:visited, #maincontent .post h3 a:hover
	{
		font-family: Tahoma,Verdana,Arial,Helvetica;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		color: rgb(89,70,2);
		margin: 0 0 18px 0;
		padding: 0;
	}

	#maincontent .post p
	{
		font-family: Tahoma,Verdana,Arial,Helvetica;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		color: rgb(60,60,60);
		margin: 0 0 15px 0;
		padding: 0;
	}

#maincontent .post p a, #maincontent .post p a:active, #maincontent .post p a:visited, #maincontent .post p a:hover
	{
		font-family: Tahoma,Verdana,Arial,Helvetica;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		color: rgb(89,70,2);
		margin: 0 0 15px 0;
		padding: 0;
	}



	#maincontent .post ul.postlinks
	{
		list-style-type: none;
		float: left;
		width: 502px;
		margin: 0;
		padding: 0;
		border: 0;
	}

		#maincontent .post ul.postlinks li
		{
			float: left;
			font-family: Tahoma,Verdana,Arial,Helvetica;
			font-size: 12px;
			font-weight: bold;
			color: rgb(137,137,137);
			margin: 0 15px 0 0;
			padding: 0;
		}

			#maincontent .post ul.postlinks li img, #maincontent .post ul.postlinks li .stbutton, #maincontent .post ul.postlinks li .stbutton:hover
			{
				height: 16px;
				width: 16px;
				margin: 0;
				padding: 1px;
				border: 0;
			}

			#maincontent .post ul.postlinks li a, #maincontent .post ul.postlinks li a:active, #maincontent .post ul.postlinks li a:visited, #maincontent .post ul.postlinks li a:hover
			{
				font-family: Tahoma,Verdana,Arial,Helvetica;
				font-size: 12px;
				text-decoration: none;
				color: rgb(137,137,137);
				margin: 0 0 15px 0;
				padding: 0;
			}

			#maincontent .post ul.postlinks .stbuttontext, #maincontent .post ul.postlinks .stbuttontext:hover
			{
				font-family: Tahoma,Verdana,Arial,Helvetica;
				font-size: 12px;
				text-decoration: none;
				color: rgb(137,137,137);
				margin: 0 0 0 20px;
				padding: 0;
			}

	#maincontent .pagination
	{
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
	}

		.pagination p, .pagination a, .pagination a:active, .pagination a:visited, .pagination a:hover
		{
			font-family: Tahoma,Verdana,Arial,Helvetica;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			color: rgb(137,137,137);
			margin: 0 0 15px 0;
			padding: 0;
		}


 /* COMMENTS
--------------------------------------------------------------------*/

#maincontent .blogcomments
{
	float: left;
	width: 502px;
	margin: 0;
	padding: 0;
	border: 0;
}

	.blogcomments p
	{
			clear: both;
			font-family: Tahoma,Verdana,Arial,Helvetica;
			font-size: 12px;
			color: rgb(137,137,137);
			margin: 0  0 20px 0;
			padding: 0;
	}

	.blogcomments a, .blogcomments a:visited, .blogcomments a:active, .blogcomments a:hover
	{
		font-family: Tahoma,Verdana,Arial,Helvetica;
		font-size: 12px;
		color: rgb(137,137,137);
		text-decoration: none;
	}

	.blogcomments ol, .blogcomments ul
	{
		list-style-type: none;
	}

		.blogcomments li
		{
			clear: both;
			font-family: Tahoma,Verdana,Arial,Helvetica;
			font-size: 12px;
			color: rgb(137,137,137);
			text-decoration: none;
		}


	.blogcomments img
	{
		float: left;
		border: 0;
		margin: 0 3px 7px 0;
	}

	.blogcomments form
	{
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
	}

		.blogcomments form textarea
		{
			width: 400px;
			height: 100px;
		}


	.blogcomments h3
	{
		font-family: Tahoma,Verdana,Arial,Helvetica;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		color: rgb(89,70,2);
		margin: 0 0 18px 0;
		padding: 0;
	}



 /* SIDEBAR
--------------------------------------------------------------------*/

#wrapper #sidebar
{
	float: left;
	width: 262px;
	margin: 0;
	padding: 0 0 20px 0;
}

	#sidebar h3
	{
		clear:both;
		width: 245px;
		background-color: rgb(40,79,21);
		font-family: Tahoma,Verdana,Arial,Helvetica;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		color: rgb(216,216,216);
		line-height: 22px;
		margin: 0;
		padding: 0 0 0 17px;
	}

	#sidebar h3 a, #sidebar h3 a:active, #sidebar h3 a:visited, #sidebar h3 a:hover
	{
		background-color: rgb(40,79,21);
		font-family: Tahoma,Verdana,Arial,Helvetica;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		color: rgb(216,216,216);
		line-height: 22px;
		margin: 0;
		padding: 0;
	}

	#sidebar p
	{
		font-family: Tahoma,Verdana,Arial,Helvetica;
		font-size: 12px;
		text-decoration: none;
		color: rgb(65,64,64);
		margin: 0;
		padding: 15px;
	}

	#sidebar p a, #sidebar p a:active, #sidebar p a:visited, #sidebar p a:hover
	{
		font-family: Tahoma,Verdana,Arial,Helvetica;
		font-size: 12px;
		text-decoration: none;
		font-weight: bold;
		color: rgb(65,64,64);
		margin: 0;
		padding: 0;
	}

	#sidebar ul
	{
		list-style-image: url(images/arrowbullet.jpg);
		float:left;
		margin: 0;
		padding: 15px 15px 15px 30px;
		border: 0;
	}

		#sidebar ul li
		{
			float: left;
			clear: both;
			font-family: Tahoma,Verdana,Arial,Helvetica;
			font-size: 12px;
			text-decoration: none;
			color: rgb(65,64,64);
			margin: 0;
			padding: 0;
		}

		#sidebar ul a, #sidebar ul a:active, #sidebar ul a:visited, #sidebar ul a:hover
		{
			font-family: Tahoma,Verdana,Arial,Helvetica;
			font-size: 12px;
			text-decoration: none;
			color: rgb(65,64,64);
			margin: 0;
			padding: 0;
		}

	#sidebar table
	{
		clear:both;
		float: left;
	}



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

#wrapper #footer
{
	background-color: rgb(255,255,255);
	float: left;
	width: 764px;
	height: 66px;
	margin: 0;
	padding: 20px 23px 10px 23px;
	border-top: 2px solid rgb(216,216,216);
}

	#footer #footerlinks
	{
		float: left;
	}

		#footerlinks ul
		{
			list-style-type: none;
			float: left;
			margin: 0;
			padding: 0;
			border: 0;
		}

			#footerlinks ul li, #footerlinks ul li a, #footerlinks ul li a:active, #footerlinks ul li a:visited, #footerlinks ul li a:hover
			{
				float: left;
				font-family: Tahoma,Verdana,Arial,Helvetica;
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
				color: rgb(65,64,64);
				margin: 0 7px 0 0;
				padding: 0;
			}

	#footer #footerlogo
	{
		float: right;
		text-align: right;
		margin: 0;
		padding: 0;
		border: 0;
	}

		#footerlogo img
		{
			margin: 0;
			padding: 0;
			border: 0;
		}