/*  
Theme Name: EarthSpark
Theme URI: http://www.interintel.org
Description: This is my test theme.
Version: 1.0
Author: Tathagat Banerjee
Author URI: http://www.earthsparkinternational.org/tbanerjee.html

*/

/*
===============
developed by Vel
at http://www.vhg-design.com
===============
*/
html, body{
  /*background: url(images/bg.jpg);*/
  background: #FFFFFF url(http://www.earthsparkinternational.org/images/big-bgwp.jpg) top center no-repeat;
  /*height: 100%;*/
  margin: 0;
  padding: 0;
  text-align: center;
}

body {
  /*background: url(images/map-bg.jpg) top center no-repeat;*/
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
}

a {
  color: #55caf0;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul, ol, dl, dt, dd {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, form {
  margin: 0;
  padding: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0;
}

#pagewidth{
  margin: 0 auto;
  text-align: left;
  width: 949px;
}

#bg {
  background: url(images/bg-flip.jpg) top right no-repeat;
  height: 100%;
  left: 0;
  margin-left: -561px;
  position: absolute;
  top: 0;
  width: 50%;
}



/*   ============   HEADER   ============   */


#header {
  height: 215px;
  position: relative;
  width: 100%;
}

#header h1 {
  float: left;
  height: 115px;
  margin: 26px 0 0;
  width: 287px;
}

#header h1 a {
  background: url(images/logo.png) no-repeat;
  display: block;
  height: 115px;
  outline: none;
  text-indent: -999em;
}

* html #header h1 a {
  background: url(images/ie6-logo.gif) no-repeat;
}

#nav {
  display: block;
  float: right;
  margin-top: 85px;
  width: 433px;
}

#nav li {
  float: left;
}

#nav li a {
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  height: 62px;
  outline: none;
  text-indent: -999em;
}

#nav li a#home {
  background-image: url(http://www.earthsparkinternational.org/images/nav-ourhome.gif);
  width: 99px;
}

#nav li a#who {
  background-image: url(http://www.earthsparkinternational.org/images/nav-whoweare.gif);
  width: 111px;
}

#nav li a#what {
  background-image: url(http://www.earthsparkinternational.org/images/nav-whatwedo.gif);
  width: 111px;
}

#nav li a#how {
  background-image: url(http://www.earthsparkinternational.org/images/nav-howtohelp.gif);
  width: 112px;
}

#nav li a:hover, #nav li a.active {
  background-position: bottom;
}

#header h2 {
  background: url(images/slogan.gif) right bottom no-repeat;
  clear: both;
  height: 38px;
  text-indent: -999em;
}



/*   ============   MAIN CONTENT   ============   */


#maincol{
  display: inline;
  position: relative;
}

#splash {
  background: url(images/splash.jpg) no-repeat;
  height: 288px;
  text-indent: -999em;
}

.box {
  float: left;
  margin: 24px 0 38px ;
  width: 290px;
  padding-left:  39px;
}

.first {
  margin: 24px 0 0;
  padding-left: 0;
}

.box h3 {
  height: 37px;
  margin-bottom: 10px;
  text-indent: -999em;
}

.box h3#mission {
  background: #e5e75e url(images/our-missin-ttl.png) 16px center no-repeat;
}

.box h3#blog {
  background: #e5e75e url(images/blog-ttl.png) 16px center no-repeat;
}

.box h3#support-us {
  background: #e5e75e url(images/support-us-ttl.png) 16px center no-repeat;
}

.box h4 {
  font-size: 1.17em;
  margin-bottom: 5px;
}

.box p {
  line-height: 2em;
  margin: 0 0 30px;
  padding: 0;
}

.box img {
  border: 3px solid #e5e75e;
  margin: 7px 0 17px;
}

a.more, a.donate {
  background: url(images/btn-read-more.gif) 0 0 no-repeat;
  display: block;
  float: left;
  height: 30px;
  outline: none;
  text-indent: -999em;
  width: 89px;
}

a.more:hover {
  background: url(images/btn-read-more.gif) left bottom no-repeat;
}

a.donate {
  background: url(images/btn-donate.gif) 0 0 no-repeat;
  width: 69px;
}

a.donate:hover {
  background: url(images/btn-donate.gif) left bottom no-repeat;
}

#cards {
  background: url(images/cards.jpg) no-repeat;
  float: right;
  height: 21px;
  margin-top: 5px;
  width: 115px;
}

/* =============== BLOG ============ */
.feedback {  
  text-align: left;
  letter-spacing: normal;
  font: 90%/175% 'Geeza Pro', Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

/*   ============   Mission Page   ============   */


#templ {
  background: url(images/grey-dot.gif) 215px 0 repeat-y;
  margin-bottom: 50px;
}

#templ #maincol {
  float: right;
  font-size: 1.33em;
  line-height: 1.86em;
  width: 698px;
}

#templ #maincol p {
  color: #404040;
  margin: 0 0 30px 0;
  padding: 0;
}

.ttl {
  margin: 3px 0 28px;
}

#templ #leftcol {
  float: left;
  width: 215px;
}

#leftnav {
  padding-top: 1px;
}

#leftnav li {
  margin-bottom: 14px;
  width: 182px;
}

#leftnav li a {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 37px;
  outline: none;
  text-indent: -999em;
}

#leftnav li a#what {
  background-image: url(http://www.earthsparkinternational.org/images/ln-ourmodel.gif);
}

#leftnav li a#our-mission {
  background-image: url(http://www.earthsparkinternational.org/images/ln-mission.gif);
}

#leftnav li a#our-team {
  background-image: url(http://www.earthsparkinternational.org/images/ln-team.gif);
}

#leftnav li a#our-story {
  background-image: url(http://www.earthsparkinternational.org/images/ln-story.gif);
}

#leftnav li a#progress-report {
  background-image: url(http://www.earthsparkinternational.org/images/ln-report.gif);
}

#leftnav li a#contact-us {
  background-image: url(http://www.earthsparkinternational.org/images/ln-contact.gif);
}

#leftnav li a#blog {
  background-image: url(http://www.earthsparkinternational.org/images/ln-ourblog.gif);
}

#leftnav li a#projects {
  background-image: url(http://www.earthsparkinternational.org/images/ln-ourprojects.gif);
}

#leftnav li a:hover, #leftnav li a.active {
  background-position: left bottom;
}

#leftnav li a.active {
  cursor: default;
}



/*   ============   Team Page   ============   */


#subnav {
  padding: 15px 0;
}

#subnav li {
  height: auto;
  margin: 0;
}

#subnav li h3 {
  margin: 10px 0 5px 15px;
  font-size: 1.17em;
}

#subnav li a {
  color: black;
  height: auto;
  padding: 6px 0 5px 35px;
  text-indent: 0;
}

#subnav li a:hover {
  color: #55caf0;
  font-weight: bold;
  text-decoration: none;
}

#subnav li a.active {
  background: #55caf0;
  color: white;
  cursor: default;
  font-weight: bold;
}

#team img.ttl {
  margin: 3px 0 10px;
}

#team h2.ttl {
  color: #5fcdf1;
  font-size: 0.88em;
  font-weight: normal;
  margin: 0 0 10px !important;
  text-transform: uppercase;
}

#team p.first {
  margin-right: 187px !important;
}

.team-pic {
  border: 3px solid #e5e75e;
  float: right;
  margin-top: 5px;
}

a.contact {
  background: url(images/btn-contact.gif) 0 0 no-repeat;
  display: block;
  float: left;
  height: 30px;
  outline: none;
  text-indent: -999em;
  width: 71px;
}

a.contact:hover {
  background: url(images/btn-contact.gif) left bottom no-repeat;
}



/*   ============   FOOTER   ============   */


#footer{
  background: url(images/footer-bg.gif) 0 0 repeat-x;
  clear: both;
  color: #a6a6a6;
  font-size: 0.83em;
  height: 110px;
  line-height: 1.5em;
  padding-top: 43px;
}

#footer #links {
  float: right;
  text-align: right;
}

#footer #links a {
  color: #a6a6a6;
  text-decoration: underline;
}

#footer #links a:hover {
  text-decoration: none;
}

#footer #links #help {
  color: #636363;
  font-size: 1.20em;
  margin-top: 7px;
}

#footer #links #help a {
  color: #636363;
  font-weight: bold;
}

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
  padding: 0px;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: left;
  border: 0px solid #808080;
  background: #FFFFFF;
  color: #000000;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 0px 0px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 0px 0px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 0px 0; float: none; }
.imagecaptioneasy_left { margin: 0px 0px 0px 0; float: left; }
.imagecaptioneasy_right { margin: 0px 0 0px 0px; float: right; }
.imagecaptioneasy_nowrap { margin: 0px 0 0px 0; float: none; }

/*   ---------   Float containers 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 */