body {
  font-size: 11pt;
  color: #333;
}

#universal-nav #sites li.tgs a {
  color: #fff;
}

.site-container {
}

a {
  color: #8fb436;
}

h2 {
  font-size: 18pt;
}

h3 {
  font-size: 15pt;
  font-weight: normal;
}

.home h3 {
  margin-bottom: 12px;
}

.btn {
  background-color: #93b937;
  color: #fff;
  font-weight: bold;
  border: 1px solid #93b937;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  padding: 5px;
}

.main {
  margin: 10px 0 0;
}

.main.grid_8 {
  padding-right: 20px;
  border-right: 1px solid #ccc;
}

.enlarge_link {
  background-image: url('/static/img/greenespace/greenespace-sprite.png');
}

#enlarge .close a {
  background-image: url('/static/img/greenespace/greenespace-sprite.png');
  background-position: 30px -17px !important; /* override value in enlarge.css */
}

/* masthead */

#masthead {
  margin: 10px auto;
}

#logo {
  float: left;
  width: 151px; /* including the animation, which will overflow the (#logo a) box */
  margin-right: -30px;
  height: 78px;
  background: url(/static/img/greenespace/logo_greenespace_animated_slow.gif) no-repeat 0 0;
  text-indent: -9999px;
}

#logo a {
  display: block;
  width: 101px;
  height: 78px;
}

#main-nav {
  float: left;
  margin: 20px 20px 15px 0;
  width: 627px;
  border-bottom: 1px solid #e0e0e0;
}

#main-nav li {
  float: left;
  height: 20px;
  width: auto;
  border: 0;
  margin: 0;
  padding: 0;
}

#main-nav li a {
  text-indent: -9999px;
  display: block;
  height: 17px;
  padding: 0 4px;
  margin-left: 11px;
  overflow: hidden;
  background: url(/static/img/greenespace/main-nav.png?v2) no-repeat 4px 0;
}

#main-nav li.first a {
  margin-left: 1px;
}

#main-nav li a:hover {
  border-bottom: 3px solid #87bd3c;
}

#main-nav li.home a {
  width: 44px;
}

#main-nav li.home a:hover {
  background-position: 4px -17px;
}

#main-nav li.tickets a {
  width: 139px;
  background-position: -70px 0;
}

#main-nav li.tickets a:hover {
  background-position: -70px -17px;
}

#main-nav li.calendar a {
  width: 72px;
  background-position: -231px 0;
}

#main-nav li.calendar a:hover {
  background-position: -231px -17px;
}

#main-nav li.videos a {
  width: 71px;
  background-position: -330px 0;
}

#main-nav li.videos a:hover {
  background-position: -330px -17px;
}

#main-nav li.rent a {
  width: 120px;
  background-position: -626px 0;
}

#main-nav li.rent a:hover {
  background-position: -626px -17px;
}

#main-nav li.about a {
  width: 75px;
  background-position: -523px 0;
}

#main-nav li.about a:hover {
  background-position: -523px -17px;
}

#searchform {
  float: right;
  margin: 10px 0 15px;
  background: url(/static/img/greenespace/searchform-bg.png) repeat-x 0 0;
  border: 1px solid #ddd;
  height: 30px;
}

#searchform input.text {
  height: 30px;
  width: 145px;
  padding-left: 5px;
  border: 0;
  background: 0;
  float: left;
}

#searchform input.submit {
  background: url(/static/img/icons/search-glass.png) no-repeat 7px 8px;
  border: 0;
  border-left: 1px solid #ddd;
  height: 30px;
  width: 30px;
}

#masthead #header-tweet {
  color: #bbb;
  font-size: 8.5pt;
  float: left;
  height: 15px;
  line-height: 1.3em;
  padding-left: 33px;
  background: url(/static/img/icons/sprite-twitter-tiny-gray.png) no-repeat 5px 0;
}

/* homepage */

.edit-bucket {
  right: 5px;
}

.home .all { /* see all links */
  float: right;
  font-size: 9pt;
}

.home-top-buckets {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

#carousel-outer-wrapper {
  background: 0;
  height: 390px;
  margin: 0 0 20px;
  position: relative;
  padding: 0;
  border: 0;
}

#carousel-container {
  width: 100%;
  height: 360px;
  margin: 0;
  background: #7661ae url(/static/img/greenespace/bg-carousel-tgs-placeholder.jpg) no-repeat 0 0;
}

#carousel-control {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 45%;
  width: 55%;
  z-index:100; /*ie drops other hidden stuff in front of this*/
}

#carousel-control div {
  height: 9px;
  width: 9px;
  border: 0;
  background-color: #d7d7d7;
}

#carousel-control a.selected div,
#carousel-control a:hover div {
  border: 0;
  background-color: #aecd61;
}

#carousel-read-more,
#carousel-inner .text h4.subtitle {
  display: none;
}

#carousel-inner.carousel-list li {
  width: 680px;
  height: 360px;
  position: relative;
  left: 135px;
  border-right: 1px solid #fff;
}

#carousel-inner.carousel-list li .overlay {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .55;
  filter:alpha(opacity=55);
  cursor: pointer;
}

#carousel-inner.carousel-list li.selected .overlay {
  display: none;
}

#carousel-inner.carousel-list li.index_0,
#carousel-inner.carousel-list li.index_5,
#carousel-inner.carousel-list li.index_10 {
  background-color: #93b937;
}

#carousel-inner.carousel-list li.index_1,
#carousel-inner.carousel-list li.index_6,
#carousel-inner.carousel-list li.index_11 {
  background-color: #be2050;
}

#carousel-inner.carousel-list li.index_2,
#carousel-inner.carousel-list li.index_7,
#carousel-inner.carousel-list li.index_12 {
  background-color: #7661ae;
}

#carousel-inner.carousel-list li.index_3,
#carousel-inner.carousel-list li.index_8,
#carousel-inner.carousel-list li.index_13 {
  background-color: #39aad9;
}

#carousel-inner.carousel-list li.index_4,
#carousel-inner.carousel-list li.index_9,
#carousel-inner.carousel-list li.index_14 {
  background-color: #f7751e;
}

#carousel-inner .item-wrapper {
  width: 680px;
  height: 360px;
  background: 0;
}

#carousel-inner .item-wrapper .image {
  float: none;
  height: 260px;
  position: relative;
  overflow: hidden;
}

#carousel-inner .text {
  float: none;
  height: 76px;
  width: 650px;
  padding: 12px 15px;
  position: relative;
}

#carousel-inner .item-wrapper h1 a {
  width: 565px;
  font: 18pt/18pt  normal arial,sans-serif;
}

#carousel-inner p {
  font-size: 10.5pt;
  margin: 0;
}

#carousel-inner p.image-caption {
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(/static/img/icons/bg-gray-35-percent.png) repeat 0 0;
  padding: 2px 5px;
}

#carousel-inner p.image-caption .caption {
  /*only display the credit*/
  display: none;
}

#carousel-inner p.image-caption .credit {
  color: #fff;
}

#carousel-inner .text .ticket_wrapper {
  position: absolute;
  top: 8px;
  right: 8px;
  text-transform: uppercase;
  color: #fff;
  font-size: 8pt;
}

#carousel-inner .text .ticket_wrapper a {
  color: #fff;
  padding: 5px;
  border: 2px solid #fff;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: url(/static/img/icons/bg-gray-35-percent.png) repeat 0 0;
}

#carousel-inner .text .ticket_wrapper a:hover {
  text-decoration: none;
  background: none;
}

.home.alert {
  position: relative;
  background-color: #ffff00;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
  margin: 0 0 20px;
  width: 950px;
  border: 0;
}

.home.alert .image {
  float: left;
  margin-right: 7px;
}

.home.alert .image img {
  width: 90px;
  height: 56px;
}

.home.alert a.video-overlay,
.home.alert h2 a {
  float: left;
  position: relative;
  margin: 15px 0 15px 15px;
  color: #333;
  font-size: 13pt;
  line-height: 1.5em;
}

.home.main.grid_8 {
  width: 641px;
  border: 0;
  padding: 0;
  margin-top: 0;
}

.sponsor-the-space-badge {
  margin: 0 0 20px;
}

.calendar-module {
  width: 285px;
  margin: 0 0 20px;
  background: url(/static/img/greenespace/home-calendar-header.png) no-repeat 0 0;
}

.calendar-module a.calendar-fullpage-link {
  /*an empty A tag which covers the EVENTS home-calendar-header.png space above */
  display:block;
  position:absolute;
  height:226px;
  width:95px;
}

.calendar table {
  width: 187px;
  height: 176px;
  margin-left: 95px;
}

.calendar td {
  width: 25px;
  height: 25px;
  border: 2px solid #fff;
}

.calendar tr.dayRow td {
  font-size: inherit;
  vertical-align: bottom;
}

.calendar tr.dateRow td,
.calendar tr.dateRow td.emptyDate {
  background-color: #000;
  font-size: 11pt;
}

.calendar tr.dateRow td.today {
  background-color: #666;
  color: #ddd;
}

.calendar tr.dateRow td.active,
.calendar tr.dateRow td.active a div {
  padding: 0;
  background-color: #9FC93B;
  color: #fff;
}

.calendar tr.dateRow td.active a:hover div {
  background-color: #9FC93B;
  color: #000;
}

.calendar tr.dateRow td.active.past a div {
    background-color: #688327;
}

.calendar tr.dateRow td.active.past a:hover div,
.calendar tr.dateRow td.active.past a:hover {
    color: black;;
    text-decoration:none;
}

.calendar tr.monthRow td.month {
  width: auto;
}

.calendar tr.monthRow td {
  background-color: #000;
  color: #93b937;
  font-size: 16pt;
  border: 0;
}

.calendar tr.monthRow td.month,
.calendar tr.monthRow a  {
  font-size: 11pt;
  color: #fff;
}

.calendar-module .todays-date {
  height: 48px;
  width: 187px;
  color: #fff;
  text-transform: uppercase;
  background-color: #93b937;
  margin-left: 95px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-size: 50px;
  letter-spacing: -2px;
  line-height: .96em;
  text-align: center;
}

.calendar-module .upcoming {
  background-color: #f1f1f1;
  padding: 10px;
  width: 262px;
  font-size: 9.5pt;
}

.sidebar .calendar-module .upcoming {
  width: 280px;
}

.calendar-module .upcoming h4 {
  text-transform: uppercase;
  color: #666;
  margin-bottom: 5px;
}

.calendar-module .upcoming li {
  clear: both;
  margin: 0 0 10px;
  line-height: 1.5em;
}

.calendar-module .title a {
  color: #111;
  font-weight: bold;
}

.calendar-module p {
  color: #aaa;
}

.calendar-module .date,
.calendar-module .upcoming .ticket_wrapper {
  float: left;
  margin: 0 10px 0 0;
  text-transform: uppercase;
  font-size: 8.5pt;
}

.calendar-module .upcoming a.buy-button,
.calendar-module .upcoming div.buy-button.sold-out {
  background: 0;
  border: 0;
  padding: inherit;
  font-size: inherit;
  color: #8fb436;
}

.calendar-module .upcoming a.buy-button:hover {
  text-decoration: underline;
  background: 0;
}

.calendar-module .upcoming .ticket_wrapper a:after {
  content: " \0BB";
}

.calendar-module .upcoming .full-cal {
  clear: both;
  font-weight: bold;
  font-size: 9pt;
  text-align: right;
}

#damost a {
  color: #666;
  font-size: 10pt;
}

#damost a:hover {
  color: #93b937;
}

#damost-nav span {
  display: none;
}

#damost-nav li {
  border-bottom: 1px solid #93b937;
  width: 33%;
  margin: 5px 0;
}

#damost-nav li a {
  text-align: center;
  padding: 4px 0;
}

#damost-nav a:hover {
  text-decoration: none;
}

#damost-nav li.active a {
  background-color: #93b937;
  color: #fff;
}

#damost ol {
  padding: 10px 25px;
}

#damost ol li {
  margin-bottom: 10px;
  color: #aaa;
}

/* recent videos */

.recent-videos {
  font-size:  0.9em;
  line-height: 1.5em;
  padding: 0 18px;
  border-left: 1px solid #ccc;
}

.recent-videos li {
  border-top: 1px solid #ccc;
  height: 85px;
  padding: 20px 0;
  position: relative;
}

.recent-videos .media {
  float: left;
  margin-right: 10px;
}

.recent-videos .video-overlay {
  bottom: 30px;
  left: 3px;
}

.recent-videos .text a { color: #333; }

/* experience the space slider */

.space {
  border-top: 1px solid #ccc;
  padding: 10px 0;
  margin: 20px 0;
}

.space .btn-rent {
  display: block;
  float: right;
  margin: 4px 0;
}

.space h3 {
  margin: 12px 0 15px;
}

#space-carousel {
  height: 310px;
  padding-bottom: 12px;
  background: url(/static/img/greenespace/bg-drop-shadow-medium.png) no-repeat center bottom;;
}

#space-carousel .edit-bucket {
  background-image: url(/static/img/icons/edit-bucket-light.png);
  top: 5px;
}

#space-carousel .edit-tout {
  background-image: url(/static/img/icons/edit-tout-light.png);
  top: 5px;
  right: 25px;
}

#space-carousel .image img {
  /*good practice anyway, but mainly for IE7 image-too-small issue */
  height: 310px;
  width: 620px;
}

/* sidebar */

.sidebar {
  margin-top: 10px;
  margin-right: 0;
  padding-left: 9px;
}

.sidebar h3 {
  font-size: 12.5pt;
}

.sidebar.home {
  border-left: 1px solid #ccc;
  width: 299px;
  padding-left: 18px;
  margin-top: 0;
}

.bigbox_ad, .littlebox_ad {
  margin: 0 0 20px;
}

.sidebar .module {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  -moz-border-radius: 1px;
  border-radius: 1px;
  padding: 12px;
  margin-bottom: 20px;
}

.social.module {
  background-color: #fff;
  padding-bottom: 7px;
}

.social.module .newsletter-signup {
  background-color: #f9f9f9;
  border-bottom: 1px solid #ccc;
  margin: -12px -12px 7px;
  padding: 12px;
}

.newsletter-signup .button {
  background: #93B937;
}

.newsletter-signup .button:hover {
  background: #719221;
}

.guests.module {
  padding-right: 0;
  padding-bottom: 2px;
}

.home .guests .all {
  margin-right: 12px;
}

.guests.module li {
  float: left;
}

.guests.module li a {
  display: block;
  border: 1px solid #a8d170;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #fff;
  padding: 2px;
  width: 55px;
  margin: 0 10px 10px 0;
}

.guests.module li a:hover {
  background-color: #a8d170;
}

.guests.module img {
  width: 55px; /* ie7 */
}

/* footer */

#footer {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-top: 40px;
  font-size: 8pt;
  padding: 5px 0 15px;
}

#footer h1 {
  text-transform: uppercase;
  font-size: 10pt;
  font-weight: bold;
}

#footer h2 {
  font-size: 10pt;
  font-weight: normal;
}

#footer h1 a {
}

#footer h1,
#footer h2,
#footer li {
  float: left;
  line-height: 8pt;
  margin: 10px 10px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #ccc;
}

#footer h1,
#footer h2,
#footer li.last {
  border: 0;
  padding-right: 0;
}

#footer,
#footer li a {
  color: #999;
}

#footer .text {
  width: 580px;
  float: left;
}

#footer .logos {
  width: 365px;
  margin: 5px 0 0 15px;
  float: left;
}

#footer .logos a {
  text-indent: -9999px;
  display: block;
  float: left;
  background: url(/static/img/njpr/nypr_njpr_lockup_horiz_360_color.png) no-repeat 0 0;
  width: 73px;
  height: 43px;
}

#footer .logos a.wnyc {
  background-position: -72px 0;
}

#footer .logos a.wqxr {
  background-position: -144px 0;
}

#footer .logos a.njpr {
  background-position: -216px 0;
}

#footer .logos a.tgs {
  background-position: -288px 0;
}

/* ARTICLES */

.segment-tease,
.episode-tease,
.show-tease,
.profile-tease,
.event-tease,
.playlist-tease,
.tiny-tease,
.blurb-tease {
  border-bottom: 1px solid #8fb436;
}

.article-bottom-tags,
.article-bottom-appearances,
.article-bottom-channel {
  padding: 0;
}

/* Events */

a.buy-button {
  background-color: #f7751e;
}

a.buy-button:hover {
  background-color: #f99e61; /* lighter orange */
}

a.buy-button.free {
  background-color: #43b9ef;
}

a.buy-button.free:hover {
  background-color: #7bcef4; /* lighter blue */
}

.event-detail .page-titlegroup,
.event-channel {
  display: none; /* only one event channel on tgs.org */
}

.event-channel.upcoming {
  display: inline;
}

.story-headergroup.event {
  background-color: #8fb436;
}

.event-tease h3.date {
  color: #90b637;
}

.event-venue li, .event-venue-page li {
  background: 0;
  padding: 0;
  list-style: disc outside none;
  margin: 2px 0 2px 15px;
}

/* Guest page */
.guestlist-header {
  color: #666666;
  text-transform: uppercase;
  font-size: 11pt;
  padding-bottom: 11px;
}

.guestlist li {
  display:inline-block;
  *float:left; /*ie7 sucks*/
  *height:150px; /*ie7 gets three lines and then cut off title*/
  margin: 6px;
  vertical-align: top;
}

.guestlist .guest-name {
  color: #333;
  font-size: 10pt;
  padding: 5px 0;
  max-width: 100px;
}

.guestlist a {
  text-decoration:none;
}

.guestlist .guest-name:hover {
    /*so underline is black.  green is so much nicer! */
    color: #333;
    text-decoration: underline;
    cursor:pointer;
}

/* Slideshows */

.storyslide-prev {
	background: #fff url('/static/img/slideshow-btn-greenespace-prev.gif') no-repeat 0px 0px !important;
}

.storyslide-next {
	background: #fff url('/static/img/slideshow-btn-greenespace-next.gif') no-repeat 0px 0px !important;
}

.storyslide-prev:hover,  .storyslide-next:hover {
	background-position: 0px -18px !important;
}

.media_buttons fieldset {
  position: absolute;
  clear: both;
  left: 0px;
  z-index: 100;
  background-color: #fff;
}

.media_buttons {
  position: relative;
  float: left;
}

.media_buttons legend {
  font-weight: bold;
  background-color: #fff;
  width: 100%;
}

div.calendar-fullpage thead  tr.calendar-weekdays td {
    background-color: #93b937;
}

div.calendar-fullpage .event-time {
    color: #83a531;
    /*color:#93b937; correct color, but too light*/
}

.calendar-fullpage-footer {
  text-align: center;
  margin: 60px 0;
}