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

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

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

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

h1                  { font-family: Georgia, Times; color: #fd0404; font-size: 1.2em; padding: 0px 7px 7px 0px; 
                      margin: 0px 0px; font-weight: bold; text-decoration: none;}
					  
/* #main-content h1    {position: relative; background: #FC3636;
                     padding: 7px 7px 7px 7px; 
	                 font: bold 100% Arial, Helvetica, sans-serif;
	                 color: #FFFFFF;
	                 border: solid 1px #FFFFFF; 
					 }*/

h2                  { font-family: Arial, Helvetica, san serif; font-size: 1.0em; margin-top: 10px; 
                      margin-bottom: 2px; 
                      text-decoration: underline; color:#696969;  }

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.nopadding       {padding: 0px; margin: 0px; }


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

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

#page-wrap		    { max-width: 960px; min-width: 530px;  position: relative; zoom: 1;
                      min-height: 100%;  height: auto !important; height: 100%; margin: 0 auto;
					  margin-bottom: -100px;
					 }
#main                {padding-bottom: 150px;} 					  

#header             { max-width: 960px; min-width: 560px; 
                      margin: 15px auto 0; background: url(../images/logosmallsnail.jpg) no-repeat; background-position: 0 0 0 400px; 
					  height: 85px;}
#header h1 			{ height: 60px; text-indent: -2000px; } 

#main-content       { padding: 5px 235px 5px 220px; background: white; }

#main-content-two-column-even   { padding: 5px 375px 5px 220px; background: white; }

#second-column { float: right; width: 350px; padding: 5px 0px; }

#main-content-wide       { padding: 5px 0px 5px 220px; background: white; }

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

#main-sidebar       { float: left; width: 190px; background: white; padding: 5px 10px; }					  
#main-sidebar ul.navigation { list-style: none; list-style-position: inside;}
#main-sidebar ul.navigation li {text-transform: uppercase; font-weight: bold; line-height: 24px }

.navigation li a:link 				{ color:#fd0404; }
.navigation li a:visited 			{ color:#fd0404 }
.navigation li a:hover 			    { color:#E64A3B }
.navigation li a:active 			{ color:#E64A3B }
.navigation li a  					{ text-decoration:none }

.subscribe 			{ margin: 25px 5px 20px 0px; font-family: Georgia, "Times New Roman", Times, serif; color: #fd0404;
                      font-weight: bold;
                      padding: 4px 4px 4px 10px; width: 170px;
					  background: url(../images/signup.gif) no-repeat; 
					  background-position: 0 0 0 0px;
					  }
					  
.subscribe h2       {font-size:14px; color: white; margin-top: 10px; text-decoration: none;}

#safesubscribe		{margin-top: 25px; margin-left: 0px; }

#secondary-sidebar  {
						float: right;
						width: 230px;
						padding: 10px 0px;
						background-image: url(../images/nextevent.gif);
						background-repeat: no-repeat;
						background-position: 10px 0px;
						height: 400px;
}

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

#facebook { margin-top: 45px; }

ul.nextevent		{
	background: none;
	padding: 35px 10px 10px 20px;
	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 0px 20px 18px;
                         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	                      filter: alpha(opacity=90);	
                          opacity: .90;
						 }
                      
#footer             { max-width: 960px; min-width: 560px; background: white; border-top: 1px; 
                      border-color: #fd0404; margin: 0 auto; padding: 0px 10px 10px 10px; 
					  height: 100px; }
					  
#footer-push		{ height: 100px; }
#footer p           { color: #696969; text-align: right; font-size: 11px; line-height: 12px;}
#footer a           { color: #696969; text-decoration: none; }
#footer a:hover     { color: #696969; }

.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:#fd0404; text-decoration: #fd0404;}
a:visited 			{ color:#fd0404 }
a:active 			{ color:#fd0404 }
a                    {text-decoration: none; }

.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: #FD0404;
}
.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:#fd0404; }
.calendar_links a:visited 			{ color:#fd0404; }
.calendar_links a:hover 			{ color:#fd0404; }
.calendar_links a:active 			{ color:#fd0404; }
.calendar_links a  					{ text-decoration:none; }

p.calendar_links                    {color: #fd0404; }

.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: #FC3636 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: #FF0000;
}

.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 15px 0;
	width: 740px;
}
.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;
}

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

dl.newsletterlist dd
{ 
   line-height: 24px;
}

dl.newsletterlist dt
{
  font-weight: bold;
  margin-top: 4px;
  
}

.soldout
{
   background-color: red;
   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;
}


a[href^="http://archive.constantcontact.com"] {
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/html.gif) center left no-repeat;
}


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

a[href^="http://archive.constantcontact.com"] {
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/html.gif) center left no-repeat;
}



a[href^="mailto:"] {
	display:inline-block;
	padding-right:14px;
	line-height:18px;
	background:transparent url(../images/mailto.gif) 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;
}

a[href^="http://www.facebook.com"] {
	background: transparent url(none);
}