/*
 * Author:		Ronan Sprake [ronansprake@gmail.com]	
 * Project: 	The Green Greengrocer
 * Comment:		Base stylesheet

----------------------
Contents:

1. Generic HTML
2. Parent layout
3. Header
4. Main navigation
5. Footer
6. Main navigation item
7. Miscellaneous
8. Lightbox

*/


html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin:				0;
	font-family:		Verdana, Helvetica, sans-serif;
	padding:			0;
	border:				0;
	font-weight:		inherit;
	font-style:			inherit;
	line-height:		1;
	text-align:			left;
	vertical-align:		baseline;
}

a img, :link img, :visited img 
{
	border:				0;
}

table
{
	border-collapse:	collapse;
	border-spacing:		0;
}

ol, ul
{
	list-style:			none;
}

q:before, q:after,
blockquote:before, blockquote:after 
{
	content: 			"";
}


/****************************************************************************
	= Generic HTML styles
*****************************************************************************/

body
{
	background:				url(../images/bg-body.gif);
	font-size:				small;
}

p,dl
{
	color:					#767676;
	font-size:				100%;
	line-height:			1.4em;
	margin-bottom:			15px;
}

dt,dd
{
	float:					left;
	margin-bottom:			10px;
}

dt
{
	clear:					left;
	width:					5em;
}

dd
{
	width:					400px;
}

p span
{
	background-color:		#FFF;
	display:				inline;
	line-height:			1.4em
}

strong
{
	font-weight:			bold;
}

img
{
	clear:					both;
}

h1,h2
{
	font-size:				125%;
	font-weight:			normal;
	line-height:			1.4em;
	margin-bottom:			10px;
}

em
{
	font-size:				85%;
	font-style:				normal;
}

a,h1,h2
{
	color:					#93B734;
}

a:hover
{
	text-decoration:		none;
}

/****************************************************************************
	= Parent layout styles
*****************************************************************************/

#page-container
{
	background:				url(../images/bg-wrapper-y.gif) repeat-y;
	margin:					0 auto;
	position:				relative;
	width:					826px;
}

#content
{
	background:				url(../images/bg-header.jpg) no-repeat;
	background-color:		#F6F6F6;
	float:					left;
	margin:					0 0 10px 23px;
	padding-top:			120px;
	width:					780px;
}

#content .main
{
	background:				#FFF url(../images/bg-content-top.gif) no-repeat top;
	float:					right;
	margin:					25px 25px 35px 0;
	min-height:				420px;
	padding:				12px;
	vertical-align:			top;
	width:					520px;
}

#content .main ul
{
	float:					left;
}

#content .main li
{
	margin-bottom:			15px;
	zoom:					1;
}

#content .main li p
{
	margin-bottom:			0;
}

#content .main li a
{
	display:				inline;
}

#content .main.local ul
{
	width:					130px;
}

#content .main.local p
{
	clear:					left;
}

#content .main.bees p
{
	clear:					left;
}

#page-container,#content .main li
{
	overflow:				hidden;
}

/****************************************************************************
	= Main navigation
*****************************************************************************/

#nav
{
	background-color:		#C5D19B;
	float:					left;
	font-size:				115%;
	margin:					25px 0 0 15px;
	width:					175px;
}

#nav li.current
{
	background-color:		#5E6A31;
}

#nav li
{
	float:					left;
}

#nav li a
{
	color:					#FFF;
	display:				block;
	font-size:				125%;
	height:					32px;
	padding-left:			8px;
	text-decoration:		none;
	width:					167px;
}

#nav #bagfree a,#nav #alternatives a,#nav #information a
{
	height:					49px;
}

#nav li a strong
{
	position:				absolute;
	top:					-1000px;
}

/****************************************************************************
	= Footer styles
*****************************************************************************/

#footer
{
	clear:					both;
	margin:					0 18px 11px;
	text-align:				right;
}

#footer p
{
	display:				inline;
	margin:					0 8px;
}

#footer a
{
	color:					#FFF;
	font-size:				85%;
	text-decoration:		none;
}

#footer a:hover
{
	text-decoration:		underline;
}

/****************************************************************************
	= Main navigation items
*****************************************************************************/

#home img
{
	left:					248px;
	position:				absolute;
	top:					35px;
	z-index:				1;
}

#home a,li#home.current a:hover
{
	background:				url(../images/btn-nav-home.gif) no-repeat right 0;
}

#produce a,li#produce.current a:hover
{
	background:				url(../images/btn-nav-produce.gif) no-repeat right 0;
}

#packaging a,li#packaging.current a:hover
{
	background:				url(../images/btn-nav-packaging.gif) no-repeat right 0;
}

#bagfree a,li#bagfree.current a:hover
{
	background:				url(../images/btn-nav-bagfree.gif) no-repeat right 0;
}

#alternatives a,li#alternatives.current a:hover
{
	background:				url(../images/btn-nav-alternatives.gif) no-repeat right 0;
}

#information a,li#information.current a:hover
{
	background:				url(../images/btn-nav-information.gif) no-repeat right 0;
}

#contact a,li#contact.current a:hover
{
	background:				url(../images/btn-nav-contact.gif) no-repeat right 0;
}

#links a,li#links.current a:hover
{
	background:				url(../images/btn-nav-links.gif) no-repeat right 0;
}

#local-honey a,li#local-honey.current a:hover
{
	background:				url(../images/btn-nav-local-honey.gif) no-repeat right 0;
}

#visit a,li#visit.current a:hover
{
	background:				url(../images/btn-nav-visit.gif) no-repeat right 0;
}

#bagfree a:hover,#alternatives a:hover,#information a:hover
{
	background-position:	right -49px;
}

#home a:hover,#produce a:hover,#packaging a:hover,#contact a:hover,#visit a:hover,#links a:hover,#local-honey a:hover
{
	background-position:	right -32px;
}

/****************************************************************************
	= Order form
*****************************************************************************/

.order th
{
	padding:				5px 0 10px;
	vertical-align:			top;
}

.order td
{
	padding-bottom:			5px;
}

.order table
{
	margin-bottom:			12px;
}

.order p
{
	color:					#333;
}

.order textarea
{
	width:					220px;
}

.order table label,
.order .align-1
{
	padding-right:			50px;
	text-align:				right;
}

.order table label
{
	display:				block;
	font-weight:			normal;
	padding-right:			30px;
	width:					190px;
}

.order table input
{
	margin-right:			40px;
	width:					50px;
}

.order .table-b input
{
	width:					220px;
}

.order .action
{
	margin-top:				20px;
}

#frm-order-now
{
	background:				url(../images/btn-order-now.png) no-repeat 0 0;
	height:					35px;
	margin:					-1px 20px 0 0;
	vertical-align:			middle;
	width:					118px;
}

#frm-order-now:hover
{
	background-position:	0 -35px;
}


/****************************************************************************
	= Miscellaneous
*****************************************************************************/

.left /* inline image */
{
	float:					left;
	margin:					5px 15px 3px 0;
}

.right /* inline image */
{
	float:					right;
	margin:					5px 0 3px 8px;
}

#content .main li a.summarize,#content .main li a.expand /* jQuery more/less feature */
{
	display:				none;
}

.links dt,.links dd
{
	float:					none;
	width:					auto;
}

.links dt
{
	margin-bottom:			8px;
}

.links dd
{
	margin-bottom:			16px;
}

.w3c
{
	position:				absolute;
	left:					-9999px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px 0 3px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption {
	font-weight: bold;
}
#lightbox-image-details-currentNumber {
	display: none !important; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}