/*
******************************************************

	Designed and hand-coded
	by ideajunction.co.uk
	
	Adapted and converted to Drupal 
	by Drupology.co.uk

******************************************************
	*/


	/* Basic page layout */
	.container .row { width:1220px; margin:auto; }
	section.primary-column,
	aside { float:left; margin-bottom:40px; }
	section.primary-column { width:880px; margin-top:0; z-index:10; position:relative; }
	aside.comments { width:240px; padding:20px; margin-top:40px;  }
	aside.related { width:280px; margin-left:20px; }
	aside.comments { width:260px; margin-bottom:23px; } /* related beneath comments */
	/* aside.related { margin-top:-20px; width:100%; } ...or related at the bottom, full width */

	header.container,
	footer.container { height:80px; z-index:50; position:relative; }

	div.explore,
	div.stores { margin-bottom:50px; }


	/* Backgrounds, borders, dropshadows and border-radius */
	body { background:#f0edd9 url('../backgrounds/texture_light_green.gif'); }
	header.container,
	section.group-box,
	footer.container { background:#fff;
		-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.3), 0 1px 10px rgba(0, 0, 0, 0.3);
		   -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.3), 0 1px 10px rgba(0, 0, 0, 0.3);
		        box-shadow:0 0 2px rgba(0, 0, 0, 0.3), 0 1px 10px rgba(0, 0, 0, 0.3);
	}
	aside.comments,
	/*.box-link,*/
	article.story { background:#fff;
		-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
		        box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
		        border-radius:10px;
	}
	section.group-box { padding:20px; 
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
		        border-radius:20px;
	}
	aside.comments {
		margin-left:-20px; padding-left:40px;
	}




	/* Add a shadow to the promo-boxes */
	article.node-tile-promo { background:#fff;
		-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
		        box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
	}
	article.node-tile-promo,
	article.node-tile-promo img {
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
		        border-radius:10px;
	}
	article.node-tile-promo.node-teaser-blurb img {
	    -webkit-border-bottom-right-radius:0px;
	       -moz-border-radius-bottomright: 0px;
	            border-bottom-right-radius:0px;
	    -webkit-border-bottom-left-radius: 0px;
	       -moz-border-radius-bottomleft:  0px;
	            border-bottom-left-radius: 0px;
	}
	article.node-tile-promo a { display:block; }
	article.node-teaser-blurb a:hover span img { margin:0; border:none; padding:0; opacity:0.8; }


	/* If a promo box is in a .group-box, remove the shadow and border-radius */
	section.group-box article.node-tile-promo,
	section.group-box article.node-tile-promo img
	section.group-box article.node-tile-promo.node-teaser-blurb a.image-wrap span img,
	section.group-box article.node-teaser-blurb a.image-wrap img {
		-webkit-box-shadow:none;
		   -moz-box-shadow:none;
		        box-shadow:none;
		-webkit-border-radius:0!important;
		   -moz-border-radius:0!important;
		        border-radius:0!important;
	}
	article.node-tile-promo.node-teaser-blurb div.blurb { margin-bottom:-15px; }



	/* Navigation (in header and footer) */
	nav ul.inline li { float:left; padding:0; margin-right:-1px; }
	nav li a { line-height:80px; color:#535353; display:inline-block; border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7; background:#fff; padding:0 18px;
		-webkit-transition:background-color 0.3s;
		   -moz-transition:background-color 0.3s;
		     -o-transition:background-color 0.3s;
		        transition:background-color 0.3s;
	}
	nav li a:hover { background-color:#f7f7f7; border-right:1px solid #fff; border-left:1px solid #fff; position:relative; z-index:10; }



	/* Page header (top nav) */
	nav select { display:none; width:100%; margin-top:3px; }
	nav a.home { background:#fff url('../logo/the_beatles_logo.svg') no-repeat center center; width:82px; height:80px; text-indent:-9999px; display:block; }
	nav li a.home { border:none; }
	header div.row { position:relative; height:100%; }
  header #block-views-exp-search-page-1,
  header nav.secondary { position:absolute; bottom:0; right:0px; }
  header nav.secondary { right:220px; }
  header #edit-title-wrapper { padding-right:0; }
  header #block-views-exp-search-page-1 input { border:3px solid #ccc; background:#f5f5e9 url('../elements/mag_glass_bbbbbb.svg') no-repeat center left; width:178px; padding:2px 2px 2px 25px; margin:25px 20px; color:#aaa;
    -webkit-border-radius:20px;
       -moz-border-radius:20px;
            border-radius:20px;
    -webkit-transition:background-color 0.3s, border-color 0.3s;
       -moz-transition:background-color 0.3s, border-color 0.3s;
         -o-transition:background-color 0.3s, border-color 0.3s;
            transition:background-color 0.3s, border-color 0.3s;
  }
  header #block-views-exp-search-page-1 .views-submit-button { display:none }
  header #block-views-exp-search-page-1 .views-exposed-widgets { margin-bottom:0; }
  header #block-views-exp-search-page-1 input:focus { outline:none; background:#fff url('../elements/mag_glass_599c18.svg') no-repeat center left; border-color:#599c18; color:#333; }



  /* Section/article/aside headers */
  div.row > header { border:none; text-align:center; margin:30px 20px; }
  div header { position:relative; border-bottom:1px solid #ccc; }
  a div header { border:none; }
  #header { border-bottom:none; }
  header div.options { position:absolute; right:0; bottom:4px; line-height:16px; height:24px; }
  header div.options span.label { padding-right:5px; } /* Used for "switch store" */
  header div.options .flag-throbber { position:absolute; left:86px; top:1px; }
  span.facebook-like iframe { position:relative; top:5px; margin-right:10px; }
  article > header { margin-bottom:50px; }
  article > header hgroup h1 { padding:20px 210px 0 0; }
  article > header hgroup h2 { position:absolute; left:0; bottom:-25px; }
  header > h2 { padding-bottom:3px; }
  section.store > header { margin-bottom:10px; }
  section.favourites > header { margin-top:30px; margin-bottom:20px; }

  /* Flatten top of .group-box.primary-column */
  section.group-box.primary-column {
    -webkit-border-top-right-radius:0px;
       -moz-border-radius-topright: 0px;
            border-top-right-radius:0px;
    -webkit-border-top-left-radius: 0px;
       -moz-border-radius-topleft:  0px;
            border-top-left-radius: 0px;
    border-top:10px solid #ccc;
  }

  /* Colourscheme for story types */
  section.group-box.node-parent-type-story.node-sub-type-album { border-top:10px solid #599c18; }
  section.group-box.node-parent-type-story.node-sub-type-album article > header hgroup h2,
  .story.album h3 { color:#599c18; }

  section.group-box.node-parent-type-story.node-sub-type-song,
  section.group-box.node-parent-type-story.node-sub-type-track { border-top:10px solid #ffba00; }
  section.group-box.node-parent-type-story.node-sub-type-song article > header hgroup h2,
  section.group-box.node-parent-type-story.node-sub-type-track article > header hgroup h2,
  .story.song h3,
  .story.track h3 { color:#ffba00; }

  section.group-box.node-parent-type-story.node-sub-type-feature { border-top:10px solid #cb0e0e; }
  section.group-box.node-parent-type-story.node-sub-type-feature article > header hgroup h2,
  .story.feature h3 { color:#cb0e0e; }

  section.group-box.node-parent-type-story.node-sub-type-film { border-top:10px solid #023fc2; }
  section.group-box.node-parent-type-story.node-sub-type-film article > header hgroup h2,
  .story.film h3 { color:#023fc2; }

  section.group-box.node-parent-type-story.node-sub-type-event { border-top:10px solid #9d0ee7; }
  section.group-box.node-parent-type-story.node-sub-type-event article > header hgroup h2,
  .story.event h3 { color:#9d0ee7; }

  section.group-box.node-parent-type-story.node-sub-type-photo_album { border-top:10px solid #9b9b2e; }
  section.group-box.node-parent-type-story.node-sub-type-photo_album article > header hgroup h2,
  .story.photo_album h3 { color:#9b9b2e; }

  section.group-box.node-parent-type-story.node-sub-type-news { border-top:10px solid #18979c; }
  section.group-box.node-parent-type-story.node-sub-type-news article > header hgroup h2,
  .story.news h3 { color:#18979c; }

  section.group-box.node-parent-type-story.node-sub-type-video_set { border-top:10px solid #C73DDC; }
  section.group-box.node-parent-type-story.node-sub-type-video_set article > header hgroup h2,
  .story.video_set h3 { color:#C73DDC; }

  section.group-box.community { border-top:10px solid #ff00de; }
  section.group-box.community article > header hgroup h2 { color:#ff00de; }



  /* Full width generics */
  .ruled { border-top:1px solid #bfbeae; border-bottom:1px solid #fcfcf8; }
  .ruled ul { border-top:1px solid #fcfcf8; border-bottom:1px solid #bfbeae; padding-top:15px; padding-bottom:15px; }
  .fullwidth { margin-top:30px; margin-bottom:30px; }
  .fullwidth > ul { padding-left:20px; }
  .fullwidth > ul > li { float:left; margin-right:20px; }
  /* @4x cols (default) */
  .fullwidth.contains3 > ul > li { width:380px; } /* 1180-(20*2cols) /3 */
  .fullwidth.contains4 > ul > li { width:280px; } /* 1180-(20*3cols) /4 */



  /* Stores page */
  div.stores div.row > header { margin-bottom:5px; }
  div.store-flags { margin-bottom:70px; text-align:center; }
  div.store-flags .button { margin-top:10px; }



  /* Square image rollover (photo, flag, promo tile) */
  .fullwidth > ul > li a img,
  .promo a span img,
  .node-tile-image a span img { width:100%;
    -webkit-transition:-webkit-box-shadow 0.8s;
       -moz-transition:   -moz-box-shadow 0.8s;
         -o-transition:     -o-box-shadow 0.8s;
            transition:        box-shadow 0.8s;
  }
  .fullwidth > ul > li a img {
    -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
            box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
  }
  .fullwidth > ul > li a:hover img,
  .promo a:hover span img,
  .node-tile-image a:hover span img { margin:-4px; background:#fff; padding:2px; border:2px solid #599c18;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    -webkit-box-shadow:0 0 5px #599c18, 0 0 15px #599c18;
       -moz-box-shadow:0 0 5px #599c18, 0 0 15px #599c18;
            box-shadow:0 0 5px #599c18, 0 0 15px #599c18;
  }

  /* Photo magnifying glass */
  .node-tile-image a,
  article.node-tile-track span.play-pause { position:relative; display:block; }
  .node-tile-image a span.mag,
  article.node-tile-track span.play-pause { border:3px solid #fff; display:block; width:60px; height:60px; position:absolute; top:35%; left:50%; margin:-33px; opacity:0; 
	background:#599c18 url('../elements/lightbox/mag_glass_large_ffffff.svg') no-repeat center center;
    -webkit-border-radius:50px;
       -moz-border-radius:50px;
            border-radius:50px;
    -webkit-transition:opacity 0.3s, top 0.2s;
       -moz-transition:opacity 0.3s, top 0.2s;
         -o-transition:opacity 0.3s, top 0.2s;
            transition:opacity 0.3s, top 0.2s;
    -webkit-box-shadow:0 0 5px #599c18, 0 0 15px #599c18;
       -moz-box-shadow:0 0 5px #599c18, 0 0 15px #599c18;
            box-shadow:0 0 5px #599c18, 0 0 15px #599c18;
  }
  .node-tile-image a:hover span.mag { opacity:0.95; margin-top:-28px; top:40%; }


	/*  Track tile play/pause */
	article.node-tile-track span.play-pause:after { display:none; }
	article.node-tile-track span.play-pause { background-image:url('../elements/tracks/play_large_ffffff.svg'); 																		width:60px!important; /* 1/7/13 temp, can be removed once CSS caching is clear */
		/* for the photo zoom-icon, these were declared on hover, but the play icon is shown pre-hover for all tracks */
		opacity:0.95; margin-top:-28px; top:40%;
	}
	article.node-tile-track span.play-pause.playing { background-image:url('../elements/tracks/stop_large_ffffff.svg'); }
	article.node-tile-track h2 { text-align:center; font-weight:400; font-size:15px; margin-top:4px; } /* Should be in typography.css */
	article.node-tile-track .contextual-links-region { position:static; }


	  /* Lightbox overrides */
	  a#lightshowPlay,
	  a#lightshowPause,
	  a#bottomnavclose { width:30px; height:30px; margin-bottom:5px; }
	  a#lightshowPlay { background:#fff url('../elements/lightbox/play_599c18.png') no-repeat center center; margin-top:36px; }
	  a#lightshowPause { background:#fff url('../elements/lightbox/pause_599c18.png') no-repeat center center; margin-top:36px; }
	  a#bottomnavclose,
	  a:hover#bottomnavclose { background:#fff url('../elements/lightbox/close_599c18.png') no-repeat center center; }
	  #numberDisplay { color:#ccc; }


	  /* Explore */
	  div.explore div.row > header { margin-bottom:0px; }
	  div.explore header .ruled ul { padding-top:9px; padding-bottom:9px; }
	  div.explore div.bef-select-as-links div.form-item { display:inline; float:none; }
	  div.explore div.bef-select-as-links div.form-item a { background:none; border:none; margin:1px 2px; padding:0 10px; color:#535353; display:inline-block;
    -webkit-border-radius:50px;
       -moz-border-radius:50px;
            border-radius:50px;
    -webkit-transition:-webkit-box-shadow 0.5s;
       -moz-transition:   -moz-box-shadow 0.5s;
         -o-transition:     -o-box-shadow 0.5s;
            transition:        box-shadow 0.5s;
  }
  div.explore div.bef-select-as-links div.form-item a:hover,
  div.explore div.bef-select-as-links div.form-item.selected a,
  .page-explore-songs #edit-type-story-song a {
   -webkit-box-shadow:0 0 2px #fff, 0 0 4px #fff, inset 0 1px 4px rgba(0, 0, 0, 0.5);
      -moz-box-shadow:0 0 2px #fff, 0 0 4px #fff, inset 0 1px 4px rgba(0, 0, 0, 0.5);
           box-shadow:0 0 2px #fff, 0 0 4px #fff, inset 0 1px 4px rgba(0, 0, 0, 0.5);
  }
  .page-explore-songs #edit-type-all a {
   -webkit-box-shadow:none;
      -moz-box-shadow:none;
           box-shadow:none; 
  }
  div.explore div.bef-select-as-links div.form-item a:hover { background:rgba(0,0,0,0.05); color:#599c18; }
  div.explore div.bef-select-as-links div.form-item.selected a,
  .page-explore-songs #edit-type-story-song a {
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.1)));
    background-image:-moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a0a0a', endColorstr='#313131');
  }
  .page-explore-songs #edit-type-all a {
    background-image:none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBE8D5', endColorstr='#EBE8D5');
  }
  /* Extras */
  div.explore div.view-content { margin-top:-120px; position:relative; }
  div.explore div.view-songs div.view-content { margin-top:0px; position:relative; }
  .page-explore-songs .views-widget-sort-by { display:none; }
  div.explore label { margin:1px 3px; font-weight:normal; }
  div.explore label,
  div.explore div.bef-select-as-links { display:inline; }
  div.explore div.views-widget-filter-type label { display:none; }
  div.explore div.views-widget-filter-type div.form-item a { margin:1px 5px; padding:0 18px; }
  div.explore div.views-exposed-form { text-align:center; margin-bottom:25px; }
  div.explore div.views-exposed-form .views-exposed-widget { float:none; }
  div.explore div.views-widget-sort-order { margin-top:-3px; display:none; }
  /* Lines */
  div.explore div.views-widget-filter-type { border-top:1px solid #BFBEAE; border-bottom:1px solid #FCFCF8; width:100%; padding:0; }
  div.explore div.views-widget-filter-type div.views-widget { border-top:1px solid #FCFCF8; border-bottom:1px solid #BFBEAE; width:100%; padding:10px 0; }
  /* Table Version of Explore */
  .view-songs table { width:100%; margin:20px 0; }
  .view-songs td,
  .view-songs th { padding:5px; }
  .view-songs a { text-decoration:none; }


  /* Nodes */
  .nodes.fullwidth,
  .nodes.view-news { margin-left:20px; }
  .nodes .masonry-brick { width:280px; float:left; margin:0 20px 20px 0; }
  aside .masonry-brick { margin:0 20px 20px 0; }
  .nodes .test,
  .nodes .store { background-color:rgba(0, 0, 0, 0.05); }
  .region-store .view.nodes { padding-bottom:0; }

  .nodes .width2 { width:580px; }
  .nodes .width3 { width:880px; }
  .nodes .width4, /*{ width:1180px; }*/
  .nodes .width5, /*{ width:1480px; }*/
  .nodes .width6 { width:1180px; } /*{ width:1780px; }*/

  /* smaller buttons on width1 buttons */
  .nodes .node-teaser-blurb.width1 a.button,
  aside .node-teaser-blurb.width1 a.button,
  a.button.small { font-size:13px; padding:3px 15px 3px; margin:5px 0 -10px; }

  section.primary-column .nodes .width3, /* three columns-span and... */
  section.primary-column .nodes .width4 { width:880px; } /* ....four columns-span only available at a wider widths */

  /* The folloing margins allows for margin:0 20px 20px 0; on all nodes (so the left-most ones don't turn early) */
  article.node,
  #block-views-favourites-block-1,
  .page-explore #main-article,
  .page-news #main-article,
  .page-user .profile,
  .page-user-register #main-article,
  section.store,
  section.favourites { margin-right:-20px; /*margin-bottom:-20px;*/ }

  div.row > div.block-views.first,
  div.row > div.nodes { margin:0 20px 20px; }
  #block-views-solo-artist-promos-block-1 { margin-left:0; margin-right:0; }

  .block-views article.node,
  aside article.node { margin-right:0px; }


  section.store header,
  section.favourites header,
  #block-views-favourites-block-1 h2.block-title { margin-right:20px; }
  #block-views-favourites-block-1 h2.block-title { border-bottom: 1px solid #CCC; margin-top:40px; margin-bottom:15px; }

  /* Thin grey outline */
  .nodes iframe,
  .text.quote,
  article.node-tile-track img { border:1px solid #ccc; padding:1px;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
  }
  .nodes iframe { margin:-2px; }

  /* Tile nodes */
  .nodes img,
  .nodes iframe { width:100%; display:block; }

  .audio iframe { height:166px; }

  .video iframe { height:220px; }
  .video.width2 iframe,
  .video.width3 iframe, /* three columns-span and... */
  .video.width4 iframe { height:440px; } /* ....four columns-span only available at a wider widths */
  .video_ h2 { margin-top:5px; }

  .text.quote { margin:-2px 18px 18px -2px; }
  .text.quote .node-teaser-inner { padding:15px 18px 12px;
    background:#ffcf4c url('../typography/quotes/quote_open_ffe8b4.svg') top left no-repeat; /* fallback for no multiple-bgs */
    background:url('../typography/quotes/quote_close_ffe8b4.svg') bottom right no-repeat,
      #ffcf4c url('../typography/quotes/quote_open_ffe8b4.svg') top left no-repeat; /* multiple-bgs! */
  }
  .text.quote cite { border-top:1px solid #cca63d; display:block; margin-top:8px; padding-top:8px; }

  /* Box linked nodes (e.g. stories, image tiles) */
  a.box-link, .box-link, .box-non-link { position:relative; display:block; background-color:#fff;
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
            border-radius:10px;
    -webkit-transition:all 0.3s;
       -moz-transition:all 0.3s;
         -o-transition:all 0.3s;
            transition:all 0.3s;
  }
  a.box-link:hover, .box-link:hover { background-color:#599c18;
    -webkit-box-shadow:0 0 10px #2B4F0A;
       -moz-box-shadow:0 0 10px #2B4F0A;
            box-shadow:0 0 10px #2B4F0A;
  }
  a.box-link img { opacity:1; width:100%;
    -webkit-border-top-right-radius:10px;
       -moz-border-radius-topright: 10px;
            border-top-right-radius:10px;
    -webkit-border-top-left-radius: 10px;
       -moz-border-radius-topleft:  10px;
            border-top-left-radius: 10px;
    -webkit-transition:all 0.3s;
       -moz-transition:all 0.3s;
         -o-transition:all 0.3s;
            transition:all 0.3s;
  }
  a.box-link:hover img { opacity:0.8; }
  .box-link h2, .box-non-link h2 { margin-top:0; }
  .box-link hgroup, .box-non-link hgroup { padding:6px 10px 8px; }
  .box-link .meta, .box-non-link .meta { position:absolute; bottom:3px; }
  .box-link .meta.favourites, .box-non-link .meta.fovourites { text-align:left; left:8px; }
  .box-link .meta.comments, .box-non-link .meta.comments { text-align:right; right:8px; }
  /* additional CSS for embedded sound-cloud in track stories */
  div.box-link a { text-decoration:none; }
  div.box-link .node { padding:5px; }
  div.box-link .story-link { position:relative; display:block; width:100%; }



	/* Story nodes */
	article.story { position:relative; }
	article.story > a { display:block; background-color:#fff;
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
		        border-radius:10px;
		-webkit-transition:all 0.3s;
		   -moz-transition:all 0.3s;
		     -o-transition:all 0.3s;
		        transition:all 0.3s;
	}
	article.story > a:hover { background-color:#599c18;
		-webkit-box-shadow:0 0 10px #2B4F0A;
		   -moz-box-shadow:0 0 10px #2B4F0A;
		        box-shadow:0 0 10px #2B4F0A;
	}
	article.story > a > img,
	article.node-teaser-blurb a img,
	article.node-teaser-blurb a.image-wrap img { opacity:1; width:100%;
		-webkit-border-top-right-radius:10px;
		   -moz-border-radius-topright: 10px;
		        border-top-right-radius:10px;
		-webkit-border-top-left-radius: 10px;
		   -moz-border-radius-topleft:  10px;
		        border-top-left-radius: 10px;
		-webkit-transition:all 0.3s;
		   -moz-transition:all 0.3s;
		     -o-transition:all 0.3s;
		        transition:all 0.3s;
	}
	article.story > a:hover img { opacity:0.8; }
	article.story h2 { margin-top:0; }
	article.story .meta { position:absolute; bottom:3px; }
	article.story .meta.favourites { text-align:left; left:8px; }
	article.story .meta.comments { text-align:right; right:8px; }


	/* Blurb nodes (tiles that contain story previews, used for news) */
	article.node-teaser-blurb { text-align:left; }
	body article.node-teaser-blurb a.image-wrap { background:none; }
	body article.node-teaser-blurb a.image-wrap {
		-webkit-box-shadow:none;
		   -moz-box-shadow:none;
		        box-shadow:none;
	}
	article.node-teaser-blurb a.image-wrap:hover img { opacity:1; }
	article.node-teaser-blurb div header { margin-bottom:30px; margin-right:0px; }
	article.node-teaser-blurb div header hgroup { padding:0px; }
	article.node-teaser-blurb div header hgroup h2 { position:static; }
	article.node-teaser-blurb div header hgroup h3 { position:absolute; bottom:-25px; }
	body .container article.node-teaser-blurb .meta { position:absolute; bottom:-25px; right:0; text-align:right; width:50px; }
	body .container article.node-teaser-blurb .meta.favourites { left:auto; right:50px; }

	/* Blurb nodes 3 cols and narrower */
	article.node-teaser-blurb > div { margin:12px 20px 20px; }
	article.node-teaser-blurb.width2 > div { margin:12px 50px 20px; }

	/* edited 	article.node-teaser-blurb.width3 > div { margin:12px 150px 25px; } to below*/
	article.node-teaser-blurb.width3 > div { margin:12px 20px 25px; }

	article.node-teaser-blurb.width3 hgroup h2 { font-size:35px; line-height:35px; letter-spacing:-0.06em; }

	/* Blurb nodes 4 cols and wider generic overrides */
	/* ...for 3 cols and less these are overridden again back to their previous settings */
	article.node-teaser-blurb.width4,
	article.node-teaser-blurb.width5,
	article.node-teaser-blurb.width6 { overflow:hidden; min-height:400px; }

	article.node-teaser-blurb.width4 a.image-wrap,
	article.node-teaser-blurb.width5 a.image-wrap,
	article.node-teaser-blurb.width6 a.image-wrap { float:left; position:absolute; top:0; left:0; } /*  ...this crops the bottom of the image */

	article.node-teaser-blurb.width4 a.image-wrap img,
	article.node-teaser-blurb.width5 a.image-wrap img,
	article.node-teaser-blurb.width6 a.image-wrap img {
		-webkit-border-top-right-radius:0px;
		   -moz-border-radius-topright: 0px;
		        border-top-right-radius:0px;
		-webkit-border-bottom-left-radius:10px;
		   -moz-border-radius-bottomleft: 10px;
		        border-bottom-left-radius:10px;
	}

	article.node-teaser-blurb.width4 div.blurb,
	article.node-teaser-blurb.width5 div.blurb,
	article.node-teaser-blurb.width6 div.blurb { padding-right:60px; }

	/* Blurb node specifics 4 cols and wider */
	article.node-teaser-blurb.width4, /*{ min-height:400px; }*/
	article.node-teaser-blurb.width5, /*{ min-height:500px; }*/
	article.node-teaser-blurb.width6 { min-height:400px; }/*{ min-height:600px; }*/
	article.node-teaser-blurb.width4 a.image-wrap, /*{ width:760px; }*/
	article.node-teaser-blurb.width5 a.image-wrap, /*{ width:980px; }*/
	article.node-teaser-blurb.width6 a.image-wrap { width:760px; }/*{ width:1280px; }*/
	article.node-teaser-blurb.width4 > div, /*{ margin:30px 0 40px 787px; width:380px; }*/
	article.node-teaser-blurb.width5 > div, /*{ margin:30px 0 40px 1020px; width:400px; }*/
	article.node-teaser-blurb.width6 > div { margin:30px 20px 40px 780px; width:380px; }/*{ margin:40px 0 50px 1320px; width:420px; }*/
	article.node-teaser-blurb.width4 hgroup h2, /*{ font-size:35px; line-height:35px; letter-spacing:-0.06em; }*/
	article.node-teaser-blurb.width5 hgroup h2, /*{ font-size:45px; line-height:42px; letter-spacing:-0.06em; }*/
	article.node-teaser-blurb.width6 hgroup h2 { font-size:35px; line-height:35px; letter-spacing:-0.06em; }/*{ font-size:55px; line-height:50px; letter-spacing:-0.06em; }*/





  /* Store section of a page */
  section.store { margin-top:-5px; margin-bottom:-20px; }
  section.node-parent-type-story section.store { margin-top:40px; } /* if the store section is in a story (beneath an article) then pad between them */
  section.store header { position:relative; padding-bottom:3px; }
  /* Visit store h2 anchor(s) */
  section.store header h2 {margin-top: 0px; }
  section.store header h2 a span.visit { display:none; }
  section.store header h2 a:hover span.visit { display:inline; } /* Show "Visit" on rollover */
  section.store header h2 { display:none; }
  section.store.uk header h2.uk,
  section.store.us header h2.us,
  section.store.jp header h2.jp,
  section.store.br header h2.br { display:block; } /* Show the right countriy's h2 with a decendent selector of the country on section.store */
  /* Store flag */
  .store-flag { display:inline-block; width:41px; height:20px; padding:1px; border:1px solid #d3d3d3; background:url('../elements/flags/uk.gif') no-repeat 1px 1px; position:relative; top:6px;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
  }
  a.uk .store-flag { background-image:url('../elements/flags/uk-mini.gif'); }
  a.us .store-flag { background-image:url('../elements/flags/us-mini.gif'); }
  a.jp .store-flag { background-image:url('../elements/flags/jp-mini.gif'); }
  a.br .store-flag { background-image:url('../elements/flags/br-mini.gif'); }
  a:hover .store-flag { border:2px solid #599c18; margin:-1px;
    -webkit-box-shadow:0 0 3px #599c18;
       -moz-box-shadow:0 0 3px #599c18;
            box-shadow:0 0 3px #599c18;
  }
  /* Store switcher */
  section.store header div.options { padding-bottom:3px; }
  section.store header div.options span.label { position:relative; top:-2px; }
  section.store header a { position:static; }
  section.store header a span.select { opacity:0; width:180px; background:#fff; position:absolute; top:10px; left:20px; margin-bottom:20px; text-align:right; display:block; left:-9999px; padding-right:3px;
    -webkit-transition:opacity 0.2s;
       -moz-transition:opacity 0.2s;
         -o-transition:opacity 0.2s;
            transition:opacity 0.2s;
  }
  section.store header a:hover span.select { opacity:1; left:-113px; }



  /* Comments */
  aside.comments ul li { border-bottom:1px solid #e5e5e5; padding:10px 0; margin:0; min-height:58px; }
  aside.comments ul li img { width:50px; height:50px; float:left; margin:3px 6px 3px 0; }
  aside.comments ul li h3,
  aside.comments ul li .field-items { margin:0 0 0 60px; }
  aside.comments ul li h3 a { margin-right:3px; }





  /* Footer */
  footer div.row { background:#fff url('../logo/apple_corps_retina.png') no-repeat center center; background-size:40px 40px; height:80px; }
  footer .copy { float:left; padding-left:20px; }
  footer nav { float:right; }



  /* Button */
  .button,
  .form-submit,
  ul.primary li a,
  ul.primary li.active a,
  #block-system-user-menu li a { display:inline-block; border:none; padding:7px 30px 6px; margin-right:5px;
    -webkit-border-radius:25px;
       -moz-border-radius:25px;
        border-radius:25px;
    background-color:#599c18;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7eb635), to(#37790b));
    background-image: -moz-linear-gradient(#7eb635, #37790b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7eb635', endColorstr='#37790b');
  }
  .view-mode-teaser_blurb .blurb .button,
  .node-story-news .blurb .button { margin-top:10px; }
  /* smaller buttons on tabs and other buttons */
  ul.primary li a,
  ul.primary li.active a { font-size:13px; padding:3px 15px 3px; margin:5px 0 -10px; }
  /* smaller buttons */
  #topspin_submit { font-size:13px; padding:3px 15px 3px; margin-left:4px; }

  /* CSS animations for Masonry */
  .masonry,
  .masonry .masonry-brick {
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
         -o-transition-duration: 0.8s;
            transition-duration: 0.8s;
  }
  .masonry {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
         -o-transition-property: height, width;
            transition-property: height, width;
  }
  .masonry .masonry-brick { /* width added to masonry defaults for node width animation */
    -webkit-transition-property: left, right, top, width;
       -moz-transition-property: left, right, top, width;
         -o-transition-property: left, right, top, width;
            transition-property: left, right, top, width;
  }



	/* Logon/register page additions */
	article.login input[type=text],
	/*article.login input[type=password],*/
	article.login select,
	article.login textarea { width:100% }
	article.login article h2 { border-bottom:1px solid #ccc; margin-bottom:10px; }
	article.login .description { font-size:12px; color:#bbb; }
	.fb_login_button_wrapper a { text-decoration:none; }



	/* Social links */
	#social ul { text-align:center; margin:-5px 0 -15px; }
	#social ul li { display:inline-block; width:52px; height:52px; margin:2px 6px; }
	#social ul li a {
		text-indent:100%; white-space:nowrap; overflow:hidden; /* hide the text */
		border:2px solid rgba(119,176,48,0.6); background-color:rgba(255,255,255,0.3);
		display:block; width:48px; height:48px;
		-webkit-border-radius:100px;
		   -moz-border-radius:100px;
		        border-radius:100px;
		background-position:center center;
		background-repeat:no-repeat;
	}
	#social ul li a:hover { border:2px solid rgb(255,255,255); background-color:rgb(255,255,255); bord er:2px solid rgb(119,176,48);
		-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.3);
		   -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.3);
		        box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.3);
	}
	#social li.newsletter a { background-image:url(../elements/social/envelope_599c18.svg); }
	#social li.twitter a { background-image:url(../elements/social/twitter_599c18.svg); }
	#social li.facebook a { background-image:url(../elements/social/facebook_599c18.svg); }
	#social li.googleplus a { background-image:url(../elements/social/google_599c18.svg); }
	#social li.youtube a { background-image:url(../elements/social/youtube_599c18.svg); }
	#social li.itunes a { background-image:url(../elements/social/apple_599c18.svg); }
	#social li.soundcloud a { background-image:url(../elements/social/souncloud_599c18.svg); }
	#social ul li a:hover {
	    -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 6px rgba(0, 0, 0, 0.4);
	       -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 6px rgba(0, 0, 0, 0.4);
	            box-shadow:0 0 2px rgba(0, 0, 0, 0.2), 0 1px 6px rgba(0, 0, 0, 0.4);
	}



	/* Sort header (used on songs) */
	.sort-divider {
		padding:0 0 0 10px; background-color:#E3DFCD;
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3), inset 0 1px 2px #fff;
	       -moz-box-shadow:0 1px 3px rgba(0,0,0,0.3), inset 0 1px 2px #fff;
	            box-shadow:0 1px 3px rgba(0,0,0,0.3), inset 0 1px 2px #fff;
	}
	.collapsible { z-index:99; }
	.collapsible .sort-divider:before { content:'▼'; font-size:10px; line-height:5px; padding-right:5px; opacity:0.5; }
	.collapsible:hover .sort-divider { background:#F2F0E8; }
	.collapsible:hover .sort-divider:before { opacity:1; }
	.collapsible.closed .sort-divider:before { content:'▶'; }


	/* Hide go button that flashes up on page load */
	.ctools-jump-menu-button { display:none; }



	/* Homepage slideshow carousel */
	
	/* move the carousel off-page before JS kicks in to stop it flashing up multiple carousel items */
	#block-views-hero-blurb-block { position:absolute; left:-9999px; }
	/*#views_slideshow_cycle2_main_hero_blurb-block_3 article.node-teaser-blurb > div,*/
	#views_slideshow_cycle2_main_hero_blurb-block_3 article .field-type-image { margin: 0 }
  .views-slideshow-cycle2-main-frame-row { width:100% !important;}
	.views_slideshow_main {
		-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
		-webkit-border-radius: 10px;
		   -moz-border-radius: 10px;
		        border-radius: 10px;
		overflow:hidden; background:#fff;
	}
	.views_slideshow_main.animate {
		-webkit-transition:height 0.5s;
		   -moz-transition:height 0.5s;
		    -ms-transition:height 0.5s;
		     -o-transition:height 0.5s;
		        transition:height 0.5s;
	}
	.views_slideshow_main article.story {
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
	}

	/* Next and previous links on the slideshow */
	.slideshow.nav,
	.views-slideshow-controls-text span a { display:block; font-size:30px; color:#fff; background:#599c18; padding:10px; position:absolute; top:190px; z-index:150; border: 3px solid #fff; text-decoration: none; opacity: 1;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7eb635), to(#37790b));
		background-image: -moz-linear-gradient(#7eb635, #37790b);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7eb635', endColorstr='#37790b');
		-webkit-transition:opacity 0.2s;
		   -moz-transition:opacity 0.2s;
		    -ms-transition:opacity 0.2s;
		     -o-transition:opacity 0.2s;
		        transition:opacity 0.2s;
	}
	.views_slideshow_main:hover .slideshow.nav,
	.views_slideshow_main:hover .views-slideshow-controls-text span a { opacity:0.6; }
	.views_slideshow_main .slideshow.nav:hover,
	.views-slideshow-controls-text span a:hover { opacity:1; text-decoration:none; }
	.slideshow.nav.prev,
	.views_slideshow_controls_text_previous a { left:-8px; }
	.slideshow.nav.next,
	.views_slideshow_controls_text_next a { right:-8px; }
	.slideshow.nav.prev,
	.views_slideshow_controls_text_previous a {
	         -webkit-border-top-right-radius:1000px;
	            -moz-border-radius-topright: 1000px;
	                 border-top-right-radius:1000px;
	      -webkit-border-bottom-right-radius:1000px;
	         -moz-border-radius-bottomright: 1000px;
	              border-bottom-right-radius:1000px;
	}
	.slideshow.nav.next,
	.views_slideshow_controls_text_next a {
	         -webkit-border-top-left-radius:1000px;
	            -moz-border-radius-topleft: 1000px;
	                 border-top-left-radius:1000px;
	      -webkit-border-bottom-left-radius:1000px;
	         -moz-border-radius-bottomleft: 1000px;
	              border-bottom-left-radius:1000px;
	}
	.views_slideshow_controls_text_pause { display:none;}

/* Soundcloud Audio Player */
.soundcloud-private_field-outer-wrapper audio { width:100%; }
.soundcloud-private_field-outer-wrapper .play-pause { background:green; color:white; cursor:pointer; }
.node-tile-track.view-mode-teaser_nested .field-name-field-soundcloud { float:left; margin-right:1px; }

.file-audio-soundcloud div.contextual-links-wrapper { right:18px; } /* move the Drupal cogs off of the play button */
.soundcloud-private_field-outer-wrapper .play-pause { width:16px; height:22px; display:block; color:transparent; position:relative; z-index:10; overflow:hidden; background:transparent; }
.soundcloud-private_field-outer-wrapper .play-pause:after { content:"\f04b"; color:#599c18; } /* play icon */
.soundcloud-private_field-outer-wrapper .play-pause.playing:after { content:"\f04d"; line-height:22px; font-size:13px; } /* stop icon */

.soundcloud-private_field-outer-wrapper .play-pause:after {
	display:block; position:absolute; top:2px; left:0;
	font-family:FontAwesome; font-weight:normal; font-style:normal; text-decoration:inherit; /*line-height:18px; font-size:18px;*/
}
.node-tile-track-listing- .soundcloud-private_field-outer-wrapper .play-pause:after {
	background: -webkit-gradient(linear, left top, left bottom, from(#9ACB47), to(#245E02));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}