/*  
Theme Name: Sustainable San Mateo
Theme URI: http://graphics.net
Version: 1.0
Author: Graphics.net
Author URI: http://graphics.net
*/

body {
	margin: 0;
	font: small "Arial", Verdana, Trebuchet MS, sans-serif;
	color: #333;
	text-align: center;
	background-color:white;
}

img.noborder {
	border: 0px;
}

#animation {
	width:	348px;
	height:	86px;
	position:absolute;
	top:	0px;
	left:	0px;
}

/* @group header */

#header {
	position: relative;
	width: 890px;
	margin: 0 auto;
	text-align: left;
}

#logo {
	position: relative;
	display: block;
	width: 348px;
	height: 86px;
	margin: 20px 0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
	overflow: hidden;
}

#animation {
	position: absolute;
	width:	100%;
	height:	100%;
	cursor:	pointer;
}

#logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("images/logo.gif") no-repeat 0 0;
	cursor: pointer;
}

#logo a {
	text-decoration: none;
}

#header h2 {
	position: absolute;
	bottom: 0 !important;
	bottom: 20px;
	right: 0;
	width: 348px;
	margin: 0;
	padding: 0;
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	color: #999;
	line-height: 1.4em;
	text-align: right;
}

#nav {
	float: left;
	width: 100%;
	padding-top: 1px;
	background: url("images/bg-nav.gif") repeat-x 0 0;
}

#nav ul {
	width: 920px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

#nav ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav ul li a {
	display: block;
	padding: 14px 15px 15px 15px;
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
}

#nav ul li a:hover {
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
	background: url("images/bg-nav-hover.gif") repeat-x 0 0;
}

/* @end */

#mid {
	clear: left;
	background: url("images/bg-mid.gif") repeat-x 0 0;
	text-align: center;
}

#inner {
	position: relative;
	width: 950px;
	margin: 0 auto -22px auto !important;
	margin: 0 auto -27px auto;
	padding: 40px 0 185px 0;
	text-align: left;
	background: url("images/bg-inner.jpg") repeat-x 0 100%;
}

/* @group content */

#content {
	float: left;
	display: inline;
	width: 550px;
	margin-left: 30px;
}

#content p {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
	text-align: justify;
}

#sidebar p {
	margin: 0 0 1.5em 0;
	line-height: 1.3em;
	text-align: justify;
}

#content p a:link, #content p a:visited, #content p a:active, #content li a:link, #content li a:visited, #content li a:active, #sidebar p a:link, #sidebar p a:visited, #sidebar p a:active, #sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {
	color: #016a6e;
	text-decoration: none;
	border-bottom: 1px dotted #ddd;
}

#content p a:hover, #content li a:hover, #sidebar p a:hover, #sidebar li a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #333;
}

#content h1 {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	color: #7ac61e;
	border-bottom: 1px solid #ddd;
}

#content h1 a:link, #content h1 a:visited, #content h1 a:active {
	color: #7ac61e;
	text-decoration: none;
}

#content h1 a:hover {
	color: #7ac61e;
	text-decoration: underline;
}

#content h2 {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font: normal 1.8em Georgia, "Times New Roman", Times, serif;
	color: #666;
	border-bottom: 1px solid #eee;
}

#sidebar h2 {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font: normal 1.8em Georgia, "Times New Roman", Times, serif;
	color: #7ac61e;
	border-bottom: 1px solid #eee;
}

#content h3 {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
	color: #666;
	border-bottom: 1px solid #eee;
}

#content h4 {
	margin: -10px 0 15px 0;
	padding: 0 0 5px 0;
	font-size: 1em;
	font-weight: normal;
	color: #999;
}

#content ul, #sidebar ul {
	margin: 0;
	padding: 0 0 15px 25px;
	list-style-type: square;
}

#content ul li, #sidebar ul li {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: square;
	color: #333;
}

/* @end */

/* @group sidebar */

#sidebar {
	float: left;
	display: inline;
	width: 300px;
	margin-left: 40px;
}

#sidebar .block {
	margin: 0 0 15px 0;
}

#search p {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: .85em;
	color: #aaa;
}

#search {
	margin: 0;
	padding: 0 20px 20px 20px;
	background: url("images/bg-search.gif") no-repeat 0 100%;
}

#search-input {
	float: left;
	display: inline;
	width: 152px;
	margin: 3px 10px 0 0;
	padding: 2px 5px;
	color: #999;
	border: 3px solid #ddd;
}

#search-button {
	float: left;
	display: inline;
}

#donate {
	position: relative;
	float: left;
	display: inline;
	width: 178px;
	height: 51px;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
	overflow: hidden;
}

#volunteer {
	position: relative;
	float: left;
	display: inline;
	width: 121px;
	height: 51px;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
	overflow: hidden;
}

#donate span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("images/button-donate.gif") no-repeat 0 0;
}

#volunteer span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("images/button-volunteer.gif") no-repeat 0 0;
}

#donate a, #volunteer a {
	text-decoration: none;
}

#sidebar blockquote {
	margin: 0 0 5px 0;
	padding: 5px 0 0 20px;
	text-align: center;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.5em;
	color: #666;
	background: url("images/bg-quote-top.gif") no-repeat 0 0;
}

#sidebar blockquote span {
	display: block;
	margin: 0;
	padding: 0 20px 5px 0;
	background: url("images/bg-quote-bottom.gif") no-repeat 100% 100%;
}

/* @end */

/* @group footer */

#footer {
	clear: both;
	padding: 30px 0 40px 0;
	background: #006683 url("images/bg-footer.gif") repeat-x 0 0;	
}

#footer ul {
	width: 890px;
	margin: 0 auto 10px auto;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

#footer ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	list-style-type: none;
	color: #7ec5d9;
	font-size: .95em;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #ace4f3;
	text-decoration: none;
	border-bottom: 1px dotted #2e8faa;
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #ace4f3;
}

#footer p {
	width: 890px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color: #ace4f3;
	font-size: .95em;
}

/* @end */

.clearer {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.subpage-hidden { display:none; }
.subpage-shown { display:block; list-style:square !important; list-style-type:square !important; }

  /* styles for front-page link grid */

  /* allow room for 3 columns */
  #content ul.linkgrid
  {
    width: 550px;
	list-style-type: none;
	padding: 0;
	margin-top: 0;
  }

  /* float & allow room for the widest item */
  #content ul.linkgrid li
  {
    float: left;
    width: 169px;
	height: 88px;
	display:inline;
	padding: 4px;
	margin: 3px 3px;
	background: #f4f4f4;
	text-align: center;
	font: smaller "Arial", Verdana, Trebuchet MS, sans-serif;
  }

  /* separate the list from subsequent markup */
  div.wrapper
  {
    margin-bottom: 1em;
	width: 550px;
  }

  /* stop the float */
  div.wrapper br
  {
    clear: left;
  }

  /* override div.wrapper float for in-grid breaks */
  ul.linkgrid li br
  {
	clear: none;
  }

  ul.linkgrid li img
  {
	margin: 4px;
	float: left;
  }

  ul.linkgrid a, .gridtitle
  {
	font: normal 1.5em Georgia, "Times New Roman", Times, serif;
  }

  /* end styles for front-page link grid */