@charset "iso-8859-1";
/*******************************************************************
**
** green1.css
** Copyright 2006, 235959.com
**
** Congratulations, you're reading the CSS file
** CSS = CSS is a Semi-Standard
**
** Green v1.5 (smells like grass)
** 2006-02-16 | Cleaned up the CSS some
** 2006-02-21 | Cleaned up the CSS some more
**
*******************************************************************/

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

a {
	color: #77f;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px #ccf solid;
}
a:hover {
	color: #77f;
	background-color: #ccf;
	text-decoration: none;
	border-bottom: 1px #ccf solid;
}

img {
	border-bottom: 0px; /* ff */
}

#accessibility {
	position: absolute;
	top: -10000px;
}

/*
** ff and msie have differing sizes for these
** I put this in to fix that problem
*/

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

/*******************************************************************
**
** Based on skidoo_lean
** Much has changed, including a large number of additions
**
*******************************************************************/

body
{
	background: #548254;
	color: #777;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100.1%;
	margin: 0;
	padding: 30px;
	padding-top: 8px; /* top gets no padding for now */
	padding-bottom: 8px; /* bottom has less padding */
min-width: 680px;	/* IE doens't understand this property */
}
#pageWrapper
{
	border-style: solid;
	border-width: 0px;	/* layout's side borders */
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;	/* arial looks better with a smaller size */
	margin: 0;
min-width: 680px;	/* IE doens't understand this property */
	width: auto;
}
#header
{
	text-align: center;
	border-width: 0px 0;
	margin: 0 0 0 0; padding: 0;
	border: 0px;

}
#outerColumnContainer
{
	background-color: #fff;
	border-style: solid;
	border-width: 0 128px;	/* side border widths must equal the
				   widths of the left and right columns. 
				 */
	border-left-color: #fff; /* left hand column background color */
	border-right-color: #fff; /* right hand column background color */
	z-index: 1;
}
* html #outercolumncontainer
{
	/* IE5.0/Win fix for 1px whitespace between header and body. 
	 * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
	 * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
	 * by this extra margin work.
	 */
	margin-top: -1px;
	border-top: solid 0px #000;
}
#innerColumnContainer
{
	border-style: solid;
	border-width: 0 0px;	/* puts borders between middle and the side 
			   columns. */
	margin: 0 -0px;	/* compensate for the borders because of
			   100% width declaration */
	width: 100%;
	z-index: 2;
}
html[xmlns] .mozclear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 0px solid;
	border-color: transparent;
	margin-bottom: -1px;
}
#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
}
#leftColumn
{
	margin: 0 1px 0 -128px; /* the margin on the side the column is to be
			   rendered on must be the negative equal of 
			   the column's width. The opposite border must
			   be 1px */
	width: 128px;
	text-align: right;
}
#rightColumn
{
	float: right; /* doesn't have to be floated right, but if using some
		   original skidoo tweaks, you need it this way */
	margin: 0 -128px 0 1px; /* same as in the #leftColumn but reversed */
	width: 128px;
	text-align: left;
}
#rightColumn .inside
{
	font-size: 90%; /* because the parent element ( #rightColumn )
		   defines its width in EMs, we can't change the font 
		   size in that selector, otherwise the column won't use
		   the entire width reserved for the column */
}
#contentColumn
{
	margin: 0 -1px;	/* required to get the negative margin-based
			   layout to work. if #contentColumn does not
			   overlap the left and right columns, then
			   the whole layout will break */
	width: 100%;
}
#footer
{
	background-color: #FFF;
	border-style: solid;
	border-width: 0px 0px; /* border for bottom of layout and top of 
			   footer area */
	border-bottom: 0px;
	position: relative;
	text-align: center;
}
p, h1, h2, h3, h4, h5, h6
{
	margin: 1em 0;	/* for better consistency across platforms */
}
.clear
{
	clear: both;
}
.inside
{
	padding: 0 10px;	/* was 1.5em */
			/* glitch in IE caused by vertical padding in
			   this class, so 0 padding is set here and
			   those blocks that need the vertical padding
			   must be applied to the parent element.
			   the purpose of this class is to provide 
			   horizontal padding without using hacks to
			   get around IE's broken box model. so it's
			   okay to apply vertical padding to the parent
			   element, just not horizontal padding. */
}
#leftColumn, #centerColumn, #rightColumn
{
	padding-top: 5px;	/* was 0.5em */
	padding-bottom: 5px; /* this is the vert padding talked about in the
			       .inside selector comment. */
}
#footer
{
/* not needed	padding: 1em;	/* ditto from above */
}
#pageWrapper, #innerColumnContainer, #header, #footer
{
	border-color: #000;	/* one-stop control of border color used within
				   the layout */
}
#outerColumnContainer
{
	border-top-color: #000; /* should match the above border color */
}



/*******************************************************************
**
** I added the following to keep my changes as separate from the original
** template as possible.  It's a mess and will be cleaned up when it's finished.
**
*******************************************************************/

#rightColumn {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #888888;
	font-size: 0.8em; /* tweak time */
}
#rightColumn form {
	/* for msie */
	display: block;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#rightColumn input {
	background-color: #f0f0f0;
	color: #000;
	border-color: #777;
	border: 1px #777 solid;
	width: 97px; /* 104 */
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
}
#rightColumn select {
	background-color: #f0f0f0;
	color: #000;
	border-color: #777;
	border: 1px #777 solid;
	width: 97px; /* 104 */
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
}
#footer a {
	text-decoration: none;
	border-bottom: 0px;
}
#footer {
	color: #777;
	font-size: 0.8em;
}
#header a {
	border-bottom: 0px; /* ff */
}
#rightColumn p {
	/* Need to keep the spacing clean between items */
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.feeds {
	background-color: #f0f0f0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 9px;
	border: 1px #777 solid;
	width: auto;
	width: 97px; /* 104 */
	/* quick fix for gap between "feeds" and this box */
}
.feedsText {
	text-align: center;
	position: relative;
}

#leftColumn { padding-top: 0px; /* ff */ }
#rightColumn { padding-top: 0px; /* ff */ }
#quote {
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	border-width: 0px 0;
	margin: 0 0 0 0; padding: 0;
	border: 0px;
	background-color: #fff;
	color: #ccc;
}

#footer.inside {
	padding: 0px;	/* needed for edge images */
}


/*******************************************************************
**
** Nested layers to construct a background suitable for this design
** With elements of: left, center(100%), right
**
** These are based on a drop shadow howto
** If there is a better way of making tables in css let me know
**
*******************************************************************/

/* Bottom - Used for bottom edge */

.BottomLayer1, .BottomLayer2, .BottomLayer3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.BottomLayer1 {
  background: url(/images/green1_frame_s.jpg) center bottom repeat-x;
  width: 100%;
}
.BottomLayer2 {
  background:url(/images/green1_frame_sw.jpg) left bottom no-repeat;
  width: 100%;
}
.BottomLayer3 {
  background:url(/images/green1_frame_se.jpg) right bottom no-repeat;
  width: 100%;
}
.BottomLayer3 img {
  display:block;
}

/* Mid - Used for middle areas (footer, quote) */

.MidLayer1, .MidLayer2, .MidLayer3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.MidLayer1 {
  background: #fff; /* center */
  width: 100%;
}
.MidLayer2 {
  background:url(/images/green1_frame_w.jpg) left bottom repeat-y;
  width: 100%;
}
.MidLayer3 {
  background:url(/images/green1_frame_e.jpg) right bottom repeat-y;
  width: 100%;
}
.MidLayer3 img {
  display:block;
}

/* Title - Used for main title area */

.TitleLayer1, .TitleLayer2, .TitleLayer3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.TitleLayer1 {
  background: url(/images/green1_title_fill.jpg) center bottom repeat-x;
  width: 100%;
}
.TitleLayer2 {
  background:url(/images/green1_title_left.jpg) left bottom repeat-y;
  width: 100%;
}
.TitleLayer3 {
  background:url(/images/green1_title_right.jpg) right bottom repeat-y;
  width: 100%;
}
.TitleLayer3 img {
/* Can't use this in ff for the title, make whole area clickable */
/*  display:block; */
}

/* Top - Used for top edge */

.TopLayer1, .TopLayer2, .TopLayer3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.TopLayer1 {
  background: url(/images/green1_frame_n.jpg) center bottom repeat-x;
  width: 100%;
}
.TopLayer2 {
  background:url(/images/green1_frame_nw.jpg) left bottom repeat-y;
  width: 100%;
}
.TopLayer3 {
  background:url(/images/green1_frame_ne.jpg) right bottom repeat-y;
  width: 100%;
}
.TopLayer3 img {
/*  display:block; */
text-align: right;
}



/*******************************************************************
** Added to support background images for the frame in the content area
** This is based on the bg image extension for the other stuff this is based on.
*******************************************************************/

#outerColumnContainer {
	border-left-width: 0;
	border-right-width: 0;	/* we remove the borders so we can apply
			   background images. */
	padding-left: 128px;	/* because padding is on the left-side,
			   the left-column"s background image is
			   going to be applied to this element. */
	margin-right: 128px;	/* the right-column"s space is reserved
			   with margin space rather than padding,
			   so we can apply a background image to
			   the parent element, #pageWrapper, and
			   it will peek through. */
	background:url(/images/green1_frame_w.jpg) left bottom repeat-y;
}
#pageWrapper {
	background:url(/images/green1_frame_e.jpg) right bottom repeat-y;
}
#contentColumn {
	background-color: transparent; /* need to reset the background color of
				   the content column because we set it
				   in v4.css */
}
#innerColumnContainer {
	background-color: #fff;
}



/*******************************************************************
** More stuff that I added to fix things
*******************************************************************/

#pageWrapperbg {
	/* Fixes msie left edge img/bg race condition in painting */
	background:url(/images/green1_frame_w.jpg) left bottom repeat-y;
	background-color: #fff;
}

#leftColumn {
	border: 0; padding: 0;
	text-align: left;
}

#topedge {
	/* for top edge */
	text-align: right; /* ff */
}

/* This class added to prevent the link underline from showing for images */

.imagelink a {
	text-decoration: none;
	border-bottom: 0;
}
.imagelink a:hover {
	background-color: transparent;
	text-decoration: none;
	border-bottom: 0;
}



/*******************************************************************
** More stuff that I added to fix things
*******************************************************************/

.entryWrapper {
	background-color: #90e090;
	border: 0; margin: 0 0 0 0;
	padding: 1px;
	/*
	** Fix for msie paint bug
	** This was previously inline-block but that's not valid CSS1
	** I got a fix working by doing this instead
	*/
	float: top; position: relative;
}

.entryTitleLeft {
	color: #333;
	background-color: transparent;
	border: 0;
	padding: 3px 3px 3px 3px;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	width: 100%;
}
.entryTitleRight {
	color: #333;
	background-color: transparent;
	border: 0;
	padding: 2px;
	font-size: 70%;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}

.entryBody {
	color: #303030;
	background-color: #f0fff0;
	padding: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	border: 1px #f0fff0 solid;
}

.entryFooter {
	color: #303030;
	background-color: #f0fff0;
	border: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	border: 1px #f0fff0 solid;
	font-size: 80%;
}



/*******************************************************************
**
** Comments
**
*******************************************************************/

.comment0 {
	/* Even */
	color: #333;
	background-color: #fff7f7;
	padding: 10px;
	padding-bottom: 0px;
	margin: 0;
	background-color: #f0f0f0;
	border: 1px #f0f0f0 solid;
	min-height: 40px; /* height of avatar + padding */
	/*
	** Fix for msie paint bug
	** This was previously inline-block but that's not valid CSS1
	** I got a fix working by doing this instead
	*/
	float: top; position: relative;
}

.comment1 {
	/* Odd */
	color: #333;
	background-color: #f7f7ff;
	padding: 10px;
	padding-bottom: 0px;
	margin: 0;
	background-color: #f7f7f7;
	border: 1px #f7f7f7 solid;
	min-height: 40px; /* height of avatar + padding */
	/*
	** Fix for msie paint bug
	** This was previously inline-block but that's not valid CSS1
	** I got a fix working by doing this instead
	*/
	float: top; position: relative;
}

.commentOwner {
	/* Author */
	color: #333;
	background-color: #f0fff0;
	padding: 10px;
	padding-bottom: 0px;
	margin: 0;
	margin-left: -11px;
	margin-right: -2px;
	border: 2px #90e090 solid;
	border-left: 12px #90e090 solid;
	border-right: 3px #90e090 solid;
	min-height: 40px; /* height of avatar + padding */
	/*
	** Fix for msie paint bug
	** This was previously inline-block but that's not valid CSS1
	** I got a fix working by doing this instead
	*/
	float: top; position: relative;
}

.commentAvatar {
	float: left;
	border: 1px solid #999;
	height: 32px;
	width: 32px;
	background: #fff url(/images/green1_icon_avatar.jpg) center no-repeat;
	position: relative;
}

.commentText {
	border: 0; margin: 0 0 0 0; padding: 0;
	margin-left: 42px; /* width + padding*2 - padding */
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 75%;
	position: relative;
}

.commentTable {
	border: 0; margin: 0 0 0 0; padding: 0;
}
.commentTableLeft {
	border: 0; margin: 0 0 0 0; padding: 0;
	text-align: left;
	width: 100%;
}
.commentTableRight {
	border: 0; margin: 0 0 0 0; padding: 0;
	text-align: right;
}

.commentsArea {
	border: 0; margin: 0; padding: 0;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 30px; /* space on top */
	position: relative;
}
.commentsAreaTitle {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	background-color: #a0a0a0;
	border: 0;
	margin: 0;
	padding: 2px 7px 2px 7px;
	position: relative;
}
.commentsAreaBody {
	margin: 0 0 0 0; padding: 0;
	background-color: #fff;
	/* border is here so it works with msie */
	border: 1px #a0a0a0 solid;
}

.commentForm {
	border: 0; margin: 0; padding: 0;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 30px; /* space on top */
	margin-bottom: 30px; /* space on bottom */
	position: relative;
}
.commentFormTitle {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	background-color: #a0a0a0;
	border: 0;
	margin: 0;
	padding: 2px 7px 2px 7px;
	position: relative;
}
.commentFormBody {
	color: #333;
	background-color: #f7f7f7;
	border: 1px #a0a0a0 solid;
	border-top: 0px;
	padding: 10px;
	padding-bottom: 0px;
	margin: 0;
	position: relative;
}

.comment_name_input, .comment_email_input, .comment_web_input {
	background-color: #f0f0f0;
	color: #000;
	border-color: #777;
	border: 1px #777 solid;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	padding: 2px;
}
.button {
	background-color: #f0f0f0;
	color: #000;
	border-color: #777;
	border: 1px #777 solid;
	border-left: 1px #ccc solid;
	border-top: 1px #ccc solid;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	padding: 2px;
}
.commentFormBody textarea {
	background-color: #f0f0f0;
	color: #000;
	border-color: #777;
	border: 1px #777 solid;
	width: 360px;
	height: 200px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	padding: 2px;
}



/*******************************************************************
**
** Contact form (same style as comment form)
**
*******************************************************************/

.contactform form {
	background-color: #f7f7f7;
	color: #000;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	padding: 10px;
	float: top; position: relative; /* msie required */
}
.contactform textarea, .contactform input {
	background-color: #f0f0f0;
	color: #000;
	border-color: #777;
	border: 1px #777 solid;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	padding: 2px;
}
.contactformsubmit input {
	background-color: #f0f0f0;
	color: #000;
	border-color: #777;
	border: 1px #777 solid;
	border-left: 1px #ccc solid;
	border-top: 1px #ccc solid;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	padding: 2px;
}
.contactform li {
	color: #f00;
}