/*
Theme Name: SOFA Strict Business
Theme URI: http://sofarider.com/
Description: Advanced business oriented WP theme.
Version: 1.0, Author: Dameer, sofarider.com, Author URI: http://sofarider.com/
Tags: Wine Dispensing Preservation
*/
	/* http://meyerweb.com/eric/tools/css/reset/ */
	/* v1.0 | 20080212 */
	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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td				{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;	}
	body														{ font: 62.5%/24px "Trebuchet MS", Geneva, Arial, sans-serif; color: #888; }
	ol, ul														{ list-style: none;	}
	blockquote, q												{ quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after											{ content: ''; content: none; }
	:focus														{ outline: 0; }
	table														{ border-collapse: collapse; border-spacing: 0;	}
	
/*	=defaults
	-------------------------------------------------------------- */
	h1, h2, h3, h4, h5, h6							{ font-family: "Trebuchet MS", Geneva, Arial, sans-serif; font-weight: normal; letter-spacing: -.05em; }
	h2, h3, h4, h5, h6							{ font-size: 1.8em; }
	#content h2, #content h3, #content h4, 	#content h5, #content h6	{ font-size: 1.2857em; }
	input, textarea								{ border: 1px solid #891345; }

/* =LISTS
	-------------------------------------------------------------- */
	#content ul li, #boxez .box ul								{ margin-left: .85em; }
	#content ul,#boxez .box ul li								{ list-style-type: disc; }
	#content ul ul, #boxez .box ul ul							{ list-style-type: square; }
	#content ul ul ul, #boxez .box ul ul ul						{ list-style-type: circle; }
	#content ol, #boxez .box ol									{ list-style-position: outside; list-style-type: decimal; }
	#content dt, #boxez .box dt									{ font-weight: bold; }
	
	#boxez .box ul												{ font-size: 1.2em; padding: 5px 0; }
	#boxez .box ul li											{ margin-left: 2em; }

/* =MARGINS & PADDINGS
	-------------------------------------------------------------- */
	#content blockquote *:first-child 						{ margin: .6666em 0; }
	#content hr, #content p,
	#content ul, #content ol, #content dl,
	#content pre, #content blockquote, #content address,
	#content table, #content form							{ margin-bottom: 1em; }
	#content h1, #content h2, #content h3,
	#content h4, #content h5, #content h6 						{ margin: 1em 0 .5em; }
	#content th, #content td 							{ padding: .2em; }
	#content caption 								{ padding-bottom: .5em; } /* padding instead of margin for IE */
	#content blockquote								{ margin-left: 80px; padding-left: 30px; margin-top: 15px; background: transparent url(images/blockquote.VGC.png) no-repeat 0 0; }
	#content blockquote p								{ font-size: 1.1428em; font-style: italic; color: #BCBEC0; }
/* JRH - original colour was 464646 */
	#content fieldset 								{ padding: 0 1em 1em 1em; margin: 1em 0; } /* padding-top is margin-top for fieldsets in Opera */
	#content legend 								{ padding-left: .5em; padding-right: .5em; }
	#content legend+* 								{ margin-top: 1em; } /* compensates for the opera margin bug */
	#content label										{ margin-bottom: 3px; }
	#content textarea, #content input							{ padding: 6px 2px 3px 2px; color: #888; }
	#content select 									{ padding: .1em .2em 0 .2em; color: #888; }
	#content option 									{ padding: 0 .25em; color: #888; }
	#content a 										{ position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
	#content dt 										{ margin-top: .5em; margin-bottom: .25em; }
	#content ul 										{ margin-left: 1.5em; }
	#content ol 										{ margin-left: 2.35em; }
	#content ol ol, #content ul ol 								{ margin-left: 2.5em; }
	#content form div 									{ margin-bottom: .6em; }

/*	=body
	-------------------------------------------------------------- */
	body											{ background: #fff url(images/body-pages.VGC.png) 0 0 repeat-x; }
	#home											{ background: #fff url(images/body-home.VGC.png) 0 0 repeat-x; }
 
/*	=layout
	-------------------------------------------------------------- */
	#wrap, .headerContainer, #mainNavi ul							{ width: 960px; margin: 0 auto; }
	#wrap											{ padding-bottom: 30px; }
	.headerContainer									{ height: 300px; position: relative; overflow: hidden; }
		#branding									{ width: 300px; height: 74px; position: absolute; left: 0; top: 0; overflow: hidden; }
		#siteNav									{ width: 630px; position: absolute; top: 40px; right: 0; }
		#headerInfo									{ width: 960px; position: absolute; top: 74px; left: 0; }
	#main											{ width: 960px; padding: 5px 0 0 0; overflow: hidden; }
		#content									{ width: 630px; float: right; margin: 4px 0 50px 0; }
	#boxez, .extFooter									{ width: 960px; }
	#footer											{ width: 960px; clear: both; }
		
/*	=branding
	-------------------------------------------------------------- */
	#branding										{ background: #FFFFFF; } /*JRH behind VGC logo at top of header */
	#branding a										{ width: 300px; height: 74px; display: block; text-decoration: none; }

/*	=siteNav
	-------------------------------------------------------------- */
	#siteNav ul										{ position: absolute; right: 330px; text-align: right; }
	#siteNav li										{ float: left; margin-left: 24px; background: #fff url(images/square-bullet.gif) no-repeat left center; padding-left: 10px; }
	#siteNav li a:link,
	#siteNav li a:visited,
	#siteNav li a:active									{ font-size: 1.1em; text-decoration: none; color: #888; }
	#siteNav li a:hover,
	#siteNav li a:focus									{ color: #626262; }
		#searchform									{ width: 300px; float: right; }
		#searchform label								{ display: none; }
		#searchform input								{ color: #BCBEC0; }
			#s									{ width: 220px; height: 17px; padding: 3px 2px 3px 2px; float: right; font-size: 1.2em; }
		#searchsubmit									{ width: 60px; height: 25px; padding: 4px 2px; float: right; background: #eee url(images/form-button-bg.VGC.png) repeat-x 0 0; text-transform: uppercase; color: #BCBEC0; font-size: 1.1em; }
			
/*	=headerInfo
	-------------------------------------------------------------- */
	#headerInfo										{ width: 960px; height: 223px; background-image: url(images/headerInfo-bg.VGC.png); background-repeat: no-repeat; background-position: top left; }
	#flashImageSS, #extraInfo, #latestArticle					{ width: 300px; height: 223px; overflow: hidden; position: absolute; top: 0; }
	#flashImageSS										{ left: 0; }
	#flashContainer										{ width: 290px; height: 210px; }
	#flashImageSS object,
	#flashImageSS embed									{ margin: 6px 5px 4px 5px; }
	#extraInfo										{ left: 330px; }
        #latestArticle										{ height: 223px; right: 0; }
/* JRH	#latestArticle .rssLink									{ width: 42px; height: 42px; overflow: hidden; position: absolute; right: 1px; bottom: -20px; display: block; text-indent: -99999em; background: transparent url(images/rss.png) no-repeat 50% 50%; }
JRH */	
/*	=latestArticle
	-------------------------------------------------------------- */
	#latestArticle h2									{ padding: 10px 0 15px 0; }
	#latestArticle h3									{ font-size: 1.6em; font-family: "Trebuchet MS", Geneva, Arial, sans-serif; }
	#latestArticle p									{ font-size: 1.2em; padding: 3px 0; }
	#latestArticle .morelink								{ font-size: .9166em; position: absolute; bottom: 0; }
	#latestArticle h2 a:link, #latestArticle h3 a:link,
	#latestArticle h2 a:visited, #latestArticle h3 a:visited,
	#latestArticle h2 a:active, #latestArticle h3 a:active,
	#latestArticle h2 a:hover, #latestArticle h3 a:hover,
	#latestArticle h2 a:focus, #latestArticle h3 a:focus		                        { color: #891345; text-decoration: none; }
/* JRH colour above as 464646 */
/*	=extraInfo
	-------------------------------------------------------------- */
	#extraInfo p										{ font-size: 1.8em; letter-spacing: normal ; font-family: "Trebuchet MS", Geneva, Arial, sans-serif; color: #626262; padding-top: 36px; letter-spacing: -.05em; overflow: visible; padding-bottom: 100px; position: relative; }
/*JRH*/
        #extraInfo p										{ background: transparent url(images/magic-book.VGC.png) no-repeat 130px 100px; }
	#extraInfo strong									{ letter-spacing: -.0526em; font-size: 1.8888em; font-weight: normal; display: block; white-space: nowrap; padding: 8px 0 5px 0; }
	#extraInfo .learnMore									{ font-size: .6666em; font-family: "Trebuchet MS", Geneva, Arial, sans-serif; text-decoration: none; text-transform: uppercase; color: #23487A; float: left; position: absolute; left: 0; bottom: 61px; }
		.learnMore									{ height: 30px; line-height: 30px; background: transparent url(images/button-left.VGC.png) no-repeat left center; padding-left: 8px; margin-top: 18px; letter-spacing: normal; }
		.learnMore span									{ height: 30px; display: block; padding-right: 8px; background: transparent url(images/button-right.VGC.png) no-repeat right center; }
	
/*	=navigation
	-------------------------------------------------------------- */
	.navigation li										{ font-size: 1.1em; text-transform: uppercase; }
	.navigation li a:link,
	.navigation li a:visited,
	.navigation li a:active									{ color: #BCBEC0; text-decoration: none;  } /*JRH colour was 1B1713 THIS IS COLOUR FOR TEXT IN NAVIGATION BARS */
	.navigation li a:hover,
	.navigation li a:focus,
	.navigation li.current a:link,
	.navigation li.current a:visited,
	.navigation li.current a:focus,
	.navigation li.current a:hover,
	.navigation li.current a:active,
	.navigation li.current-cat a:link,
	.navigation li.current-cat a:visited,
	.navigation li.current-cat a:focus,
	.navigation li.current-cat a:hover,
	.navigation li.current-cat a:active,
	.navigation li.current_page_item a:link,
	.navigation li.current_page_item a:visited,
	.navigation li.current_page_item a:focus,
	.navigation li.current_page_item a:hover
/*	.navigation li.current_page_item a:active						{ color: #6D6E71; }
/*JRH - active was 8B6900
/*	=subnavigation
	-------------------------------------------------------------- */
	.subnavigation li									{ font-size: 1.1em; }
	.subnavigation li a									{ text-decoration: none; }
	.subnavigation li a:link,
	.subnavigation li a:visited,
	.subnavigation li a:active								{ color: #000000; } /*JRH was 1B1713*/
	.subnavigation li a:hover,
	.subnavigation li a:focus,
	.subnavigation li.current a:link,
	.subnavigation li.current a:visited,
	.subnavigation li.current a:focus,
	.subnavigation li.current a:hover,
	.subnavigation li.current a:active,
	.subnavigation li.current-cat a:link,
	.subnavigation li.current-cat a:visited,
	.subnavigation li.current-cat a:focus,
	.subnavigation li.current-cat a:hover,
	.subnavigation li.current-cat a:active,
	.subnavigation li.current_page_item a:link,
	.subnavigation li.current_page_item a:visited,
	.subnavigation li.current_page_item a:focus,
	.subnavigation li.current_page_item a:hover
/*	.subnavigation li.current_page_item a:active						{ color: #BCBEC0; } /*JRH subnavigation line showing child pages */
	
/*	=breadcrumbz
	-------------------------------------------------------------- */
	.breadcrumbz li										{ font-size: 1em; letter-spacing: 0.2em; }
	.breadcrumbz li a									{ text-decoration: none; }
	.breadcrumbz li a:link,
	.breadcrumbz li a:visited,
	.breadcrumbz li a:focus									{ color: #888888; }
	.breadcrumbz li a:active, 
	.breadcrumbz li a:hover									{ color: #8b6900; }

/*	=mainNavi
	-------------------------------------------------------------- */
	#mainNavi										{ padding-bottom:  1px; background: #F7F7F7 url(images/mainNavi.VGC.png) repeat-x 0 0; } /*JRH background doesn't matter since it's overlaid with image */
	#mainNavi ul										{ overflow: hidden; position: relative; }
	#mainNavi li										{ float: left; line-height: 29px; }
	#mainNavi li a										{ padding: 7px 20px; }
	#mainNavi li li										{ font-size: 100%; }
	#mainNavi li.current,
	#mainNavi li.current-cat,
	#mainNavi li.current_page_item								{ background: #6D6E71; } /* JRH Current page */
	#mainNavi li ul										{ display: none; float: left; width: auto; }
	#mainNavi li.current ul,
	#mainNavi li.current-cat ul,
	#mainNavi li.current_page_item ul							{ display: block; }

/*	=footerNavigation
	-------------------------------------------------------------- */
	.footerNavigation	{ font-size: 1.1em; padding-bottom:  1px; background: #F7F7F7 url(images/mainNavi.VGC.png) repeat-x 0 0; } /*JRH background doesn't matter since it's overlaid with image */
	.footerNavigation .navigation								{ margin: 10px 0 10px 0; overflow: hidden; }
	.footerNavigation li									{ margin-right: 20px; }

/*	=main
	-------------------------------------------------------------- */
	#main h1										{ width: 300px; float: left; font-size: 2.65em; line-height: 30px; text-align: right; }
	#main h1, #main h2, #main h3, #main h4, #main h5, #main h6,
	#main h1 a:link, #main h2 a:link, #main h3 a:link,
	#main h1 a:visited, #main h2 a:visited, #main h3 a:visited,
	#main h1 a:active, #main h2 a:active, #main h3 a:active,
	#main h1 a:hover, #main h2 a:hover, #main h3 a:hover,
	#main h1 a:focus, #main h2 a:focus, #main h3 a:focus					{ color: #6D6E71; text-decoration: none; }
/* JRH - 03.23 colour (above) was 464646 then was BCBEC0*/
	#main h2, #main h3, #main h4, #main h5, #main h6			{  }
	.about-us										{ padding-left: 330px; font-style: italic; }
	
		.post-details									{ width: 300px; float: left; font-size: 1.1em; text-align: right; }
		.post-details .date								{ display: inline; }
		.post-details span								{ padding: 0 2px; background: #BCBEC0; }
		.post-details a:link,
		.post-details a:visited,
		.post-details a:active								{ text-decoration: none; color: #; }
		.post-details a:hover,
		.post-details a:focus								{ color: #888; }

/*	=content
	-------------------------------------------------------------- */
	#content										{ font-size: 1.4em; }
	#content object, #content embed								{ width: 291px; height: 220px; float: right; overflow: hidden; padding: 5px; margin: 5px 0 5px 10px; background: transparent url(images/extf.VGC.png) repeat-y 0 0; }
	#content object embed									{ padding: 0; margin: 0; }
	
	#content a:link										{ text-decoration: none; color: #464646; }
	#content a:visited									{ text-decoration: none; color: #ababab; }
	#content a:hover									{ text-decoration: none; color: #23487A; }
	#content a:focus,
	#content a:active									{ text-decoration: none; color: #888; }
	
	#content label										{ display: block; }
		#contactForm									{ padding-top: 30px; }
		#contactForm input								{ width: 290px; }
		#contactForm textarea								{ width: 620px; height: 104px; overflow: auto; font-size: .857em; }
	#content #formSubmit 									{ width: 60px; float: left; background: #eee url(images/form-button-bg.VGC.png) repeat-x 0 0; text-transform: uppercase; padding: 2px 0 6 0; color: #BCBEC0; font-size: .7861em; }
	
/*	=category-list
	-------------------------------------------------------------- */
	#category #main										{ padding-bottom: 28px; }
	.category-list										{ margin-bottom: 14px; float: left; clear: both; }
	.category-list li									{ width: 960px; float: left; margin: 0 0 16px 0; padding-bottom: 16px; clear: both; border-bottom: 1px solid #23487A; }
	#main .category-list h1									{ width: 290px; }
	.category-list p									{ width: 630px; float: right; font-size: 1.4em; }
	.category-list .post-details								{ width: 630px; float: right; margin: 4px 0 0 0; text-align: left; }
	.category-list .morelink								{ font-size: .8em; /*letter-spacing: .19em;*/ }
	
/*	=pagination
	-------------------------------------------------------------- */
	#pagination										{ width: 630px; float: right; font-size: 1.2em; text-transform: uppercase; letter-spacing: .2em; }
	#pagination a										{ text-decoration: none; }
	#pagination a:link,
	#pagination a:visited,
	#pagination a:active									{ color: #646464; }
	#pagination a:hover,
	#pagination a:focus									{ color: #888; }
		.prevPage									{ width: 49%; float: left; }
		.nextPage									{ width: 49%; float: right; text-align: right; }

	
/*	=secondaryContent
	-------------------------------------------------------------- */
	#secondaryContent									{ width: 300px; float: left; padding: 5px 0; }
		.content-image									{ margin: 1em 0 .5em 0; padding: 0 0 0 1px; font-size: 1.2em; font-style: italic; text-align: right; background: transparent url(images/extf.SC.VGC.png) repeat-y 0 0; }
		
	#secondaryContent .documentList h2							{ font-size: 1.4em; font-family: "Trebuchet MS", Geneva, Arial, sans-serif; color: #888; letter-spacing: normal; }
		.documentList									{ width: 300px; margin: 10px 0; float: left; text-align: right; }
		.contactInfo									{ text-align: right; color:  #888; letter-spacing: .2em; }
		.contactInfo span								{ display: block; }
		.contactInfo a									{ text-decoration: none; }
		.contactInfo a:link,
		.contactInfo a:visited,
		.contactInfo a:active							{ color:  #464646; }

/*	=boxez
	-------------------------------------------------------------- */
	#boxez										{ margin: 5px 0 20px 0; position: relative; }
	#boxez, .extFooter								{ overflow: hidden; clear: both; }
	.box, .footwrapwidget								{ margin-right: 30px; float: left; }
	.footwrapwidget									{ overflow: hidden; }
	.footer-box									{ width: 285px; }
	.box										{ width: 300px; background: transparent url(images/box-bg.VGC.png) repeat-x 0 0; }
	.footwrapwidget									{ width: 300px; }
	
	.box p, 
	.footer-box p, .footer-box .textwidget						{ margin: 5px; font-size: 1.2em; }
	
	.box h2, .footer-box h2								{ margin: 5px; font-size: 1.8em; }
	
	.box p										{ font-size: 1.2em; padding: 5px 0 24px 0; }
	.box img									{ width: 290px; margin: 0 5px; }
	#boxez .morelink                                            { font-size: 1.1em; }
		.box-footer								{ width: 290px; height: 20px; overflow: hidden; padding: 0 5px 0 5px; position: absolute; bottom: 0; background: #BCBEC0; text-align: right; }
		.box-footer .morelink							{ line-height: 20px; }
	.extFooter									{ background: transparent url(images/extf.VGC.png) repeat-y left top; }
//JRH - 03/24	.footer-box								{ padding: 25px 0 15px 15px; }
		.footer-box								{ padding: 2px 0 2px 2px; }
		.footer-box	ul							{ padding: 5px 0 20px 27px; }
		.footer-box	li							{ list-style: square; }
		.footer-box li a:link,
		.footer-box li a:visited,
		.footer-box li a:active							{ font-size: 1.2em; text-decoration: none; color: #464646; }
		.footer-box li a:hover,
		.footer-box li a:focus							{ color: #888; }
		
/*	=recentNews
	-------------------------------------------------------------- */
	.footer-box .recentNews								{ padding: 10px 5px; }
	.footer-box .recentNews li							{ list-style: none; margin-bottom: 7px; }
		.recentNews li a:link,
		.recentNews li a:visited,
		.recentNews li a:active							{ display: block; font-size: 1.6em; font-weight: normal; }

/*	=vcard
	-------------------------------------------------------------- */
	.footer-box .vcard								{ margin: 0; font-size: 1.2em; }
	.footer-box .vcard .org								{ width:  300px; height: 74px; overflow: hidden; display: block; background-image: url(images/logo.VGC.png); background-repeat: no-repeat; background-position: 0 10px; background-color: transparent; text-indent: -99999em; }
	.footer-box .adr								{ margin-top: 5px; }
	.footer-box .adr, .footer-box .tel, .footer-box .email		{ margin-left: 75px; }
	.footer-box .adr div								{ display: inline; }
	.footer-box .adr div.street-address						{ display: block; }
	.footer-box .email a:link,
	.footer-box .email a:visited,
	.footer-box .email a:active							{ text-decoration: none; color: #BCBEC0; }
	.footer-box .email a:hover,
	.footer-box .email a:focus							{ color: #888; }
	
/*	=footerNavigation
	-------------------------------------------------------------- */
	.footerNavigation								{ width: 960px; overflow: hidden; }
	.footerNavigation li								{ float: left; }
	.footerNavigation li ul								{ display: none; }
	.footerNavigation li.current_page_item	             { background: #6D6E71; }/* JRH Current page */	
/*	=comments
	-------------------------------------------------------------- */
#comments 										{ width: 99%; position: relative; display: block; padding: 30px 0 0 0; margin: 40px 0 0 0; overflow: hidden; border-top: 6px double #F1F1F1; }
#main #comments h1									{ margin: 0; padding: 0; text-align: left; font-size: 26px; line-height: 1; }
#comments ul 										{ list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; }
#comments ul li 									{ float: left; padding: 10px 0; margin: 5px 0; display: block; width: 100%; border-top: 1px solid #F1F1F1; }
#comments ul li .date 									{ font-size: 0.7em; }
#comments .metadata 									{ line-height: normal; font-style: italic; display: block; clear: both; padding-top: 10px; }
#comments .cdata									{ float: left; display: inline; width: 100%; }
#comments .cdata p									{ font-size: 85%; }
#comments .cdata .admin									{ padding: 10px; background-color: #F9F9F9; }

#contactForm #comment 									{ width: 99%; }

/* =utility
	-------------------------------------------------------------- */
	.date										{ display: block; font-size: 1em; line-height: 1.7em; letter-spacing: .2em; }
	.fancy										{ font-style: italic; }
	.last										{ margin-right: 0; }
	.morelink									{ text-transform: uppercase; text-decoration: none; }
	a.morelink:link,
	a.morelink:visited,
	a.morelink:active								{ white-space: nowrap; color: #464646; }
	a.morelink:hover,
	a.morelink:focus								{ color: #8b6900; }
	
	.doclist									{ margin: 2px 0 10px 0; }
	.doclist a									{ letter-spacing: .19em; display: block; text-decoration: none; padding-right: 22px; background-color: transparent; background-repeat: no-repeat; background-position: 100% 50%; background-image: url(images/icon_generic.gif); }

	.doclist a:link,
	.doclist a:visited,
	.doclist a:active								{ color: #464646; }
	.doclist a:hover,
	.doclist a:focus								{ color: #888; }

	.doclist a[href$=".mov"],
	.doclist a[href$=".mpg"]							{ background-image: url(images/icon_mov.gif); }
	.doclist a[href$=".avi"],
	.doclist a[href$=".wmv"]							{ background-image: url(images/icon_film.gif); }
	.doclist a[href$=".wav"],
	.doclist a[href$=".mp3"]							{ background-image: url(images/icon_audio.gif); }
	.doclist a[href$=".txt"]							{ background-image: url(images/icon_txt.gif); }
	.doclist a[href$=".doc"],
	.doclist a[href$=".docx"],
	.doclist a[href$=".odf"]							{ background-image: url(images/icon_doc.gif); }
	.doclist a[href$=".xls"],
	.doclist a[href$=".xlsx"]							{ background-image: url(images/icon_xls.gif); }
	.doclist a[href$=".ppd"],
	.doclist a[href$=".ppt"]							{ background-image: url(images/icon_ppt.gif); }
	.doclist a[href$=".pdf"]							{ background-image: url(images/icon_pdf.gif); }
	.doclist a[href$=".zip"]							{ background-image: url(images/icon_zip.gif); }

	.wp-caption									{ display: none; height: 0; }
	#content img									{ display: none; }
/*JRH	#main h2									{ padding: 0 0 30px 330px; color: #CCCCCC; */
