<html>
<head>
<!-- If you delete this meta tag, the ground will open and swallow you. -->
<meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
/* -------------------------------------
GLOBAL
------------------------------------- */
* {
margin:0;
padding:0;
}
* {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
img {
max-width: 100%;
}
.collapse {
margin:0;
padding:0;
}
body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:none;
width: 100% !important;
height: 100%;
}
/* -------------------------------------
ELEMENTS
------------------------------------- */
a {
color: #326297;
}
.btn {
text-decoration:none;
color: #FFF;
background-color: #326297;
padding:6px 8px;font-weight:bold;
margin-right:10px;text-align:center;
cursor:pointer;
display: inline-block;font-size:18px
}
p.callout, div.callout {
padding:15px;
background-color:#E0EFFF;
margin-bottom: 15px;
}
.callout a {
font-weight:bold;
color: #326297;
}
p.callout-secondary, div.callout-secondary {
padding:15px;
background-color:#FCEFE4;
margin-bottom: 15px;
}
.callout-secondary a {
font-weight:bold;
color: #326297;
}
table.social {
/* padding:15px; */
background-color: #ebebeb;
}
.social .soc-btn {
padding: 3px 7px;font-size:12px;
margin-bottom:10px;text-decoration:none;
color: #FFF;font-weight:bold;
display:block;text-align:center;
}
a.fb {
background-color: #3B5998 !important;
}
a.tw {
background-color: #1daced !important;
}
a.gp {
background-color: #DB4A39 !important;
}
a.ms {
background-color: #000 !important;
}
a.ig {
background-color: #666 !important;
}
.sidebar .soc-btn {
display:block;
width:100%;
}
/* -------------------------------------
HEADER
------------------------------------- */
table.head-wrap {
width: 100%;
}
.header.container table td.logo {
padding: 15px;
}
.header.container table td.label {
padding: 15px;
padding-left:0px;
}
/* -------------------------------------
BODY
------------------------------------- */
table.body-wrap {
width: 100%;
}
/* -------------------------------------
FOOTER
------------------------------------- */
table.footer-wrap {
width: 100%;
clear:both !important;
}
.footer-wrap .container td.content p {
border-top: 1px solid rgb(215,215,215);
padding-top:15px;
}
.footer-wrap .container td.content p {
font-size:10px;font-weight: bold;
}
/* -------------------------------------
TYPOGRAPHY
------------------------------------- */
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
line-height: 1.1;
margin-bottom:15px;
color:#326297;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size:60%;
color: #948266;
line-height: 0;text-transform: none;
}
h1 {
font-weight:200;font-size:32px;
color:#326297
}
h2 {
font-weight:400;font-size:30px;text-transform: uppercase;
color:#326297;
}
h3 {
font-weight:500;font-size:28px;
}
h4 {
font-weight:500;font-size:26px;
}
h5 {
font-weight:bold;font-size:18px;
}
h6 {
font-weight:900;font-size:16px;
}
h4 a {
color:#A12642
}
.collapse {
margin:0 !important;
}
p, ul {
margin-bottom: 10px;font-weight: normal;font-size:14px;
line-height:1.6;
}
p.lead {
font-size:17px;
}
p.small {
font-size:12px;
}
p.last {
margin-bottom:0px;
}
ul li {
margin-left:5px;
list-style-position: inside;
}
table#events td {
padding:3px;
width:30%
}
table#events td h4 {
font-size:18px;text-align:center
}
table#events td h5 {
font-size:14px;text-align:center
}
table#events td p {
font-size:12px;
}
/* -------------------------------------
SIDEBAR
------------------------------------- */
ul.sidebar {
background:#ebebeb;
display:block;
list-style-type: none;
}
ul.sidebar li {
display: block;
margin:0;
}
ul.sidebar li a {
text-decoration:none;
color: #666;
padding:10px 16px;
/* font-weight:bold; */
margin-right:10px;
/* text-align:center; */
cursor:pointer;
border-bottom: 1px solid #777777;
border-top: 1px solid #FFFFFF;
display:block;
margin:0;
}
ul.sidebar li a.last {
border-bottom-width:0px;
}
ul.sidebar li a h1, ul.sidebar li a h2, ul.sidebar li a h3, ul.sidebar li a h4, ul.sidebar li a h5, ul.sidebar li a h6, ul.sidebar li a p {
margin-bottom:0 !important;
}
/* ---------------------------------------------------
RESPONSIVENESS
Nuke it from orbit. It's the only way to be sure.
------------------------------------------------------ */
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
display:block !important;
max-width:600px !important;
margin:0 auto !important; /* makes it centered */
clear:both !important;
}
/* This should also be a block element, so that it will fill 100% of the .container */
.content {
padding:15px;
max-width:600px;
margin:0 auto;
display:block;
border-bottom:1px solid #ccc;
}
/* Let's make sure tables in the content area are 100% wide */
.content table {
width: 100%;
}
/* Odds and ends */
.column {
width: 300px;float:left;
}
.column tr td {
padding: 15px;
}
.column-wrap {
padding:0 !important;
margin:0 auto;
max-width:600px !important;
}
.column table {
width:100%;
}
.social .column {
width: 280px;
min-width: 279px;float:left;
}
td.small img {
width:120px;
max-width:120px;
height:auto;
}
blockquote {padding: 10px 20px; font-size:16px; line-height:24px}
/* Be sure to place a .clear element after each set of columns, just to be safe */
.clear {
display: block;
clear: both;
}
/* -------------------------------------------
PHONE
For clients that support media queries.
Nothing fancy.
-------------------------------------------- */
@media only screen and (max-width: 600px) {
a[class="btn"] {
display:block !important;
margin-bottom:10px !important;
background-image:none !important;
margin-right:0 !important;
}
div[class="column"] {
width: auto !important;float:none !important;
}
table.social div[class="column"] {
width:auto !important;
}
}
.container1 { display:block !important;
max-width:600px !important;
margin:0 auto !important; /* makes it centered */
clear:both !important;
}
</style>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"
bgcolor="#FFFFFF">
<!-- HEADER -->
<table class="head-wrap" bgcolor="#FFFFFF">
<tbody>
<tr>
<td class="header container" align=""><!-- /content -->
<div class="content">
<table bgcolor="#FFFFFF">
<tbody>
<tr>
<td align="center">
<p class="collapse">(440) 247-8955 | <a class="moz-txt-link-abbreviated" href="http://www.CVLT.org">www.CVLT.org</a>
| 40 River St. Chagrin Falls</p>
</td>
</tr>
<tr>
<td align="center">
<h1 class="collapse">Opening Friday at CVLT</h1>
</td>
</tr>
</tbody>
</table>
</div>
<!-- /content --></td>
<td><br>
</td>
</tr>
</tbody>
</table>
<!-- /HEADER -->
<!-- BODY -->
<table class="body-wrap" bgcolor="">
<tbody>
<tr>
<td><br>
</td>
<td class="container" bgcolor="#FFFFFF" align=""><!-- content -->
<!-- /content -->
<!-- content --><!-- /content -->
<div class="content">
<table>
<tbody>
<tr>
<td>
<h3 align="center"><a
style="font-size:42px;font-family:'Century
Schoolbook','Times New Roman', Times, serif"
href="http://www.cvlt.org/87thSeason/eleemosynary.php?utm_source=monthlymail&utm_medium=email&utm_campaign=oneoff">el•ee•mos•y•nar•y</a></h3>
<h4 align="center">by LEE BLESSING</h4>
<p align="center">Directed by BARBARA L. RHOADES</p>
<p align="center">Starring:<br>
MARGO PARKER, KATE WILLIAMS-BERNARDO, and GRACE
LeBAY</p>
<hr align="center" width="75%"><br>
<h5 align="center">Playing through August 25 on<br>
CVLT's River Street Playhouse Stage<br>
Fridays & Saturdays at 8 PM / Sunday Aug 20
at 2 PM</h5>
<p align="center">Tickets $12 General Admission</p>
<p align="center">HAPPY HOUR with BEER, WINE,
APPETIZERS OPENING NIGHT at 6 PM</p>
<p align="center"><em style="font-family:Georgia,
'Times New Roman', Times, serif">"Never have a
daughter. She won't like you." <br>
'Artie' in ELEEMOSYNARY</em></p>
<p>Award-winner Lee Blessing spins this tale of
words and the women in three generations of the
Wesbrook family who use them both as tools and
weapons. You'll adore this funny, heartfelt
drama about the conflicted relationships between
mothers and daughters on Chagrin Valley Little
Theatre's intimate second stage. Parking and
seating limited, so reserve and arrive early!</p>
<table style="border-spacing:0;" width="100%">
<tbody>
<tr>
<td style="padding:0;" align="center"><!--[if (gte mso 9)|(IE)]>
<table width="300">
<tr>
<td valign="top" style="padding:0;">
<![endif]-->
<table
style="margin:0;border-spacing:0;max-width:300px;"
width="100%">
<tbody>
<tr>
<td style="padding:15px 5px 17px
5px;background-color:#326297;font-family:"
helvetica="Helvetica" neue="Neue"
",="" helvetica,=""
arial,="Arial," "lucida=""
grande="Grande"
sans-serif;font-size:16px;line-height:22px;color:#ffffff;text-align:center;vertical-align:top;"=""
align="center" width="100%"><a
href="http://www.cvlt.org/87thSeason/eleemosynary.php?utm_source=monthlymail&utm_medium=email&utm_campaign=oneoff"
name="button" title="Details
& Tickets »" id="button"
style="text-decoration:none;color:#ffffff;display:block;cursor:pointer;"
tabindex="1"> <strong>Get your
tickets now »</strong></a></td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!-- content --><!-- /content -->
<hr style="padding:0; margin:8px 0 8px 0; border:none;
width:100%; height: 1px" noshade="noshade" size="1"
color="#CCCCCC" width="100%">
<!-- content -->
<div class="content">
<table bgcolor="">
<tbody>
<tr>
<td><!-- social & contact -->
<table class="social" bgcolor="" width="100%">
<tbody>
<tr>
<td><!--- column 1 -->
<div class="column">
<table cellpadding="" bgcolor=""
align="left">
<tbody>
<tr>
<td>
<h5 class="">Connect with Us:</h5>
<p class=""><a
href="http://www.facebook.com/chagrintheatre"
class="soc-btn fb">Facebook/ChagrinTheatre</a>
<a
href="http://www.twitter.com/chagrintheatre"
class="soc-btn tw">Twitter
@ChagrinTheatre</a> <a
href="http://www.instagram.com/chagrintheatre"
class="soc-btn ig">Instagram
@ChagrinTheatre</a></p>
</td>
</tr>
</tbody>
</table>
<!-- /column 1 --> </div>
<!--- column 2 -->
<div class="column">
<table cellpadding="" bgcolor=""
align="left">
<tbody>
<tr>
<td>
<h5 class="">Contact Info:</h5>
<p>Web: <a
href="http://www.cvlt.org?utm_source=monthlymail&utm_medium=email&utm_campaign=june2017">www.CVLT.org</a><br>
Phone: <strong>440.247.8955</strong><br>
Email: <strong><a
href="mailto:cvlt@cvlt.org">cvlt@cvlt.org</a></strong></p>
</td>
</tr>
</tbody>
</table>
<!-- /column 2 --> </div>
<div class="clear" style="font-size:12px">CVLT
is generously funded by Cuyahoga County
residents through Cuyahoga Arts and
Culture and supported by the Ohio Arts
Council. CVLT is a proud member of the
American Association of Community
Theatre. </div>
</td>
</tr>
</tbody>
</table>
<!-- /social & contact --></td>
</tr>
</tbody>
</table>
</div>
<!-- /content --></td>
<td><br>
</td>
</tr>
</tbody>
</table>
<!-- /BODY -->
</body>
</html>