/*----------------------- document setup/defaults --------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

p, h1, h2, h3 { margin-bottom: 10px; }

h1 { 
  background:url(/images/gt-greenbar.jpg) bottom left no-repeat;
  font-family:Garamond, Times, Serif;
  font-size: 18px; 
  font-style:italic;
  font-weight: normal;
  line-height:24px;
  padding-bottom:10px;
}

h2 { 
  font-family:Garamond, Times, Serif;
  font-size: 18px; 
  font-style:italic;
  font-weight: normal;
  line-height:24px;
  padding-bottom:10px;
}

h3 { font-size: 18px; }

a img { border: 0px; }

a { text-decoration: underline; color:#83b339; outline:0; }
a:hover { color:#578847;}

a:hover { text-decoration: underline; }

input, select { font-size: 11px; }

small { font-size: 10px; }

body  {
  color:#000;
  font-family: Helvetica, Arial, sans-serif;
  font-size:14px;
  line-height:18px;
  padding:0 0 40px;	
  text-align:center;
}

.spacer {
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  width: 0;
}


/************* GREEN TUX PROJECT ***********/

#wrap {
  width:1100px;
  margin:0 auto;  
  text-align:left;
}

#header {
  background:url(/images/gt-header.jpg) top center no-repeat;
  height:50px;
  width:100%;
}

#title {
  text-align:center;
  height:100px;
  padding:30px 0 0 0;
  width:100%;
}

#content {
  background:url(/images/gt-content.jpg) no-repeat top center;
  padding:30px 0 0;
  margin:0 auto;
  min-height:200px;
  width:960px;
}

#footer {
  font-size:10px;
  padding:0 30px;
  margin:0 auto;
  text-align:right;
  width:900px;
}

.column {
  float:left;
  padding:0;
  margin:0 10px;
  width:250px;
}

.first {
  margin-left:30px;
}

.last {
  width:360px;
}

.section {
  margin:0 0 20px 0;
}

.progress {
  height:420px;
}

.section .photo {
  padding:0 10px 0 0;
  margin:0;
}

.sponsor img {
  float:left;
  padding:0 10px 10px 0; 
}

#nav {
  border-top:1px #83b339 solid;
  border-bottom:1px #83b339 solid;
  margin:0 0 10px;
  padding:6px 0;
  text-align:center;
  width:250px;
}

#nav a{
  font-size:16px;
  font-weight:bold;
  margin:0 4px;
  text-decoration:none;
}

#nav .activeSlide {
  color:#000;
}

/*--------------- progress ------------- */
#goal, #status {
  font-size:16px;
  font-weight:bold;
}

#goal {
  padding:10px 0 10px 20px;
}

#status {
  padding:20px 0 10px 20px;

}

#status {}

#green-guy {
  background:url(/images/gt-fundguy-blank.jpg) center no-repeat;
  float:right;
  height:413px;
  padding:0;
  margin:-20px 0 0;
  width:145px;
}

#green-guy-filled {
  height:413px;
  padding:0;
  position:absolute;
  top:234px;
  margin:0;
  width:145px;
}

#guy {
  background:url(/images/gt-fundguy-filled.jpg) no-repeat bottom;
  height:1px;
  position:absolute;
  bottom:0;
  width:145px;
}

/************* BEGIN FORGE DEFAULTS ***********/
/*--------------- forms ------------- */
table.form {
	font-size: 10px;
	border-top: 1px solid #BFBEAE;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
table.form tr td {
	padding: 6px;
	border-bottom: 1px solid #d2d0bf;
	vertical-align: top;
}

table.form tr td img {
	vertical-align: middle;
}
table.form td.label {
	width: 20%;
	font-size: 9px;
	font-weight: bold;
	color: #665E59;
	text-transform: uppercase;
	vertical-align: top;
}
table.form td.control {
	width: 80%;
	vertical-align: top;
}


/*-------------- posts --------------- */
.pagination-info {
	line-height: 14px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 11px;
}

.post {
	margin-bottom: 20px;
}

.post h2, .post h3 {
	margin: 0px;
	padding: 0px;
}


/*------------- photo gallery ------------- */
#photo-thumbnails {
	list-style: none;
}

#photo-thumbnails li {
	float: left;
	margin: 0px 26px 25px 0px;
	width: 96px;
	text-align: center;
	font-size: 11px;
}

#photo-thumbnails li img {
	width: 90px;
	height: 90px;
	padding: 2px;
	border: 1px solid silver;
}

#photo-thumbnails li.last {
	margin-right: 0px;
}


/*------------- flash messages ------------- */
.flash-msg, .errorExplanation {
	padding: 5px 10px 5px 30px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
}
#flash-notice {
	color: #577700;
	border: 1px solid #658900;
	background: url(/images/icon_accept.gif) #E9F1D5 no-repeat 6px 6px;
}
.errorExplanation, #flash-warning, #flash-error {
	color: red;
	border: 1px solid red;
	background: url(/images/action_stop.gif) #FFC9C9 no-repeat 8px 6px;
}

.errorExplanation h2 {
	color: red;
	text-transform: none;
	margin-top: 2px;
}
div.fieldWithErrors {
	display: inline;
}