/* base */

body
{
  margin: 0 0 0 0;
  padding: 0;
  font: 13px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Bitstream Vera Sans", verdana, helvetica, sans-serif;
  color: #444;
}
em, i, .italic {
  font-family: "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", verdana, helvetica, sans-serif; /* lucida sans unicode doesn't have an italic */
}
input, textarea {
  font: 13px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Bitstream Vera Sans", verdana, helvetica, sans-serif;
}

/* patterns */

a {
  color: #81b127;
  text-decoration: none;
}

a.ir span {
  display: none;
}

legend {
  display: none;
}

h3, h4 {
  display: none;
}

/* blocks */

#wrapper {
  background: url(images/bg.png) repeat-y;
  width: 950px;
  margin: 12px auto 0;
  position: relative;
}

#main {
}

#header {
  background: url(images/header.png) no-repeat;
  height: 306px;
  position: relative;
}

#header h1, #header h2 {
  text-indent: -10000px;
}

#header p#intro {
  margin: 180px 0 0 69px;
  color: white;
  width: 571px;
}

#header p#link_to_brighter_planet {
  width: 183px;
  position: absolute;
  left: 705px;
  top: 143px;
}
#header p#link_to_brighter_planet a {
  display: block;
  height: 70px;
}

#header p#link_to_350 {
  width: 183px;
  position: absolute;
  left: 705px;
  top: 213px;
}
#header p#link_to_350 a {
  display: block;
  height: 70px;
}

#header p#link_to_explanation {
  width: 115px;
  position: absolute;
  left: 810px;
  top: 57px;
}

#header p#link_to_explanation a {
  display: block;
  height: 70px;
}

#content {
  margin: 32px 34px 0;
}

#steps ol {
  overflow: auto;
}

#steps ol li {
  float: left;
}

#steps ol li#step_1 {
  width: 321px;
  border-right: 1px solid #749ca8;
  background: url(images/step_1.png) no-repeat;
  padding: 77px 0 0 0;
}

#steps ol li#step_1 a:hover {
  text-decoration: underline;
}

#steps ol li#step_1 form {
  background: url(images/badge.png) no-repeat 62px 0;
  padding: 193px 0 0 0;
}

#steps ol li#step_1 form fieldset {
  background: url(images/arrow.png) no-repeat 265px 0;
  padding: 40px 0 0 34px;
}

#steps ol li#step_1 form fieldset label {
  padding: 0 0 0 10px;
  color: #185e7b;
}

#steps ol li#step_1 form fieldset textarea {
  width: 260px;
  color: #555;
  font-family: monospace;
}

#steps ol li#step_1 form fieldset p {
  text-align: right;
  padding: 0 25px 0 0;
}

#steps ol li#step_1 p#more_sizes {
  background: url(images/more_sizes.png) no-repeat 100% 0;
  margin: 18px 25px 0 0;
}

#steps ol li#step_1 p#more_sizes a {
  display: block;
  height: 18px;
}

#steps ol li#step_1 #badges ul {
  overflow: auto;
}

#steps ol li#step_1 #badges ul li {
  float: left; 
  width: 225px;
}

#steps ol li#step_1 #badges ul li a {
  display: block;
}

#steps ol li#step_1 #badges ul li textarea {
  width: 90%;
  font-family: monospace;
}

#steps ol li#step_1 #badges a.lbAction {
  font-size: 18px;
}

#steps ol li#step_2 {
  width: 330px;
  background: url(images/step_2.png) no-repeat;
  padding: 80px 0 0 0;
}

#steps ol li#step_2 form {
  padding: 0 0 0 51px;
}

#steps ol li#step_2 form p {
  color: #185e7b;
  margin: 0 0 10px 0;
  width: 230px;
}  

#steps ol li#step_2 form label {
  display: none;
}

#steps ol li#step_2 form ul input, #steps ol li#step_2 form ul textarea {
  width: 230px;
  margin: 12px 0 0 0;
  color: #81b127;
}

#steps ol li#step_2 form textarea {
  height: 126px;
}

#steps ol li#step_2 form input#submit {
  margin: 22px 0 0 145px;
}

#steps ol li#step_3 {
  background: url(images/thermometer-350.png) no-repeat;
  height: 450px;
  width: 227px;
}

#steps ol li#step_3 * {
  display: none;
}

#participants {
  padding: 30px 0 0 35px;
  margin: 24px 0 0 0;
  overflow: auto;
  background: url(images/hr.png) no-repeat 50% 0;
}

#participants a {
  font-weight: bold;
  text-decoration: underline;
}

#participants #acquire {
  background: url(images/help_spread.png) no-repeat;
  padding: 36px 0 0 0;
  float: left;
  width: 380px;
  margin: 0 50px 0 0;
}

#participants #acquire p {
  margin: 0 0 18px 0;
}

#participants #acquired {
  background: url(images/i_joined.png) no-repeat;
  padding: 36px 0 0 0;
  float: left;
  width: 417px;
}

#participants #acquired dl {
  padding: 0 0 18px 0;
}

#participants #acquired dl dt {
  display: none;
}

#participants #acquired dl dd.avatar {
  width: 90px;
  height: 90px;
  float: left;
  margin: 0 22px 0 0;
}

#participants #acquired dl dd.fn {
  color: #185e7b;
  font-weight: bold;
}

#participants #acquired dl dd.note {
  color: #185e7b;
  margin: 18px 0 0 0;
}

#participants #acquired p {
  border-top: 1px solid #185e7b;
  background: url(images/other_bloggers.png) no-repeat 0 12px;
  padding: 9px 0 0 150px;
  clear: left;
}

#questions {
  background: transparent url(images/questions.png) no-repeat;
  padding: 100px 0 0;
  margin: 20px 0 0 0;
}

#questions #columns {
  overflow: auto;
  margin: 0 1px;
  padding: 0 0 0 0;
  padding-bottom: 1%;
  background-color: #185e7b;
}

.cb {
  clear: both;
}

#questions .column {
  float: left;
  width: 380px;
  padding: 0 24px 0 36px;
}

#questions .column p {
  color: white;
  margin-bottom: 18px;
}

#questions .column h5 {
  color: #81b127;
  font-size: 14px;
  margin: 0 0 9px 0;
}

#footer {
  background: white url(images/footer.png) no-repeat;
  padding: 0 0 18px 0;
}

#footer p#footer_link_to_brighter_planet a {
  display: block;
  height: 50px;
  margin: 0 0 54px 740px;
}

#footer p {
  text-align: center;
}

#footer p, #footer a {
  color: gray;
}

#footer a {
  text-decoration: underline;
}

/* lightbox */

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 315px;
	left: 0;
	width: 900px;
	height: 440px;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:10000;
	overflow: auto;	
}