/*
Theme Name: garlicchop
Theme URI: http://thegarlicchop.com/
Description: A custom theme developed for Koopeh Designs.
Version: 1.0b
Author: Steve Rawlins
Author URI: http://banterful.com/
Tags: green, purple, golden ratio

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*////////// GENERAL //////////*/
* {
 	padding:0;
	margin:0;
	}
body { 
    margin: 0; 
    padding: 0; 
    font-family: verdana, arial, serif;
    text-align:center; 
    color: #333; 
    background: #FFFCF7;
	}
/*////////// TYPEOGRAPHY //////////*/
h1 {
   padding-bottom: 12px;
   font-size: 18pt;
   font-weight:normal;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   }
h2 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 13pt;
   
   padding-bottom: 8px;
   font-weight:normal;
   }
h3 {}
h3.caption {
   text-align: center;
   font-family: verdana, arial, serif;
   font-size: 12px;
   padding-bottom: 20px;
   } 
h4 {
   padding-bottom: 10px;
   }
p {
   color:#333333;
   font-size: 12px;
   margin-bottom: 15px;
   text-align: justify;
   line-height: 16px;
   }
a {
   color: #46669f;

   text-decoration: none;
   font-weight:normal;
   }
a:visited {
   color: #46669f;

   text-decoration: none;
   }
a:link {
color: #46669f;

   text-decoration: none;
   }
a:hover {
   
   text-decoration: underline;
   }

td {
	font-size:13px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}

/*/////////// WRAPPER & SPACER ///////////*/
div.wrapper {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 960px;
   position: relative;
   }
#wrappermain {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 960px;
   position: relative;
   background: url(images/wrappermainbg.png) repeat-y 50% 0;
}
#spacer {
   padding-top: 15px;
}
/*////////// SITEHEADER //////////*/
#siteHeader {
   height: 214px;
   background: #FFFCF7 url(images/headerbackground_mod.png) repeat-x scroll center bottom;
   position: relative;
   }
/*////////// SITEBACKGROUND //////////*/
#siteBackground {
   height: 203px;
   background: #FFFCF7 url(images/sitebackground.png) repeat-x scroll center bottom;
   }
   
/*////////// CONTENT //////////*/
#mainColumn {
   width: 555px;
   border-top: 1px solid #D0CDB9;
   background: #FFFFFF;
   float: left;
   margin-right: 5px;
   margin-left: 1px;
   margin-bottom: 20px;
   clear: both;
   padding: 15px 20px;
   } 
/*////////// SIDEBAR //////////*/
#sideBar {
   width: 325px;
   border-top: 1px solid #D0CDB9;
   background: #FFFFFF;
   float: right;
   margin-left: 0px;
   margin-bottom: 20px;
   margin-right: 1px;
   padding: 10px;
   }
#sideBar ul {
   list-style: none;
   }
#sideBar h1 {
   padding-bottom: 10px;
   padding-top: 6px;
   font-family: verdana, arial, serif;
   font-size: 20px;
   } 
#sideBar h3 {
   font-family: verdana, arial, serif;
   font-size: 14px;
   padding-bottom: 7px;
   padding-top: 10px;
   }
#sideBar h2 {
   padding-top: 10px;
   }
#sideBar a:link, #sideBar a:visited {
   text-decoration: none;
   }
p.date {
   text-align: center;
   font-weight: bold;
   }
/*////////// NAVIGATION //////////*/
#navigation {
   float: right;
   margin-top: 175px;
   }
#navigation ul {
   text-align: center;
   list-style: none;
   margin: 0;
   padding-top: 10px;
   padding-bottom: 12px;
   float: left;
   } 
#navigation li {
   display: inline;
   font-size: 11px;
   }
#navigation a:link, #navigation a:visited {
   text-decoration: none;
   margin-right: 2px;
   padding: 10px;
   border-top: 1px solid #666666;
   border-left: 1px solid #666666;
   border-right: 1px solid #666666;
   background: #810458 url(images/navbgthin.png) repeat-x 0 0;
   color: #666666;
   font-weight: normal;
   }
#navigation a:hover {
   text-decoration: underline;
   background: url(images/navbghover.png) repeat-x 0 0;
   padding: 10px;
   }
#navigation a:active {
   color: #323232;
   padding: 10px;
   }
#navigation #sayHiPageLink a:link, #navigation #sayHiPageLink a:visited { 
   margin-right: 0;
   padding: 10px;
   }
/*////////// ACTIVE LINK STATE NAVIGATION //////////*/
#wholesalePagee #wholesalePageLink a:link, #wholesalePage #wholesalePageLink a:visited, 
#howItWorksPage #howItWorksPageLink a:link, #howItWorksPage #howItWorksPageLink a:visited, 
#getYoursPage #getYoursPageLink a:link, #getYoursPage #getYoursPageLink a:visited, 
#garlicRecipesPage #garlicRecipesPageLink a:link, #garlicRecipesPage #garlicRecipesPageLink a:visited, 
#garliFactsPage #garlicFactsPageLink a:link, #garlicFactsPage #garlicFactsPageLink a:visited, 
#garlicBlogPage #garlicBlogPageLink a:link, #garlicBlogPage #garlicBlogPageLink a:visited, 
#sayHiPage #sayHiPageLink a:link, #sayHiPage #sayHiPageLink a:visited {
   background: url(images/navbgcurrent.png) repeat-x 0 0;
   color: #333333;
   text-decoration: none;
   border-top: 1px solid #D0CDB9;
   border-left: 1px solid #D0CDB9;
   border-right: 1px solid #D0CDB9;
   border-bottom: 2px solid #F4F1D8;
   padding: 10px;
  }
/*////////// BLOG ELEMENTS //////////*/
/*////////// FORMS //////////*/
/*////////// FOOTER //////////*/
#pushBottom {
   clear: both;
   } 
#footer {
   height: 73px;
   background: #FFFCF7 url(images/footerbg.png) repeat-x scroll center bottom;
   }
#footer p { 
   padding-top: 15px;
   padding-left: 15px;
   position: relative;
   }
#footer img {
   border: none;
   position: relative;
   top: 7px;
   }
/*////////// IMAGES //////////*/
#logo {
   display: block;
   float: left;
   padding: 40px 0px 0px 0px;
   }
#koopehLogo {
   position: absolute;
   right: 0px;
   top: 40px;
   }
#gcinkitchen {
   padding: 15px 15px 10px 15px; 
   } 
img {
   border: none;
   }
#garicchoplogosmall img {
   padding: 0px;
   }
#garlicchoplogosmall {
   text-align: left;
   float: left;
   padding-left: 5px;
   padding-top: 2px;
   }
#buyonelogo {
   allign: center;
   padding-bottom: 10px;
   padding-top: 20px;
   }
/*////// FUN CLASSES ///////////*/
.clear {
   clear: both;
   }

/* buy section */
.purpleText {
	font-size:12px;
	color:#92278f;
}
.purplePrice {
	font-size:24px;
	color:#92278f;
	font-weight:bold;
}	
.orangeText {
	font-size:12px;
	color:#f15d24;
	
	}
.orangePrice {
	font-size:24px;
	color:#f15d24;
	font-weight:bold;
	}
	
.blueText {
	font-size:12px;
	color:#2c3482;
	}
.bluePrice {
	font-size:24px;
	color:#2c3482;
	font-weight:bold;
	}
 
 
 .comboTitle {
   text-align:left;
   font-size: 18pt;
   font-style:italic;
   font-weight:normal;
   font-family: Geneva, Arial, Helvetica, sans-serif;
 
 
 
 }
 .comboText {
	font-size:24px;
	color:#333333;
	font-weight:normal;
}	

.quoteBox {
	
	background: url(images/quote.jpg) no-repeat 0 0;

}

.quoteText {
	text-align:left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	padding-bottom:45px;
	



}