Skip to content

Instantly share code, notes, and snippets.

@heyitsolivia

heyitsolivia/gist:4ab8dfbe7cf1b2a829d0

Created March 18, 2015 14:40
Show Gist options
  • Save heyitsolivia/4ab8dfbe7cf1b2a829d0 to your computer and use it in GitHub Desktop.
Save heyitsolivia/4ab8dfbe7cf1b2a829d0 to your computer and use it in GitHub Desktop.
Download ZIP
new-monthly-inlined
Raw
gistfile1.txt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width"/>
<style type="text/css">
body {
width: 100% !important; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0;
}
.ExternalClass {
width: 100%;
}
.ExternalClass {
line-height: 100%;
}
#backgroundTable {
margin: 0; padding: 0; width: 100% !important; line-height: 100% !important;
}
img {
outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; float: left; clear: both; display: block;
}
body {
color: #222222; font-family: "Helvetica", "Arial", sans-serif; font-weight: normal; padding: 0; margin: 0; text-align: left; line-height: 1.3;
}
body {
font-size: 14px; line-height: 19px;
}
a:hover {
color: #2795b6 !important;
}
a:active {
color: #2795b6 !important;
}
a:visited {
color: #2ba6cb !important;
}
h1 a:active {
color: #2ba6cb !important;
}
h2 a:active {
color: #2ba6cb !important;
}
h3 a:active {
color: #2ba6cb !important;
}
h4 a:active {
color: #2ba6cb !important;
}
h5 a:active {
color: #2ba6cb !important;
}
h6 a:active {
color: #2ba6cb !important;
}
h1 a:visited {
color: #2ba6cb !important;
}
h2 a:visited {
color: #2ba6cb !important;
}
h3 a:visited {
color: #2ba6cb !important;
}
h4 a:visited {
color: #2ba6cb !important;
}
h5 a:visited {
color: #2ba6cb !important;
}
h6 a:visited {
color: #2ba6cb !important;
}
table.button:hover td {
background: #2795b6 !important;
}
table.button:visited td {
background: #2795b6 !important;
}
table.button:active td {
background: #2795b6 !important;
}
table.button:hover td a {
color: #fff !important;
}
table.button:visited td a {
color: #fff !important;
}
table.button:active td a {
color: #fff !important;
}
table.button:hover td {
background: #2795b6 !important;
}
table.tiny-button:hover td {
background: #2795b6 !important;
}
table.small-button:hover td {
background: #2795b6 !important;
}
table.medium-button:hover td {
background: #2795b6 !important;
}
table.large-button:hover td {
background: #2795b6 !important;
}
table.button:hover td a {
color: #ffffff !important;
}
table.button:active td a {
color: #ffffff !important;
}
table.button td a:visited {
color: #ffffff !important;
}
table.tiny-button:hover td a {
color: #ffffff !important;
}
table.tiny-button:active td a {
color: #ffffff !important;
}
table.tiny-button td a:visited {
color: #ffffff !important;
}
table.small-button:hover td a {
color: #ffffff !important;
}
table.small-button:active td a {
color: #ffffff !important;
}
table.small-button td a:visited {
color: #ffffff !important;
}
table.medium-button:hover td a {
color: #ffffff !important;
}
table.medium-button:active td a {
color: #ffffff !important;
}
table.medium-button td a:visited {
color: #ffffff !important;
}
table.large-button:hover td a {
color: #ffffff !important;
}
table.large-button:active td a {
color: #ffffff !important;
}
table.large-button td a:visited {
color: #ffffff !important;
}
table.secondary:hover td {
background: #d0d0d0 !important; color: #555;
}
table.secondary:hover td a {
color: #555 !important;
}
table.secondary td a:visited {
color: #555 !important;
}
table.secondary:active td a {
color: #555 !important;
}
table.success:hover td {
background: #457a1a !important;
}
table.alert:hover td {
background: #970b0e !important;
}
body.outlook p {
display: inline !important;
}
body {
color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
body {
font-size: 14px; line-height: 20px;
}
a:hover {
color: #42A5B3 !important;
}
a:active {
color: #42A5B3 !important;
}
a:visited {
color: #42A5B3 !important;
}
@media only screen and (max-width: 600px) {
table[class="body"] img {
width: auto !important; height: auto !important;
}
table[class="body"] center {
min-width: 0 !important;
}
table[class="body"] .container {
width: 95% !important;
}
table[class="body"] .row {
width: 100% !important; display: block !important;
}
table[class="body"] .wrapper {
display: block !important; padding-right: 0 !important;
}
table[class="body"] .columns {
table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important;
}
table[class="body"] .column {
table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important;
}
table[class="body"] .wrapper.first .columns {
display: table !important;
}
table[class="body"] .wrapper.first .column {
display: table !important;
}
table[class="body"] table.columns td {
width: 100% !important;
}
table[class="body"] table.column td {
width: 100% !important;
}
table[class="body"] .columns td.one {
width: 8.333333% !important;
}
table[class="body"] .column td.one {
width: 8.333333% !important;
}
table[class="body"] .columns td.two {
width: 16.666666% !important;
}
table[class="body"] .column td.two {
width: 16.666666% !important;
}
table[class="body"] .columns td.three {
width: 25% !important;
}
table[class="body"] .column td.three {
width: 25% !important;
}
table[class="body"] .columns td.four {
width: 33.333333% !important;
}
table[class="body"] .column td.four {
width: 33.333333% !important;
}
table[class="body"] .columns td.five {
width: 41.666666% !important;
}
table[class="body"] .column td.five {
width: 41.666666% !important;
}
table[class="body"] .columns td.six {
width: 50% !important;
}
table[class="body"] .column td.six {
width: 50% !important;
}
table[class="body"] .columns td.seven {
width: 58.333333% !important;
}
table[class="body"] .column td.seven {
width: 58.333333% !important;
}
table[class="body"] .columns td.eight {
width: 66.666666% !important;
}
table[class="body"] .column td.eight {
width: 66.666666% !important;
}
table[class="body"] .columns td.nine {
width: 75% !important;
}
table[class="body"] .column td.nine {
width: 75% !important;
}
table[class="body"] .columns td.ten {
width: 83.333333% !important;
}
table[class="body"] .column td.ten {
width: 83.333333% !important;
}
table[class="body"] .columns td.eleven {
width: 91.666666% !important;
}
table[class="body"] .column td.eleven {
width: 91.666666% !important;
}
table[class="body"] .columns td.twelve {
width: 100% !important;
}
table[class="body"] .column td.twelve {
width: 100% !important;
}
table[class="body"] td.offset-by-one {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-two {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-three {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-four {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-five {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-six {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-seven {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-eight {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-nine {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-ten {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-eleven {
padding-left: 0 !important;
}
table[class="body"] table.columns td.expander {
width: 1px !important;
}
table[class="body"] .right-text-pad {
padding-left: 10px !important;
}
table[class="body"] .text-pad-right {
padding-left: 10px !important;
}
table[class="body"] .left-text-pad {
padding-right: 10px !important;
}
table[class="body"] .text-pad-left {
padding-right: 10px !important;
}
table[class="body"] .hide-for-small {
display: none !important;
}
table[class="body"] .show-for-desktop {
display: none !important;
}
table[class="body"] .show-for-small {
display: inherit !important;
}
table[class="body"] .hide-for-desktop {
display: inherit !important;
}
table[class="body"] img.headershare--social {
width: 20px !important; height: 14px !important; vertical-align: middle !important;
}
table[class="body"] img.sunlight-logo {
max-width: 250px !important; width: 100% !important;
}
table[class="body"] .row.hero {
display: table !important;
}
.hero--title {
padding-top: 30px !important; line-height: 36px;
}
table[class="body"] table.columns td.hero--divider-wrapper {
width: 25% !important;
}
table[class="body"] table.columns td.hero--subtitle-wrapper {
width: 180px !important;
}
.hero--text {
font-size: 16px !important; line-height: 28px !important;
}
.row.article {
padding-top: 20px !important;
}
table[class="body"] img.article--img {
float: none !important; margin: auto; width: 120px !important; height: 120px !important;
}
.article--img-full {
padding-bottom: 10px !important; padding-top: 10px !important;
}
.article--caption {
font-size: 14px !important;
}
.article--header {
text-align: center !important;
}
.article--text {
text-align: center !important;
}
.article--button-wrapper {
text-align: center !important;
}
.article--button {
text-align: center !important;
}
.article--text {
font-size: 14px !important; line-height: 22px !important; max-width: 450px !important; margin-left: auto !important; margin-right: auto !important;
}
.article--button {
font-size: 14px !important;
}
.prompt table.columns td {
padding-bottom: 0px !important;
}
.prompt td.wrapper {
padding-bottom: 0px !important; padding-top: 0px !important;
}
table[class="body"] img.prompt--logo {
height: 30px !important;
}
.prompt table.columns .pad-left {
padding-left: 15px !important; padding-right: 15px !important;
}
.prompt table.columns .pad-right {
padding-left: 15px !important; padding-right: 15px !important;
}
p.prompt--text {
font-size: 14px !important; line-height: 24px !important;
}
.prompt--button-wrapper {
text-align: center !important; margin-bottom: 15px !important;
}
.prompt--button {
font-size: 14px !important;
}
td.socialmedia--divider-wrapper {
width: 20% !important; padding-top: 5px !important;
}
td.socialmedia--header-wrapper {
width: 200px !important;
}
}
@media screen {
@font-face {
font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url('http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf') format('truetype');
}
@font-face {
font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('http://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf') format('truetype');
}
@font-face {
font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url('http://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM0DauxaEVho0aInXGvhmB4k.ttf') format('truetype');
}
}
@media only screen and (max-width: 380px) {
table[class="body"] table.columns td.hero--divider-wrapper {
width: 15% !important;
}
td.socialmedia--divider-wrapper {
width: 15% !important;
}
}
</style>
</head>
<body style="width: 100% !important; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 20px; font-size: 14px; margin: 0; padding: 0;">
<!-- Email Preview Text -->
<span class="email-preview-text" style="visibility: hidden; display: none; height: 0px; font-size: 1px; color: #ffffff; margin: 0; padding: 0;">This month at Sunlight Foundation</span>
<!-- TemplateBeginEditable name="content" -->
<table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="center" align="center" valign="top" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;">
<center style="width: 100%; min-width: 580px;">
<table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; background: #eeeeee; padding: 0px;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td align="center" class="center" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" valign="top">
<center style="width: 100%; min-width: 580px;">
<table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="top">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="eight sub-columns" style="border-collapse: collapse !important; vertical-align: top; text-align: left; min-width: 0px; width: 66.666666%; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 10px 10px 0px;" align="left" valign="top">
<span class="headershare--label" style="color: #999999; font-size: 12px;">
<a href="#" style="color: #999999; text-decoration: none;">View on the web</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://sunlightfoundation.com/join/" style="color: #999999; text-decoration: none;">Join us</a>
</span>
</td>
<td class="four sub-columns last" style="text-align: right; vertical-align: middle; float: none; border-collapse: collapse !important; min-width: 0px; width: 33.333333%; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="right" valign="middle">
<span class="headershare--label" style="color: #999999; font-size: 12px;">
<a href="https://twitter.com/SunFoundation" style="color: #999999; text-decoration: none;"><img class="headershare--social" alt="Find us on Twitter" width="20" height="14" src="http://sunlight-cdn.s3.amazonaws.com/emails/img/partials/twitter-icon.png" style="display: inline; float: none; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; clear: both; vertical-align: middle !important; border: none;" align="none" /></a>
<a href="https://www.facebook.com/sunlightfoundation" style="color: #999999; text-decoration: none;"><img class="headershare--social" alt="Find us on Facebook" width="20" height="14" src="http://sunlight-cdn.s3.amazonaws.com/emails/img/partials/facebook-icon.png" style="display: inline; float: none; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; clear: both; vertical-align: middle !important; border: none;" align="none" /></a>
</span>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<!-- Email Header Area -->
<table class="row header-logo" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; background: #ffffff; padding: 0px;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td height="20" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td align="center" class="center" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" valign="top">
<center style="width: 100%; min-width: 580px;">
<table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="top">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="center" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="center" valign="top">
<center style="width: 100%; min-width: 580px;">
<a href="http://sunlightfoundation.com/" style="color: #005D6E; text-decoration: underline;">
<img class="sunlight-logo center" src="http://sunlight-cdn.s3.amazonaws.com/emails/img/monthly/sunlight-foundation.png" width="250" height="47" alt="Sunlight Foundation" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; float: none; clear: both; display: block; margin: 0 auto; border: none;" align="none" />
</a>
</center>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td height="20" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr>
</table>
<table class="row hero u-valignm" background="http://sunlight-cdn.s3.amazonaws.com/emails/img/monthly/cover-background.jpg" bgcolor="#FFDB15" style="border-spacing: 0; border-collapse: collapse; vertical-align: middle !important; text-align: left; width: 100%; position: relative; height: 390px; background: #ffcb15 url(http://sunlight-cdn.s3.amazonaws.com/emails/img/monthly/cover-background.jpg); padding: 0px;">
<tr class="u-valignm" style="vertical-align: middle !important; text-align: left; padding: 0;" align="left">
<td class="u-valignm" height="20" style="border-collapse: collapse !important; vertical-align: middle !important; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="middle"></td>
</tr>
<tr class="u-valignm" style="vertical-align: middle !important; text-align: left; padding: 0;" align="left">
<td class="center u-valignm" align="center" style="border-collapse: collapse !important; vertical-align: middle !important; text-align: center; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" valign="middle">
<center style="width: 100%; min-width: 580px;">
<table class="container u-valignm" style="border-spacing: 0; border-collapse: collapse; vertical-align: middle !important; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;">
<tr class="u-valignm" style="vertical-align: middle !important; text-align: left; padding: 0;" align="left">
<td class="wrapper last u-valignm" style="border-collapse: collapse !important; vertical-align: middle !important; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="middle">
<table class="twelve columns u-valignm" style="border-spacing: 0; border-collapse: collapse; vertical-align: middle !important; text-align: left; width: 580px; margin: 0 auto; padding: 0;">
<tr class="u-valignm" style="vertical-align: middle !important; text-align: left; padding: 0;" align="left">
<td class="text-pad u-valignm" style="border-collapse: collapse !important; vertical-align: middle !important; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 10px 10px;" align="left" valign="middle">
<table class="u-valignm" style="border-spacing: 0; border-collapse: collapse; vertical-align: middle !important; text-align: left; padding: 0;">
<tr class="u-valignm" style="vertical-align: middle !important; text-align: left; padding: 0;" align="left">
<td class="u-nobottompad u-valignm" style="border-collapse: collapse !important; vertical-align: middle !important; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px;" align="left" valign="middle">
<h2 class="hero--title center" style="text-align: center; color: #000000; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: bold; line-height: 1.3; word-break: normal; font-size: 36px; margin: 0; padding: 50px 0 0;" align="center">March Madness</h2>
</td>
</tr>
<tr class="u-valignm" style="vertical-align: middle !important; text-align: left; padding: 0;" align="left">
<td class="center u-valignm" style="border-collapse: collapse !important; vertical-align: middle !important; text-align: center; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="center" valign="middle">
<center style="width: 100%; min-width: 580px;">
<table class="u-valignm" style="border-spacing: 0; border-collapse: collapse; vertical-align: middle !important; text-align: left; padding: 0;">
<tr class="u-valignm" style="vertical-align: middle !important; text-align: left; padding: 0;" align="left">
<td class="hero--divider-wrapper u-valignm" style="border-collapse: collapse !important; vertical-align: middle !important; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; width: 32%; margin: 0; padding: 3px 0px 10px;" align="left" valign="middle">
<hr class="hero--divider" style="color: #C1BAA9; height: 1px; border-top-width: 1px !important; border-top-color: #ffffff !important; background: transparent; border-style: solid none none;" />
</td>
<td class="hero--subtitle-wrapper u-valignm" style="border-collapse: collapse !important; vertical-align: middle !important; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; width: 190px; margin: 0; padding: 0px 4px 10px;" align="left" valign="middle">
<span class="hero--subtitle center" style="display: block; width: 100%; text-align: center; color: #ffffff; text-transform: uppercase;">This month in Sunlight</span>
</td>
<td class="hero--divider-wrapper u-valignm" style="border-collapse: collapse !important; vertical-align: middle !important; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; width: 32%; margin: 0; padding: 3px 0px 10px;" align="left" valign="middle">
<hr class="hero--divider" style="color: #C1BAA9; height: 1px; border-top-width: 1px !important; border-top-color: #ffffff !important; background: transparent; border-style: solid none none;" />
</td>
</table>
</center>
</td>
</tr>
<tr class="u-valignm" style="vertical-align: middle !important; text-align: left; padding: 0;" align="left">
<td class="u-valignm" style="border-collapse: collapse !important; vertical-align: middle !important; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="middle">
<p class="hero--text center" style="color: #000000; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: center; line-height: 34px; font-size: 19px; margin: 0 0 20px; padding: 0;" align="center">Welcome to the inaugural issue of <em>This Month in Sunlight</em>, a new offering that will provide you with updates on what we’re up to at the Sunlight Foundation. Expect a single digest to arrive on the first week of each month, featuring a few great stories and a surprise or two (GIFs? Photos of our analog coffee clock?). Stay tuned!</p>
</td>
</tr>
</table>
</td>
<td class="expander u-valignm" style="border-collapse: collapse !important; vertical-align: middle !important; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="middle">
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td height="50" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<table class="row article" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 25px 0px;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 20px 0px 0px;" align="left" valign="top">
<table class="four columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 180px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">
<img class="article--img" src="http://placehold.it/340x340" width="170" height="170" alt="Alt text" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: 170px; max-width: 100%; float: left; clear: both; display: block; height: 170px; border-radius: 50%;" align="left" />
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
</td>
</tr>
</table>
</td>
<td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="top">
<table class="eight columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 380px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">
<h3 class="article--header" style="color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: bold; text-align: left; line-height: 1.3; word-break: normal; font-size: 22px; margin: 0; padding: 0 0 15px;" align="left">Sunshine Week Happiness</h3>
<p class="article--text" style="color: #222222; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 26px; font-size: 16px; margin: 0 0 20px; padding: 0;" align="left">Get your Sunshine Week on! We’re celebrating public’s right to know this year by teaming up with MuckRock and EFF for a dual happy hour/award ceremony here in DC. Join us! Not in DC, but still want to take part? Check out this calendar of events over at <a href="" style="color: #005D6E; text-decoration: underline;">sunshineweek.org</a>.</p>
<div class="article--button-wrapper">
<!--[if mso]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:40px;v-text-anchor:middle;width:230px;" strokecolor="#FFDB15" fillcolor="#fff9e1"><w:anchorlock/><center style="color:#42a5b3;font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:16px;">Get Your Happy On &raquo;</center></v:rect><![endif]-->
<a class="article--button" href="#" style="color: #42a5b3; text-decoration: none; display: inline-block; font-size: 16px; line-height: 40px; text-align: center; width: 230px; -webkit-text-size-adjust: none; mso-hide: all; background: #fff9e1; border: 2px solid #ffdb15;">Get Your Happy On &raquo;</a>
</div>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row article" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 25px 0px;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 20px 0px 0px;" align="left" valign="top">
<table class="four columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 180px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">
<img class="article--img" src="http://placehold.it/340x340" width="170" height="170" alt="Alt text" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: 170px; max-width: 100%; float: left; clear: both; display: block; height: 170px; border-radius: 50%;" align="left" />
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
</td>
</tr>
</table>
</td>
<td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="top">
<table class="eight columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 380px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">
<h3 class="article--header" style="color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: bold; text-align: left; line-height: 1.3; word-break: normal; font-size: 22px; margin: 0; padding: 0 0 15px;" align="left">Sunshine Week Happiness</h3>
<p class="article--text" style="color: #222222; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 26px; font-size: 16px; margin: 0 0 20px; padding: 0;" align="left">Get your Sunshine Week on! We’re celebrating public’s right to know this year by teaming up with MuckRock and EFF for a dual happy hour/award ceremony here in DC. Join us! Not in DC, but still want to take part? Check out this calendar of events over at <a href="" style="color: #005D6E; text-decoration: underline;">sunshineweek.org</a>.</p>
<div class="article--button-wrapper">
<!--[if mso]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:40px;v-text-anchor:middle;width:230px;" strokecolor="#FFDB15" fillcolor="#fff9e1"><w:anchorlock/><center style="color:#42a5b3;font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:16px;">Get Your Happy On &raquo;</center></v:rect><![endif]-->
<a class="article--button" href="#" style="color: #42a5b3; text-decoration: none; display: inline-block; font-size: 16px; line-height: 40px; text-align: center; width: 230px; -webkit-text-size-adjust: none; mso-hide: all; background: #fff9e1; border: 2px solid #ffdb15;">Get Your Happy On &raquo;</a>
</div>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row article" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 25px 0px;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 20px 0px 0px;" align="left" valign="top">
<table class="four columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 180px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">
<img class="article--img" src="http://placehold.it/340x340" width="170" height="170" alt="Alt text" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: 170px; max-width: 100%; float: left; clear: both; display: block; height: 170px; border-radius: 50%;" align="left" />
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
</td>
</tr>
</table>
</td>
<td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="top">
<table class="eight columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 380px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">
<h3 class="article--header" style="color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: bold; text-align: left; line-height: 1.3; word-break: normal; font-size: 22px; margin: 0; padding: 0 0 15px;" align="left">Sunshine Week Happiness</h3>
<p class="article--text" style="color: #222222; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 26px; font-size: 16px; margin: 0 0 20px; padding: 0;" align="left">Get your Sunshine Week on! We’re celebrating public’s right to know this year by teaming up with MuckRock and EFF for a dual happy hour/award ceremony here in DC. Join us! Not in DC, but still want to take part? Check out this calendar of events over at <a href="" style="color: #005D6E; text-decoration: underline;">sunshineweek.org</a>.</p>
<div class="article--button-wrapper">
<!--[if mso]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:40px;v-text-anchor:middle;width:230px;" strokecolor="#FFDB15" fillcolor="#fff9e1"><w:anchorlock/><center style="color:#42a5b3;font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:16px;">Get Your Happy On &raquo;</center></v:rect><![endif]-->
<a class="article--button" href="#" style="color: #42a5b3; text-decoration: none; display: inline-block; font-size: 16px; line-height: 40px; text-align: center; width: 230px; -webkit-text-size-adjust: none; mso-hide: all; background: #fff9e1; border: 2px solid #ffdb15;">Get Your Happy On &raquo;</a>
</div>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td height="25" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr>
</table>
<table class="prompt" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; border-top-width: 3px; border-top-color: #ffdb15; border-top-style: solid; border-bottom-width: 3px; border-bottom-color: #ffdb15; border-bottom-style: solid; background: #fff9e1; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td height="15" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px;" align="left" valign="top">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="center" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px;" align="center" valign="top">
<center style="width: 100%; min-width: 580px;">
<img class="prompt--logo center" src="http://sunlight-cdn.s3.amazonaws.com/emails/img/monthly/prompt-logo-sunlight.png" width="30" height="30" alt="Sunlight Foundation logo" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; float: none; clear: both; display: block; margin: 0 auto;" align="none" />
</center>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0 0 0px;" align="left" valign="top"></td>
</tr>
</table>
</td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td height="10" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr>
</table>
</td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 20px 0px 0px;" align="left" valign="top">
<table class="eight columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 380px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="pad-left" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 0px 25px;" align="left" valign="top">
<p class="prompt--text" style="color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: center; line-height: 20px; font-size: 16px; margin: 0 0 20px; padding: 0 0 0px;" align="center">
Get more transparency! We now offer daily, weekly and monthly digests for your opengov fix.
</p>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0 0 0px;" align="left" valign="top">
</td>
</tr>
</table>
</td>
<td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px;" align="left" valign="top">
<table class="four columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 180px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="pad-right" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 25px 0px 0px;" align="left" valign="top">
<div class="prompt--button-wrapper" style="text-align: right;" align="right">
<!--[if mso]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:35px;v-text-anchor:middle;width:145px;" strokecolor="#42a5b3" fillcolor="#ffffff"><w:anchorlock/><center style="color:#42a5b3;font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:16px;">Sign Up</center></v:rect><![endif]-->
<a class="prompt--button" href="#" style="color: #42a5b3 !important; text-decoration: none; display: inline-block; font-size: 16px; line-height: 35px; text-align: center; width: 145px; -webkit-text-size-adjust: none; mso-hide: all; background: #ffffff; border: 2px solid #42a5b3;">Sign Up</a>
</div>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0 0 0px;" align="left" valign="top">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td height="25" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr>
</table>
<table class="row article" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 25px 0px;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="top">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td height="10" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top"></td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">
<h3 class="article--header center" style="text-align: center; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: bold; line-height: 1.3; word-break: normal; font-size: 22px; margin: 0; padding: 0 0 15px;" align="center">Our GIF to You</h3>
</td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">
<img class="article--img-full" src="http://sunlight-cdn.s3.amazonaws.com/emails/img/monthly/gif-mrmanager.gif" width="580" alt="A GIF from us" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; float: left; clear: both; display: block; padding-bottom: 20px; padding-top: 20px;" align="left" />
<br>
<p class="article--caption" style="color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: center; line-height: 20px; font-size: 16px; font-style: italic; margin: 0 0 20px; padding: 0;" align="center">Nicko, resident Sunlight bear, types away at his desk.</p>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="socialmedia" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td height="25" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="center" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="center" valign="top">
<center style="width: 100%; min-width: 580px;">
<table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="socialmedia--divider-wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; width: 30%; margin: 0; padding: 5px 0 0;" align="left" valign="top">
<hr class="socialmedia--divider" style="color: #C1BAA9; height: 1px; border-top-width: 2px; border-top-color: #ffdb15; background: transparent; border-style: solid none none;" />
</td>
<td class="socialmedia--header-wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; width: 200px; margin: 0; padding: 0;" align="left" valign="top">
<h3 class="socialmedia--header center" style="text-align: center; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: bold; line-height: 1.3; word-break: normal; font-size: 18px; margin: 0; padding: 0 0 15px;" align="center">Tell us what you think!</h3>
</td>
<td class="socialmedia--divider-wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; width: 30%; margin: 0; padding: 5px 0 0;" align="left" valign="top">
<hr class="socialmedia--divider" style="color: #C1BAA9; height: 1px; border-top-width: 2px; border-top-color: #ffdb15; background: transparent; border-style: solid none none;" />
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 20px 0px 0px;" align="left" valign="top">
<table class="six columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 280px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">
<div class="socialmedia--button-wrapper-left" style="text-align: center;" align="center">
<!--[if mso]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://twitter.com/sunfoundation" style="height:40px;v-text-anchor:middle;width:270px;" strokecolor="#55acee" fillcolor="#55acee"><w:anchorlock/><center style="color:#ffffff;font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:16px;">Tweet at Us</center></v:rect><![endif]-->
<a class="socialmedia--twitter-button" href="https://twitter.com/sunfoundation" style="color: #ffffff !important; text-decoration: none; display: inline-block; font-size: 16px; line-height: 40px; text-align: center; width: 270px; -webkit-text-size-adjust: none; mso-hide: all; background: #55acee;">
Tweet at Us
</a>
</div>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
</td>
</tr>
</table>
</td>
<td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="top">
<table class="six columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 280px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0px 0px 10px;" align="left" valign="top">
<div class="socialmedia--button-wrapper-right" style="text-align: center;" align="center">
<!--[if mso]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.facebook.com/sunlightfoundation" style="height:40px;v-text-anchor:middle;width:270px;" strokecolor="#3b5998" fillcolor="#3b5998"><w:anchorlock/><center style="color:#ffffff;font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:16px;">Find Us on Facebook</center></v:rect><![endif]-->
<a class="socialmedia--facebook-button" href="https://www.facebook.com/sunlightfoundation" style="color: #ffffff !important; text-decoration: none; display: inline-block; font-size: 16px; line-height: 40px; text-align: center; width: 270px; -webkit-text-size-adjust: none; mso-hide: all; background: #3b5998;">
Find us on Facebook
</a>
</div>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td height="50" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr>
</table>
<!-- Footer starts -->
<table class="row footer" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; border-top-color: #C1BAA9; border-top-style: solid; border-top-width: 2px; border-bottom-color: #C1BAA9; border-bottom-style: solid; border-bottom-width: 2px; background: #f5f5f5; padding: 0px;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td align="center" class="center" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" valign="top">
<center style="width: 100%; min-width: 580px;">
<table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="wrapper last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0px 0px;" align="left" valign="top">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="footer--section" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; border-bottom-style: dashed; border-bottom-color: #C1BAA9; border-bottom-width: 1px; margin: 0; padding: 15px 0px;" align="left" valign="top">
<h5 style="color: #444444; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: bold; text-align: left; line-height: 1.3; word-break: normal; font-size: 14px; text-transform: uppercase; margin: 0; padding: 0;" align="left">Mission Statement</h5>
<p class="footer-text" style="color: #444444; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 20px; font-size: 12px; margin: 0 0 0px; padding: 0;" align="left">The Sunlight Foundation is a nonpartisan nonprofit that advocates for open government globally and uses technology to make government more accountable to all.</p>
</td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="footer--section" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; border-bottom-style: dashed; border-bottom-color: #C1BAA9; border-bottom-width: 1px; margin: 0; padding: 15px 0px;" align="left" valign="top">
<h5 style="color: #444444; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: bold; text-align: left; line-height: 1.3; word-break: normal; font-size: 14px; text-transform: uppercase; margin: 0; padding: 0;" align="left">We value your input and suggestions!</h5>
<p class="footer-text" style="color: #444444; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 20px; font-size: 12px; margin: 0 0 0px; padding: 0;" align="left">
Let us hear from you at <a href="http://sunlightfoundation.com/contact/" style="color: #005D6E; text-decoration: underline;"> sunlightfoundation.com/contact</a> or call us at 202-742-1520.
<br>
1818 N Street NW | Suite 300 | Washington, DC 20036
</p>
<p class="footer-text" style="color: #444444; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 20px; font-size: 12px; margin: 0 0 0px; padding: 0;" align="left">
The Sunlight Foundation does not rent or sell email lists. Read about our <a href="http://sunlightfoundation.com/legal/privacy" style="color: #005D6E; text-decoration: underline;">Privacy Policy.</a>
</p>
</td>
</tr>
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="footer--section-last" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #333333; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 15px 0px 30px;" align="left" valign="top">
<p class="footer-text" style="color: #444444; font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: center; line-height: 20px; font-size: 12px; margin: 0 0 0px; padding: 0;" align="center"><a href="http://sunlightfoundation.com/engage/preferences/[[subscription_key]]?e=[[Email]]&eb=[[email_blast_KEY]]" style="color: #005D6E; text-decoration: underline;">Unsubscribe or manage your email preferences</a></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table> <!-- End of Footer -->
</center>
</td>
</tr>
</table>
<!-- TemplateEndEditable -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment