/*
	 Slow Food OC css
	 Author: Stacey Blaschke
*/

/* Orange shades
	F99921
	c
	FDCD91
	FDE5C7
	FFF5E9
	D4821C
	BB7319
	7D4D11
	3E2608
	190F
	
	Brown shades
	603912
	886B4E
	B09D89
	D7CDC4
	F0ECE8
	52300F
	482B0E
	301D09
	180E05
	0A0602
	
	Green shades
	8EC341
	ABD271
	C7E2A1
	E3F0CF
	F4FAED
	79A637
	6B9231
	476221
	243110
	0E1407
	*/

*	                { margin: 0; padding: 0 0; }
html,body		    { font: 12px/1.5 Arial, Helvetica, san serif; color: #696969;
                       height: 100%; width: 100%; background-color: #D4821C;}
					   
					   
#body               { overflow: hidden;  height: 100%; background-color:#FFFFFF; margin-top: 0px; padding-top: 5px;} 

/* IE6 Fix */
* html div#body     {  overflow: visible;  }

p 					{font-size: 12px; color:#696969; margin: 5px 0px;}

h1                  { font-family: Georgia, Times; color: #8EC63F; font-size: 1.2em; 
                      margin: 10px 0 0 0;
                      padding: 0 0 0 0;font-weight: bold; text-decoration: none;}
.info h2            { clear:left; font-family: Georgia, Times; color: #8EC63F; font-size: 1.2em; 
                      padding: 0px 7px 7px 0px; 
                      margin: 0px 0px; font-weight: bold; text-decoration: none; }
					  
h2                  { font-family: Georgia, Times; font-size: 1.1em; margin-top: 10px; 
                      text-decoration: none; color:#F7971E;  }

h3 					{ font-family:Arial, Helvetica, san serif; font-size: 1.0em;  margin-top: 8px; 
                      margin-bottom: 2px;}

h4 					{ font-family: Arial, Helvetica, san serif; font-size: 0.0em; color:#00008B;  text-align: center;						
				      letter-spacing: 3px }
						
img					{ border: none; }

img.border 			{ border: #AAAAAA 1px solid; padding: 2px; margin: 4px; margin: 5px 10px 5px 10px;}
img.borderleft 	    { border: #AAAAAA 1px solid; padding: 2px; margin: 4px; margin: 5px 10px 5px 0px;}
img.borderright 	{ border: #AAAAAA 1px solid; padding: 2px; margin: 4px; margin: 5px 0px 5px 10px;}
img.nopadding       {padding: 0px; margin: 0px; }


.clear				{ clear: both; }
hr					{ border-top: 2px; color: #F7971E; background-color: transparent; height: 2px; width: 100%; 
                      text-align: left; margin: 3px 0px;}

hr.eightypercent		{ border: 0; color: #F7971E; background-color: #F7971E; height: 1px; width: 80%; 
                          text-align: center; margin: 10px auto; }

#page-wrap		    {
	max-width: 980px;
	min-width: 700px;
	position: relative;
	/* [disabled]zoom: 1; */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	margin-bottom: -100px;
	padding-top:20px;
					 }
					 
#main                {padding-bottom: 150px;} 					  

#header             { position: relative;
                      max-width: 980px; min-width: 560px; 
                      margin: 0 auto; 
					  height: 150px;
					  padding: 10px 0px;
					  border-top: 2px #F7971E;
					  border-bottom: 2px #F7971E;
					  background: url(../images/header_logo.gif) no-repeat 10px 20px ; 
					  background-position: 10px 0 0 0px; 
					  background-color:#FFFFFF
				     }

#header .logo {float: left; clear: right; width: 900px; height: 130px; padding: 4px 4px 0 4px; }

#header h1 			{ height: 110px; text-indent: -2000px; } 

#facebook { margin: 3px 0px; }


ul#topnav {
	margin: 0; padding: 0;
	position: absolute;
    top: 20px;
    left: 170px;
	width: 600px;
	list-style: none;
	font-size: 1.1em;
}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
	background-color: #8EC63F;
	height: 22px;
	border: 1px solid #FFF;
}

ul#topnav li:hover {	
	background-color: #B2EF59;
	color: #696969;
}

ul#topnav li a {
	float: left;
	color:#FFFFFF;
	display:inline-block;
	font-weight:normal;
	padding: 2px 10px 2px 10px;
	text-decoration:none;
	width:auto;
}
ul#topnav li:hover a, ul#topnav li a:hover { color: #696969; background-position: left bottom; } /*--Hover State--*/
ul#topnav a.home {
	/*background: url(../images/nav_home.png) no-repeat; 
	width: 78px; */
}
ul#topnav a.products {
	/*background: url(../images/nav_products.png) no-repeat; 
	width: 117px; */
}
ul#topnav a.sale {
	/* background: url(nav_sale.png) no-repeat; */
	width: 124px;
}
ul#topnav a.community {
	/* background: url(nav_community.png) no-repeat; */
	width: 124px;
}
ul#topnav a.store {
	/*background: url(nav_store.png) no-repeat; */
	width: 141px;
}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 14px; left: 0;
	z-index: 99999;
/*	background: #344c00 url(../images/sub_bg.png) repeat-x; --Background gradient--*/
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*background: url(../images/navlist_arrow.png) no-repeat 5px 12px;  */
	padding: 2px 10px 2px 10px;
	display: block;
	text-decoration: none;
	color: #fff;
}

ul#topnav .sub ul li a:hover {
	color: #696969;
	/* background-position: 5px 12px ; --Override background position--*/
}
	   

#main-content       { padding: 5px 235px 20px 25px; background-color:#FFFFFF; max-width: 680px; }

#main-content-two-column-even   { padding: 5px 475px 15px 70px; background: white; }

#second-column { float: right; width: 450px; padding: 5px 65px 5px 50px; }

#main-content-wide       { padding: 5px 20px 15px 20px; background: white; }

#main-content-thin       { padding: 5px 400px 15px 20px; background: white; }



#feeddiv  { margin: 10px 0px; }
#feeddiv li
{
  list-style: none;
  padding-left: 10px;
}

#feeddiv li a:hover { color: #FFF; background-color: #F7971E; } /*--Hover State--*/

.subscribe 			{
                      font-family: Georgia, "Times New Roman", Times, serif; color: #F7971E;
                      font-weight: bold;
					  width: 250px;
					  position: absolute;
					  top: 20px;
					  left: 710px;
					  }
					  
.subscribe h2       {font-size:14px; color: white; margin-top: 10px; text-decoration: none;}

.subscribe button.signup {
					background-color:#F7971E;
					border:1px solid #D97306;
					color:#FFFFFF;
					cursor:pointer;
					font-size: 0.8em;
					font-weight:bold;
					margin:0;
					padding:0px 3px;
					/*--Top right rounded corner--*/
					-moz-border-radius-topright: 5px;
					-khtml-border-radius-topright: 5px;
					-webkit-border-top-right-radius: 5px;
					/*--Top left rounded corner--*/
					-moz-border-radius-topleft: 5px;
					-khtml-border-radius-topleft: 5px;
					-webkit-border-top-left-radius: 5px;
					/*--Bottom right rounded corner--*/
					-moz-border-radius-bottomright: 5px;
					-khtml-border-radius-bottomright: 5px;
					-webkit-border-bottom-right-radius: 5px;
					/*--Bottom left rounded corner--*/
					-moz-border-radius-bottomleft: 5px;
					-khtml-border-radius-bottomleft: 5px;
					-webkit-border-bottom-left-radius: 5px;
					}
					
.subscribe button.signup:hover { background-color: #8EC63F; border: 1px solid #536F29;  }

.input.signup:hover { border: 1px solid #f00; background-color: #FFC77F; }
				
#secondary-sidebar  {
						float: right;
						width: 230px;
						margin: 10px 20px;
						padding: 10px 0px 10px 0px;
						background-color: #FFAB3F;
						height: 400px;
						/*--Top right rounded corner--*/
						-moz-border-radius-topright: 5px;
						-khtml-border-radius-topright: 5px;
						-webkit-border-top-right-radius: 5px;
						/*--Top left rounded corner--*/
						-moz-border-radius-topleft: 5px;
						-khtml-border-radius-topleft: 5px;
						-webkit-border-top-left-radius: 5px;
						/*--Bottom right rounded corner--*/
						-moz-border-radius-bottomright: 5px;
						-khtml-border-radius-bottomright: 5px;
						-webkit-border-bottom-right-radius: 5px;
						/*--Bottom left rounded corner--*/
						-moz-border-radius-bottomleft: 5px;
						-khtml-border-radius-bottomleft: 5px;
						-webkit-border-bottom-left-radius: 5px;
}

#nobkg-secondary-sidebar  {
						float: right;
						width: 230px;
						padding: 10px 0px;
}

#secondary-sidebar h1  {text-align: center; color: #FFFFFF;  }

ul.nextevent		{ background: none; padding: 10px 10px 10px 10px; list-style: none; 
                      text-align: center; }
ul.nextevent li     {color: white; font-weight: bold; }
ul.nextevent li a:link 		    { color: white; }
ul.nextevent li a:visited 		{ color: white; }
ul.nextevent li a:active 		{ color: white; }
ul.nextevent li a  				{ text-decoration: underline; }

#secondary-sidebar img { padding: 15px 15px 20px;
                         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	                      filter: alpha(opacity=90);	
                          opacity: .90;
						 }
                      
#footer             { max-width: 980px; min-width: 560px; background-color:#D4821C; border-top: 1px; 
                      border-color: #F99921; margin: 0 auto; padding: 0px 0px; 
					  height: 100px; }
					  
#footer-push		{ height: 10px; background-color: #FFF;}
#footer p           { color: #FFF; text-align: right; font-size: 11px; line-height: 12px; 
                      margin-right: 10px; font-weight: bold;}
#footer a           { color: #FFF; text-decoration: none; }
#footer a:hover     { color: #FFF; }

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.disclaimer         {text-align: center; font-style: italic; }

a:link 				{ color:#F7971E; text-decoration: #F7971E;}
a:visited 			{ color:#F7971E }
a:active 			{ color:#F7971E }
a                    {text-decoration: none; }

.alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 2px;
	border: #AAAAAA 1px solid;
}

.alignright {
	float: right;
	margin: 5px 0 5px 10px;
	padding-top: 2px;
}


.floatleft			{ float: left; margin: 10px 0px 10px 10px; }
.floatleftnoleftpadding			{
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.floatright			{ float: right; margin: 10px 10px 0px 10px;}
.paddedleft			{ padding-left: 20px; }

ul.nobullet			{ list-style: none; padding-left: 15px; }
ul.nobullet li 		{ padding-bottom: 5px; }
   

.accordion { width: 700px; border-bottom: solid 1px #c4c4c4; }
.accordion h2 {
	background: #e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 80%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h2:hover {
	background-color: #F7971E;
}
.accordion h2.active {
	background-position: right 5px;
}
.accordion p {
	background: #ffffff;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

/* calendar for events page display page */

.calendar_links a:link 				{ color:#F7971E; }
.calendar_links a:visited 			{ color:#F7971E; }
.calendar_links a:hover 			{ color:#F7971E; }
.calendar_links a:active 			{ color:#F7971E; }
.calendar_links a  					{ text-decoration:none; }

p.calendar_links                    {color: #F7971E; }

.calendar_list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 740px;
	min-width: 200px;
	
}
.calendar_list li {
	padding: 0;
	margin: 0;
	background: url(../images/message-bar.gif) no-repeat;
}
.calendar_heading {
	position: relative;
	background: #8DC53E url(../images/arrow-square.gif) no-repeat right -48px;
	padding: 7px 0px 7px 15px;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}

.calendar_heading.active {
	background-position: right 8px;
}

.calendar_heading .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.calendar_heading cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}
.calendar_body {
	padding: 5px 10px 15px;
}

.calendar_body  ul {
	padding: 5px 20px 15px;
}

.calendar_body  ul li {
	list-style: disc;
	color: #F7971E;
}

p.collapse_buttons
{
	height: 10px;
}

.collapse_buttons {
	text-align: right;
	border-top: solid 1px #FBB359;
	padding: 8px 0 10px 0;
	width: 725px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_calendar {
	background: url(../images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(../images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collapse_all_calendar {
	background: url(../images/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}

ol .calendar_bulletlist
{
   list-style: inside none;
   list-style-image: none;
   margin-left: 20px;
}

ol .calendar_bulletlist ul
{
   list-style: none;
   margin-left: 20px;
}

ul .calendar_bulletlist
{
   list-style: disc;
}

.grassbackground
{
	background-image: url('../pics/grass.jpg');
	width: 220px;
	color:white;
	font-family:Arial;
	font-size: 12px;
	padding: 10px;
}

.applebackground
{
	background: url('../images/chalkboard.jpg') no-repeat;
	width: 260px;
	color:white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding: 10px;
	font-weight: bold;
	line-height: 1.2em;
}

#firstcolumn.newsletterlistcol
{
	padding-left: 115px;
}

dl.newsletterlist
{
   padding-left: 10px;
   margin: 4px 10px 10px 10px;
}

dl.newsletterlist dd
{ 
   line-height: 18px;
   padding-left: 22px;
}

dl.newsletterlist dt
{
  font-weight: normal;
  margin-top: 4px;
  color: #696969;
  padding-left: 22px;
  
}

ul.newsletterlist
{
   padding-left: 10px;
   list-style: none;
   margin: 4px 10px 10px 10px;
}

ul.newsletterlist li
{ 
  line-height: 18px;
  font-weight: normal;
  margin-top: 4px;
  color: #696969;
}

.newsletterlistcol h2
{
	color: #8EC63F;
	margin-left: 20px;
}

.soldout
{
   background-color: #D4821C;
   color: white;
   display: inline;
   padding: 3px;
   margin-right: 5px;
}



/* Photo Gallery */

#gallery {
	background-color: #FFF;
	padding: 0px;

	width: 500px;
}

#gallery ul { list-style: none; }
#gallery ul li { display: inline; margin: 0 0;  padding: 0 0; width: 75px;}
#gallery ul img {
	border: 1px solid #dddddd;
	border-width: 1px 1px;
	color: #fff;
}
#gallery ul a:hover img {
	border: 1px solid #999;
	border-width: 1px 1px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }

#gardenplan {
	background-color: #FFF;
	padding: 0px;
	width: 300px;
	float: right;
}

#gardenplan ul { list-style: none; }
#gardenplan ul li { display: inline; margin: 0 0;  padding: 0 0; width: 75px;}
#gardenplan ul img {
	border: 1px solid #dddddd;
	border-width: 1px 1px;
	color: #fff;
}
#gardenplan ul a:hover img {
	border: 1px solid #999;
	border-width: 1px 1px;
	color: #fff;
}

#gardenplan ul a cite { margin-left: 35px; }
#gardenplan ul a:hover { color: #696969; }

.img-desc {
	position: relative;
	display: block;
	height: 300px;
	width: 400px;
	margin: 15px 0;
}
.img-desc cite {
	background-color: #666666;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 390px;
	padding: 2px 5px;
	border-top: 1px solid #999;
	font-style: normal;
	font-weight: bold;
}



/* Icons for Links */
a[href^="http:"],  a[href^="https:"] {
	display:inline-block;
	padding-right:20px;
	background:transparent url(../images/external_link.gif) center right no-repeat;
	font-weight: bold;
}

a[href^="http://archive.constantcontact.com"], a[href^="http://conta.cc"] {
	display:inline-block;
	padding-left:22px;
	line-height:16px;
	background:transparent url(../images/htmlorange.png) center left no-repeat;
	color: #696969;
	font-weight: normal;
}

a[href^="http://feedproxy.google.com"] {
	display:inline-block;
	padding-left:10px;
	line-height:24px;
	background: none;
	color: #696969;
	font-weight: normal;
	padding-right:2px;
	background: transparent url(none);
}

a[href^="http://www.slowfoodoc.org/blog/"] {
	display:inline-block;
	padding-left:10px;
	line-height:24px;
	background: none;
	font-weight: normal;
	padding-right:2px;
	background: transparent url(none);
	font-style: bold;
}

a[href^="mailto:"] {
	display:inline-block;
	padding-right: 20px;
	line-height:18px;
	background:transparent url(../images/emailorange.png) center right no-repeat;
}

a[href$='.pdf'] {
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/pdficon_small.gif) center left no-repeat;
	font-weight: normal;
	color: #696969;
}

dl.newsletterlist dd  a[href$='.pdf'] {
	margin-left: 22px;
}

a[href^="http://www.facebook.com"], a[href^="http://feeds.feedburner.com" ], a[href^="http://get.adobe.com"]  {
	background: transparent url(none);
	padding-right:2px;
}