Latest Publications

The summer of 2013 in Reading

The first five months of the year in Reading had been cool – with an average temperature 1.8 degC below normal. After the coldest May in Reading for 17 years, June continued in the same vein – being 0.9 degC colder than average and the coldest June (along with June 2012) since 1991. However, in contrast to June 2012, June 2013 was dry with just 21 mm of rainfall making it the driest June since 2010. The lack of rain was not associated with a lower-than-normal cloud cover and June was slightly duller than average – and duller than in both April and May this year.

But things were to change in July.

Fig 1. The University of Reading's Campbell-Stokes sunshine recorder

The weather station at the University of Reading recorded its third sunniest month in July since sunshine records began in 1956. A total of 297.6 hours of bright sunshine was measured with the station’s Campbell-Stokes sunshine recorder – only a few hours less than were recorded in July 1959 (298.2 hours) and June 1975 (305.6 hours). With little rainfall on the 31st it had seemed at one stage as if the ‘magical’ total of 300 hours might have been exceeded – but it was not to be, as the sky remained rather cloudy throughout the last day of the month and only 24 minutes of sunshine occurred. Cloudy skies on the 2nd and 3rd also helped to keep the total lower than it might have been.

During the peak of the sunny conditions there were 15 consecutive days (from the 5th to the 19th) with over 9 hours of sunshine – the longest such spell in July on record. In addition, from the 7th to the 13th every day had over 12 hours of sunshine – this has only been bettered (by longer such spells) in any summer month on three occasions since 1956.

Fig 2. Daily maximum and minimum temperatures, summer 2013; solid lines show the corresponding climatological values

With an average temperature of 19.5 °C it turned out to be the warmest July since July 2006 (which was the hottest July of the past 106 years at the University). Temperatures reached 30 °C on three days, peaking at 31.5 °C on the 22nd – the highest temperature in Reading since July 2006. There were also some warm and humid nights during the month – overnight 22nd/23rd the temperature did not fall below 17.6 °C in Reading. Daytime maximum temperatures were conspicuously above average from the 4th to the 27th – see Fig.2 which shows the daily maximum and minimum temperatures recorded at Reading – and also the climatological values (solid lines).

July’s summery weather was the result of a persistent area of high pressure which remained over us for almost three weeks. After 1.8 mm of rain on the 2nd, the raingauge at the University of Reading remained dry (apart from some light spots of rain during thundery weather on the 23rd) until the 24th – this was the longest period of summer drought at the weather station since August 1995.

After the high pressure moved away from southern England we had five days with thunderstorms in and around Reading. However, rainfall amounts were mostly slight apart from a fall of 15 mm on the 29th; the total fall for the month of 34.9 mm was less than average and made it the driest July since 2006.

Conditions in August continued the dry theme – just 20.8 mm of rain fell in Reading, the driest month since March 2012 and the driest August since 2003 (when 14.2 mm fell). There were no thunderstorms in August and the wettest day (the 5th) brought just 5.9 mm of rain as the town missed the heavy falls that affected places to the east.

The mean August temperature was 0.6 degC above average although.,apart from on the 1st (when 32.0 °C was recorded – the highest temperature of the summer in Reading), the temperatures during August were never that far away from the average. August was the warmest since 2004 – but this was more a reflection of the lack of hot Augusts in recent years than in any prolonged heatwave this month. 224 hours of bright sunshine in August made it the sunniest August since 2005.

So how does this summer compare to others?

Overall it was the warmest, sunniest and driest summer (June-August) since 2006 (which in turn was 1.3 degC warmer). Air pressure was on the high side overall (the anomaly was +2.6 mb compared to the 1981-2010 average), consistent with the reduced rainfall total given the lack of heavy thundery downpours – and was also associated with an increased tendency towards a flow from a NE’ly direction at times.

Fig. 3 Hodograph of the 0900 GMT wind direction in summer 2013 (values are percentages)

Poulter (1962) [Poulter R.M. ( 1962), The next few summers in London, Weather, 17, 253-257] devised a (possibly controversial) summer index as a way of combining the elements of average temperature, rainfall and sunshine into a single value to denote the ‘goodness’ of the summer. Essentially the range of these three elements are scaled to value of about 70, and then the elements are combined such that sunshine and temperature make a positive contribution, and rainfall a negative one, to the index.

Using summer totals of sunshine and rainfall and mean summer air temperatures for the period 1968-2012 (during which the ranges from best to worst summer were 221.7 mm, 396.6 hours and 3.85 degC respectively), we can derive the Poulter Index (P) for Reading as follows:

P = 18.18T + S/5.67 –R/3.65

where T is the average temperature (°C), R is the total rainfall (mm) and S is the total sunshine (hours). Allowing for an average summer temperature difference of 0.6 degC between Whiteknights and London Road we can calculate the Poulter Index as shown in the figure for the period 1959-2013:

Fig 4. The Poulter summer index for Reading

This confirms that the summer of 2013 in Reading might be considered as the best since 2006 – and similar in some ways to the summers of 2003, 1989, 1983, 1975 and 1959. It was certainly an improvement on those of 2007-2012.

Acknowledgements

Thanks to Mike Stroud and John Lally in particular for making the observations every day.

2012-2013 – a long winter and a cold Easter

The winter of 2012-13 definitely extended into late March (and, as I write this, into early April). Figure 1 (courtesy of Mike Stroud, our meteorological observer) sums up why it failed to feel like spring towards the end of the month.

Figure 1. March 2013 temperatures in Reading

Shown in red are the daily values of the maximum and minimum air temperatures for each day, while the green points show the corresponding grass minimum temperatures. The latter are the readings used to define the occurrence of  ‘ground frost’. Comparing the air temperatures with the climatological averages (the blue lines) it can be seen that just two days were warmer than average by day (in fact, the 5th might be described as being very warm for early March).

However, just six days after this very warm day (on the 11th) the maximum temperature in Reading rose to only 0.9C – the lowest such value in March since 1986 (when it remained below 0C all day on the 1st). [11th March 2013 was also the first of two days when the Channel Islands had one of their worst snowstorms on record, giving the greatest March snow depth at Guernsey Airport in their entire record (which goes back over 50 years).]

But things didn’t really get any better. Maximum temperatures in Reading on the 23rd (1.0C), 24th (1.0C) and 25th (1.1C) have never been this low in the 108-year station record in the final 11 days of March – and to have three consecutive days with such low values at this time of year is truly remarkable. Fortunately Reading missed out on the severe snowstorms that affected areas of N England and Scotland around this time – but we still had 11 days with snow or sleet falling during the month, a March total equalled (since 1908) only in March 1937.

With March (and Easter at the month’s end) being a time when gardeners like myself start trying to prepare their vegetable beds for spring sowing, the frequency (and severity) of ground frosts during the month was of no help at all. Four nights dipped below -10C at grass tip level (two of those being in the final three days of the month) – not since 1985 have there been four ground frosts this sharp in March. These cold nights along with a wet soil – March was another wet month in the 12-month spell of weather that began in April 2012 – and a lack of warmth by day led to cold soil conditions. At 0900 GMT on 31st March 2013 the soil temperatures (and their anomalies with respect to the 1981-2010 average value for that date) were as follows:

  • 5 cm depth: 0.0C (anomaly -7.7 degC)
  • 10 cm depth: 0.7C (-6.5 degC)
  • 20 cm depth: 2.1C (-5.5 degC)
  • 30 cm depth: 4.2C (-3.9 degC)
  • 50 cm depth: 4.6C (-3.0 degC)
  • 100 cm depth: 5.5C (-2.4 degC)

Such temperatures are ones that are more typical of a cold spell in mid-winter!

Even allowing for the fact that Easter was quite early this year, air temperatures were remarkably low over the four-day period (Friday-Monday) as shown in figures 2 and 3. In these figures the black triangle denotes the value for 2013 with data plotted against the day number of the year representing Easter Sunday.

Figure 4. Easter holiday mean temperature in Reading 1908-2013

Figure 2. Easter holiday mean temperature in Reading 1908-2013

Figure 4. Easter holiday minimum temperature in Reading 1908-2013

Figure 3. Easter holiday minimum temperature in Reading 1908-2013

Overall during March the average daily maximum temperature in the air was 4.5 degC below average while the night minimum temperature was 3.1 degC below average. The month as a whole was the coldest March since 1962 – and since 1908 only March 1917 has also been colder (once allowance is made for the fact that readings before 1968 were made at the London Road campus – a slightly warmer site).

More remarkable is the fact that the average maximum temperature for March 2013 was the lowest for March since Reading’s observations began in 1908. Local records from nearby sites (S Burt, pers. comm.) suggest that we need to go back to before 1871 to find a lower March mean maximum temperature.

Why was it so cold – figure 4 suggests a rather unusual flow from an easterly direction during the month…

Figure 2. March 2013 MSL pressure at 0900 GMT

Figure 4. March 2013 MSL pressure at 0900 GMT

…and this flow was persistent as shown by the winds observed by the Reading automatic weather station (observations every 5 minutes) in figure 5.

Figure 3. Wind hodograph for reading in March 2013

Figure 5. Wind hodograph for reading in March 2013

With such a persistent flow from the east the cold can be understood – especially as Scandinavia and N Europe were at times 8 degC colder than average during March. The fact that March was a dull month – the dullest since 2001 – is also understandable. But it was also a wet one – fronts often tended to bring precipitation from a southerly direction while the winds blew from the east around low pressure to the south. This pressure distribution was put down to the jet stream taking a more southerly track through Europe during the month.

The end of March marked the 12th month since the dramatic change to wet weather in April 2012. These 12 months have given Reading 913.9 mm of precipitation – or 44 per cent more precipitation than average.

Climate Science and the Media – Ed becomes a Daily Mail star

Some of you may have been aware of some interesting goings on amongst some of those in the Department and the Daily Mail over the last week all started by this article by David Rose, which used (without attribution until he made a complaint) a figure from Ed Hawkins’ blog.

Since there has been lots of really interesting commentary on this by other people, I thought for the blog this week it would be nice to collect some of the commentary into a single place. The main source for this is a really nice rebuttal that Rich Allan wrote on his blog.

There has also been quite a bit of back and forth (and some other detailed comments via links) on twitter and I’ve collected some of that together.

.s-element-share-label {
overflow: hidden;
float: left;
}
.s-element {
position: relative;
padding: 15px 10px;
text-align: center;
}
.s-element .fb_edge_comment_widget {
display: none !important;
}
.s-element:hover .s-element-content {
border-color: #bbb;
}
.s-element a {
color: #0074b7;
}
.s-element .s-element-via {
float: left;
margin-right: 3px;
}
.s-element .s-element-share {
width: 315px;
right: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
right: -255px;
z-index: 10;
position: absolute;
top: 50%;
margin-top: -16px;
background: #fff;
border: 1px solid #ddd;
border-right: 0;
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
padding: 5px;
-webkit-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-moz-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-o-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-ms-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
}
.s-element .s-element-share:hover {
right: 0px;
border-color: #ccc;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.s-element .s-element-share:hover i {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-element .s-element-share:hover span.label {
color: #666;
}
.s-element .s-element-share .s-actions-share {
padding: 0;
height: 20px;
}
.s-element .s-element-share i {
display: block;
float: left;
margin: 2px 5px 0 0;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
width: 16px;
height: 16px;
background: url(‘//storify.com/public/img/web.png’) no-repeat;
background-position: -112px -16px;
}
.s-element .s-element-share span.label {
display: block;
float: left;
color: #d7d7d7;
width: 35px;
height: 20px;
line-height: 20px;
padding-right: 10px;
}
.s-element .repost {
display: block;
width: 50px;
height: 50px;
background: url(‘//storify.com/public/img/add.png’);
text-indent: -9999px;
position: absolute;
right: 0;
bottom: 0;
z-index: 50;
}
.s-element-actions {
float: left;
-webkit-transition: 0.1s opacity;
-moz-transition: 0.1s opacity;
-o-transition: 0.1s opacity;
-ms-transition: 0.1s opacity;
transition: 0.1s opacity;
line-height: 16px;
}
.s-element-actions a {
display: block;
float: left;
line-height: 16px;
color: #666;
padding: 0px 0px 0px 18px;
background: url(‘//storify.com/public/img/twitter-actions.png’) no-repeat;
margin: 2px 8px 2px 0px;
}
.s-element-actions a:hover {
color: #333;
text-decoration: none;
}
.s-element-actions a.twitter-retweet {
background-position: 0px -82px;
}
.s-element-actions a.twitter-retweet:hover {
background-position: 0px -98px;
}
.s-element-actions a.twitter-favorite {
background-position: 0px -33px;
}
.s-element-actions a.twitter-favorite:hover {
background-position: 0px -66px;
}
.s-element-actions a.twitter-reply {
background-position: 0px -1px;
margin-left: 10px;
}
.s-element-actions a.twitter-reply:hover {
background-position: 0px -17px;
}
.stats-actions-meta .meta {
display: block;
width: 260px;
padding: 6px 10px;
clear: both;
}
.s-element-container,
body#editor .s-element-content {
max-width: 500px;
margin: 0 auto;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0 1px 0 #e7e7e7;
box-shadow: 0 1px 0 #e7e7e7;
background: #fff;
}
body#editor .s-story .s-text {
max-width: none;
margin: 0;
}
.s-element-content {
overflow: hidden;
font-size: 14px;
color: #333;
position: relative;
padding: 10px;
background: #fff;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.s-element-content a {
text-decoration: none;
color: #333;
}
.s-element-content a:hover {
text-decoration: underline;
}
.s-element-content,
.c-element-content {
text-align: left;
}
.s-element.s-element-text {
padding-top: 0px;
padding-bottom: 0px;
}
.s-element.s-element-text .s-element-container {
max-width: none;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.s-elements .s-text {
border: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 10px;
font-size: 15px;
line-height: 1.6em;
color: #333;
background: #fff;
border-color: transparent;
max-width: none;
font-family: ‘Museo Sans’, sans-serif;
}
.s-elements .s-text a {
color: #3876b2;
text-decoration: underline;
}
.s-elements .s-text hr {
height: 1px;
background: #bbb;
-webkit-box-shadow: 0px -1px 0px #fff, 0px 0px 4px #ccc;
box-shadow: 0px -1px 0px #fff, 0px 0px 4px #ccc;
border: none;
}
.s-elements .s-text h1 {
display: block;
font-size: 20px;
color: #000;
margin: 10px 0px;
padding: 0px;
font-weight: normal;
}
.s-elements .s-text h2 {
display: block;
font-size: 20px;
color: #000;
margin: 10px 0px;
padding: 0px;
font-weight: normal;
font-style: normal;
font-family: ‘Museo Sans’, ‘Lucida Grande’, sans-serif;
}
.s-elements .s-text p {
margin: 0px;
padding: 0px;
}
.s-elements .s-text .link-button {
display: block;
width: 100px;
text-decoration: none !important;
text-align: center;
font-weight: bold;
color: #fff !important;
padding: 6px 8px;
margin: 0 auto;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-elements .s-text .link-button.red {
background: #bf0000;
}
.s-elements .s-text .link-button.blue {
background: #008fc5;
}
.s-elements .s-text .link-button:hover {
text-decoration: none !important;
}
.s-elements .s-text .link-button:hover.red {
background: #a20000;
}
.s-elements .s-text .link-button:hover.blue {
background: #007aa7;
}
.s-quote-avatar-author {
zoom: 1;
margin: 0 10px 10px 0;
}
.s-quote-avatar-author:before,
.s-quote-avatar-author:after {
content: ”;
display: table;
}
.s-quote-avatar-author:after {
clear: both;
}
.s-quote-avatar-author a {
display: block;
}
.s-quote-avatar-author .s-quote-avatar {
float: left;
width: 32px;
height: 32px;
margin-right: 10px;
}
.s-quote-avatar-author .s-quote-avatar img {
display: inline-block;
width: 32px;
height: 32px;
}
.s-quote-avatar-author .s-quote-author {
float: left;
}
.s-quote-avatar-author .s-quote-author .s-quote-author-name {
font-size: 14px;
line-height: 32px;
color: #256bbe;
}
.s-quote-avatar-author .s-quote-author .s-quote-author-username {
font-size: 12px;
line-height: 14px;
color: #999;
}
.s-quote-avatar-author .twitter-follow-button {
position: absolute;
top: 10px;
right: 10px;
}
.s-element-content:not(.s-result) .s-quote-text {
line-height: 1.5em;
font-family: ‘Georgia’, serif;
font-size: 16px;
}
.s-element-content:not(.s-result) .s-quote-text a {
color: #256bbe;
}
.s-element-content:not(.s-result) .s-quote-text-no-avatar {
padding-left: 0;
margin-left: 0;
background: none;
}
.s-quote:not(.s-result) {
background: url(‘//storify.com/public/img/quote-bg.png’) right top no-repeat;
}
.s-quote-avatar-twitter .s-quote-author .s-quote-author-name {
line-height: 18px;
}
.s-image {
padding: 5px;
}
.s-image .s-image-content {
display: block;
position: relative;
text-align: center;
max-width: 100%;
background: #000;
text-decoration: none;
}
.s-image .s-image-content:hover {
text-decoration: none;
}
.s-image .s-image-content img {
display: block;
max-height: 500px;
max-width: 100%;
margin: 0 auto;
}
.s-image .s-image-info {
padding: 5px;
}
.s-image .s-quote-content {
padding-top: 5px;
margin-right: 30px;
}
.s-image .s-image-caption {
font-size: 13px;
color: #666;
padding: 10px 0 0;
}
.s-image .s-image-caption a {
color: #256bbe;
}
.s-video {
padding: 5px;
}
.s-video .s-video-shim {
position: relative;
padding-bottom: 56.25%;
}
.s-video .s-video-shim .s-video-content {
min-height: 0;
position: absolute;
height: 100%;
width: 100%;
border: none;
top: 0;
left: 0;
}
.s-video .s-video-shim-vine {
position: relative;
height: 500px;
}
.s-video .s-video-shim-vine .s-video-content-vine {
position: absolute;
height: 500px;
width: 500px;
border: none;
top: 0;
left: 0;
}
.s-video .s-video-info {
padding: 5px;
}
.s-video .s-video-title {
font-size: 13px;
color: #666;
padding-top: 5px;
}
.s-video .s-video-img {
display: block;
width: 100%;
position: relative;
}
.s-video.s-video-html {
display: inline-block;
}
.dragging .s-video-img {
z-index: 2;
}
.s-link .s-link-a {
display: block;
font-family: ‘Museo Sans’, ‘Lucida Grande’, sans-serif;
font-weight: bold;
color: #0074b7;
font-size: 14px;
line-height: 1.4em;
margin-bottom: 5px;
}
.s-link .s-link-desc {
font-size: 12px;
}
.s-link .s-link-thumbnail {
display: block;
float: left;
max-width: 96px;
max-height: 96px;
margin: 0 10px 5px 0;
padding: 1px;
border: 1px solid #ddd;
}
.s-oembed {
display: inline-block;
background: #fff;
border: 1px solid #ddd;
}
.s-oembed .s-oembed-content {
max-width: 100%;
}
.s-oembed .s-oembed-title {
font-weight: bold;
}
.story-tile {
width: 300px;
margin: 10px 15px;
float: left;
-webkit-box-shadow: 0 1px 0 0 #e7e7e7;
box-shadow: 0 1px 0 0 #e7e7e7;
cursor: pointer;
}
.story-tile .icon {
width: 16px;
height: 16px;
background: url(‘//storify.com/public/img/web.png’) no-repeat;
}
.story-tile .story-toolbar {
padding: 0 2px 3px;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.story-tile-editable .story-toolbar {
display: block;
}
.story-tile-body {
display: block;
position: relative;
background-color: #fff;
border: 0px;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
min-height: 220px;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.story-tile-body .story-tile-avatar {
display: block;
float: left;
padding: 15px;
}
.story-tile-body .story-tile-username-name {
padding-top: 15px;
float: left;
width: 140px;
}
.story-tile-body .story-tile-username-name a {
display: block;
}
.story-tile-body .story-tile-username-name .story-tile-username {
font-size: 1.1em;
color: #0092e5;
margin-bottom: 3px;
}
.story-tile-body .story-tile-username-name .story-tile-name {
color: #b4c4d1;
}
.story-tile-body .story-view-count {
position: absolute;
right: 12px;
top: 12px;
width: 90px;
text-align: right;
color: #b4c4d1;
}
.story-tile-body .story-date {
position: absolute;
right: 12px;
bottom: 6px;
width: 90px;
text-align: right;
color: #b4c4d1;
}
.story-tile-body .actions {
position: relative;
margin: 0px 0px 0px 10px;
}
.story-tile-body .actions .comment,
.story-tile-body .actions .like {
display: inline-block;
vertical-align: middle;
}
.story-tile-body .actions .comment span,
.story-tile-body .actions .like span {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 8px;
vertical-align: middle;
}
.story-tile-body .actions .like span {
background: url(‘//storify.com/public/img/icons-story.png’) no-repeat -16px 0px;
}
.story-tile-body .actions .like:hover span {
background-position: -16px -16px;
}
.story-tile-body .actions .like.active span {
background-position: -16px -32px;
}
.story-tile-body .actions .comment {
vertical-align: middle;
margin-left: 10px;
}
.story-tile-body .actions .comment span {
background: url(‘//storify.com/public/img/icons-story.png’) no-repeat -32px 0px;
}
.story-tile-body .actions .comment:hover span {
background-position: -32px -16px;
}
.story-tile-body .actions .share {
display: inline-block;
vertical-align: middle;
text-decoration: none;
padding: 6px 0px 6px 10px;
margin-right: 6px;
}
.story-tile-body .actions .share.active {
background-color: #eee;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.story-tile-body .actions .share i {
display: inline-block;
line-height: 1em;
width: 16px;
height: 16px;
margin-bottom: -4px;
background: url(‘//storify.com/public/img/icons-story.png’) no-repeat -48px 0px;
}
.story-tile-body .actions .share span {
padding: 0px 15px 0px 6px;
color: #6488a0;
font-weight: bold;
}
.story-tile-body .actions .share span:hover {
text-decoration: none;
}
.story-tile-body .actions em {
font-style: normal;
display: inline-block;
height: 16px;
line-height: 16px;
color: #b4c4d1;
}
.story-tile-body .actions em.zero {
display: none;
}
.story-tile-thumbnail {
position: absolute;
bottom: 0px;
overflow: hidden;
height: 66px;
width: 100%;
}
.story-tile-thumbnail img {
display: block;
width: 300px;
}
.story-tile-thumbnail-info {
position: relative;
height: 128px;
overflow: hidden;
border: 1px solid #e7e7e7;
border-top: 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.story-tile-thumbnail-info .story-tile-thumbnail,
.story-tile-thumbnail-info .story-tile-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 128px;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-avatar {
position: absolute;
top: 16px;
left: 16px;
display: block;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-avatar img {
display: block;
width: 28px;
height: 28px;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-meta-stats {
position: absolute;
bottom: 10px;
left: 48px;
color: #fff;
text-shadow: 0 1px 0 #333;
font-size: 11px;
line-height: 1.5em;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-meta-stats .story-tile-meta a {
color: #fff;
font-weight: bold;
}
.story-tile-title {
clear: both;
display: block;
height: 35px;
line-height: 35px;
background: #fff;
padding: 0px 14px 0px 14px;
text-align: center;
color: #666;
border-top: 0;
border-bottom: 1px solid #c0c1c2;
white-space: nowrap;
overflow: hidden;
position: relative;
font-family: ‘Museo Sans’, sans-serif;
font-size: 20px;
height: 50px;
text-align: left;
border: none;
font-weight: normal;
white-space: normal;
line-height: 1.2em;
margin-bottom: 6px;
}
.story-tile-title:hover {
color: #0092e5;
text-decoration: none;
}
.story-tile-title i {
width: 50px;
height: 35px;
position: absolute;
right: 0;
}
.story-tile-simple {
zoom: 1;
margin: 10px 0;
padding: 10px;
border: 1px solid #ddd;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f7f7f7;
-webkit-box-shadow: 0 1px 0 #ddd;
box-shadow: 0 1px 0 #ddd;
}
.story-tile-simple:before,
.story-tile-simple:after {
content: ”;
display: table;
}
.story-tile-simple:after {
clear: both;
}
.story-tile-simple:hover {
border-color: #bbb;
background: #fff;
}
.story-tile-simple .story-tile-simple-thumbnail {
padding: 1px;
background: #fff;
border: 1px solid #ddd;
float: left;
}
.story-tile-simple .story-tile-simple-thumbnail .story-tile-simple-thumbnail-image {
display: block;
width: 48px;
height: 48px;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.story-tile-simple .story-tile-simple-info {
padding-left: 62px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-title {
display: block;
font-family: ‘Georgia’, serif;
font-size: 14px;
padding: 0 0 3px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-author {
color: #256bbe;
font-size: 11px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-date {
color: #999;
text-decoration: none;
}
.filter {
height: 30px;
width: 960px;
margin: 0 auto;
background: url(‘//storify.com/public/img/line.gif’) 0 14px repeat-x;
}
.filter .back {
float: left;
margin-right: 10px;
padding: 3px;
background: #f7f7f7;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a {
display: inline-block;
background: #c4c4c4;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #aaa));
background: -webkit-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -moz-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -o-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -ms-linear-gradient(top, #ddd 0%, #aaa 100%);
background: linear-gradient(top, #ddd 0%, #aaa 100%);
height: 20px;
padding: 1px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a span {
display: inline-block;
height: 20px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
background: linear-gradient(top, #fff 0%, #ddd 100%);
padding: 0 10px;
line-height: 20px;
color: #666;
font-size: 10px;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a span i {
background: url(‘//storify.com/public/img/back.png’) left no-repeat;
font-style: normal;
padding-left: 9px;
}
.filter .back a:hover span {
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #fff));
background: -webkit-linear-gradient(top, #ddd 0%, #fff 100%);
background: -moz-linear-gradient(top, #ddd 0%, #fff 100%);
background: -o-linear-gradient(top, #ddd 0%, #fff 100%);
background: -ms-linear-gradient(top, #ddd 0%, #fff 100%);
background: linear-gradient(top, #ddd 0%, #fff 100%);
}
.filter .inner {
zoom: 1;
display: inline-block;
border: 1px solid #ddd;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f7f7f7;
}
.filter .inner:before,
.filter .inner:after {
content: ”;
display: table;
}
.filter .inner:after {
clear: both;
}
.filter .inner .tabs {
float: left;
padding: 3px;
}
.filter .inner .tabs a {
display: inline-block;
background: #c4c4c4;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #aaa));
background: -webkit-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -moz-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -o-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -ms-linear-gradient(top, #ddd 0%, #aaa 100%);
background: linear-gradient(top, #ddd 0%, #aaa 100%);
padding: 1px;
height: 20px;
}
.filter .inner .tabs a span {
display: inline-block;
height: 20px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
background: linear-gradient(top, #fff 0%, #ddd 100%);
padding: 0 10px;
line-height: 20px;
color: #666;
font-size: 10px;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
}
.filter .inner .tabs a:hover span {
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #fff));
background: -webkit-linear-gradient(top, #ddd 0%, #fff 100%);
background: -moz-linear-gradient(top, #ddd 0%, #fff 100%);
background: -o-linear-gradient(top, #ddd 0%, #fff 100%);
background: -ms-linear-gradient(top, #ddd 0%, #fff 100%);
background: linear-gradient(top, #ddd 0%, #fff 100%);
}
.filter .inner .tabs a.active span {
color: #333;
background: #fff;
-webkit-box-shadow: inset 0 0 5px #ddd;
box-shadow: inset 0 0 5px #ddd;
}
.filter .inner .tabs a.stories {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.filter .inner .tabs a.stories span {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.filter .inner .tabs a.elements {
padding-left: 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.filter .inner .tabs a.elements span {
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.filter .inner .types {
display: none;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
float: left;
height: 28px;
-webkit-transition: 0.2s opacity ease-out;
-moz-transition: 0.2s opacity ease-out;
-o-transition: 0.2s opacity ease-out;
-ms-transition: 0.2s opacity ease-out;
transition: 0.2s opacity ease-out;
}
.filter .inner .types.visible {
display: block;
opacity: 1;
-ms-filter: none;
filter: none;
}
.filter .inner .types label {
display: block;
float: left;
padding-right: 10px;
}
.filter .inner .types label input {
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
}
.filter .inner .types label span {
display: inline-block;
padding-left: 5px;
line-height: 28px;
font-size: 11px;
color: #666;
text-shadow: 0 1px 0 #fff;
}
.filter .inner .types label:first-child {
padding-left: 7px;
}
.story-image {
position: relative;
overflow: hidden;
height: 100%;
}
.story-image .story-image-bg {
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.story-image img {
display: block;
width: 100%;
}
.story-image .pattern {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(‘//storify.com/public/img/pattern.png’);
}
.list-empty {
display: none;
padding: 100px 15px;
text-align: center;
}
.list-empty.element-list-empty {
padding-top: 90px;
}
#user .filter .back {
display: none;
}
.story-toolbar {
display: none;
padding: 8px 10px;
background: #f7f7f7;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border: 1px solid #e7e7e7;
border-bottom: 0;
-webkit-box-shadow: inset 0 -6px 11px -6px rgba(0,0,0,0.1);
box-shadow: inset 0 -6px 11px -6px rgba(0,0,0,0.1);
}
.story-toolbar .icon {
width: 16px;
height: 16px;
float: left;
margin-right: 3px;
background: url(‘//storify.com/public/img/web.png’) no-repeat;
}
.story-toolbar-status {
font-size: 0px;
}
.story-toolbar-status.published {
color: #87a147;
}
.story-toolbar-status.published .icon {
background-position: 0px -16px;
}
.story-toolbar-status.draft {
color: #be5932;
}
.story-toolbar-status.draft .icon {
background-position: -32px -16px;
}
.story-toolbar-modified {
color: #888;
}
.story-toolbar-actions {
list-style: none;
padding: 0px;
margin: 0px;
}
.story-toolbar-actions a {
color: #979797;
line-height: 16px;
}
.story-toolbar-actions a:hover {
color: #888;
}
.story-toolbar-actions li {
display: inline-block;
margin-left: 10px;
}
.story-toolbar-actions .important {
color: #df502f;
}
.story-toolbar-actions .important.green {
color: #008000;
}
.story-toolbar-flag .icon {
background-position: -208px 0px;
}
.story-toolbar-delete .icon {
background-position: -144px 0px;
}
.story-toolbar-edit .icon {
background-position: -128px 0px;
}
.story-toolbar-post .icon {
background-position: -48px -16px;
}
.story-toolbar-feature .icon {
background-position: -64px -16px;
}
.story-toolbar-unfeature {
color: #be5932 !important;
}
.story-toolbar-unfeature .icon {
background-position: -80px -16px;
}
.story-toolbar-notify {
font-weight: bold;
}
.story-toolbar-notify .icon {
background-position: -160px 0px;
}
.s-attribution {
clear: both;
padding: 0;
font-size: 10px;
font-family: ‘Museo Sans’, ‘Lucida Grande’, sans-serif;
color: #999;
text-transform: uppercase;
}
.s-attribution .s-posted,
.s-attribution .dot,
.s-attribution .permalink {
float: left;
line-height: 16px;
margin-right: 3px;
}
.s-attribution .s-posted,
.s-attribution .permalink {
color: #999;
}
.s-attribution .s-element-attr-title {
color: #333;
}
.s-attribution .s-author {
float: left;
margin-right: 3px;
font-weight: normal;
line-height: 16px;
}
.s-attribution .s-author .s-author-name {
color: #256bbe;
}
.s-attribution .s-author .s-author-twitter-handle {
color: #999;
margin-left: 5px;
}
.s-attribution .s-via {
float: left;
margin-right: 8px;
line-height: 16px;
}
.s-attribution .s-source {
margin-right: 5px;
}
.s-element:hover .s-source {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-source {
float: left;
}
.s-source img {
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
}
.s-source a {
display: block;
}
.s-source .s-source-name {
display: none;
}
.s-source .s-source-icon,
.s-source .s-author-avatar {
margin: 0;
width: 16px;
height: 16px;
vertical-align: middle;
background-repeat: no-repeat;
-webkit-filter: grayscale(1);
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
}
.s-element[data-source=’twitter’] .s-attribution {
padding-top: 10px;
margin-right: 50px;
}
.s-appdotnet .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/appdotnet-16px.png’);
}
.s-facebook .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/facebook-16px.png’);
}
.s-getglue .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/getglue-16px.png’);
}
.s-chute .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/chute-16px.png’);
}
.s-stocktwits .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/stocktwits-16px.png’);
}
.s-flickr .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/flickr-16px.png’);
}
.s-google .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/google-16px.png’);
}
.s-gplus .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/gplus-16px.png’);
}
.s-rss .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/rss-16px.png’);
}
.s-twitter .s-source-icon,
.s-twitpic .s-source-icon,
.s-yfrog .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/twitter-16px.png’);
}
.s-wikipedia .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/wikipedia-16px.png’);
}
.s-youtube .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/youtube-16px.png’);
}
.s-storify .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/storify-16px.png’);
}
.s-foursquare .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/foursquare-16px.png’);
}
.s-reddit .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/reddit-16px.png’);
}
.s-tumblr .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/tumblr-16px.png’);
}
.s-share-dropdown {
display: none;
position: absolute;
top: 5px;
left: 5px;
background: #fff;
padding: 10px;
z-index: 99;
}
.sb-share-dropdown {
display: none;
position: absolute;
top: 26px;
left: 0px;
background: #fff;
padding: 8px 10px;
z-index: 99;
border: 1px solid #ccc;
}
.story-tile.share .sb-share-dropdown {
display: block;
}
.comment {
overflow: hidden;
}
.s-elements .comments,
.shared-element-comments .comments,
#import .comments,
#comments,
.engage {
word-wrap: break-word;
background: #f7f7f7;
padding: 0 10px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: 0.1s border-color;
-moz-transition: 0.1s border-color;
-o-transition: 0.1s border-color;
-ms-transition: 0.1s border-color;
transition: 0.1s border-color;
text-align: left;
}
.s-elements .comments .action-container,
.shared-element-comments .comments .action-container,
#import .comments .action-container,
#comments .action-container,
.engage .action-container {
padding: 10px 0;
}
.s-elements .comments .action,
.shared-element-comments .comments .action,
#import .comments .action,
#comments .action,
.engage .action {
position: relative;
padding: 0 46px 0 0;
margin: 0;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: inset 1px 1px 5px #ddd;
box-shadow: inset 1px 1px 5px #ddd;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-elements .comments .action.focus,
.shared-element-comments .comments .action.focus,
#import .comments .action.focus,
#comments .action.focus,
.engage .action.focus {
border-color: #bbb;
}
.s-elements .comments .action .story-comment-input,
.shared-element-comments .comments .action .story-comment-input,
#import .comments .action .story-comment-input,
#comments .action .story-comment-input,
.engage .action .story-comment-input,
.s-elements .comments .action .element-comment-input,
.shared-element-comments .comments .action .element-comment-input,
#import .comments .action .element-comment-input,
#comments .action .element-comment-input,
.engage .action .element-comment-input {
display: block;
width: 100%;
height: 26px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333;
border: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 0 0 6px;
}
.s-elements .comments .action .story-comment-post,
.shared-element-comments .comments .action .story-comment-post,
#import .comments .action .story-comment-post,
#comments .action .story-comment-post,
.engage .action .story-comment-post,
.s-elements .comments .action .element-comment-post,
.shared-element-comments .comments .action .element-comment-post,
#import .comments .action .element-comment-post,
#comments .action .element-comment-post,
.engage .action .element-comment-post {
position: absolute;
right: 5px;
top: 5px;
}
.s-elements .comments .action .story-comment-post i,
.shared-element-comments .comments .action .story-comment-post i,
#import .comments .action .story-comment-post i,
#comments .action .story-comment-post i,
.engage .action .story-comment-post i,
.s-elements .comments .action .element-comment-post i,
.shared-element-comments .comments .action .element-comment-post i,
#import .comments .action .element-comment-post i,
#comments .action .element-comment-post i,
.engage .action .element-comment-post i {
float: left;
width: 16px;
height: 16px;
opacity: 0.2;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
filter: alpha(opacity=20);
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
transition: opacity 0.4s;
cursor: pointer;
}
.s-elements .comments .action .story-comment-post i.story-comment-twitter,
.shared-element-comments .comments .action .story-comment-post i.story-comment-twitter,
#import .comments .action .story-comment-post i.story-comment-twitter,
#comments .action .story-comment-post i.story-comment-twitter,
.engage .action .story-comment-post i.story-comment-twitter,
.s-elements .comments .action .element-comment-post i.story-comment-twitter,
.shared-element-comments .comments .action .element-comment-post i.story-comment-twitter,
#import .comments .action .element-comment-post i.story-comment-twitter,
#comments .action .element-comment-post i.story-comment-twitter,
.engage .action .element-comment-post i.story-comment-twitter,
.s-elements .comments .action .story-comment-post i.element-comment-twitter,
.shared-element-comments .comments .action .story-comment-post i.element-comment-twitter,
#import .comments .action .story-comment-post i.element-comment-twitter,
#comments .action .story-comment-post i.element-comment-twitter,
.engage .action .story-comment-post i.element-comment-twitter,
.s-elements .comments .action .element-comment-post i.element-comment-twitter,
.shared-element-comments .comments .action .element-comment-post i.element-comment-twitter,
#import .comments .action .element-comment-post i.element-comment-twitter,
#comments .action .element-comment-post i.element-comment-twitter,
.engage .action .element-comment-post i.element-comment-twitter {
background: url(‘//storify.com/public/img/sources/twitter-16px.png’) no-repeat;
}
.s-elements .comments .action .story-comment-post i.story-comment-facebook,
.shared-element-comments .comments .action .story-comment-post i.story-comment-facebook,
#import .comments .action .story-comment-post i.story-comment-facebook,
#comments .action .story-comment-post i.story-comment-facebook,
.engage .action .story-comment-post i.story-comment-facebook,
.s-elements .comments .action .element-comment-post i.story-comment-facebook,
.shared-element-comments .comments .action .element-comment-post i.story-comment-facebook,
#import .comments .action .element-comment-post i.story-comment-facebook,
#comments .action .element-comment-post i.story-comment-facebook,
.engage .action .element-comment-post i.story-comment-facebook,
.s-elements .comments .action .story-comment-post i.element-comment-facebook,
.shared-element-comments .comments .action .story-comment-post i.element-comment-facebook,
#import .comments .action .story-comment-post i.element-comment-facebook,
#comments .action .story-comment-post i.element-comment-facebook,
.engage .action .story-comment-post i.element-comment-facebook,
.s-elements .comments .action .element-comment-post i.element-comment-facebook,
.shared-element-comments .comments .action .element-comment-post i.element-comment-facebook,
#import .comments .action .element-comment-post i.element-comment-facebook,
#comments .action .element-comment-post i.element-comment-facebook,
.engage .action .element-comment-post i.element-comment-facebook {
background: url(‘//storify.com/public/img/sources/facebook-16px.png’) no-repeat;
margin-left: 4px;
}
.s-elements .comments .action .story-comment-post i:hover,
.shared-element-comments .comments .action .story-comment-post i:hover,
#import .comments .action .story-comment-post i:hover,
#comments .action .story-comment-post i:hover,
.engage .action .story-comment-post i:hover,
.s-elements .comments .action .element-comment-post i:hover,
.shared-element-comments .comments .action .element-comment-post i:hover,
#import .comments .action .element-comment-post i:hover,
#comments .action .element-comment-post i:hover,
.engage .action .element-comment-post i:hover {
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
}
.s-elements .comments .action .story-comment-post i.active,
.shared-element-comments .comments .action .story-comment-post i.active,
#import .comments .action .story-comment-post i.active,
#comments .action .story-comment-post i.active,
.engage .action .story-comment-post i.active,
.s-elements .comments .action .element-comment-post i.active,
.shared-element-comments .comments .action .element-comment-post i.active,
#import .comments .action .element-comment-post i.active,
#comments .action .element-comment-post i.active,
.engage .action .element-comment-post i.active {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-elements .comments .previous ul,
.shared-element-comments .comments .previous ul,
#import .comments .previous ul,
#comments .previous ul,
.engage .previous ul {
margin: 0;
padding: 0;
list-style: none;
}
.s-elements .comments .previous ul li,
.shared-element-comments .comments .previous ul li,
#import .comments .previous ul li,
#comments .previous ul li,
.engage .previous ul li {
zoom: 1;
padding: 5px 0;
border-top: 1px dotted #ddd;
}
.s-elements .comments .previous ul li:before,
.shared-element-comments .comments .previous ul li:before,
#import .comments .previous ul li:before,
#comments .previous ul li:before,
.engage .previous ul li:before,
.s-elements .comments .previous ul li:after,
.shared-element-comments .comments .previous ul li:after,
#import .comments .previous ul li:after,
#comments .previous ul li:after,
.engage .previous ul li:after {
content: ”;
display: table;
}
.s-elements .comments .previous ul li:after,
.shared-element-comments .comments .previous ul li:after,
#import .comments .previous ul li:after,
#comments .previous ul li:after,
.engage .previous ul li:after {
clear: both;
}
.s-elements .comments .previous ul li .avatar,
.shared-element-comments .comments .previous ul li .avatar,
#import .comments .previous ul li .avatar,
#comments .previous ul li .avatar,
.engage .previous ul li .avatar {
display: block;
float: left;
margin-right: 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 16px;
height: 16px;
}
.s-elements .comments .previous ul li .container,
.shared-element-comments .comments .previous ul li .container,
#import .comments .previous ul li .container,
#comments .previous ul li .container,
.engage .previous ul li .container {
position: relative;
font-size: 11px;
line-height: 16px;
padding-left: 21px;
}
.s-elements .comments .previous ul li .container .author,
.shared-element-comments .comments .previous ul li .container .author,
#import .comments .previous ul li .container .author,
#comments .previous ul li .container .author,
.engage .previous ul li .container .author {
font-weight: bold;
padding-right: 5px;
color: #333;
text-decoration: none;
white-space: nowrap;
}
.s-elements .comments .previous ul li .container .content,
.shared-element-comments .comments .previous ul li .container .content,
#import .comments .previous ul li .container .content,
#comments .previous ul li .container .content,
.engage .previous ul li .container .content,
.s-elements .comments .previous ul li .container .fullContent,
.shared-element-comments .comments .previous ul li .container .fullContent,
#import .comments .previous ul li .container .fullContent,
#comments .previous ul li .container .fullContent,
.engage .previous ul li .container .fullContent,
.s-elements .comments .previous ul li .container .moreComment,
.shared-element-comments .comments .previous ul li .container .moreComment,
#import .comments .previous ul li .container .moreComment,
#comments .previous ul li .container .moreComment,
.engage .previous ul li .container .moreComment {
padding-right: 5px;
}
.s-elements .comments .previous ul li .container .moreComment,
.shared-element-comments .comments .previous ul li .container .moreComment,
#import .comments .previous ul li .container .moreComment,
#comments .previous ul li .container .moreComment,
.engage .previous ul li .container .moreComment {
color: #256bbe;
}
.s-elements .comments .previous ul li .container .hide,
.shared-element-comments .comments .previous ul li .container .hide,
#import .comments .previous ul li .container .hide,
#comments .previous ul li .container .hide,
.engage .previous ul li .container .hide {
display: none;
}
.s-elements .comments .previous ul li .container .date,
.shared-element-comments .comments .previous ul li .container .date,
#import .comments .previous ul li .container .date,
#comments .previous ul li .container .date,
.engage .previous ul li .container .date {
color: #999;
}
.s-elements .comments .previous ul li .container .remove,
.shared-element-comments .comments .previous ul li .container .remove,
#import .comments .previous ul li .container .remove,
#comments .previous ul li .container .remove,
.engage .previous ul li .container .remove {
display: none;
position: absolute;
top: 0;
right: 0;
font-size: 10px;
padding: 0 3px;
background: #eee;
border: 1px solid #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
color: #333;
}
.s-elements .comments .previous ul li .container .remove:hover,
.shared-element-comments .comments .previous ul li .container .remove:hover,
#import .comments .previous ul li .container .remove:hover,
#comments .previous ul li .container .remove:hover,
.engage .previous ul li .container .remove:hover {
color: #ca352c;
}
.s-elements .comments .previous ul li .container:hover .remove,
.shared-element-comments .comments .previous ul li .container:hover .remove,
#import .comments .previous ul li .container:hover .remove,
#comments .previous ul li .container:hover .remove,
.engage .previous ul li .container:hover .remove {
display: block;
}
.s-elements .comments .previous .more,
.shared-element-comments .comments .previous .more,
#import .comments .previous .more,
#comments .previous .more,
.engage .previous .more {
border-top: 1px dotted #ddd;
font-size: 11px;
line-height: 16px;
display: block;
font-weight: bold;
padding: 5px 0;
}
.s-elements .comments .previous .more a,
.shared-element-comments .comments .previous .more a,
#import .comments .previous .more a,
#comments .previous .more a,
.engage .previous .more a {
color: #333;
text-decoration: none;
}
.s-elements .comments .previous .more a:hover,
.shared-element-comments .comments .previous .more a:hover,
#import .comments .previous .more a:hover,
#comments .previous .more a:hover,
.engage .previous .more a:hover {
text-decoration: underline;
}
.s-elements .comments .previous .more span,
.shared-element-comments .comments .previous .more span,
#import .comments .previous .more span,
#comments .previous .more span,
.engage .previous .more span {
font-weight: normal;
color: #999;
}
.s-elements .comments {
-webkit-box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.15);
box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.15);
}
.s-elements .no-comment {
display: none;
}
.s-elements .has-comments {
display: block;
}
#comments {
-webkit-border-radius: 0;
border-radius: 0;
background: transparent none;
}
#comments .previous {
max-height: 300px;
overflow: auto;
}
.s-element-stats {
zoom: 1;
border-top: 1px dotted #ddd;
text-align: center;
font-size: 10px;
line-height: 1em;
padding: 6px;
color: #999;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
}
.s-element-stats:before,
.s-element-stats:after {
content: ”;
display: table;
}
.s-element-stats:after {
clear: both;
}
.s-element-stats:hover {
color: #666;
}
.s-element-stats div {
display: inline;
}
.s-element-stats.hide,
.s-element-stats .hide {
display: none;
}
#big-like {
position: fixed;
top: 50%;
left: 50%;
width: 230px;
height: 206px;
margin-left: -115px;
margin-top: -103px;
background: url(‘//storify.com/public/img/heart2.png’);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
display: none;
z-index: 100003;
}
input,
textarea {
color: #333;
font-size: 11px;
font-family: ‘Lucida Grande’, sans-serif;
}
.gc-bubbleDefault {
display: none !important;
}
.s-info {
margin-left: -3px;
}
.s-info .s-author {
font-size: 12px;
line-height: 30px;
float: left;
margin: 0 10px 20px 0;
color: #888;
background: #f7f7f7;
padding: 0 10px 0 20px;
height: 30px;
display: inline-block;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
border: 1px solid #e7e7e7;
-webkit-box-shadow: inset 0 1px 0 0 #fff;
box-shadow: inset 0 1px 0 0 #fff;
}
.s-info .s-author a.logo {
display: block;
float: left;
width: 57px;
height: 14px;
overflow: hidden;
margin: 8px 3px 0 0;
background: url(‘//storify.com/public/img/logo.blue.small.png’);
}
.s-info .s-author a.logo span {
visibility: hidden;
}
.s-info .s-author-follow {
font-size: 11px;
font-weight: bold;
vertical-align: top;
margin-left: 4px;
color: #8da452;
}
.s-info .s-author-avatar {
float: left;
max-width: 32px;
max-height: 32px;
margin: 2px 10px 0px 0px;
}
.s-info .s-published {
display: inline-block;
font-size: 11px;
line-height: 30px;
}
.s-info .s-published a {
color: #666;
}
.s-published-date {
color: #555;
}
#story {
position: relative;
}
.s-story {
margin: 0px auto;
padding: 0px;
background: #fff;
color: #333;
font-size: 15px;
line-height: 18px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-webkit-box-shadow: 0 1px 0 #e7e7e7;
box-shadow: 0 1px 0 #e7e7e7;
}
.s-story.noborder {
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
.s-story.noborder .s-element-text,
.s-story.noborder .s-text,
.s-story.noborder .s-info,
.s-story.noborder .s-actions,
.s-story.noborder .s-title,
.s-story.noborder .more-on-storify {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.s-story a {
text-decoration: none;
color: #333;
}
.s-story a:hover {
text-decoration: underline;
}
.s-story .icon {
float: left;
width: 16px;
height: 16px;
margin-right: 3px;
background-image: url(‘//storify.com/public/img/web.png’);
background-repeat: no-repeat;
}
.s-thumbnail {
max-width: 64px;
max-height: 64px;
float: right;
margin: 0px 20px;
}
.s-clear {
display: block;
height: 0px;
clear: both;
}
.s-header {
padding: 16px 0 0;
border-bottom: 1px dotted #ddd;
}
.s-actions {
height: 30px;
position: absolute;
top: 20px;
right: 20px;
z-index: 101;
}
.s-actions a,
.shared-element-actions a {
zoom: 1;
display: block;
float: left;
border-left: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.s-actions a:before,
.shared-element-actions a:before,
.s-actions a:after,
.shared-element-actions a:after {
content: ”;
display: table;
}
.s-actions a:after,
.shared-element-actions a:after {
clear: both;
}
.s-actions a span,
.shared-element-actions a span {
float: left;
display: block;
min-width: 30px;
height: 28px;
border-top: 2px solid #e7e7e7;
}
.s-actions a span i,
.shared-element-actions a span i {
display: block;
background: url(‘//storify.com/public/img/icons.png’);
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
width: 16px;
height: 16px;
margin: 6px 7px;
}
.s-actions a:last-child,
.shared-element-actions a:last-child {
border-right: 1px solid #e7e7e7;
}
.s-actions a.embed span,
.shared-element-actions a.embed span {
border-top-color: #85a8d2;
}
.s-actions a.embed span i,
.shared-element-actions a.embed span i {
background-position: -64px 0;
}
.s-actions a.embed:hover span,
.shared-element-actions a.embed:hover span {
background: #85a8d2;
}
.s-actions a.embed:hover span i,
.shared-element-actions a.embed:hover span i {
background-position: -64px -16px;
}
.s-actions a.repost span,
.shared-element-actions a.repost span {
border-top-color: #85a8d2;
}
.s-actions a.repost span i,
.shared-element-actions a.repost span i {
background-position: 0 0;
}
.s-actions a.repost:hover span,
.shared-element-actions a.repost:hover span {
background: #85a8d2;
}
.s-actions a.repost:hover span i,
.shared-element-actions a.repost:hover span i {
background-position: 0 -16px;
}
.s-actions a.like span,
.shared-element-actions a.like span {
border-top-color: #c5889c;
}
.s-actions a.like span i,
.shared-element-actions a.like span i {
background-position: -16px 0;
}
.s-actions a.like .count,
.shared-element-actions a.like .count {
border-top-color: #c5889c;
}
.s-actions a.like:hover span,
.shared-element-actions a.like:hover span {
background: #c5889c;
}
.s-actions a.like:hover span i,
.shared-element-actions a.like:hover span i {
background-position: -16px -16px;
}
.s-actions a.like:hover .count,
.shared-element-actions a.like:hover .count {
background: #c5889c;
color: #fff;
}
.s-actions a.like.active i,
.shared-element-actions a.like.active i {
background-position: -16px -32px;
}
.s-actions a.comment span,
.shared-element-actions a.comment span {
border-top-color: #efbd81;
}
.s-actions a.comment span i,
.shared-element-actions a.comment span i {
background-position: -32px 0;
}
.s-actions a.comment .count,
.shared-element-actions a.comment .count {
border-top-color: #efbd81;
}
.s-actions a.comment:hover span,
.shared-element-actions a.comment:hover span {
background: #efbd81;
}
.s-actions a.comment:hover span i,
.shared-element-actions a.comment:hover span i {
background-position: -32px -16px;
}
.s-actions a.comment:hover .count,
.shared-element-actions a.comment:hover .count {
background: #efbd81;
color: #fff;
}
.s-actions a.share span,
.shared-element-actions a.share span {
border-top-color: #9fc582;
}
.s-actions a.share span i,
.shared-element-actions a.share span i {
background-position: -48px 0;
}
.s-actions a.share:hover span,
.shared-element-actions a.share:hover span {
background: #9fc582;
}
.s-actions a.share:hover span i,
.shared-element-actions a.share:hover span i {
background-position: -48px -16px;
}
.s-element .buttons {
zoom: 1;
margin-left: -7px;
padding: 3px 0;
}
.s-element .buttons:before,
.s-element .buttons:after {
content: ”;
display: table;
}
.s-element .buttons:after {
clear: both;
}
.s-element .buttons a {
display: block;
float: left;
width: 30px;
height: 30px;
}
.s-element .buttons a span {
float: left;
}
.s-element .buttons a i {
display: block;
background: url(‘//storify.com/public/img/icons-story.png’);
width: 16px;
height: 16px;
margin: 6px 7px;
float: left;
}
.s-element .buttons a.like i {
background-position: -16px 0;
}
.s-element .buttons a.like:hover i {
background-position: -16px -16px;
}
.s-element .buttons a.like.active i {
background-position: -16px -32px;
}
.s-element .buttons a.comment i {
background-position: -32px 0;
}
.s-element .buttons a.comment:hover i {
background-position: -32px -16px;
}
.s-element .buttons a.share {
width: auto;
line-height: 30px;
}
.s-element .buttons a.share i {
background-position: -48px 0;
margin-right: 3px;
}
.s-element .buttons a.share span {
font-weight: bold;
color: #52748f;
}
.s-element .buttons a.share:hover i {
background-position: -48px -16px;
}
.s-element .buttons a.share:hover span {
color: #ababab;
}
.s-element .buttons em {
float: left;
height: 30px;
line-height: 30px;
font-style: normal;
color: #b4c4d1;
font-size: 12px;
margin-right: 5px;
}
.s-element .buttons em.zero {
color: #dde4ea;
display: none;
}
.count {
float: left;
color: #999;
line-height: 28px;
font-size: 12px;
border-top: 2px solid #e7e7e7;
padding-right: 5px;
}
.s-actions-share {
list-style: none;
margin: 0px;
padding: 0px;
}
.s-actions-share li {
display: inline-block;
}
.s-actions-share {
float: left;
}
.s-actions-share li {
float: left;
padding-right: 10px;
}
.s-actions-share li a {
display: block;
width: 32px;
height: 32px;
text-indent: -9999px;
background-image: url(‘//storify.com/public/img/share-icons.png’);
}
.s-actions-share li.s-share-facebook a {
background-position: 0 0;
}
.s-actions-share li.s-share-facebook-loading a {
background-image: url(‘//storify.com/public/img/facebook-loading.gif’);
}
.s-actions-share li.s-share-facebook-done a {
background-image: url(‘//storify.com/public/img/facebook-done.png’);
}
.s-actions-share li.s-share-twitter a {
background-position: -32px 0;
}
.s-actions-share li.s-share-pinterest a {
background-position: -160px 0;
}
.s-actions-share li.s-share-googleplus a {
background-position: -64px 0;
}
.s-actions-share li.s-share-linkedin a {
background-position: -96px 0;
}
.s-actions-share li.s-share-email {
padding-right: 0;
}
.s-actions-share li.s-share-email a {
background-position: -128px 0;
}
#s-share-dropdown,
#s-embed-dropdown,
#s-comment-dropdown {
z-index: 102;
display: none;
position: absolute;
top: 50px;
right: 20px;
background: #fff;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#share-footer-dropdown {
display: none;
z-index: 102;
position: absolute;
top: 36px;
left: 95px;
background: #fff;
padding: 6px 10px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#comments-footer {
display: none;
z-index: 102;
position: absolute;
top: 36px;
left: 95px;
background: #fff;
padding: 6px 10px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#s-share-dropdown {
width: 200px;
padding: 10px;
}
#s-embed-dropdown {
width: 278px;
}
#s-embed-dropdown label {
font-size: 11px;
}
#s-embed-dropdown .s-embed-code {
padding: 15px;
}
#s-embed-dropdown .s-embed-code label {
margin-bottom: 5px;
}
#s-embed-dropdown .s-embed-code input[type=’text’] {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: ‘Monaco’, ‘Courier’, monospace;
}
#s-embed-dropdown .s-embed-options {
padding: 17px 15px 5px;
background: url(‘//storify.com/public/img/border2px.gif’) top repeat-x;
}
#s-embed-dropdown .s-embed-options .s-embed-template {
margin-bottom: 10px;
}
#s-embed-dropdown .s-embed-options .s-embed-template label {
float: left;
line-height: 18px;
padding-right: 5px;
}
#s-embed-dropdown .s-embed-options .s-embed-template select {
height: 18px;
margin: 0;
}
#s-embed-dropdown .s-embed-options .s-embed-show,
#s-embed-dropdown .s-embed-options .s-embed-seo {
margin-bottom: 10px;
}
#s-embed-dropdown .s-embed-options .s-embed-show label,
#s-embed-dropdown .s-embed-options .s-embed-seo label,
#s-embed-dropdown .s-embed-options .s-embed-show input,
#s-embed-dropdown .s-embed-options .s-embed-seo input {
display: inline;
}
#s-embed-dropdown .s-embed-options .s-embed-show input,
#s-embed-dropdown .s-embed-options .s-embed-seo input {
vertical-align: baseline;
}
#s-embed-dropdown .s-embed-options .s-embed-show label,
#s-embed-dropdown .s-embed-options .s-embed-seo label {
padding: 0 5px;
}
#s-embed-dropdown .s-embed-options .s-embed-show label:first-child {
padding-left: 0;
}
#s-comment-dropdown {
width: 350px;
}
#s-copy-code {
color: #333;
font-size: 11px;
text-decoration: none;
}
.s-email-send {
padding-top: 18px;
}
.s-email-send button {
margin-left: 0px;
}
.s-elements {
position: relative;
min-height: 200px;
font-size: 12px;
line-height: 18px;
color: #333;
list-style: none;
padding: 0px;
margin: 10px 0;
}
.s-elements a {
text-decoration: none;
color: #333;
}
.s-elements a:hover {
text-decoration: underline;
}
.s-title,
#s-title {
display: block;
font-family: ‘Georgia’, serif;
font-size: 32px;
font-style: normal;
font-weight: normal;
line-height: 1.1em;
color: #000;
padding: 0px 20px;
margin: 0px;
}
.s-section {
zoom: 1;
margin: 0;
}
.s-section:before,
.s-section:after {
content: ”;
display: table;
}
.s-section:after {
clear: both;
}
.s-section a.name,
.s-section a.edit {
float: left;
display: inline-block;
}
.s-section a.name {
font-family: ‘Helvetica’, sans-serif;
color: #b30c00;
font-style: normal;
padding-left: 20px;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
}
.s-section a.name:hover {
text-decoration: none;
color: #000;
}
.s-section a.edit {
margin-left: 5px;
width: 16px;
height: 16px;
background: #000;
text-indent: -9999px;
background: url(‘//storify.com/public/img/web.png’) -128px 0px;
}
.s-description,
#s-description {
display: block;
margin: 0px;
padding: 10px 20px 20px;
font-size: 15px;
line-height: 1.6em;
color: #666;
}
#s-title,
#s-description {
width: 100%;
padding: 7px;
margin: 0px -7px 10px;
border: 1px solid #eee;
resize: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#s-title:hover:not(:focus),
#s-description:hover:not(:focus) {
background: #fffbe3;
border-color: #ccc;
}
#s-title:focus,
#s-description:focus {
-webkit-box-shadow: inset 0 2px 1px rgba(0,0,0,0.07);
box-shadow: inset 0 2px 1px rgba(0,0,0,0.07);
border-color: #aaa;
}
#s-title::-webkit-input-placeholder,
#s-description::-webkit-input-placeholder,
#s-title::-moz-placeholder,
#s-description::-moz-placeholder {
color: #ddd;
}
.s-load-more {
display: block;
height: 50px;
font-size: 18px;
margin: 0px;
padding: 10px 0px;
color: #eee;
background-color: #0083cb;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1e8ac7), color-stop(1, #0083cb));
background: -webkit-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -moz-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -o-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -ms-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
-webkit-border-radius: 3px;
border-radius: 3px;
width: 628px;
-webkit-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
text-align: center;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
}
.s-load-more:disabled {
background: url(‘//storify.com/public/img/load.gif’) no-repeat center;
font-size: 0px;
}
.s-load-more#embed-footer {
display: block;
width: auto;
text-align: center;
background-color: #0083cb;
border: 1px solid #0083cb;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: ‘Museo Sans’, sans-serif;
color: #fff;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 1.4em;
padding: 3px 0;
margin: 0px 10px;
}
.s-load-more#embed-footer:hover {
color: #fff;
text-decoration: none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #017cc0), color-stop(1, #0068ac));
background: -webkit-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -moz-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -o-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -ms-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: linear-gradient(top, #017cc0 0%, #0068ac 100%);
}
.s-load-more#embed-footer:disabled {
background: url(‘//storify.com/public/img/load.gif’) no-repeat center;
font-size: 0px;
}
.s-story .s-created-with {
background: url(‘//storify.com/public/img/created.with.png’) right no-repeat;
display: block;
height: 16px;
margin: 3px;
}
.s-story .footer {
color: #666;
display: block;
padding: 15px 15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
border-top: 1px solid #f7f7f7;
font-size: 12px;
line-height: 14px;
overflow: hidden;
}
.s-story .footer .subscribe {
display: inline-block;
padding-top: 2px;
}
.s-story .footer span,
.s-story .footer a,
.s-story .footer .subscribe-button {
display: block;
float: left;
}
.s-story .footer a.logo {
display: block;
float: left;
width: 79px;
height: 20px;
overflow: hidden;
background: url(‘//storify.com/public/img/embed-header-logo.png’) 0px -20px no-repeat;
margin: 0px 12px 0px 0px;
}
.s-story .footer a.logo:hover {
background-position: 0px -20px;
}
.s-story .footer a.logo em {
visibility: hidden;
}
.s-story .footer .subscribe-label,
.s-story .footer .subscribed-label,
.s-story .footer .subscribe-user {
height: 20px;
line-height: 20px;
}
.s-story .footer .subscribe-button {
height: auto;
margin: -2px 0 0 10px;
}
.s-story .footer .subscribe-button span {
font-size: 11px;
height: 20px;
line-height: 20px;
padding: 0 7px;
}
.s-story .footer .subscribe-button:hover {
text-decoration: none;
}
.s-story .engage {
position: relative;
padding: 10px 20px;
font-size: 12px;
border-top: 1px dotted #ddd;
background: #f7f7f7;
-webkit-border-radius: 0;
border-radius: 0;
}
.s-story .engage a {
font-weight: bold;
}
.s-story .engage .intro {
color: #666;
margin: 0 0 10px;
}
.s-story .engage .liked {
display: none;
position: absolute;
top: 10px;
right: 20px;
color: #008000;
font-weight: bold;
}
.s-story .engage .action-container {
padding-top: 0;
}
.s-story .engage .recent {
padding: 0;
margin: 10px 0 0;
list-style: none;
}
.s-story .engage .recent li {
zoom: 1;
font-size: 11px;
line-height: 16px;
padding: 5px 0;
border-top: 1px dotted #ddd;
}
.s-story .engage .recent li:before,
.s-story .engage .recent li:after {
content: ”;
display: table;
}
.s-story .engage .recent li:after {
clear: both;
}
.s-story .engage .recent li:last-child {
padding-bottom: 0;
}
.s-story .engage .recent li img {
width: 16px;
height: 16px;
float: left;
display: block;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-story .engage .recent li .container {
padding-left: 21px;
}
.s-story .engage .recent li .container a {
text-decoration: none;
}
.s-story .engage .recent li .container .date {
color: #999;
}
.s-story .engage.embed {
background: transparent;
border: none;
padding: 0px;
}
body#embed .s-story {
-webkit-border-radius: 0;
border-radius: 0;
}
body#embed .s-story .s-info {
margin-left: 0;
}
body#embed .s-story .s-info .s-author {
border-left: 0;
}
.left-content {
position: relative;
float: left;
max-width: 630px;
width: 100%;
}
.right-sidebar {
float: right;
width: 300px;
}
.fluid {
width: 100%;
}
.fixed {
position: relative;
max-width: 960px;
margin: 0px auto;
padding: 0px 15px;
}
.left {
float: left;
}
.right {
float: right;
}
.inline {
float: left;
margin: 0px 3px 0px 0px;
}
.clear {
float: none !important;
clear: both;
}
input {
vertical-align: top;
margin: 0;
}
input[type=’text’],
input[type=’password’],
textarea,
.input-text {
background: #fff;
font-size: 12px;
padding: 6px;
border: 1px solid #ddd;
-webkit-box-shadow: inset 1px 1px 5px #ddd;
box-shadow: inset 1px 1px 5px #ddd;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
}
input[type=’text’]:hover,
input[type=’password’]:hover,
textarea:hover,
.input-text:hover {
border-color: #ccc;
}
input[type=’text’]:focus,
input[type=’password’]:focus,
textarea:focus,
.input-text:focus,
input[type=’text’].focus,
input[type=’password’].focus,
textarea.focus,
.input-text.focus {
border-color: #5695db;
-webkit-box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #5695db;
box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #5695db;
}
input[type=’text’].search,
input[type=’password’].search,
textarea.search,
.input-text.search {
padding: 8px 6px 8px 0px;
background: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
input[type=’text’].error,
input[type=’password’].error,
textarea.error,
.input-text.error {
border-color: #f07070;
-webkit-box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #f07070;
box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #f07070;
color: #9d3434;
}
body#editor .input-text {
-webkit-border-radius: 0;
border-radius: 0;
}
.input-text {
padding: 0;
}
.input-prepend {
display: inline-block;
margin: 11px 0 0 5px;
font-weight: bold;
font-size: 11px;
color: #ccc;
}
.form input[type=’text’],
.form input[type=’password’],
.form .input-text {
display: block;
padding: 10px;
margin: 3px 0px 10px;
width: 300px;
}
.form button {
float: right;
margin-right: 0px;
}
.form input[type=checkbox] {
display: block;
margin: 10px 6px 0 0;
}
.field {
clear: both;
}
label {
display: block;
font-size: 10px;
color: #888;
}
::-webkit-input-placeholder {
color: #ddd;
}
:-moz-placeholder {
color: #ddd;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.button-group {
list-style: none;
}
button,
a.button {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #cacaca;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(1, #b7b7b7));
background-image: -webkit-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: -moz-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: -o-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: -ms-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: linear-gradient(top, #dedede 0%, #b7b7b7 100%);
padding: 1px;
border: 0;
}
button span,
a.button span {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: ‘Museo Sans’, sans-serif;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
font-size: 12px;
font-weight: 700;
line-height: 1em;
padding: 6px 8px;
position: relative;
text-decoration: none;
background-color: #ececec;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(1, #dedede));
background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: -moz-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: -o-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: -ms-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: linear-gradient(top, #fbfbfb 0%, #dedede 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset, 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,0.5);
box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset, 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,0.5);
color: #6e7780;
text-shadow: 0 1px 0 #fff;
text-align: center;
cursor: pointer;
height: 24px;
-webkit-font-smoothing: antialiased;
}
button:hover span,
a.button:hover span {
background: #ececec;
text-decoration: none;
}
button:active,
a.button:active {
background: none;
}
button:active span,
a.button:active span {
background: #ececec;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
}
button.submit,
a.button.submit {
background-color: #1d6dac;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2a8dc5), color-stop(1, #104e94));
background-image: -webkit-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: -moz-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: -o-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: -ms-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: linear-gradient(top, #2a8dc5 0%, #104e94 100%);
}
button.submit span,
a.button.submit span {
background-color: #2f87cf;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #39a4e1), color-stop(1, #256bbe));
background-image: -webkit-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: -moz-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: -o-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: -ms-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: linear-gradient(top, #39a4e1 0%, #256bbe 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.75);
}
button.submit:hover span,
a.button.submit:hover span {
background: #2f87cf;
}
button.submit:active,
a.button.submit:active {
background: none;
}
button.submit:active span,
a.button.submit:active span {
background: #2f87cf;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
}
button.accept,
a.button.accept {
background-color: #59a61d;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #68c520), color-stop(1, #4a881a));
background-image: -webkit-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: -moz-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: -o-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: -ms-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: linear-gradient(top, #68c520 0%, #4a881a 100%);
}
button.accept span,
a.button.accept span {
background-color: #5ea724;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6ebd2f), color-stop(1, #4e911a));
background-image: -webkit-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: -moz-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: -o-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: -ms-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}
button.accept:hover span,
a.button.accept:hover span {
background: #5ea724;
}
button.accept:active,
a.button.accept:active {
background: none;
}
button.accept:active span,
a.button.accept:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #5ea724;
}
button.decline,
a.button.decline {
background-color: #830a12;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9b0c16), color-stop(1, #6c080f));
background-image: -webkit-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: -moz-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: -o-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: -ms-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: linear-gradient(top, #9b0c16 0%, #6c080f 100%);
}
button.decline span,
a.button.decline span {
background-color: #b71e29;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d33540), color-stop(1, #9c0813));
background-image: -webkit-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: -moz-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: -o-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: -ms-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: linear-gradient(top, #d33540 0%, #9c0813 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}
button.decline:hover span,
a.button.decline:hover span {
background: #b71e29;
}
button.decline:active,
a.button.decline:active {
background: none;
}
button.decline:active span,
a.button.decline:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #b71e29;
}
button.load-more span {
padding: 0 !important;
height: 37px;
line-height: 37px;
width: 100%;
margin: 0;
font-size: 14px;
}
button.load-more.loading {
background-image: url(‘//storify.com/public/img/load.gif’);
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
button.load-more.loading span {
background: transparent none;
}
button.twitter span,
button.facebook span,
a.button.twitter span,
a.button.facebook span {
width: 220px;
height: 38px;
line-height: 38px;
font-size: 14px;
padding: 0;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
}
button.facebook,
a.button.facebook {
background-color: #55719d;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5e7caa), color-stop(1, #4b668f));
background-image: -webkit-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -moz-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -o-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -ms-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: linear-gradient(top, #5e7caa 0%, #4b668f 100%);
}
button.facebook span,
a.button.facebook span {
background-color: #6c8ab9;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #819bc3), color-stop(1, #5679ae));
background-image: -webkit-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -moz-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -o-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -ms-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: linear-gradient(top, #819bc3 0%, #5679ae 100%);
}
button.facebook:hover span,
a.button.facebook:hover span {
background: #5679ae;
}
button.facebook:active,
a.button.facebook:active {
background: none;
}
button.facebook:active span,
a.button.facebook:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #5679ae;
}
button.twitter,
a.button.twitter {
background-color: #1291c1;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #109dd3), color-stop(1, #1484ae));
background-image: -webkit-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -moz-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -o-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -ms-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: linear-gradient(top, #109dd3 0%, #1484ae 100%);
}
button.twitter span,
a.button.twitter span {
background-color: #06a1db;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00aced), color-stop(1, #0b95c9));
background-image: -webkit-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -moz-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -o-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -ms-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: linear-gradient(top, #00aced 0%, #0b95c9 100%);
}
button.twitter:hover span,
a.button.twitter:hover span {
background: #0b95c9;
}
button.twitter:active,
a.button.twitter:active {
background: none;
}
button.twitter:active span,
a.button.twitter:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #0b95c9;
}
*:focus {
outline: 0;
}
.close-x {
position: absolute;
padding: 0px 2px;
color: #aaa;
text-shadow: 0px 1px 0px #fff;
}
.close-x:before {
content: ‘✖’;
}
.close-x:hover {
cursor: pointer;
color: #555;
}
.close-x:active {
color: #333;
}
.error-messages {
margin: 0px;
padding: 5px 0px;
list-style-type: none;
color: #9d3434;
}
.tipsy {
font-size: 12px;
position: absolute;
padding: 5px;
z-index: 100005;
}
.tipsy-inner {
background-color: #333;
color: #fff;
max-width: 400px;
padding: 6px 8px;
}
.tipsy-inner h1 {
font-size: 20px;
margin: 3px 0px 10px;
}
.tipsy-inner small {
color: #aaa;
}
.tooltip-actions {
font-size: 10px;
text-align: right;
color: #ddd;
}
.tooltip-actions a {
margin-left: 10px;
color: #eee;
}
.tooltip-next {
font-weight: bold;
}
.tooltip-next:after {
content: ‘ ▸’;
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #333;
}
.tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
html,
body {
background: transparent;
font-family: ‘Museo Sans’, ‘Lucida Grande’, sans-serif;
margin: 0px;
padding: 0px;
}
a img {
border: 0px;
}
.s-story {
min-width: 260px;
}
.s-share {
float: left;
}
#email {
padding: 10px;
background: #f9f9f9;
}
#email .s-story {
max-width: 700px;
margin: 0px auto;
}
.s-embed-seo {
display: none;
}
.hidden {
display: none !important;
}
.capitalize {
text-transform: capitalize;
}
.s-minimal {
display: block;
position: relative;
height: 2.5em;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(1, #f9f9f9));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
border-bottom: 1px solid #f7f7f7;
}
.s-minimal .embed-header-date {
display: inline-block;
width: 170px;
padding: 10px 12px;
color: #c6c6c6;
font-family: ‘Museo Sans’, sans-serif;
font-size: 0.88em;
}
.s-minimal .embed-header-logo {
display: inline-block;
position: absolute;
right: 12px;
top: 10px;
width: 79px;
height: 20px;
background: url(‘//storify.com/public/img/embed-header-logo.png’) 0px 0px no-repeat;
}
.s-minimal.border {
height: 2.6em;
border-top: 2px solid #f7f7f7;
}
#story:hover .s-minimal .embed-header-logo {
background-position: 0px -20px;
}
#embed #story .footer {
position: relative;
min-height: 25px;
}
#embed #story .engage.embed {
min-height: 40px;
margin-bottom: 5px;
zoom: 1;
}
#embed #story .engage.embed:before,
#embed #story .engage.embed:after {
content: ”;
display: table;
}
#embed #story .engage.embed:after {
clear: both;
}
#embed #story .engage.embed .f-actions {
float: left;
line-height: 1em;
font-size: 1.2em;
}
#embed #story .engage.embed .f-actions .like,
#embed #story .engage.embed .f-actions .like span,
#embed #story .engage.embed .f-actions .like .count {
border: none;
}
#embed #story .engage.embed .f-actions .like {
display: inline-block;
padding: 12px;
}
#embed #story .engage.embed .f-actions .like span {
display: inline-block;
width: 16px;
height: 16px;
background: url(‘//storify.com/public/img/icons-story.png’) -16px 0px no-repeat;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .like .count.like-count {
float: none;
display: inline-block;
height: 16px;
font-size: 1em;
padding: 0px 10px;
color: #b4c4d1;
font-weight: normal;
line-height: 1.1em;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .like:hover span {
background-position: -16px -16px;
}
#embed #story .engage.embed .f-actions .like.active span {
background-position: -16px -32px;
}
#embed #story .engage.embed .f-actions .comment,
#embed #story .engage.embed .f-actions .comment span {
border: none;
}
#embed #story .engage.embed .f-actions .comment {
display: inline-block;
padding: 12px 0;
}
#embed #story .engage.embed .f-actions .comment span {
display: inline-block;
width: 16px;
height: 16px;
background: url(‘//storify.com/public/img/icons-story.png’) -32px 0px no-repeat;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .comment .count.comment-count {
float: none;
display: inline-block;
height: 16px;
font-size: 1em;
padding: 0px 10px;
color: #b4c4d1;
border: none;
font-weight: normal;
line-height: 1.1em;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .comment:hover span {
background-position: -32px -16px;
}
#embed #story .engage.embed .f-actions .share,
#embed #story .engage.embed .f-actions .share span {
border: none;
}
#embed #story .engage.embed .f-actions .share {
display: inline-block;
padding: 12px;
}
#embed #story .engage.embed .f-actions .share span {
display: inline-block;
height: 16px;
width: 16px;
background: url(‘//storify.com/public/img/icons-story.png’) -48px 0 no-repeat;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .share .share-label {
float: none;
display: inline-block;
height: 16px;
color: #52748f;
padding: 0px 5px;
font-weight: bold;
line-height: 1.1em;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .share:hover span {
background-position: -48px -16px;
}
#embed #story .engage.embed .f-actions .share:hover .share-label {
color: #ababab;
}
#embed #story .engage.embed .f-actions .share.active {
background-color: #eee;
}
@media screen and (min-width: 421px) {
.s-video .s-video-shim-vine {
height: 490px;
}
.s-video .s-video-shim-vine .s-video-content-vine {
width: 490px;
height: 490px;
}
}
@media screen and (max-width: 420px) {
.s-video .s-video-shim-vine {
height: 270px;
}
.s-video .s-video-shim-vine .s-video-content-vine {
width: 270px;
height: 270px;
}
}
@media screen and (max-width: 320px) {
.s-video .s-video-shim-vine .s-video-content-vine {
-webkit-transform: scale(0.848);
-webkit-transform-origin: 0 0;
}
}

  1. Oh dear. Mail on Sunday angry. Wonder if the chat David Rose asked me for would have made a difference? pic.twitter.com/KJSBOFqpfn HT @mjrobbins
  2. Terrible article by #DavidRose @MailOnline However, I stand by my quote that flat temperatures help rule out high climate sensitivity
  3. . @jamesannan says #climate comment attributed to him by David Rose in the Daily Mail is “a complete fabrication” julesandjames.blogspot.jp/2013/03/anothe…
  4. Also, I see @ed_hawkins says David Rose’s Daily Mail article was incorrect (& used his graph without giving source) climate-lab-book.ac.uk/2013/updated-c…
  5. Carbon Brief has detailed discussion of David Rose’s Mail on Sunday article | carbonbrief.org/blog/2013/03/s…
  6. Mail on Sunday acknowledge @ClimateLabBook was source for article image, but refuse to link or apologise as requested dailymail.co.uk/news/article-2…
  7. #Climate scientist Myles Allen on misrepresentation and denial of science in ongoing Daily Mail/David Rose articles guardian.co.uk/environment/20…

Recovering space weather events from historical data

The Sun observed from space


The impact of the Sun and solar wind on Earth’s technological systems has become known as Space Weather. In order to understand the impact of space weather and better forecast its occurrence it is important to gather as much information as possible. Historical data sets could help us understand space weather conditions from a time long before direct measurements of the solar wind could be made in space. The Sun has an eleven year activity cycle throughout which enormous eruptions known as Coronal Mass Ejections (CMEs) occur. While there are generally more CMEs during active periods, they can occur at any time and with a range of scales. A typical CME consists of around a billion tonnes of material erupting into space from the solar atmosphere at a million miles an hour. If such a ‘solar storm’ arrives at Earth, the hot plasma (an electrified gas) is guided towards the north and south poles by the Earth’s magnetic field where it interacts with the upper atmosphere, generating spectacular auroral displays. In addition to the hazard this represents to spacecraft electronics, the resulting atmospheric heating causes the atmosphere to expand, increasing the drag on satellites and weakening the ionosphere (an electrified region of the Earth’s upper atmosphere). As this heated air circulates around the world, the ionosphere is temporarily weakened in what is known as an ionospheric storm. Unexpected changes to the ionosphere affect the efficiency of long-distance radio communication and influence the accuracy of GPS navigational systems. The most extreme space weather events occur around once per century. In order to improve our statistical understanding of space weather we must therefore look to historical datasets to augment direct observations of solar activity obtained since the beginning of the space age.

The ionospheric monitoring station at Slough circa 1920-1940

One such data set contains observations of the Earth’s ionosphere that have been carried out since the early 1930s in Slough, UK. The Earth’s ionosphere is very sensitive to changes in solar activity both through changes in solar irradiance and through the arrival of solar coronal mass ejections at Earth. This long-term dataset therefore contains the signatures of space weather events over many solar cycles. Detailed analysis of these data is time consuming as the information is contained within photographic prints and log-books containing hand-written notes that are not easily read by computerised systems.

An example of the engineers' ionospheric logbook

This type of analysis is ideal for a ‘citizen science’ project in which members of the public are each encouraged to scrutinize a small section of the data. With enough effort, the sum of many small contributions (and a few large ones!) can lead to a comprehensive analysis of the entire archive. Current projects such as www.solar stormwatch.com (in which users track the trajectory of CMEs observed by the NASA STEREO spacecraft) and www.oldweather.org (which invites users to digitise meteorological information from ships’ logs) have led the way in demonstrating the enthusiasm for space weather amongst citizen scientists and in showing the power of such projects in recovering historical environmental data sets. If we can do the same for these unique ionospheric records, we will increase our understanding of the impact of space weather events and other long-term changes in the Earth’s ionosphere.

Future sea-ice conditions and shipping routes in the Arctic

by Steffen Tietsche

Sea ice in the Arctic has declined dramatically in recent decades, and we will most likely see summers with an ice-free Arctic ocean before the century is over. This has far-reaching consequences for the Arctic environment, for global climate, and for the way humans interact with the Arctic.

One of these consequences is the opening of new sea routes through the Arctic Ocean, which can shorten the travel time between Europe and China by as much as 40%. At present, it is impossible for non-ice-breaking ships to cross the Arctic Ocean even at the annual sea-ice minimum in September. However, with the continuing decline of sea ice, three passage ways will open. First, the North East Passage along the Siberian Coast, then the North West Passage through the Canadian Archipelago, and eventually it will be even possible to send ships via the shortest route crossing the North Pole (see Fig. 1). According to the most recent climate projections (CMIP5), by midcentury all these routes will be shippable, either by open-water ships or by moderately ice-strengthened vessels (Smith & Stephenson, 2013).

Figure 1. Simplified map of Arctic shipping routes projected to become viable in September by 2050. Source: Guardian article

Matters are complicated for economic planners because the Arctic sea-ice cover exhibits large interannual variations, which can outweigh the overall declining trend for decades. As an example, consider two different but equivalent realisations of climate projections with the same climate model. Fig. 2 shows the simulated sea-ice concentrations in September for the same year during the 2010 decade. Remember that both of these realisations are equally likely and derived from the same model! In the first realisation, the North East and probably the North West Passage would be shippable, in the second neither would be. Hence, it would be of great economical value to be able to predict these large sea-ice anomalies.

Figure 2: September sea-ice concentration for two realisations of an RCP4.5 climate projection for the same year and the same model.

How far in advance can we ever hope to predict such large variations? This question can be addresses by so-called perfect-model studies, where the predictability of a simulated anomaly like in Fig. 2 is assessed by running a so-called ensemble prediction with perturbed initial conditions. Recent scientific results suggest that there is the potential to predict such strong sea-ice anomalies a couple of months ahead. That means it is potentially possible to predict whether either the low or the high sea-ice September conditions shown in Fig. 2 will occur when issuing a forecast, say, in spring of the same year. But the potential for such useful predictions rapidly declines as the lead time increases, i.e the earlier the forecast is issued (Fig. 3). When the lead time reaches two years, ensemble predictions made with the climate model are as bad as a simple climatological forecast, and are therefore not useful. Hence, although predicting the trend of sea-ice decline in the Arctic might become feasible with improved climate models, predicting its natural variations remains a tough challenge for science.

Figure 3. Skill score for predictions of two strong anomalies of September sea-ice extent (1=perfect skill, 0=no skill).

To find out more:
  • L. C. Smith and S. R. Stephenson (2013), New Trans-Arctic shipping routes navigable by midcentury, PNAS, published online, doi:10.1073/pnas.1214212110
  • S. Tietsche, D. Notz, J. H. Jungclaus, and J. Marotzke (2013), Predictability of large interannual Arctic sea-ice anomalies, Clim. Dyn., published online, doi:10.1007/s00382-013-1698-8
  • APPOSITE research project at NCAS-Climate/Department of Meteorology

Have aerosols caused the observed North Atlantic multidecadal variability?

By Jon Robson

Multidecadal changes in the North Atlantic sea surface temperature (NASST) have been linked to a range of important climate impacts in Europe, Africa (most notably Sahel rainfall) and North and South America. Indeed, in the mid 1990s an increase in hurricane numbers, and a shift in European climate (notably to wet and dull summers in the UK)  coincided with a shift back to anomalously warm temperatures last seen in the 1930s-1950s. In fact, the observed NASST has generally evolved somewhat differently to the global-mean  sea surface temperature for the past 150 years (which has become known as the Atlantic Multidecadal Oscillation or the AMO, see figure 1).

Figure 1. The Atlantic Multidecadal Oscillation (AMO). The red line shows the low-pass filtered area-averaged North Atlantic sea surface temperature (NASST). Blue shows the low-pass filtered sea surface temperature outside the North Atlantic. Taken from Sutton and Dong, 2012.

In general, the majority of research has attributed the multidecadal variability in NASST to natural variability. Such an attribution arises because climate models could not recreate the observed changes in NASST when simulating the response to changes in historical radiative forcing (e.g. greenhouse gases, or aerosols). However,  the same models generally simulate AMO like variations in NASST spontaneously in their control integrations (i.e. when there are no forcings). The details of exactly how NASST varies usually differs between models. However, generally, the model’s NASST variability is  associated with coherent multidecadal fluctuations of  ocean circulation and its associated heat transports.

In contrast to natural variability, it has also been suggested that radiative forcing, particularly from aerosols, could still have played a role in the evolution of NASST. Aerosols can adjust the radiation budget by interacting with the incoming solar shortwave radiation directly, by absorbing or scattering the photons, or indirectly, by modifying cloud properties. Interestingly, emissions of sulfur dioxide (an important anthropogenic aerosol that acts to cool the climate) increased substantially from the U.S.A. and Europe  in the 1950s-1980s, and then reduced following clean-air legislation. As aerosols are only resident in the troposphere for a short period (days-weeks), aerosol emissions from a particular source, (e.g. the U.S.A or Europe), could have large regional effects (e.g. on the Atlantic, over which much of the aerosol is transported).

Although previous climate models have been hindered in their simulation of aerosol effects due to a lack of fidelity, current state-of-the-art models are increasing the range of complex aerosol processes they simulate (especially the indirect aerosol effects). Interestingly, the latest Met Office Hadley Centre model, HadGEM2-ES,  captures the magnitude and the phase of the observed area-average NASST (see figure 2).  The authors argue that this particular model is able to capture the evolution due to the improved representation of the aerosol modulation of the cloud albedo, which in turn modulates the SST, corroborating the view that aerosols emission have impacted on multidecadal NASST.  On the basis of these results the authors concluded that aerosols were “the prime driver of 20th Century North Atlantic climate variability”.

Figure 2. Area-average North Atlantic SST (NASST) anomaly (75-7.5W, 0-60N). Black line: Observed (HadISST), Red Line: Ensemble mean of HadGEM2-ES historical simulations with all external forcing. Orange shading: 1 standard deviation of ensemble spread of HadGEM2-ES All forcings. All anomalies are relative to 1871-2000 mean.

Although aerosol forcing appears to control the mulitdecadal NASST variability in HadGEM2-ES, it isn’t so clear cut for the real world. In HadGEM2-ES multidecadal changes in NASST are apparently not linked to changes in the ocean circulation. However,  in the real world the 1990s shift to anomalously warm NASST was associated with substantial changes Atlantic circulation. In particular, a large weakening and shifting of the circulation in the subpolar north Atlantic (between 50N-65N), which has been linked to changes in the wider Atlantic circulation and heat transports. The HadGEM2-ES simulations also differ with observations in many other respects. In particular, HadGEM2-ES simulates zero net warming of the upper 700m of the Atlantic ocean since 1950, in contrast to the observed warming, and HadGEM2-ES also simulates the spatial pattern of NASST variability poorly. The latter point is especially clear for the 1960s (see figure 3), where the observed cooling is centred in the subpolar North Atlantic indicative of ocean heat transport changes, but the simulated cooling is almost global.  As these variables are influenced by the aerosol forcing in the model, such disagreement with observations casts some doubt on whether the aerosol forcing in HadGEM2-ES is realistic.

Figure 3. SST differences between the North Atlantic cold period (1961-1980) and the North Atlantic warm period (1941-1960). a) shows the observed difference and b) shows the difference simulated by HadGEM2-ES

So where are we? Because of the important impacts of  NASST on regional climates, especially regions sensitive rainfall (e.g. the Sahel), understanding and predicting the multidecadal changes in NASST remains a key challenge. Given the evidence it seems likely that anthropogenic aerosol have had an impact on past NASST variability, especially in the Tropics. However, given the disagreement of the simulated changes in HadGEM2-ES with those observed it is clear that further understanding is needed. For instance, what was the magnitude of the aerosol affects, and did the anthropogenic aerosol influence the phasing of the natural variability by forcing dynamical feedbacks, as has been suggested recently for Volcanic forcing.

Future model testing and improvement may shed light on what’s controlling  multidecadal NASST, but ultimately, we may have to wait for more, and improved, observations of future changes. Either way, it’s an interesting time to be thinking about Atlantic Multidecadal variability and its consequences.

Find out more

Booth, et al., 2012, Aerosols implicated as the prime driver of twentieth-century North Atlantic climate variability, Nature
Zhang, et al., 2013, Have aerosols caused the observed North Atlantic multidecadal variability? JAS, In Press

8-9 February 2013 Winter Storm in the US Northeast

It was only about six months ago when the US Northeast was the focus of our attention in Weather and Climate Discussion. Hurricane Sandy, also known as the “Frankenstorm”, brought a massive storm surge and devastating coastal flooding to the states of New Jersey, New York, and Connecticut. Two weeks ago, the US Northeast was in the world weather headlines again. This time the story was snow. Lots of snow.

The map below shows snowfall totals (from the National Weather Service in Brookhaven, NY). Note that these totals are reported in inches not centimeters. More than 2 feet of snow fell across central Connecticut and Long Island, with a few places reporting in excess of 3 feet. You would need more than a garden trowel to remove this snow from your driveway.

The storm that dumped such an extraordinary quantity of snow was a Nor’easter (which, phonetically, is how a New Englander would say “northeaster”). Nor’easters are named as such because if you were standing on a beach anywhere in New England, you would experience a northeast wind as the storm approached from the south (i.e., you would be located in the storm’s northwest quadrant).

An animation of the satellite imagery  over a three-day period is available here:  GOES Satellite Loop 8-10 February . A broad region of cloud enters the image from the south on 8 February and tracks northeastwards along the coast. When this disturbance reaches the coastal waters off New England (about halfway through the animation) the storm intensifies and a distinct circulation develops. This is the time when the heaviest snow fell.

Why did the storm intensify? The mechanism of intensification was the same as that for any Nor’easter. Two essential ingredients are required: 1) an incipient low at the surface somewhere along the coast or in the southeastern US; and 2) a cyclonic disturbance in the upper-troposphere located to the west of the surface low. If the surface and upper-level features are configured just right, then the mutual interaction between them will cause both features to amplify via baroclinic instability. Despite what many broadcast meteorologists claim on air, it is not a “collision” between two weather systems that leads to this kind storm. Rather, it is harmonisation.

The image below demonstrates how this process unfolded on 8-9 February.  On the morning of the 8th (left column) a surface low was located along the coast on North Carolina (top panel)  and a 500 hPa trough was located over Michigan (bottom panel). The surface low was tracking to the northeast, while the upper-level trough was moving eastward. By the evening on the 8th, the two systems were optimally configured for rapid growth — the surface low was positioned just to the east of the upper-level trough. By the morning of the 9th (right column) the surface low had a central pressure of 970 hPa. That’s a deepening of more than 24 hPa in 24 hours. This storm was a “bomb” in the technical sense.

The heaviest snow fell in the northwest quadrant of the storm. A loop of radar imagery over the duration of the event is available here from the National Weather Service. Notice the band of high radar returns over central Connecticut and Long Island, where the highest snowfall totals were recorded. The band remained almost stationary over this region for approximately 12 hours. Within this band, snowfall rates of 1-5 inches per hour were observed, and there were many reports of thundersnow. This type of mesoscale banding is common in northeast snowstorms and may be associated with conditional symmetric instability (or CSI) — a topic for another blog on another day.

So how did New Yorkers cope with the snow? The heaviest snow began at rush hour on a Friday. While many people had the foresight and opportunity to leave work early, many others either could or would not leave early and were caught on the roads. The rate of accumulation was too fast in some places for snow plows to keep roads clear. The coincidence of the rush hour and the snowfall resulted in disastrous consequences on the roads. The photograph below shows an eerie scene on a  Long Island highway on the morning after the blizzard. These cars were stuck in the middle of their commute. Some slept in their cars, others were rescued by snowmobile, and apparently the 24-hour Walmart on this highway offered shelter (and low prices) to the stranded.

As eerily peaceful as this scene may look, it is most likely that at least one car horn was still being beeped intermittently when this photo was taken. Hey, this is New York. Whaddaya expect?   (photo from TriHamlet News)

Stakeholder event on floods and droughts

I recently organised a stakeholder engagement event on “floods and droughts – what can the latest science tell us?” which involved over 20 researchers from across the Met Department (see list here). By stakeholders – I mean people outside academia, for example from Government Departments,business, charities.  The event gave stakeholder s an opportunity to engage one to one with researchers, to get a unique view of the latest results and to discuss their needs and interests with us.

(The event was part funded through collaboration with Richard Allan on the impact plan of his NERC funded PREPARE project.)

You can see more about the event here.

Why is this kind of event important?

These days there is more and more emphasis being placed on the “impact” of scientific research. All proposals for research funding from the research councils now have to have to consider research impact: who benefits from your research, how do they benefit and what will you do within the project to realise these benefits?

For the first time, research impact will also play a significant part in the Research Excellence Framework (REF) in 2014. Within the REF, “research impact” contributes 20% to the final assessment and is defined as: “any effect on, change or benefit to the economy, society, culture, public policy or services, health, the environment or quality of life, beyond academia”.

Why am I involved?!!

What has all this got to do with me and what I do?!! I’m a member of the Walker Institute core team and part of our remit is to work with our associates (researchers from across the University) to help them engage with “users” of research outside of academia. Ultimately the aim of this is to enhance research impact and diversify funding sources for University of Reading research

Who were the stakeholders?

I sent invitations to around 300 people in government departments, businesses, government agencies and consultancies. We had a great response with 43 registrations from a really diverse range of stakeholders e.g., lots of Government Departments (DECC, Defra, DFID, GOS, Sainsburys, Anglian Water, Zurich Insurance. see the full list here).

What was the format of the event?

Talks followed by one to one networking with researchers, with posters as background and to highlight work to begin a conversation. You can see all the talks and posters here.

What were the key issues raised by the stakeholders:

  • hard to find information/place where latest research is pulled together (need for some kind of UK forum to do this)
  • return period type metrics (e.g., of extreme rainfall, or hot days, dry seasons…) are useful but aren’t necessarily available from research papers
  • the need for dialogue between researchers and stakeholders to define what the right questions are
  • need for bridge or intermediaries between academic research and “users”
  • particular interest in health impacts – need for an event that looks at implications/impact of floods/drought on health
  • stakeholders not necessarily aware of the mechanisms through which they can interact with Universities (e.g., through MSc projects, industry funded PhDs, contract research etc..)

How can I measure the impact of the event?

I started with research impact, so I obviously need to try and measure the impact of this event. How do I do that? (I don’t think there is any easy or defined way to do this).

Some things that I’ve done:

  • Firstly, lots of stakeholders registered for the event and most attended – that in itself is an impact
  • I’ve monitored who looked at the talks and posters on the Walker Institute website using Google analytics (e.g., Met Office, Deloitte, Environment Agency, Oxford University, Aberdeenshire Council, Christian Aid, Cheshire County Council, I also got views from China and the US)
  • There are some specific outcomes:
    • Visit to the University from Catlin Insurance
    • 2 possible MSc projects (with ForestRe and Health Protection Agency)
    • Various people who want to be kept informed of research results
    • New links with Acclimatise consultancy re Africa research

Things to think about/discuss:

  • How do you measure the benefits and impacts of such an event? (Ideas welcome)
  • Do you think this kind of activity should be an integral part of a career in scientific research?
  • Do we need some kind of intermediary between researchers and “users/stakeholders” – if so, who should these intermediaries be: the media, consultancies, science communicators?

Deep and crisp and even

Given the fact we had about a week of lying snow last month, and that I’ve already been asked ‘is that it for this winter?’, I thought some statistics on lying snow here in Reading might not go amiss.

We have complete day-to-day records of the dates with lying snow (defined as a coverage of at least 50 per cent over the ground at 0900 GMT) at the University going back to 1948 with the actual measured snow depth on all but 38 days back to 1951. Note that the observing site moved to the Whiteknights campus from the London Road area in 1968.

So how often does snow lie in Reading at 9 a.m.? Over the period 1981-2010 (our most recent 30-year climatological period) the figures (shown in blue) are as follows:

The climatology of lying snow days in Reading.

This recent period shows a decline in lying snow with respect to 1951-80 (red), while anyone who has only been in Reading for a few years will only be familiar with the green plotted bars – and may not realise how fortunate they are (assuming they are snow lovers!). My own daughters – now both at university – had many a winter in which their sledges remained in the garage. Unfortunately, across southern England this is about as good as it gets, unless you venture into the hills – see this chart from the Met Office’s current 1981-2010 averages webpages (http://www.metoffice.gov.uk/pub/data/weather/uk/climate/averages/maps/uk/8110_1km/SnowLying_Average_1981-2010_17.gif):

Met Office: UK-wide snow lying days each year.

So how much variation is there in the annual incidence of lying snow? The next figure gives the answer:

The variation of lying snow days in Reading, 1948-9 onwards.

Winters without lying snow occur roughly every nine years. Winters with ten days of lying snow occur quite frequently – once every 3.8 years on average although only twice from 1986 to 2008. Winters with 20 days of lying snow are rare (5 years in 64) while the winter of 1962-63 stands in a class of its own – having 54 mornings with 50% snow cover (with most of those on consecutive mornings in January and February). Recent winters do seem to indicate that lying snow has become more prevalent.

Of course ‘days with lying snow’ gives no indication of the snow depth and its persistence. One way to judge that is to follow the suggestion of Philip Eden and to note the cumulative snow depth during the season (the cumulative snowfall is very difficult to measure in the UK as often rain and snow fall within a short space of time and separating the one from the other requires keen and frequent observations).  The cumulative snow depth is simply the sum of all the 0900 GMT snow depths added together during the (autumn-) winter (-spring).

Cumulative winter snow depths in Reading, 1951-52.

Again, 1962-63 stands out – but 2009-10 also makes an appearance. This is due to the great depths of snow recorded that winter, for example

  • 11 cm on 22 December 2009 and 10 cm on 23 December 2009;
  • 27 cm on 6 January 2010, 26 cm on 7 January 2010 – decreasing slowly to 9 cm on 15 January before clearing the next day.

This 27 cm was the greatest snow depth at 9 a.m. in Reading since 31 cm on 3 January 1963 (this latter depth following depths of 28 cm and 27 cm on the previous two days) – and this depth in 1963 was the greatest any University of Reading observer had ever measured.

The other winter that stands out in this image is that of 1981-82 – that winter lying snow occurred from 8 December, on and off, to 17 January. (Even more memorable that winter was the cold – minimum temperatures of -14.5 °C on 14 January following on from -13.4 °C on 13 December, temperatures which helped the snow cover to persist.) The former temperature was the lowest air temperature ever recorded at the university’s climatological station.

So what about the remainder of the winter? – forecasts currently suggest a ‘slight’ cooling in the air temperature over the next couple of weeks and statistically February (March) sees lying snow in about one year in two (three). In February 1986 snow lay for 15 days in Reading having been virtually absent up that point. Thus we may yet see some more of the white stuff lying – in 2008 snow lay 6 cm deep as late as 6 April (the deepest April depth in Reading since before 1951)…

Snow cover of 6 April 2008.

…and some were not amused!

Written 6 February 2013.

Mountain Pine Beetles, Climate and the Carbon Cycle

Mountain Pine Beetle infested tree at Niwot Ridge, Colorado.

From the early 1990s, high levels of tree mortality have been observed across large areas of forest in North America infested by species of bark beetles. The majority of the damage originates from the native Mountain Pine Beetle Dendroctonus ponderosae. The beetles burrow underneath the bark of the trees to lay their eggs, disrupting water and nutrient flows within the sapwood during the processes. In addition they often carry blue stain fungus which further infects the phloem and sapwood. These effects lead to a slow death for the tree and infected areas are easily identified by the symptomatic red colouration in the forest canopy. Although the exact cause of the outbreak is unknown it appears to be in response to changing climatic conditions with warmer temperatures acting to increase the beetle’s natural range and to reduce levels of winter mortality which normally helps keep the population in check.

Impacts of the beetle infestation on human activity are numerous. A chief concern is damage to timber based economies, such as in British Columbia where forest product exports totalled $9.95 billion Canadian Dollars. There is also strong evidence relating beetle induced mortality to increased likelihood of wild fires: the dead trees remain standing for several years and dry out during the summer months leading to increased risk of combustion. In addition it has been hypothesised that the infestation could lead to a large source of carbon to the atmosphere, potentially acting a positive feedback to climate change. A paper published in Nature by Kurz et al. (2008) projected that between 2000–2020 there will be 270 megatonnes (Mt) carbon released to the atmosphere from infected forests in British Columbia alone. Whilst this is relatively small compared to annual emissions of carbon from global fossil fuel combustion this figure becomes more daunting when scaled up over the whole of North America. The Kurz et al. paper was sufficiently high profile to be reported in the New York Times.

But are these claims concerning large releases of carbon to the atmosphere really correct? A group of scientists, including myself, have been working to address this question for several years now. A key assumption in the calculations of post infestation carbon release is that respiration from soil micro-organisms (known as heterotrophic respiration) will continue unabated once the forest dies. This is the main route by which dead organic matter is returned to the atmosphere in a normal, undisturbed ecosystem. In other words heterotrophic respiration is a major term in the carbon balance of a mature forest. However, careful experiments carried out by Nicole Trahan as part of her PhD at the University of Colorado suggested that this may not be true for forests that have been attacked by the mountain pine beetle. By simulating beetle attacks on a small patch of healthy forest at Niwot Ridge, Colorado, and measuring the corresponding heterotrophic CO2 flux over a number of years, Nicole observed that respiration from soil microbes slowed down as the trees died. She then went on to show the same things happening in a nearby beetle infested forest in Fraser Valley. The explanation for this appears to be that as photosynthesis in a tree decreases, the amount of carbohydrates (such as glucose and sucrose) that are made available to the fungal mycorrhiza surrounding its root system also decreases. Without these priming agents the activity of the microbial community slows down.

More information on this component of the research can be seen in The Pine Beetle Project video on YouTube.

Will these field scale observations hold out over wider areas? This is an important question if we are to understand the impact of the beetle infestation on the carbon balance of North America and its potential to act as a positive feedback to climate change. Unfortunately both photosynthesis and heterotrophic respiration are notoriously difficult to measure on large scales. To address this we used two approaches: 1) satellite derived estimates of photosynthesis and 2) measurements of the night-time accumulation of CO2 at the bottom of Fraser valley as a proxy for heterotrophic respiration.

Satellite estimates of photosynthesis (or more specifically, Gross Primary Productivity, GPP) are now derived operationally for the whole global roughly every two weeks using sensors such as NASA’s Moderate Resolution Imaging Spectrometer (MODIS). However preliminary analysis of this data suggested that, for a number of reasons, it was not capturing the pattern of disturbance that we were observing on the ground. Instead we opted to calibrate a recently published model of satellite derived GPP against estimates of photosynthesis derived using eddy covariance trace gas flux measurement techniques at the Niwot Ridge site (which is a relatively healthy forest). This model was then applied over the infested Fraser Valley forest. The resulting estimates of annual GPP are shown in the figure below. The forest at Niwot Ridge shows no decline in photosynthesis for the period 2002-2011 whereas Fraser Valley exhibits the same temporal pattern as the Niwot Ridge forest from 2002 to 2006, but rapidly declines after 2006 (the year in which the beetle infestation started).

Starting in 2006 CO2 concentrations have been measured on the valley floor in Fraser. We used the averaged night-time accumulation as a proxy for heterotrophic respiration. During the night autotrophs (i.e. vegetation) stop respiring CO2 and hence the night-time accumulation is only produced by heterotrophs (primarily soil microbes). This assumes that the boundary layer is relatively stable so that CO2 is not being lost from the valley, and also that the valley is flushed out during the day. Meteorological observations were used to filter the data for nights where this was potentially a problem.

Estimated photosynthesis from satellite data at Niwot Ridge (blue line) and Fraser Valley (green line). Night time accumulation of CO2 in Fraser Valley is used as a proxy for heterotrophic respiration and assumes a relatively stable atmosphere. The absolute magnitudes of each of these data series are different and so values relative to 2006 (the first year of major beetle infestation in Fraser Valley) are shown to facilitate comparison.

The plot above shows our results from the scaling up exercise and corroborates the field studies: as photosynthesis declines so does heterotrophic respiration. Consequently we can be more confident in our assertion that the Kurz et al. result is overstating the impact of the D. ponderosae in terms of the potential release of carbon to the atmosphere. Longer term the carbon in the dead wood will be released to the atmosphere, but the regrowth of new trees, which is a strong sink of carbon, is likely to offset much of this on similar time scales. This isn’t to say the beetles are not a problem, they most certainly are, but that the ecological puzzle is inevitably more complex than it first appears.

A manuscript is currently under consideration for Ecology Letters (Moore et al., submitted) that describes all of this in much more detail. I will update this post when that paper is accepted. Our next steps are two-fold: first, to try and scale our estimates up over even larger areas and second to incorporate our new knowledge into a prognostic model so that we can make better constrained projections of the interaction with climate.

To find out more:

Kurz W.A., Dymond C.C., Stinson G., Rampley G.J., Neilson E.T., Carroll A.L., Ebata T. and Safranyik L. (2008) Mountain pine beetle and forest carbon feedback to climate change. Nature 452, 987-990, doi:10.1038/nature06777

Moore D.J.P., Trahan N.A., Wilkes P., Quaife T., Desai A.R., Negron J.F., Stephens B.B., Elder K. and Monson R.K. (2013, submitted) Changes in carbon balance after insect disturbance in Western U.S. forests. Submitted to Ecology Letters.