/* -------------------------------------------
project:	FunkyGreenMachine.com
date:		28.01.2009
------------------------------------------- */

body { margin: 0; padding: 0; color: #000; font: 62.5%/1.4 Arial,Helvetica,sans-serif;  }
textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica,sans-serif; }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 15px; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }

fieldset { border: none; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

hr { overflow: hidden; height: 1px; margin: 15px 0; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px; }
* html hr { margin: -5px 0 8px !important; }

a { color: #000; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }


/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #000; font: normal 2.4em Arial, Helvetica, sans-serif; }
h1 { font-size: 2.4em; font-weight: normal; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* LAYOUT
------------------------------------------- */

#top { position: relative; overflow: hidden; }
#nav { display: none; }
#nav-header { display: none; }
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { display: none; }


/* Top
------------------------------------------- */
#logo embed { display: none; }
#shopping-bag { display: none; }   
/* Footer  
------------------------------------------- */

 #footer ul { display: none; }

 #external { margin: 0 0 15px; overflow: hidden; }
 #external p { line-height: 27px; margin: 0; width: 300px; color: #787260; font-size: 1.1em; }
  #external p img { vertical-align: middle; } 
  
  #external p.social span { visibility: hidden; }
  #external p.designby a { text-decoration: none; font-weight: bold; color: #787260; } 
  #external p.designby a:hover { text-decoration: underline; }   
  
/* Aside blog
------------------------------------------- */  

#aside { display: none; }  

/* Home page
------------------------------------------- */  

ul.products-list { overflow: hidden; margin: 0 0 15px; padding: 0; }
 ul.products-list li { margin:0; padding: 0; width: 180px; height: 180px; float: left; list-style: none; }


/* Subpage
------------------------------------------- */  
#content h1 { margin: 8px 0 15px; padding: 0 0 7px; } 
 #content h1 span { color: #eae3c8; margin: 0 5px; } 
#content a {  text-decoration: none; font-weight: bold; }
#content a:hover { text-decoration: underline; }
 #content .figure-a { float: right; margin: 0 0 10px 30px; width: auto; }
 #content .figure-a img { display: block; } 
 
 #content div.crew { overflow: hidden; margin: 0 0 15px; padding: 0 0 0 170px; position: relative; min-height: 150px; width: 551px;}
 #content div.crew h2 { color: #484439; font: bold 1.5em/1 Arial, Helvetica, sans-serif; margin: 0 0 10px; } 
 #content div.crew a { text-decoration: underline; }  
 #content div.crew a:hover { text-decoration: none; }   
 #content div.crew *:last-child { margin-bottom: 0; }
 #content div.crew p.figure { position: absolute; left: 0; top: 0; }
 
/* Contact  
------------------------------------------- */  

#contact-form { position: relative; }
 #contact-form p { overflow: hidden; margin: 0 0 8px; position: relative; width: 100%; }
  #contact-form label { width: 105px; margin-right: 20px; float: left;  }
  #contact-form em { position: absolute; left: 112px; top: 4px; width: 8px; height: 8px; }  
  #contact-form input { width: 280px; padding: 2px; float: left; border: 1px solid #c9c9c9; }
  #contact-form p.checkbox input { width: auto; padding: 0; float: left; margin: 1px 5px 0 0; vertical-align: middle; border: none; }
  #contact-form p.checkbox label.desc { font-size: 0.92em; width: 400px; }  
  
  /* fix for invalid padding */
  *:first-child+html #contact-form p.checkbox label.desc { padding: 3px 0 0; }
  * html #contact-form p.checkbox label.desc { padding: 3px 0 0; }  
  
  #contact-form textarea { width: 687px; height: 56px; float: left; padding: 2px; border: 1px solid #c9c9c9; overflow: auto; }
  
  #contact-form p.captcha label { display: block; float: none; margin: 5px 0 8px; font-size: 0.92em; width: 500px; }
  #contact-form p.captcha input { width: 140px; margin: 0 10px 0 0; padding: 7px; }  
  
  #contact-form p.mandatory em { position: static; left: auto; top: auto; width: auto; height: auto; }

/* Shopping bag  
------------------------------------------- */   
#shopping-cart-form table { width: 100%; border-collapse: collapse; margin: 0 0 20px; border-bottom: 1px solid #000; }
 #shopping-cart-form .col2 { width: 100px; }
 #shopping-cart-form .col3 { width: 85px; } 
 #shopping-cart-form .col4 { width: 75px; }  
 #shopping-cart-form .col5 { width: 100px; }  
 #shopping-cart-form .col6 { width: 70px; } 
  #shopping-cart-form thead th { color: #54514c; font: bold 1.5em/1.4 Arial, Helvetica, sans-serif; text-align: left; padding: 0 2px 17px; border-bottom: 1px solid #000;  }
  #shopping-cart-form td { color: #787260; padding: 6px 2px; }
  
#shopping-cart-form a.remove { color: #787260; font-weight: normal; text-decoration: underline; }  
 #shopping-cart-form a.remove:hover{ text-decoration: none; }  
 
 #shopping-cart-form td input.quantity { width: 60px; }   
 
 #shopping-cart-form tbody tr.subtotal th { text-align: left; font: bold 1.2em/1.4 Arial, Helvetica, sans-serif; border-bottom: 1px solid #000; border-top: 1px solid #000;  padding: 8px 2px 8px;}
 #shopping-cart-form tbody tr.subtotal td { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 8px 2px; } 
 
 #shopping-cart-form tbody tr.code th { padding: 8px 2px; color: #968e77; text-align: left; }
  #shopping-cart-form tbody tr.code td input { margin-right: 8px;  } 
   #shopping-cart-form tbody tr.code td a { color: #45b62e; }   
   #shopping-cart-form tbody tr.code td a:hover { color: #45b62e; text-decoration: underline; }     
 
 #shopping-cart-form tbody tr.shipping th { text-align: left; color: #45b62e; font: bold 1.2em/1.4 Arial, Helvetica, sans-serif; border-bottom: 1px solid #000; padding: 8px 2px 15px;}
 #shopping-cart-form tbody tr.shipping td { border-bottom: 20px solid #fff; border-bottom: 1px solid #000; padding: 8px 2px 15px; }  
 
 #shopping-cart-form tbody tr.total th,
 #shopping-cart-form tbody tr.total td { color: #fd6c31; font: bold 1.5em/1.4 Arial, Helvetica, sans-serif; text-align: left; padding: 20px 2px 20px;} 
 
/* Product details
------------------------------------------- */
#product-details { overflow: hidden; margin: 0 0 20px; width: 100%; }
  #product-details .description h2 { color: #484439; font: bold 1.5em/1 Arial, Helvetica, sans-serif; margin: 10px 0 5px; }
  #product-details .description p.author { font-size: 1.3em; padding: 0 0 15px; background: url(../images/dotted-hr-large.png) 0 100% repeat-x; }  
  #product-details .description p.details { font-weight: bold; padding: 0 0 20px; background: url(../images/dotted-hr-large.png) 0 100% repeat-x; margin: 0 0 20px; }    
  
  #product-details .description form p { overflow: hidden; margin: 0 0 8px; }
  #product-details .description form label,
  #product-details .description form span.label { width: 80px; float: left; margin-right: 5px; color: #484439; font-weight: bold; }
  #product-details .description form select { width: 185px; }
  #product-details .description form input { padding: 1px 3px; width: 60px; }
  #product-details .description form strong { color: #45b62e; font-size: 1.08em; }
  #product-details .description form p.submit { overflow: hidden; margin: 20px 0 0;}

  #product-details .photo-viewer p { font-size: 1.1em; margin: 0 0 10px; }
  #product-details .photo-viewer p.large { margin: 0 0 5px; }  
   #product-details .photo-viewer ul { margin: 0; padding: 0; }
    #product-details .photo-viewer ul li { margin: 0 10px 0 0; padding: 0; list-style: none; display: inline;  }   
	
p.return { display: none; }
 
div.related { overflow: hidden; }
 div.related div.product { position: relative; height: 275px; width: 356px; float: left; } 
 div.related div.first { margin-right: 9px; }
 div.related div.product div.details { position: absolute; bottom: 0; left: 0; background: #f7f4d4; padding: 8px 10px; width: 340px; }  
  div.related div.product div.details p { margin: 0; }  
  div.related div.product div.details h3 { color: #484439; font: normal 1.5em/1 Arial, Helvetica, sans-serif; margin: 0 0 3px; }   
   #content div.related div.product div.details h3 a {  color: #484439; font-weight: normal; text-decoration: none; }     
  div.related div.product div.details strong { color: #45b62e; }
   #content div.related div.product div.details p a {  color: #968e77; font-weight: normal; text-decoration: underline; }       
   #content div.related div.product div.details p a:hover {  text-decoration: none; }       
   
/* Blog
------------------------------------------- */
#wrapper-a #aside { display: block; margin: 40px 0 0; }

 #wrapper-a #aside p.addthis-button { display: none;  }
 #wrapper-a #aside a { text-decoration: underline; }
 #wrapper-a #aside a:hover { text-decoration: none; } 
 
 #wrapper-a #aside ul { margin: 0 0 15px; padding: 15px 0 0; }
 
 #wrapper-a #aside ul.tags { padding: 10px 0 0; }
 #wrapper-a #aside ul.tags li { display: inline; margin: 0 10px 0 0; font-size: 1.1em; }
  #wrapper-a #aside ul.tags li a { text-decoration: none; } 
  #wrapper-a #aside ul.tags li a:hover { text-decoration: underline; }   
   #wrapper-a #aside ul.tags li a.a { font-size: 1.18em; font-weight: bold;  }     
   #wrapper-a #aside ul.tags li a.b { font-size: 1.36em; font-weight: bold; }       
   #wrapper-a #aside ul.tags li a.c { font-size: 1.55em; font-weight: bold; }         
   
 #wrapper-a p.date { text-align: right; margin: -40px 0 35px; font-size: 1.1em; color: #484439; }
 
 #wrapper-a div.article { margin: 0 0 15px; overflow: hidden; }
 #wrapper-a div.article a { text-decoration: underline; }
 #wrapper-a div.article a:hover { text-decoration: none; } 
  #wrapper-a div.article p.figure { float: right; margin: 0 0 10px 10px; } 
  #wrapper-a div.article p.meta { display: none; }

 #wrapper-a #content h1 a { color: #45b62e; font-weight: normal; text-decoration: none; }     
 #wrapper-a #content h1 a:hover { text-decoration: underline; }      
 
 #wrapper-a #content h2 { color: #fd6c31; font: normal 1.7em/1.4 Arial, Helvetica, sans-serif; }  
 
#comments { margin: 30px 0; }
 #comments h2 { margin: 0 0 10px; }
  #comments div.comment { margin: 0 0 20px; }
  #comments div.comment:last-child { margin: 0; }
   #comments div.comment h3 { color: #484439; font: normal 1.1em/1.4 Arial, Helvetica, sans-serif; padding: 0 0 5px; background: url(../images/dotted-hr.png) 0 100% repeat-x; margin: 0 0 10px; }
    #comments div.comment h3 span { font-weight: bold;  }   
  
#post-comment { display: none; }
 
#content ul.pagination { display: none; }