/*
THEME NAME: GBCFC Website Look-and-Feel
THEME URI: http://www.greatbasinfood.coop
DESCRIPTION: New look-and-feel for the Great Basin Community Food Co-op website (June 2010).
VERSION: 2
AUTHOR: Manny Becerra, PACE Creative Media Co.
AUTHOR URI: http://www.pacecreativemedia.com
*/

@font-face {
font-family: 'ProcionoRegular';
src: url('prociono-regular-webfont.eot');
src: local('☺'), url('/includes/fonts/prociono-regular-webfont.woff') format('woff'), url('/includes/fonts/prociono-regular-webfont.ttf') format('truetype'), url('/includes/fonts/prociono-regular-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ProcionoRegular';
src: url('/includes/fonts/prociono-regular-webfont.eot');
src: local('☺'), url('/includes/fonts/prociono-regular-webfont.woff') format('woff'), url('/includes/fonts/prociono-regular-webfont.ttf') format('truetype'), url('/includes/fonts/prociono-regular-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
body { margin:0; padding:0; border:0; background: #663300 url(/wp-content/themes/gbcfc/images/checkered-bg.png); min-width:600px; font-size:100%; font-family:Georgia, sans-serif; }

/*=== Links */
a:link, a:visited { color:#336600; outline:none; }
a:hover { color:#663300; }
a:active { color:#663300; outline:none; border-bottom:1px dotted #336600; }

/*=== Headers */
h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover { text-decoration: none; border-bottom:none; }
h2 { font-family:ProcionoRegular; font-size:126%; color:#663300; margin:.8em 0; padding:0; }
h2.title { font-size:148%; margin-bottom:.1em; }
h3 { font-family:ProcionoRegular; margin:.75em 0 .5em 0; padding:0; font-size:108%; clear:left;}
h3.confirm { color:#cc6600; margin-bottom:1em; }
h4 {color:#336600;}
h2.nospace, h3.nospace, h4.nospace, h5.nospace { margin-bottom:.02em; }

/*=== Paragraphs */
p { margin:.4em 0 .8em 0; padding:0; }
p.nospace { margin-top:.02em; }
.wp-caption { margin-right:.25em; margin-left:.25em; margin-bottom:.1em; }
.wp-caption-text { font-size:86%; color:#777; font-style:italic; margin-bottom:0; text-align:center; }
.note { color:#888; font-style: italic; }
p strong.important{color:#336600}

/*=== Lists */
ul { margin-left:1em; padding-left:1em; }
ul li, ol li {margin-bottom:.15em;}
ul.morespace li, ol.morespace li { margin-bottom:.6em; }

/*=== Images */
.col1 img { border:0; padding:.35em; background-color:#fff; }
.col1 img:hover { background-color:#ffffcf; }
.col1 img.nobg { background-color:transparent; }
.col1 img.nobg:hover { background-color:transparent; }

/**** FRAME/LAYOUT ****/

/*=== Header/Masthead */
#header { font-family:ProcionoRegular; clear:both; float:left; width:100%; border-bottom:1px solid #572700; }
#header h1 { color:#66cc00; text-indent:-9999px; margin:0; padding:0; height:235px; }
#header h1 a:link, #header h1 a:visited { color:#7fe816; display:block; height:235px; background: transparent url(/wp-content/themes/gbcfc/images/header-bg.jpg) repeat-x 10% 76%; }
#header h1 a:hover { color:#66ff33; }
#header h1 a:active { color:#66ff33; }
#header p, #header h2 { padding:.4em 15px 0 15px; margin:0; }
#mainslogan { text-align: right; padding-right:.5em; color:#eee; margin-top:3em; display:none; }
/*=== Main Navigation Menu */
#navwrapper { clear:both; background:#cccc99 url(/wp-content/themes/gbcfc/images/nav-bg.png) bottom; border-top:1px solid #000; padding:0 0 0 .65em; text-align:right; height:34px; }
/***See /styles/nav.css */

/*=== Search Form */
#searchformwrapper { width:265px; position:absolute; right:1.5%; top:2%;  }
#searchformwrapper label { color:#ff6600; font-weight:bold; display: block }
#searchform input[type=text] { padding:.1em .2em; font-size:96%; font-family:ProcionoRegular, sans-serif; color: #996633; }

/*=== Auto-complete */
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/ /*width: 100%;*/
	font: menu; font-size: 12px; /* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/ line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }

/*=== Social Media: Stay Connected */
#stayconnectedwrapper { }
#stayconnectedwrapper a, #stayconnectedwrapper img { border:none; border:0; }
#stayconnectedwrapper a { margin:0 .5em .4em .5em; }

/*=== Column Container */
#colwrapper { height:auto; min-width: 960px;/*margin:0 auto;*/ position:relative;		/* This fixes the IE7 overflow hidden bug */ clear:both; background: transparent url(/wp-content/themes/gbcfc/images/body-bg.gif); }
.colmask { background: transparent url(/wp-content/themes/gbcfc/images/loveyourfarmer-wm.png) no-repeat right top fixed; width:100%;				/* width of whole page */ overflow:hidden;			/* This chops off any overhanging divs */ font-size:100%; }

/*=== Common Column Settings */
.col1 .homeplug { margin-top:1.2em; line-height:20px; }
.colright, .colmid, .colleft { float:left; width:100%; position:relative; background: transparent none; }
.col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead; only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; }

/*=== 3 Column blog style settings */
.blogstyle .colmid { right:25%; }
.blogstyle .colleft { right:25%; }
.blogstyle .col1 { width:48%; left:52%;/*background: transparent url(/wp-content/themes/gbcfc/images/col1-bg.png) repeat-y top right;*/ }
.blogstyle .col2 { width:18%; left:56%; font-size:92%; }
.blogstyle .col3 { width:18%; left:60%; font-size:92%; }

/*===  2 Column (Right Menu) Settings */
.rightmenu { background: transparent url(/wp-content/themes/gbcfc/images/body-bg.gif);		/* right column background colour */ }
.rightmenu .colleft { right:25%;			/* right column width */ background: transparent;		/* left column background colour */ }
.rightmenu .col1 { width:71%;			/* left column content width (left column width minus left and right padding) */ left:27%;			/* (right column width) plus (left column left padding) */ }
.rightmenu .col2 { width:21%;			/* right column content width (right column width minus left and right padding) */ left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */ }

/*=== Content Columns */
.columns { background:transparent url(/wp-content/themes/gbcfc/images/gbcfc-logo-a-white-transparent-medium.png) no-repeat 15% 50%; clear:both; margin:.15em auto; }
.columns .leftcolumn { width:50%; float:left; padding:0 .25em 1em 0 }
.columns .rightcolumn { margin-left:50%; clear:right; padding:0 .25em 1em .25em }
.columns ul { margin-top:0; }
.columns ul li { margin-bottom:.2em; list-style:square }

/*=== Table of Contents */
.toc { background:transparent url(/wp-content/themes/gbcfc/images/white-transparent-bg.png); border:2px dashed #cc9900; font-size:86%; color:#111; padding:1em .75em; }

/*=== Footer styles */
#footer { clear:both; width:100%; border-top:1px solid #000; font-size:86%; padding:.5em 0 2em 0; color:#ffffcc; }
#footer p { padding:.8em; margin:0; line-height:20px; }
#footer a.pacelogo { padding:.5em 0 .5em 1.9em; background: transparent url(/wp-content/themes/gbcfc/images/logo-pace-small.png) no-repeat 0% 50%; outline:none; }

/*=== Footer Nav Menu */
#navfooterwrapper { clear:both; }
#navfooterwrapper ul { margin:0; padding:0; }
#navfooterwrapper ul, #navfooterwrapper ul li { list-style:none; }
#navfooterwrapper ul li { display: inline; margin:0; padding:0; }
#navfooterwrapper ul li a { padding:.8em .2em .8em .8em; border-bottom:0; }
#footer a:link, #footer a:visited { color:#ffffcc; }
#footer a:hover { color:#fff; }
#footer a:active { color:#fff; text-decoration:none; }

/*=== Form/Blogging Fields and Elements */
#respond { border-top:1px dotted #553314; }
#formContact { }
#formContact label, #commentform label { display:block; color:#996633; text-transform: uppercase; font-family:ProcionoRegular, sans-serif; }
#formContact label .smaller, #commentform label .smaller { color:#e0c3a5; }
#formContact input[type=text], #formContact textarea, #formContact select, #commentform input[type=text], #commentform textarea { width:425px; padding:.25em; font-size:112%; border:1px solid #333; font-family:ProcionoRegular, sans-serif; }
#formContact textarea, #commentform textarea { font-size:118%; font-family:ProcionoRegular, sans-serif; letter-spacing: 1px; }
#formContact label.error { color:#C33; font-size:82%; font-weight:bold; }
#formContact #confirmmessage { display:none; font-weight:bold; color: #7c8602; font-size: 120%; }

/*=== Metadata Elements */
.postmetadata { font-size:82%; margin-top:2em; text-align: left; color:#553314; }
.postmetadatatop { position:absolute; font-size:86%; margin: .1em 0 .75em 0; text-align: right; right:0; margin-top:-44px; color:#553314; }
.post > .postmetadatasub { padding-left:5.5em; padding-bottom: .5em; font-size:86%; color:#555; /*border-bottom:1px dotted #ddd;*/ }

/*=== Flickr Photos : Sidebar */
.flickr { padding:0; margin:0; text-align:center; width:100%; }
.flickr img { margin:.1em; border:5px solid #c1afa0; }
.flickr img:hover { border:5px solid #8b755f; }

/*=== Facebook Connect */
iframe#fb-like { margin-bottom:1em; margin-left:66px; }
p.fb-share, p.fb-share-right { padding:0; position:absolute; }
p.fb-share { margin:-43px 0 0 0; }
p.fb-share-right { right:0; margin:-36px 0 0 0; }

/*=== Alignments */
.alignleft { float:left; margin-top:.15em; margin-right:.4em; margin-bottom:.25em; vertical-align: text-top; }
.alignright { float:right; margin-top:.15em; margin-bottom:.25em; margin-left:.4em; }
.aligncenter, .center { text-align:center; margin-right:auto; margin-left:auto; }

/*=== Borders */
a.nb, .flickr a { border-bottom:none !important; }
img.nb { border:none; }
img.nf { background:none; }

/*=== Misc */
hr { width:93%; border-width:1px 0 0 0; border-style:dotted; border-color:#cfcfb3; height:1px; margin:1.25em auto 1.75em auto; clear:both;}
.access { display:none; }
hr.ghost { border-width:0; margin:0; display:block; clear:both }
.clear { clear:both }
.indent {margin-left:1em; padding-left:1em; border-left:4px solid #ddd}

/*=== Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; overflow:hidden; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
#cboxOverlay { background:url(images/colorbox/overlay.png) 0 0 repeat; }
#colorbox { }
#cboxTopLeft { width:21px; height:21px; background:url(images/colorbox/controls.png) -100px 0 no-repeat; }
#cboxTopRight { width:21px; height:21px; background:url(images/colorbox/controls.png) -129px 0 no-repeat; }
#cboxBottomLeft { width:21px; height:21px; background:url(images/colorbox/controls.png) -100px -29px no-repeat; }
#cboxBottomRight { width:21px; height:21px; background:url(images/colorbox/controls.png) -129px -29px no-repeat; }
#cboxMiddleLeft { width:21px; background:url(images/colorbox/controls.png) left top repeat-y; }
#cboxMiddleRight { width:21px; background:url(images/colorbox/controls.png) right top repeat-y; }
#cboxTopCenter { height:21px; background:url(images/colorbox/border.png) 0 0 repeat-x; }
#cboxBottomCenter { height:21px; background:url(images/colorbox/border.png) 0 -29px repeat-x; }
#cboxContent { background:#fff; }
#cboxLoadedContent { margin-bottom:28px; }
#cboxTitle { position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; display:none !important; }
#cboxCurrent { position:absolute; bottom:4px; left:58px; color:#949494; }
#cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#0092ef; }
#cboxPrevious { position:absolute; bottom:0; left:0px; background:url(images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
#cboxPrevious.hover { background-position:-75px -25px; }
#cboxNext { position:absolute; bottom:0; left:27px; background:url(images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
#cboxNext.hover { background-position:-50px -25px; }
#cboxLoadingOverlay { background:url(images/colorbox/loading_background.png) center center no-repeat; }
#cboxLoadingGraphic { background:url(images/colorbox/loading.gif) center center no-repeat; }
#cboxClose { position:absolute; bottom:0; right:0; background:url(images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
#cboxClose.hover { background-position:-25px -25px; }