/***************************************************

       AUTHOR: Pat Heard ( FullAhead.org )

     TEMPLATE: Greenery

         DATE: 2005.11.30

    COPYRIGHT: none

PORTED TO TXP: Stuart (thebombsite.com ) with a little magic dust

 ***************************************************/





/***************************************************

   HTML Element Styles

 ***************************************************/

* {

	margin: 0;

	padding: 0;

        outline: 0;

	font-size: 100.01%;

}



html {

	font-size: 62.5%;

}



body {

	text-align: center;

	font-family: verdana, arial, sans-serif;  

	line-height: 170%;

	color: #EEEEEE;

	background: #585858 url(/images/2.jpg) repeat-y top center;

}



p { 

	padding-top: 10px;

	padding-bottom: 10px;

}



a,

a:visited {

	color: #86E160;

}



a:hover {

	color: #FFFFFF;

}



acronym {

	cursor: help;

	border-bottom: 1px solid #777777;

}



/***************************************************

  Header & Top Nav Element Styles

 ***************************************************/





#header {  

	width: 100%;

	height: 3em;

	background: #585858 url(/images/3.jpg) repeat-y top center;  

}



#menu {

	width: 767px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;  

}



#menu ul {

	line-height: normal;  

}



#menu ul li {

	width: 8em;
        height: 1em;

	display: inline;

	float: left;

	padding-top: 0.8em;  

	list-style: none;

	text-align: center;

}



#menu ul li a {

	display: block;

	text-decoration: none;

	text-transform: uppercase;

	padding-bottom: 1.0em;

	color: #222222;

}



#menu ul li a:hover,

#menu ul li.active a {

	font-weight: bold;

	color: #111111;

	background-image: url(/images/8.gif);

	background-repeat: no-repeat;

	background-position: bottom center;

}



/***************************************************

 Site Title

 ***************************************************/



#title {

	padding: .5em 13px 0 0;

	margin-right: 0.5em;

	float: right;

	background-repeat: no-repeat;

	background-position: top right;

}

#title h1 {

	display: inline;

	font: 700 .9em verdana, sans-serif;

	text-transform: uppercase;

	color: #222222;

	background-color: #86E160;

	background-image: none;


}

#adhoc img {
          display: block;

}
/***************************************************

 Page Content

 ***************************************************/



#content {  

	clear: both;

	width: 767px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

}



#text {

	float: left;

	clear: left;

	width: 410px;

	padding: 10px 5px 20px 20px;

}



#image {

	float: left;

	width: 170px;  

	vertical-align: top;

}



h2 {

	clear: both;

	margin-top: 10px;

	margin-bottom: 10px;

	font: 700 1em verdana, sans-serif;

	text-transform: uppercase;

	color: #7BD32C;

	background: #686868 url(/images/13.gif) no-repeat top right;

}



h2 span {

	display: block;

	padding: 5px;

	background-image: url(/images/11.gif);

	background-repeat: no-repeat;

	background-position: bottom right;

}



h2.category {

	color: #FFFFFF;

}



.meta {

	border: 1px solid #999999;

	padding: 3px 0 5px 5px;

	margin-bottom: 20px;

}



#content ol li { 

	color: #9BE4FF;

}



#content ol li span {

	color: #EEEEEE;

}



#content ul {

	padding-bottom: 10px;

}



#content ul li {

	list-style-image: url(/images/5.gif);

	list-style-position: inside;

}

ul.product {
        float: left;
        list-style: none;
        text-decoration: none;
        list-style-image: none;  
}

ul.product li {
        float: left; 
        width: 175px; 
        height: 175px; 
        border: 0px; 
        text-decoration: none;
        list-style-image: none;
} /* define any appropriate width and height */

a.product {
        border: 0px; 
        text-decoration:none;
}


blockquote {  

	background: #686868 url(/images/13.gif) no-repeat top right;

} 



blockquote span {

	display: block;

	padding: 5px;

	background-image: url(/images/11.gif);

	background-repeat: no-repeat;

	background-position: bottom right;

}



/***************************************************

 Paging Links

 ***************************************************/



#paging {

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	font-weight: bold;

}



#paging .left {

	float: left;

	margin-left: 20px;

	text-align: left; 

	border: 1px solid #999999;

	padding: 8px;

}



#paging .right {

	float: right;

	margin-right: 20px;

	text-align: right; 

	border: 1px solid #999999;

	padding: 8px;

}



/***************************************************

 Sidemenu Styles

 ***************************************************/



#sideBar {

	float: right;
width: 145px;

	padding: 10px 0px 20px 0px;


}



#sideBar h2 {

	text-align: right;

	background: #686868 url(/images/12.gif) no-repeat top left;

}



#sideBar h2 span {

	display: block;

	padding: 2px;

	background-image: url(/images/10.gif);

	background-repeat: no-repeat;

	background-position: bottom left;

}



.sideMenu {

	padding-top: 10px;

	padding-bottom: 10px;

}



.sideMenu a {

	display: block;

	text-align: right;

	text-decoration: none;

	margin-bottom: 1px;  

}



.sideMenu a span {

	display: block;

	padding: 1px;

}



.sideMenu a:hover {

	background: #686868 url(/images/12.gif) no-repeat top left;

}



.sideMenu a:hover span {

	background-image: url(/images/10.gif);

	background-repeat: no-repeat;

	background-position: bottom left;

}



/***************************************************

 Comment & Comment Form Styles

 ***************************************************/



h3#comment,

h3#respond {

	margin-top: 10px;

	margin-bottom: 10px;

	font: 700 1em verdana, sans-serif;

	text-transform: uppercase;

	color: #7BD32C;

	background: #686868 url(/images/13.gif) no-repeat top right;

}



h3#comment span,

h3#respond span {

	display: block;

	padding: 5px;

	background-image: url(/images/11.gif);

	background-repeat: no-repeat;

	background-position: bottom right;

}



#txpCommentInputForm {

	margin-top: 20px;

}



#txpCommentInputForm p {

	text-transform: none;

	text-align: left;

}



#txpCommentInputForm label {

	text-transform: uppercase;

	padding-left: 5px;

}



#txpCommentInputForm input.checkbox {

	width: 13px;

}



p#txpCommentInputForm {

	color: #7BD32C;

	text-align: center;

	text-transform: uppercase;

	background-color: #686868;

	margin-left: auto;

	margin-right: auto;

	margin-top: 20px;

	margin-bottom: 20px;

	padding: 4px 0px 3px 7px;

}



#txpCommentInputForm input {

	width: 150px;

}



#txpCommentInputForm textarea {

	width: 350px;

	height: 200px;

}



#txpCommentInputForm input,

#txpCommentInputForm textarea {

	padding: 1px 3px 1px 3px;

	margin-top: 5px;

	margin-bottom: 5px;

	font: 1em verdana, arial, sans-serif;

	color: #EEEEEE;

	background-color: #777777;

	border: 1px solid #999999;

}



#txpCommentInputForm input:hover,

#txpCommentInputForm input:focus,

#txpCommentInputForm textarea:hover,

#txpCommentInputForm textarea:focus {

	color: #FFFFFF;

	background-color: #999999;

	border: 1px solid #EEEEEE;

}



ol.comments {

	list-style: none;

}



ol.comments li .reply {

	color: #FFFFFF;

	padding-left: 5px;

	padding-right: 5px;

	background: #686868 url(/images/13.gif) no-repeat top right;

}



ol.comments li a,

ol.comments li a:visited {

	color: #7BD32C;

}



ol.comments li a:hover {

	color: #FFFFFF;

}



/***************************************************

 Contact Form

****************************************************/



#contact #content #text form.zemContactForm fieldset {

	border: none;

}



#contact #content #text form.zemContactForm legend {

	display: none;

}



/***************************************************

 Footer

 ***************************************************/



#footer {

	clear: both;

	float: left;

	width: 500px;

	padding: 10px 20px 10px 20px;

	color: #888888;

}



#footer p {}



#footer a {

	color: #888888;

}



#footer a:hover {

	color: #EEEEEE;

}



a.fullAhead {

	float: left;

	width: 30px;

	height: 34px;  

	margin-right: 10px;

	background-image: url(/images/6.gif);

	background-repeat: no-repeat;

	background-position: 0 0;

}



a:hover.fullAhead  {

	background-position: -30px 0;

}



/***************************************************

 Generic Display Classes

 ***************************************************/



.center {

	text-align: center;

}



.noPad {}



.left {

	float: left;

}



.right {

	float: right;

}



img.left {

	padding: 5px 5px 5px 0;

}



img.right {

	padding: 5px 0 5px 5px;

}



.button {

	width: auto;

	cursor: pointer;

}



.date {

	display: block;

	font-weight: 700;

}