/* BUTTERFLIES - earthsbirthday.org - 10-2009 */

* { margin: 0; padding: 0; }
body { margin: 0 auto; background: #ededed; color: #000; }
img { margin: 0; padding: 0; border: 0; }
#wrapper { margin: 0 auto; text-align: center; padding: 0; width: 978px; height: auto; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}

#header { margin:0 auto; padding: 20px 0; width: 952px; height: 68px;  }
#headerright { float: right; text-align: right; }

#search { margin: 10px 0 0 0; padding: 0 0.4em 0 0; }
.searchlabel { font-family: Verdana, Geneva, sans-serif; vertical-align: middle; color: #ed1c2e; font-weight: 400; margin: 0 4px 0 0; }
.searchfield { font-size: 1em; height: 1.2em; vertical-align: middle; border: 1px solid #ed1c2e; }
.submit { margin: 0 4px 0 8px; width: 26px; height: 26px; background: url("/images/global/search-button.png") top left no-repeat; border: 0; vertical-align: middle; }
.submitE { margin: 2px 0; width: 150px; height: 26px; background: url("/images/global/search-button.png") top right no-repeat; border: 0; vertical-align: middle; }

#topnav { margin: 16px 0 0 0; background: transparent; font: 800 0.75em Verdana, Geneva, sans-serif;  text-transform: lowercase; }
#topnav ul { list-style: none; }
#topnav li { float: left; padding: 0 1em; list-style: none; }
#topnav li a { display: block; color: #ed1c2e; padding: 0.75em; text-decoration: none; }
#topnav a:visited { color: #ed1c2e; background: transparent; text-decoration: none; }
#topnav a:hover { color: #666; background: transparent; text-decoration: none; }
#topnav a.carticon { padding-left: 2.3em; background: url('/images/global/cart-red.png') center left no-repeat; }
#topnav a.carticon:visited { padding-left: 2.3em; background: url('/images/global/cart-red.png') center left no-repeat; }
#topnav a.carticon:hover { color: #666; padding-left: 2.3em; background: url('/images/global/cart-gray.png') center left no-repeat; }

#mainnav { margin: 0 auto; width: 96%; height: 28px; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; font: 400 1em Verdana, Geneva, sans-serif; text-transform: uppercase; }
#mainnav ul { list-style: none; }
#mainnav li { float: left; list-style: none; padding-left: 1.85em; }
#mainnav li a { padding: 0.34em 2.0em 0.36em 2.0em; display: block; color: #666; text-decoration: none; }
#mainnav a:visited { color: #666; background: transparent; text-decoration: none; }
#mainnav a:hover { color: #ed1c2e; background: transparent; text-decoration: none; }

#sidebar { float: left; margin: 8px 0 0 0; padding: 0 0 0 20px; width: 160px; height: auto; text-align: left; }
#sidebar ul { margin: 20px 0; }
#sidebar li { list-style: none; border-bottom: 1px solid #ccc; width: 140px; height: auto; padding: 6px; font: 400 0.8em Verdana, Geneva, sans-serif; }
#sidebar li a:link  { color: #666; text-decoration: none; }
#sidebar li a:visited  { color: #666; text-decoration: none; }
#sidebar li a:hover { color: #ed1c2e; text-decoration: none; }
#signup { margin: 20px 0; }
.addthis_button { margin: 20px 0; padding: 0 6px; font: 400 1em Verdana, Geneva, sans-serif; color: #ed1c2e; text-decoration: none; border: 0 solid #ccc; }

#sidebar a.carticon:link { color: #ed1c2e; font-weight: 800; padding: 7px 6px 7px 1.8em; background: url('/images/global/cart-red.png') center left no-repeat; }
#sidebar a.carticon:visited { color: #ed1c2e; font-weight: 800; padding: 7px 6px 7px 1.8em; background: url('/images/global/cart-red.png') center left no-repeat; }
#sidebar a.carticon:hover { color: #666; font-weight: 800; padding: 7px 6px 7px 1.8em; background: url('/images/global/cart-gray.png') center left no-repeat; }

#content { float: left; margin: 0 0 20px 0; padding: 0; background: #fff; width: 760px; height: auto; }
#content p { font: normal normal 400 .75em/140% Verdana, Geneva, sans-serif; }

#carouselcontent { margin: 0 0 0 19px; padding: 16px 0 24px 0; width: 750px; height: 282px; background: #fff; }
#carouselcontent img { border: 1px solid #ccc; }
.carousel-text { float: left; width: 272px; height: auto; margin: 60px 0 0 60px; padding: 10px; background:url(/images/carousel/carousel-bkgd.png); text-align: left; }
.carousel-text h2 { margin:0; padding: 0; width: auto; font: 1.8em/0.9em Georgia, Times, serif; letter-spacing: 0.019em; color:#fff; }
.carousel-text p { padding: 8px 0 0 0; color:#fff; }

#flashwidth { margin: 0 auto; width: 800px; height: 600px;  }
#flashwidth h2 { margin: 20px 0 0 -400px; color: #ed1c2e; font: 400 1.5em/0.9em Georgia, Times, serif; }

#columns { float: left; margin: 0 0 20px 0; padding: 0 4px 0 20px; width: 228px; height: auto; text-align: left; }
#columns h2 { margin: 0 0 8px 0; color: #53781d; font: 400 1.5em/0.9em Georgia, Times, serif; }
#columns h3 { margin: 0 0 8px 0; color: #53781d; font: 400 1.5em/0.9em Georgia, Times, serif; }
#columns p { margin: 0 0 8px 0; }
#columns img { float: left; margin: 4px 8px 0 0; border: 1px solid #ccc; }
#columns a:link { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #53781d; font: normal normal 800 1.1em/140% Verdana, Geneva, sans-serif; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }
#columns a:visited { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #53781d; font: normal normal 800 1.1em/140% Verdana, Geneva, sans-serif; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }
#columns a:hover { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #666; font: normal normal 800 1.1em/140% Verdana, Geneva, sans-serif; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }

#columnwide1 { float: left; margin: 0 0 20px 0; padding: 0 0 0 20px; width: 296px; height: auto; text-align: left; }
#columnwide1 h3 { margin: 0 0 8px 0; color: #53781d; font: 400 1.5em/0.9em Georgia, Times, serif; }
#columnwide1 img { float: left; margin: 4px 8px 0 0; border: 1px solid #ccc; }
#columnwide1 a:link { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #53781d; font: normal normal 800 1.1em/140% Verdana, Geneva, sans-serif; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }
#columnwide1 a:visited { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #53781d; font: normal normal 800 1.1em/140% Verdana, Geneva, sans-serif; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }
#columnwide1 a:hover { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #666; font: normal normal 800 1.1em/140% Verdana, Geneva, sans-serif; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }

#columnwide2 { float: right; margin: 0 -16px 20px 0; padding: 0 0 0 20px; width: 426px; height: auto; text-align: center; }
#columnwide2 h3 { margin: 0 0 8px 0; color: #53781d; font: 400 1.5em/0.9em Georgia, Times, serif; text-align: left; }

#overviewrows { float: left; margin: 0; padding: 0 0 0 20px; width: 700px; height: auto; text-align: left; }
#overviewrows .row { float: left; margin: 0; padding: 0; }
#overviewrows h2 { margin: 0; padding: 18px 0 0 0; color: #53781d; font: 400 1.5em/0.9em Georgia, Times, serif; }
#overviewrows h3 { margin: 0; padding: 18px 0 0 0; color: #53781d; font: 400 1.5em/0.9em Georgia, Times, serif; }
#overviewrows h4 { margin: 0 0 8px 0; padding: 20px 0 0 0; color: #53781d; font: 1.1em/0.9em Verdana, Geneva, sans-serif; }
#overviewrows p { margin: 0; padding: 0 0 18px 0; font: normal normal 400 .75em/140% Verdana, Geneva, sans-serif; }
#overviewrows img { float: left; margin: 4px 8px 0 0; border: 1px solid #ccc; }
#overviewrows a:link { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #53781d; font-weight: 800; font-size: 1.1em; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }
#overviewrows a:visited { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #53781d; font-weight: 800; font-size: 1.1em; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }
#overviewrows a:hover { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #666; font-weight: 800; font-size: 1.1em; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }

/** OK to DELETE? **/
#contentrows { float: left; margin: 0; padding: 0 0 0 20px; width: 554px; height: auto; text-align: left; }
#contentrows .row { float: left; margin: 0; padding: 0; }
#contentrows h2 { margin: 0; padding: 18px 0 0 0; color: #53781d; font-size: 1.8em; line-height: 0.9em; font-family: Georgia, Times, serif; letter-spacing: 0.019em; }
#contentrows h3 { margin: 0; padding: 18px 0 0 0; color: #53781d; font-size: 1.5em; line-height: 0.9em; font-family: Georgia, Times, serif; letter-spacing: 0.019em; }
#contentrows h4 { margin: 0 0 8px 0; padding: 20px 0 0 0; color: #53781d; font: 1.1em/0.9em Verdana, Geneva, sans-serif; }
#contentrows p { margin: 0; padding: 0 0 18px 0; font: normal normal 400 .75em/140% Verdana, Geneva, sans-serif; }
#contentrows img { float: left; margin: 4px 8px 0 0; border: 1px solid #ccc; }
#contentrows a:link { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #53781d; font-weight: 800; font-size: 1.1em; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }
#contentrows a:visited { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #53781d; font-weight: 800; font-size: 1.1em; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }
#contentrows a:hover { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #666; font-weight: 800; font-size: 1.1em; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }

/** OK to DELETE? **/
#activity { float: left; margin: 0 0 20px 0; padding: 0 0 0 20px; width: 700px; height: auto; text-align: left; }
#activity h2 { margin: 0 0 20px 0; padding: 18px 0 0 0; color: #ed1c2e; font: 1.8em/0.9em Georgia, Times, serif; }
#activity h4 { margin: 0; padding: 20px 0 0 0; color: #ed1c2e; font: 1.1em/0.9em Verdana, Geneva, sans-serif; }
#activity blockquote { margin: 0 20px; color: #ed1c2e; font-size: 1.3em; font-weight: 800; }
#activity p { margin: 4px 0 0 0; padding: 0 0 18px 0; font: normal normal 400 .75em/140% Verdana, Geneva, sans-serif; }
#activity p img { float: right; margin: 10px; border: 1px solid #ccc; }
#activity p img .center { text-align: center; margin: 0; border: 1px solid #ccc; }
#activity p a:link { margin: 8px 0 0 0; padding: 4px 8px; color: #ed1c2e; font: 800 1em Verdana, Geneva, sans-serif; text-decoration: none;  }
#activity p a:visited { margin: 8px 0 0 0; padding: 4px 8px; color: #ed1c2e; font: 800 1em Verdana, Geneva, sans-serif; text-decoration: none; }
#activity p a:hover { margin: 8px 0 0 0; padding: 4px 8px; color: #666; font: 800 1em Verdana, Geneva, sans-serif; text-decoration: none; }

#activity550 { float: left; margin: 0 0 20px 0; padding: 0 0 0 20px; width: 554px; height: auto; text-align: left; }
#activity550 .row { float: left; margin: 0; padding: 0; }
#activity550 h2 { margin: 0 0 10px 0; padding: 18px 0 0 0; color: #53781d; font: 1.8em/0.9em Georgia, Times, serif; }
#activity550 h4 { margin: 0; padding: 20px 0 0 0; color: #53781d; font: 1.2em/0.9em Verdana, Geneva, sans-serif; }
#activity550 .row img { float: left; margin: 4px 8px 0 0; border: 1px solid #ccc; }
#activity550 blockquote { margin: 0 20px; color: #ed1c2e; font-size: 1.3em; font-weight: 800; }
#activity550 ul { margin: 4px 0 0 30px; padding: 0 0 18px 0; font: normal normal 400 .75em/140% Verdana, Geneva, sans-serif; }
#activity550 ul a:link { margin: 0; padding: 0; color: #53781d; font: 800 1.0em Verdana, Geneva, sans-serif; text-decoration: none;  }
#activity550 ul a:visited { margin: 0; padding:0; color: #53781d; font: 800 1.0em Verdana, Geneva, sans-serif; text-decoration: none; }
#activity550 ul a:hover { margin: 0; padding: 0; color: #666; font: 800 1.0em Verdana, Geneva, sans-serif; text-decoration: none; }
#activity550 p { margin: 4px 0 0 0; padding: 0 0 18px 0; font: normal normal 400 .75em/140% Verdana, Geneva, sans-serif; }
#activity550 p img { float: right; margin: 0 0 0 10px; border: 1px solid #ccc; }
#activity550 p a:link { margin: 0; padding: 4px 0; color: #53781d; font: 800 1.0em Verdana, Geneva, sans-serif; text-decoration: none;  }
#activity550 p a:visited { margin: 0; padding: 4px 0; color: #53781d; font: 800 1.0em Verdana, Geneva, sans-serif; text-decoration: none; }
#activity550 p a:hover { margin: 0; padding: 4px 0; color: #666; font: 800 1.0em Verdana, Geneva, sans-serif; text-decoration: none; }
#activity550 p a:link img { float: none; margin: 0; padding: 0; }
#activity550 table { margin: 10px 0 10px 90px; }
#activity550 table td { text-align: center; }
#activity550 table td img { margin: 10px; border: 0; }
#activity550 .credits { font-size: 80%; color: #666; }

#sidebar-right { float: left; margin: 20px 0 20px 16px; padding: 0; width: 162px; height: auto; text-align: center; font: Verdana, Geneva, sans-serif;}
#sidebar-right h3 { margin: 0 0 20px 0; font: 1.1em/0.9em Verdana, Geneva, sans-serif; }
#sidebar-right a { color: #666; text-decoration: none; font: 0.75em Verdana, Geneva, sans-serif; }
#sidebar-right a img { color: #666; text-decoration: none; font: 0.75em Verdana, Geneva, sans-serif; border: 1px solid #ccc; }
#sidebar-right a:visited { color: #666; text-decoration: none; font: 0.75em Verdana, Geneva, sans-serif; }
#sidebar-right a:hover { color: #ed1c2e; text-decoration: none; font: 0.75em Verdana, Geneva, sans-serif; }
#sidebar-right a:hover img { color: #ed1c2e; text-decoration: none; font: 0.75em Verdana, Geneva, sans-serif; border: 1px solid #ed1c2e; }
#sidebar-right img { color: #666; text-decoration: none; font: 0.75em Verdana, Geneva, sans-serif; border: 1px solid #ccc; }

/* LINK BUTTONS on TOP of page */
#handout a:link { float: none; margin: 10px; padding: 4px 14px; border: 1px solid #ccc; color: #ed1c2e; font: 800 1em Verdana, Geneva, sans-serif; text-decoration: none; background: transparent url("/images/global/mainnav-gradient.png") repeat top left; }
#handout a:visited { color: #ed1c2e; text-decoration: none; }
#handout a:hover { color: #666; text-decoration: none; }

#footer { margin: 20px auto; padding: 20px 10px; background: #fff; color: #666; width: auto; height: auto; clear: both; font: .75em/100% Verdana, Geneva, sans-serif; border-top: 1px solid #ccc; }
.boxnav { margin: 0 10px 0 46px; padding: 0; width: 172px; height: auto; float: left; text-align: left; }
.boxnav ul { margin: 0 0 20px 0; padding: 0; background: #fff; }
.boxnav li { list-style: none; width: 160px; height: auto; padding: 6px; }
.boxnav a:link { color: #666; text-decoration: none; }
.boxnav a:visited { color: #666; text-decoration: none; }
.boxnav a:hover { color: #ed1c2e; text-decoration: none; }

#footer2 { margin: 0 auto; padding: 0 10px 20px 10px; background: #fff; color: #666; width: auto; height: auto; clear: both; font: .75em/140% Verdana, Geneva, sans-serif; }
.bottomnav { margin: 0; padding: 0; background: #fff; color: #666; font-weight: 800; }
.bottomnav ul { display: inline; }
.bottomnav li { display: inline; list-style: none; width: 80px; height: auto; padding: 6px 40px; }
.bottomnav a:link { color: #666; text-decoration: none; }
.bottomnav a:visited { color: #666; text-decoration: none; }
.bottomnav a:hover { color: #ed1c2e; text-decoration: none; }

.copyright { margin: 30px 40px; color: #666; font-weight: 400; }