@import url('reset.css');
@import url('960_12_col.css');
@import url('slideshow.css');

/* -------- COLORS -------- //
	green: #63AD02;
	grey: #A6A8AB;
	charcoal: #404041;
// ------------------------*/

body, html { height: 100%; text-align: center; position: relative; font-family: "museo-sans", gotham, sans-serif; font-size: 11px;}

/* -------- FONTS -------- */
a {text-decoration: none; color: #63AD02; }
a:hover { color: #000; }
strong {font-weight: 600;}
em { font-style: italic; }
/*.text-content { font-family: baskerville, times, serif; font-size: 13px; line-height: 1.4em; letter-spacing: .08em; color: #404041; }*/
.text-content { font-family: "museo-sans", sans-serif; font-size: 13px; line-height: 1.4em; letter-spacing: .08em; color: #404041; font-weight: 300; }
.text-content hr { display: none; }
.text-content p { margin-bottom: .75em; }
.text-content p:last-child { margin-bottom: 0; }
/*.read_more { font-style: italic; font-family: baskerville, times, serif; }*/
.read_more { font-style: italic; font-family: "museo-sans", sans-serif; }
h1 { text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 34px; color: #A6A8AB; margin-bottom: .5em; }
h2 { text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 18px; color: #A6A8AB; margin-bottom: .5em; }
h3 { text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 14px; color: #63AD02; margin-bottom: .5em; }
h4 { text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 12px; color: #000; margin-bottom: .3em; }
/*h5 { font-style: italic; font-family: baskerville, times, serif; margin-bottom: .25em; font-size: 14px; position: relative; top: 1px; }*/
h5 { font-style: italic; font-family: "museo-sans", sans-serif; margin-bottom: .25em; font-size: 14px; } /*position: relative; top: 1px;*/
h6 { text-transform: uppercase; font-weight: 500; letter-spacing: .1em; font-size: 11px; color: #000; margin-bottom: .3em; }
hr { border: 0 0 1px solid #999; }

.button {
	font-family: "museo-sans", gotham, sans-serif;
	display: inline-block;
	font-weight: 200;
	line-height: 1.4em;
	background: #EEE;
	border: 1px solid #AAA;
	padding: .5em 1em;
	line-height: 1.3em;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DDDDDD');
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#DDDDDD));
	background: -moz-linear-gradient(top,  #EDEDED,  #DDDDDD);
	text-shadow: 			0 1px 1px rgba(255,255,255,1);
	-moz-text-shadow: 		0 1px 1px rgba(255,255,255,1);
	-webkit-text-shadow:	0 1px 1px rgba(255,255,255,1);
	cursor: pointer;
	font-style: normal ! important;
	color: #000;
}

a.button:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	background: -moz-linear-gradient(top,  #FFFFFF,  #EEEEEE);
}

.sub_content .button { width: 95px; }
.sub_content p { padding-right: 10px; }

/* -------- STYLES -------- */
.block { background: url('/images/lines.gif') top left repeat-x; padding: 20px 0; }
.bottom_lined { background: url('/images/lines.gif') bottom left repeat-x; padding-bottom: 20px; }
.social a { display: block; line-height: 20px; font-style: italic; font-family: "museo-sans", sans-serif; margin-bottom: .25em; font-size: 12px; }
/*.social a { display: block; line-height: 20px; font-style: italic; font-family: baskerville, times, serif; margin-bottom: .25em; font-size: 12px; }*/
.social a img { vertical-align: middle; margin-left: 5px; width: 16px; height: 16px; }
.table { display: table; }
.cell { display: table-cell; vertical-align: middle; }

/* -------- STRUCTURE -------- */
body { background: url('/images/background.gif') center center fixed no-repeat; }

#horizon {
	padding: 0 20px;
	background: #FFF;
	-moz-box-shadow: 	0 0 10px rgba(0,0,0,.5);
	-webkit-box-shadow:	0 0 10px rgba(0,0,0,.5);
	box-shadow: 		0 0 10px rgba(0,0,0,.5);
}

.wrapper { width: 960px; margin: 0 auto; text-align: left; }
.column { float: left; }
.column.two_by_five { width: 800px; }

#header { padding: 20px 0; position: relative; text-align: center; }
#header .social { position: absolute; width: 60px; right: 0; top: 25px; }
#header .social a { float: left; width: 20px; height: 20px; margin: 0 0 9px 9px; }
#header .social a:hover { opacity: .7; }

#header .mailing_list_link { width: 64px; height: 64px; background: url('/images/mailing_list.png') top left no-repeat; position: absolute; top: 20px; left: 0px; text-indent: -9999px; }
#header .mailing_list_link:hover { background: url('/images/mailing_list.png') bottom left no-repeat; }

/* -------- MENU -------- */
.main_menu { padding-bottom: 5px; background: url('/images/lines.gif') bottom left repeat-x; text-align: center; margin-bottom: 25px; }
.main_menu li { display: inline-block;  font-size: 14px; letter-spacing: .05em; }
.main_menu li a { display: block; padding: 1em 1em; text-transform: uppercase; font-weight: 900; color: #000; text-decoration: none;}
.main_menu li a.self, .main_menu li a.ancestor { color: #63AD02; }
.main_menu li a:hover { color: #A6A8AB; }

/* -------- MAIN -------- */
#main_content { margin: 25px 0; }

/* -------- FOOTER -------- */
#footer { background: url('/images/lines.gif') top left repeat-x; padding: 25px 0; margin: 25px 0 0;}
#footer_logo { display: block; margin-bottom: 5px; }

#footer .social {text-align: right;}

#footer #footer_menu { }
#footer #footer_menu li { width: 160px; }
#footer #footer_menu li {float: left; letter-spacing: .1em; text-transform: uppercase; line-height: 1.3em; }
#footer #footer_menu li a { color: #000; }
#footer #footer_menu li a:hover { color: #A6A8AB; }
#footer #footer_menu li a.self { color: #63AD02; }

#footer_content { margin-top: 30px; opacity: .8;}

#mailing_list_signup iframe { width: 700px; height: 400px; }
#simplemodal-overlay { background: #555; }


/* -------- POPUP -------- */
.popup { width: 700px; height: 400px; display: none; background: #FFF; }
.popup h2 { text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 34px; color: #A6A8AB; margin-bottom: .25em; }
.popup h3 { text-transform: none; font-weight: 700; letter-spacing: .1em; font-size: 18px; color: #63AD02; margin-bottom: .25em; }

.popup .popup-content { float: left; width: 350px; padding: 100px 25px 0; text-align: left; }
.popup .slideshow { float: left; width: 300px; height: 400px; position: relative; overflow: hidden; }
.popup .slideshow img { min-width: 300px; height: 400px; }


/* -------- HOME -------- */
h2 a { color: #A6A8AB; }
#row_one { margin-bottom: 25px; }

#carousel_wrapper { height: 385px; width: 540px; }
#carousel { height: 385px; width: 540px; margin-bottom: 5px; z-index: 200; }
#carousel .slide { height: 385px; width: 540px;}
#carousel .slide .caption { cursor: pointer; }
#carousel .slide .caption:hover { opacity: .9; }
#carousel .slide .caption img, #carousel .slide .content { display: inline-block; vertical-align: bottom; margin: 10px; }
#carousel .slide .slide_content { position: relative; height: 340px; overflow: hidden; }
#carousel .slide h5 { color: #FFF; }

#carousel .slide.store_item .buy_now {
	width: 80px;
	margin-right: 20px;
	text-align: right;
	background: #555;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	padding: 1.5em 0;
	border-radius: 2px;
	margin-right: 15px;
}
#carousel .slide.store_item .buy_now .in_shop { font-size:  10px; text-transform: none; display: block; }
#carousel .slide.store_item .buy_now .now { font-size:  14px; font-weight: 600; text-transform: none; display: block; letter-spacing: .1em; }

#carousel .slide.event .details { float: left; width: 80px; margin-right: 20px; text-align: right; }
#carousel .slide.event .details h4 { color: #FFF; }
#carousel .slide.event .details h5 { color: #63AD02; }
#carousel .slide.event .description { float: left; width: 400px; }
#carousel .slide.event .description h6 { color: #FFF;}
#carousel .slide.event .description .address { color: #CCC; }

#carousel .slide .read_more { float: right; margin-top: 10px; }
#carousel .video embed, #carousel .video iframe { height: 340px; width: 540px; }
#carousel_nav { position: relative; margin-top: -15px; z-index: 300;}
#carousel_nav a {
	background: #AAA;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	display: inline-block;
	margin: 5px;
}
#carousel_nav a.activeSlide { background: #63AD02; }

#about_amy_teaser { padding-bottom: 25px; background: url('/images/lines.gif') bottom left repeat-x; margin-bottom: 20px; }
#about_amy_teaser img { float: right; margin: 0 0 .5em .5em; }

#store_teaser .item { float: left; width: 114px; margin-left: 19px; }
#store_teaser_items .item:first-child { margin-left: 0px; }
#store_teaser .item:hover { opacity: .8; }
#store_teaser .item img { display: block; margin-right: 10px; }
#store_teaser .item .title { margin-bottom: .2em; font-size: 12px; line-height: 1.3em; display: block; color: #000; }
/*#store_teaser .item .price { font-family: baskerville, times, serif; color: #63AD02; font-style: italic; margin-bottom: .3em; }*/
#store_teaser .item .price { font-family: "museo-sans", times, serif; color: #63AD02; font-style: italic; display: inline-block; vertical-align: bottom; font-size: 14px; font-weight: 200; }
#store_teaser .item .type { font-family: "museo-sans", times, serif; color: #929497; font-size: 11px; line-height: 1.4em; display: inline-block; vertical-align: bottom; letter-spacing: .05em; margin-left: 3px; line-height: 1em; }

#articles_teaser {}
#articles_teaser .article .cover { float: right; margin: 0 0 0 1em; }

#blog_teaser { }
#blog_teaser img { float: right; margin: 0 0 20px 20px; max-width: 248px; height: auto; }
#blog_teaser .headline a { color: #000; }
#blog_teaser .headline a:hover { color: #A6A8AB; }
#blog_teaser .subhead { color: #63AD02; }
#blog_teaser .read_more { display: block; text-align: right; }

#gallery_teaser .slideshow { width: 300px; height: 220px; }
#gallery_teaser .slideshow_wrapper { margin-bottom: 5px; }
#gallery_teaser .read_more { display: block; text-align: right; }

#events_teaser {}

/* -------- SITE CONTENT -------- */

.slideshow_wrapper { margin-bottom: 15px; }
.content_headline { padding: 40px 0 0 160px; }
.sub_content {
	background: url('/images/lines_vertical.gif') top right repeat-y;
	padding: 5px 10px 5px 0;
	width: 130px ! important;
	/*font-family: baskerville, times, serif; font-size: 13px; */
	font-family: "museo-sans", sans-serif; font-size: 13px;
	font-weight: 200;
}
.sub_content h4, .sub_content h4 a { text-transform: none; font-family: "museo-sans", gotham, sans-serif; font-weight: 500; margin-bottom: .7em; font-style: normal; }
.sub_content ul li { margin-bottom: .5em; }
.sub_content a { font-style: italic; }
.sub_content a img { vertical-align: middle; }
.sub_content a.self { color: #555; }
.sub_content .content { margin-bottom: 1em; }

/* -------- VIDEOS -------- */

.videos_list li { font-size: 13px; margin-bottom: .5em; }
.videos_list li a { display: block; padding-left: 20px; background: url('/images/video.png') center left no-repeat;}
.videos_list li .self { color: #000; background: url('/images/play.png') center left no-repeat;}

/* -------- ARTICLES -------- */

.articles { width: 800px; }
.article { margin-bottom: 1em; }
.article h3 { margin-bottom: .3em; }
.article h3 a { color: #63AD02; }
.article h3 a:hover { color: #000; }
.article .cover { float: left; margin: 0 1em 0 0; width: 80px;  }
.article .cover img { vertical-align: middle; }
/*.article .publication { color: #000; font-family: baskerville, times, serif; font-style: italic; font-size: 13px; margin-bottom: .4em; }*/
.article .publication { color: #000; font-family: "museo-sans", times, serif; font-style: italic; font-size: 13px; margin-bottom: .3em; font-weight: 300; }
.article .description { font-family: tahoma; font-size: 11px; line-height: 1.4em; color: #58595B; }
.article .categories { color: #999; font-size: 90%; }


/* -------- BOOKS -------- */
.book.grid_5 { padding-bottom: 20px; }
.book.large .cover { width: 135px; height: 205px; float: left; padding: 9px 15px 20px 15px; margin: -9px -15px 0 -5px; } /*  background: url('/images/book_background.png') top left no-repeat; */
.book.large .cover .table { height: auto; }
.book .price { color: #63AD02; }
.book.large .book_details { float: left; margin-left: 20px; width: 215px;}
.purchase_links ul { list-style-image:url('/images/plus.png'); padding-left: 1em; }
.purchase_links a { font-style: italic; }

/* -------- GALLERY (and videos a bit) -------- */
.tl_gallery h1, .tl_videos h1 { display: inline-block; }
.tl_gallery h2, .tl_videos h2 { display: inline-block; }
.tl_gallery h2 a, .tl_videos h2 a {  } /*color: #63AD02;*/
.tl_gallery .video_link { display: inline-block; margin: 0 0 0 10px; font-size: 16px;  }
.tl_gallery .slideshow { float: left; width: 620px; height: 420px; background: none; display: block; }
.tl_gallery .slideshow .slide { width: 620px; height: 420px;}
.tl_gallery .slideshow .slide img { max-width: 620px; max-height: 420px; }
.tl_gallery .slideshow .slide .outer { display: table; }
.tl_gallery .slideshow .slide .inner { display: table-cell; text-align: center; vertical-align: middle; }
.tl_gallery #nav { max-height: 400px; overflow: auto; }
.tl_gallery #nav li {  float: left; margin: 8px; list-style: none; border: 1px solid #ccc; padding: 3px; }
.tl_gallery #nav a { width: 50px; height: 50px; display: block; overflow: hidden; }
.tl_gallery #nav a img { max-width: 50px; }
.tl_gallery #nav .activeSlide { background: #000; }
.tl_gallery #nav a:focus { outline: none; }
.tl_gallery #nav img { border: none; display: block }
.tl_gallery #next_prev_nav a { display: inline-block; opacity: .5; padding: 5px;}
.tl_gallery #next_prev_nav a:hover { opacity: 1; }


/* -------- GO GO GREEN GARDEN -------- */

.child_content { margin-bottom: 2em; }
.child_content .image_link {float: left; width: 140px; margin-right: 20px; }
.child_content .content {float: left; }
.child_content .content .teaser_text { width: 300px; } /* font-family: tahoma; font-size: 10px; line-height: 1.4em; color: #58595B; */

/* -------- EVENTS -------- */

.event { margin-bottom: 2em; }
.event:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.event .event_image { width: 300px; float: right; margin-left: 20px; }
.event:nth-child(even) .event_image { float: left; margin: 0 20px 0 0; }
.event .details { float: left; width: 140px; margin-right: 20px; text-align: right; }
.event .date { color: #000; margin-bottom: 2px; }
.event .time { color: #555; font-size: 13px; margin-bottom: 6px;}
.event .location { margin-bottom: .3em; color: #555; }
.event .address { font-family: tahoma; font-size: 10px; line-height: 1.4em; color: #63AD02; }

.event .description { float: left; width: 460px; }
.event .title { color: #63AD02; }

/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}