/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 30px 0 0 0;
	padding: 0;
	background: #000000;
	background-image:url(images/bkg.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCCCCC;
}

h1, h2, h3 {
	margin: 0;
	text-transform: lowercase;
	font-weight: normal;
	color: #99ff33;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 23px;
}

p, ul, ol {
	margin: 0 0 2em 0;
	line-height: 150%;
}

a:link {
	color: #9999ff;
}

a:hover, a:active {
	text-decoration: none;
	color: #ffccff;
}

a:visited {
	color: #9999ff;
}

img {
	border: none;
}

img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}
.box {
	float:right;
	border: #42542f thin solid;;
	width:175px;
	padding:15px;
	margin:0px 15px 10px 15px;
	background:url(images/bkg.gif)
	}

.kickstarter {
	float:right;
	width:220px;
	margin:10px 15px 10px 15px;
	}
/* Form */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

.quoter {
	text-align:right;
	font-style:italic;
}

/* Header */

#header {
	clear: both;
	width: 845px;
	height: 44px;
	margin: 0 auto;
}

/* Menu */

/* menu container */
div#navh {
  width: 100%;
  display: block;
  font-size:120%;
  margin: 0;
}

/* set UL defaults to 0 */
.navcontainer {
padding:0;
border: #42542f thin solid;
height:37px;
z-index: 1002;
}

div#navh ul {
padding: 0;
margin: 0;
background-color: #000000;
color: White;
float: left;
width: 840px;
font-family: arial, helvetica, sans-serif;
}

div#navh li {
  position: relative; 
  list-style: none; 
  float: left; 
  margin: 0; 
  background: #000000; 
padding: 3px 29px 3px;
}

div#navh li:hover {
background-image:url(images/button.gif);
color: #ffffff;
}

div#navh li a {
  display: block; 
  text-decoration: none; 
  color: #FFFFFF; 
  text-align: left;
  width: auto;
  height: 25px;
  padding: 0;
  margin: 0;
}

div#navh li a:hover {
color: #ffffff;
}

div#navh>ul a {
  width: auto;
  color: #fff; 
}

div#navh ul ul {
   position: absolute; 
   width: 100%;
   display: none;
}

div#navh ul ul li {
   width: 100%;
}

div#navh li.submenu {

}

div#navh ul ul li.submenu {
/* reserved for whatever ... */
}

div#navh li.submenu:hover {
  z-index: 1001; /* not needed here but maybe with your site */
}

div#navh li.submenu li.submenu:hover {
}

div#navh ul.level1 li.submenu:hover ul.level2, div#navh ul.level2 
  li.submenu:hover ul.rollover, div#navh ul.level2 
  li.submenu:hover ul.level3 {
   display:block;
color:#99ff66;
}

div#navh ul.level2 li {
  background: #000000;
  width:110px;
}

div#navh ul.level2 li:hover {
  background: #330066;
}

div#navh ul.level2 {
  top: 30px;
  left: 0;
  padding: 0;
  font-size:85%;
}

div#navh ul.level3 {
  top: 0;  
  left: 140px;
  /* reserved for implementation of second level sub menus */
}

/* To make the last menu item a tad narrower and remove extra border if there is one */
#navh .last {  
}

#navh .home { 
  width: 181px; 
  border-right: none; 
} 

/*   CUSTOM SUBMENU WIDTHS:
    Sometimes you have to make a menu or submenu wider to accomodate 
    an overabundance of label. Leave the classes empty or set to auto
    if not required and/or delete in the menu HTML code.  
*/

#navh .subone { width: 151px; }
#navh .subtwo { width: 151px; }
#navh .subthree { width: 240px; } 
#navh .subfour { width: 240px; }

#navcontainer ul
{
padding-left: 0;
margin: auto;
background-color: #000000;
border: #42542f thin solid;
color: White;
float: left;
width: 845px;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 6px 26px 7px;
background-color: #000000;
color: White;
text-decoration: none;
text-transform: lowercase;
font: 14px verdana, Arial, Helvetica, sans-serif;
float: left;

}

#navcontainer ul li a:hover
{
background-image:url(images/button.gif);
color: #ffffff;
}

/** LOGO */


#logo {
	width: 845px;
	height: 60px;
	margin: 0 auto;
	border:0;
}

#logo h1, #logo h2 {
	float: left;
	margin: 0;
	padding: 0;
	line-height: normal;
}

#logo h2 {
	padding: 20px 0 0 5px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	color: #99ff33;
}

#logo p a {
	text-decoration: none;
	color: #B6ACA2;
}

#logo p a:hover { text-decoration: underline; }


#wrapper {
	width: 845px;
	margin: 0 auto;
	border: #42542f thin solid;
	background-color:#000000;
}


/* Content */

#content {
	float: right;
	width: 620px;
	border-left: #42542f thin solid;
	z-index: 2;
}

/* Post */

.post {
	padding: 10px 20px 0 20px;
}

.post .title {
	margin: 0 0 20px 0;
}

.post h2 {
	padding: 0 0 10px 0;
	font-size: 18px;
	color: #ffcc00;
}


/* Sidebar */

#sidebar {
	float: left;
	width: 180px;
	padding-left: 20px;
}

#mc_embed_signup{background:#6633ff; clear:left; font:12px Helvetica,Arial,sans-serif;  width:180px;}

#socialbar img {border:0px; width:41px; height:41px;}#socialbar {padding:0px; margin:0px; position: static; width:180px;text-align:center;}

#vnavcontainer { width: 180px; }

#vnavcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-transform: lowercase;
text-align:center
}

#vnavcontainer a
{
display: block;
padding: 0;
margin: 2px 0 4px 0;
width: 180px;
background-color: #2b0673;
border: 1px solid #42542f;
text-decoration:none;
}

#vnavcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#vnavcontainer a:hover
{
background-color: #200061;
color: #ffffff;
}

#sidebar h2 {
	
	margin-bottom: 10px;
	margin-top:10px;
	font-size: 18px;
	color: #DADADA;
}

/* Footer */
#footer-wrap {
	width: 860px;
	height: 200px;
	margin: 0 auto;
	z-index:0;
}
#hands { 
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:132px;
	padding: 0; 
	background: url(images/hands.png);
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:1;
} 

#footer {
	margin: 0 auto;
	height: 64px;
	min-height: 64px;
	padding: 0;
	font-size: 10px;
	
}

html>body #footer {
	height: auto;
}

#legal {
	clear: both;
	padding-top: 10px;
	padding-left: 30px;
	text-align: center;
	color: #999999;
}

#legal a {
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0;
	}
.salestable {
	padding:0;
	border: #42542f thin solid;
	font-size:90%;
	}
.salestableeven {
	padding: 1px 4px 1px 4px;
	margin:0px;
	background-color:#2b2b2b;
	}
.salestableodd {
	padding: 1px 4px 1px 4px;
	margin:0px;
	}
.salestableimage {
	padding: 7px;
	border-left:1px;
	border-left-color:#42542f;
	vertical-align:top;
	}
.flash {
	z-index:1;
	}
	
		#slideshow, .slideshow

		{

		width:620px;

		margin-bottom:20px; /* needed in the product page, creates a vertical gap between each section */

		position:relative; /* required by the fader */

		overflow:hidden; /* limits the number of lines of description text that is seen */

		}

 		#slideshow p /* applies only to the fading slideshow */

		{

		margin:0; 

		position:absolute; /* used to make the images overlap, refers to the inside edge of the parent */

		top:0;

		left:0;

		opacity:0; /* this is manipulated by the fader */

		z-index:0; /* this is manipulated by the fader */

		/*background-color:ivory; not needed */


		}



		#slideshow img, .slideshow img

		{

		width:100%; /* the image will be 100% of the width of the p */

		border:none; /* since the image is within an <a>, prevents the link border */

		}

		#slideshow #theimage1

		{

		opacity:1; /* the first image should be visible before the fader kicks in */

		z-index:800; /* this is manipulated by the fader */

		position:relative;

		/* left:0; not needed */



		}

		#slideshow #theimage1 .slidespan

		{

		opacity:1; /* the text should be visible before the fader kicks in */

		}

		#slideshow a, #slideshow a:link, .slideshow a, .slideshow a:link

		{

		text-decoration:none; /* prevents the span from being underlined */

		color:rgb(100,100,100); /* because the default color of links are blue */

		}

		.slidespan

		{		

		/*visibility:hidden;*/

		opacity:0.2; /* manipulated by the fader */

		font-size:13px; /* font size of the slideshow descriptors */

		}