/* HOME - 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: 0 0 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; }

#sidebar a.orderform:link { color: #ed1c2e; font-weight: 800; padding: 7px 6px 7px 0; }
#sidebar a.orderform:visited { color: #ed1c2e; font-weight: 800; padding: 7px 6px 7px 0; }
#sidebar a.orderform:hover { color: #666; font-weight: 800; padding: 7px 6px 7px 0; }

#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 20px; padding: 16px 0 0 0; width: 760px; height: 277px; background: #fff;  }
#carouselcontent img { border: 1px solid #ccc; }

/* START CAROUSEL */
/* get rid of those system borders being generated for A tags */
a:active { outline:none; }
:focus { -moz-outline-style:none; }

/* container for slides */
.images { float:left; margin: 0; border:1px solid #ccc; position:relative; height:277px; width:756px; cursor:pointer;

/* CSS3 tweaks for modern browsers */
-moz-border-radius:0; -webkit-border-radius:0; -moz-box-shadow:0; -webkit-box-shadow:0;	}

/* single slide */
.images div { display:none; position:absolute; top:0; left:0; margin:0; padding:0; height:277px; }

/* header */
.images h2 { margin:0; padding: 0; width: auto; font: 1.8em/0.9em Georgia, Times, serif; letter-spacing: 0.019em; color:#fff; }
.carousel-text { float: left; width: 204px; height: auto; margin: 20px 0 0 20px; padding: 10px; background:url(/images/carousel/carousel-bkgd.png); text-align: left; }
.carousel-text p { padding: 8px 0 0 0; color:#fff; }
.carousel-text p a:link { float: right; margin: 8px 8px 8px 0; padding: 4px 8px; border: 1px solid #ccc; color: #ed1c2e; font: normal normal 800 1em/140% Verdana, Geneva, sans-serif; text-decoration: none; background: transparent url("/images/global/none.png") repeat top left; }
.carousel-text p a:visited { float: right; margin: 8px 8px 8px 0; padding: 4px 8px; border: 1px solid #ccc; color: #ed1c2e; font: normal normal 800 1em/140% Verdana, Geneva, sans-serif; text-decoration: none; background: transparent url("/images/global/none.png") repeat top left; }
.carousel-text p a:hover { float: right; margin: 8px 8px 8px 0; padding: 4px 8px; border: 1px solid #ccc; color: #666; font: normal normal 800 1em/140% Verdana, Geneva, sans-serif; text-decoration: none; background: transparent url("/images/global/none.png") repeat top left; }

/* tabs  */
.tabs { clear:both; margin: -16px 0 0 0;}

/* single tab */
.tabs a { width:150.7px; height:18px; float:left; margin: 0; padding: 2px 0 4px 0; display:block;  }

/* mouseover state */
.tabs a:hover {  }

/* active state (current page state) */
.tabs a.current {  } 	

/* prev and next buttons */
.forward, .backward { float:left; margin:120px 23px 0 23px; background:#fff url("/images/carousel/hori_large.png") no-repeat; display:block; width:30px; height:30px; cursor:pointer; font-size:1px; text-indent:-9999em; }

/* next */
.forward 			{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 

/* prev */
.backward:hover  	{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled { visibility:hidden !important; }
/* END CAROUSEL */

#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: #ed1c2e; font: 400 1.5em/0.9em Georgia, Times, serif; letter-spacing: 0; }
#columns p { margin: 0 0 8px 0; }
#columns a:link { float: left; margin: 8px 0 0 0; padding: 4px 8px; border: 1px solid #ccc; color: #ed1c2e; 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: #ed1c2e; 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; }

#spacer { width: 100px; height: 10px; display: block; }

#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: #ed1c2e; font-size: 1.8em; line-height: 0.9em; font-family: Georgia, Times, serif; letter-spacing: 0.019em; }
#overviewrows h3 { margin: 0; padding: 18px 0 0 0; color: #ed1c2e; font: 400 1.5em/0.9em Georgia, Times, serif; letter-spacing: 0; }
#overviewrows h4 { margin: 0 0 8px 0; padding: 20px 0 0 0; color: #ed1c2e; 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: #ed1c2e; 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: #ed1c2e; 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; }

#activity550 { float: left; margin: 0 0 20px 0; padding: 0 0 0 20px; width: 554px; height: auto; text-align: left; }
#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; }
#activity550 h2 { margin: 0 0 20px 0; padding: 18px 0 0 0; color: #ed1c2e; font: 1.8em/0.9em Georgia, Times, serif; }
#activity550 h4 { margin: 0; padding: 20px 0 0 0; color: #ed1c2e; font: 1.1em/0.9em Verdana, Geneva, sans-serif; }
#activity550 blockquote { margin: 0 20px; color: #ed1c2e; font-size: 1.3em; font-weight: 800; }
#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: 10px; border: 1px solid #ccc; }
#activity550 p img .center { text-align: center; margin: 0; border: 1px solid #ccc; }
#activity550 p a:link { margin: 8px 0 0 0; padding: 4px 0; color: #ed1c2e; font: 800 1.0em Verdana, Geneva, sans-serif; text-decoration: none;  }
#activity550 p a:visited { margin: 8px 0 0 0; padding: 4px 0; color: #ed1c2e; font: 800 1.0em Verdana, Geneva, sans-serif; text-decoration: none; }
#activity550 p a:hover { margin: 8px 0 0 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; }

#footer { margin: 0 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 {  float: left; margin: 0 10px 0 46px; padding: 0; width: 172px; height: auto; 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; }

/ ADD THIS / 
.addthis_button a { text-decoration: none; color: #666; font: 400 0.9em Verdana, Geneva, sans-serif; }

.addthis_button a:hover { text-decoration: underline; }