<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<!-- This is based on the Mailchimp template (responsive-templates\template base_boxed_basic_body_image_query.html)
from https://github.com/mailchimp/Email-Blueprints -->
<center>
<table id="bodyTable" style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;background-color:
#ffffff;border-collapse: collapse !important;height: 100%
!important;width: 100% !important;" height="100%" width="100%"
align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="bodyCell" style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;height:
100% !important;width: 100% !important;" valign="top"
align="center">
<!-- BEGIN TEMPLATE // -->
<table id="templateContainer"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;width: 600px;border-collapse:
collapse !important;" border="0" cellpadding="5"
cellspacing="0">
<!-- Weg mit der Preheader row (tutner)
<tr>
<td align="center" valign="top">
<!-- BEGIN PREHEADER // --
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader">
<tr>
<td valign="top" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px;" mc:edit="preheader_content00">
Use this area to offer a short teaser of your email's content. Text here will show in the preview area of some email clients.
</td>
<!-- *|IFNOT:ARCHIVE_PAGE|* --
<td valign="top" width="180" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:0;" mc:edit="preheader_content01">
Email not displaying correctly?<br /><a href="*|ARCHIVE|*" target="_blank">View it in your browser</a>.
</td>
<!-- *|END:IF|* --
</tr>
</table>
<!-- // END PREHEADER --
</td>
</tr>
--> <tbody>
<tr>
<td style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;" valign="top"
align="center">
<!-- BEGIN HEADER // -->
<table id="templateHeader"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace: 0pt;mso-table-rspace:
0pt;background-color: #ffffff;border-collapse:
collapse !important;" width="100%" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="headerContent"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;color:
#505050;font-family: 'Courier New',
Courier, monospace;font-size:
20px;font-weight: bold;line-height:
100%;padding-top: 0;padding-right:
0;padding-bottom: 0;padding-left:
0;text-align: left;vertical-align:
middle;" valign="top"> <img
src="cid:part1.02070207.09030700@mur.at"
style="max-width:
600px;-ms-interpolation-mode:
bicubic;border: 0;height:
auto;line-height: 100%;outline:
none;text-decoration: none;"
id="headerImage" mc:label="header_image"
mc:edit="header_image"
mc:allowdesigner="" mc:allowtext=""> </td>
</tr>
</tbody>
</table>
<!-- // END HEADER --> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;" valign="top"
align="center">
<!-- BEGIN FEATURE (tutner) // -->
<table id="templateFeature"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace: 0pt;mso-table-rspace:
0pt;background-color: #cccccc;border-collapse:
collapse !important;" width="100%" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="featureContent"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;color:
#000000;font-family: 'Courier New',
Courier, monospace;font-size:
14px;line-height: 100%;padding-top:
5px;padding-right: 2px;padding-bottom:
5px;padding-left: 2px;text-align:
center;vertical-align: middle;"
valign="top"> <b>COME WITH US:</b> STiO @
Zagreb - Sa.28.11.2015<br>
<b>Anmeldung bis 14.11.2015</b> </td>
</tr>
</tbody>
</table>
<!-- // END FEATURE --> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;" valign="top"
align="center">
<!-- BEGIN BODY // -->
<table id="templateBody"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace: 0pt;mso-table-rspace:
0pt;background-color: #ffffff;border-top: 1px
solid #FFFFFF;border-collapse: collapse
!important;" width="100%" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="bodyContent"
mc:edit="body_content00"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;color:
#000000;font-family: 'Courier New',
Courier, monospace;font-size:
14px;line-height: 150%;padding-top:
0;padding-right: 0;padding-bottom:
0;padding-left: 0;text-align:
left;border-bottom: 1px solid #dddddd;"
valign="top">
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">Liebe Freunde,<br>
von nah und fern, von oben und unten,
und von drinn' und drauß',<br>
aber sicher nicht von rechts,</p>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">wir, das Styrian
Improvisers Orchestra (STiO), zischen am
28.11.2015, entgegen aller
Flüchtlingsströme, und froh, dass uns
keine Zäune daran hindern, per Sonderbus
nach Zagreb, um uns mit unseren
kroatischen Freunden wieder einmal zum
STICRI-Orchestra zu vereinen. <i>(Uff!)</i></p>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">Nachdem wir ja
kein Riesenorchester sind - im Sinne der
Anzahl der Mitglieder - , wäre der Bus
nur halb gefüllt. Somit hier die
ur-mega-herzliche Einladung mit uns zu
kommen.</p>
<p style="font-size:
16px;-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><b>ANMELDUNG BIS
SPÄTESTENS 14.11.2015.</b><br>
<span style="font-size:14px;">(Ich weiß,
das ist recht knapp...)</span></p>
<p style="margin-left:
14px;-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">Kosten: EUR 40,-
inkl. Konzertticket<br>
Abfahrt: ca. 11 Uhr (genaue Abfahrtszeit
und -ort werden noch bekanntgegeben)<br>
Rückfahrt: 24 Uhr</p>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">Das Konzert
findet im Rahmen des <b
style="font-size:16px;">Fair of
Culture Festivals</b> statt. Hier ein
paar Infos von der Organisation:</p>
<p style="margin-left: 14px;color:
#888888;-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">"Everything takes
place here at the Student Centre, which
is big complex in the city centre, with
lot of different venues: Theatre
&TD, MM Centre (multimedia centre),
Gallery SC, Cinema SC, French Pavilion
(beautiful renowated round building) and
nice yard. There will be an interesting
exhibition in the French Pavilion that
is in fact performative exhbition, kind
of laboratorium, by Croatian young
artist Silvio Vujicic.... some film
program in MM centre, also
lectures/discussions from all fields of
arts, i.e. wider cultural questions,
some cooking in between, party in the
end.</p>
<p style="margin-left: 14px;color:
#888888;-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">some facebook
links - our face pages - where you can
see photos and programs:<br>
<a
href="https://www.facebook.com/MuzickiSalonSC"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#EB4102;font-weight:
normal;text-decoration: underline;"><a class="moz-txt-link-freetext" href="https://www.facebook.com/MuzickiSalonSC">https://www.facebook.com/MuzickiSalonSC</a></a>
- music program<br>
<a
href="https://www.facebook.com/kulturapromjene"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#EB4102;font-weight:
normal;text-decoration: underline;"><a class="moz-txt-link-freetext" href="https://www.facebook.com/kulturapromjene">https://www.facebook.com/kulturapromjene</a></a>
- Department of Culture<br>
<a
href="https://www.facebook.com/Galerija-SC-276680292342324/timeline/"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#EB4102;font-weight:
normal;text-decoration: underline;"><a class="moz-txt-link-freetext" href="https://www.facebook.com/Galerija-SC-276680292342324/timeline/">https://www.facebook.com/Galerija-SC-276680292342324/timeline/</a></a>
- Gallery SC<br>
<a
href="https://www.facebook.com/Francuski-paviljon-269103509915821/timeline/"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#EB4102;font-weight:
normal;text-decoration: underline;"><a class="moz-txt-link-freetext" href="https://www.facebook.com/Francuski-paviljon-269103509915821/timeline/">https://www.facebook.com/Francuski-paviljon-269103509915821/timeline/</a></a>
- French Pavilion<br>
<a
href="https://www.facebook.com/teatar.itd"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#EB4102;font-weight:
normal;text-decoration: underline;"><a class="moz-txt-link-freetext" href="https://www.facebook.com/teatar.itd">https://www.facebook.com/teatar.itd</a></a>
- Theatre &TD"</p>
<p style="font-size: 16px;margin-top:
50px;-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">Also...keine
Ahnung...vui geil. Oder?</p>
<p style="font-size:
16px;-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><b>Anmeldung an:
<a href="mailto:tutner@mur.at"
rel="nofollow"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;color: #EB4102;font-weight:
normal;text-decoration: underline;">tutner@mur.at</a></b></p>
</td>
</tr>
<tr>
<td class="bodyContent" style="padding-top:
14px;padding-bottom:
0;-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;color:
#000000;font-family: 'Courier New',
Courier, monospace;font-size:
14px;line-height: 150%;padding-right:
0;padding-left: 0;text-align:
left;border-bottom: 1px solid #dddddd;">
<h2 style="display: block;font-family:
'Courier New', Courier,
monospace;font-size: 20px;font-style:
normal;font-weight: bold;line-height:
100%;letter-spacing: normal;margin-top:
0;margin-right: 0;margin-bottom:
10px;margin-left: 0;text-align:
left;color: #000000 !important;">About
STiO:</h2>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><img
src="http://tutner.mur.at/events/151005_stio/stio_herbst2005_seite1-2_600x849.jpg"
moz-do-not-send="true"
style="max-width:
600px;-ms-interpolation-mode:
bicubic;border: 0;height:
auto;line-height: 100%;outline:
none;text-decoration: none;display:
inline;" id="bodyImage"
mc:label="body_image"
mc:edit="body_image" mc:allowtext=""></p>
<p style="font-size:
10px;-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><span
style="font-size:14px;"><b>[DE]</b></span><br>
Das STIO wurde 2012 von V:NM Graz
gegründet und besteht aus Musiker*innen
der Grazer und Wiener
Improvisationsszene und einer Anzahl an
flukturierender Musiker*innen wie auch
Gastmusiker*innen und -dirigent*innen,
denen die Sprache der Improvisation
vertraut ist. Die Anzahl der
teilnehmenden Musiker*innen variiert
zwischen 15 und 35 Personen. Die
Instrumentierung des Orchesters variiert
drastisch und inkludierte bis dato
Blasinstrumente, Streichinstrumente,
Tasteninstrumente, Stimmen, Perkussion,
elektronische und computergesteuerte
Instrumente, selbst präparierte bzw.
selbst gebaute Instrumente und auch
"Ethno"-Instrumente.</p>
<p style="font-size:
10px;-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">Die Faszination
eines Improvisationsorchesters beruht
auf der Umsetzung von Dirigierzeichen
wie auch anderen kreativen
Improvisationsstrukturen auf ein ganzes
Orchester. Durch bestimmte Handzeichen
und erweiterte Symbole, die von
dirigierenden Personen ausgeführt
werden, wird dieser vielschichtige,
große Klangkörper - bestehend aus einer
Vielzahl an unterschiedlichen
Instrumenten - gesteuert und
koordiniert. Orchestrale wie auch
solistische Teile sind im Programm
enthalten und höchst spannend dabei sind
die Überraschungsmomente, sogenannte
„Fortune Cookies“, die - aus der
Kontrolle eines musikalischen Prozesses,
der über die Sprache der Improvisation
funktioniert - entstehen.</p>
<p style="font-size:
10px;-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><span
style="font-size:14px;"><b>[EN]</b></span><br>
The Styrian Improvisers Orchestra was
founded by V:NM Graz in April 2012 and
consists of musicians from the Austrian
Improvised music scene. It also has a
certain amount of fluctuating musicians,
guest artists, and conductors who are
familiar with the language of improvised
music.
There are roughly between 15-35
musicians depending on the theme of the
concert.
The instrumentation can vary
drastically, but can include horns,
reeds, strings, keyboards, percussion,
voice, electronic and computerized
instruments, 'ethno' instruments, or
even prepared and self-made instruments.</p>
<p style="font-size:
10px;-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;">The fascination
and intrigue of an improvisation
orchestra starts its transformation from
the first conduction sign that is given.
The conductor, having specific hand
signs and body language, and also
extended conduction that can include
props, steers the orchestra like a huge
vessel bringing out the delicate, dense,
sparse, or massive sound through using
various amounts of the Orchestra
(sections, soloists, etc). Through
communication of 'Musicians and
Conductor', improvisation occurs, magic
happens, and in each and every moment
music is created! Like a fortune cookie,
you never really know what to expect,
what will happen, and especially...what
is created will never happen again in
quite the same way!</p>
</td>
</tr>
<tr>
<td class="bodyContent" style="padding-top:
14px;padding-bottom:
0;-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;color:
#000000;font-family: 'Courier New',
Courier, monospace;font-size:
14px;line-height: 150%;padding-right:
0;padding-left: 0;text-align:
left;border-bottom: 1px solid #dddddd;">
<h2 style="display: block;font-family:
'Courier New', Courier,
monospace;font-size: 20px;font-style:
normal;font-weight: bold;line-height:
100%;letter-spacing: normal;margin-top:
0;margin-right: 0;margin-bottom:
10px;margin-left: 0;text-align:
left;color: #000000 !important;">Upcoming:</h2>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><b>28.11.2015</b>
- STI/CRI Orchestra - Styrian
Improvisers and Croatian Improvisers
Orchestra - Fair Culture Festival -
Zagreb - <a
href="http://vnm.mur.at/STIO"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#EB4102;font-weight:
normal;text-decoration: underline;"><a class="moz-txt-link-freetext" href="http://vnm.mur.at/STIO">http://vnm.mur.at/STIO</a></a><br>
<b>08.12.2015</b> - STIO - Styrian
Improvisers Orchestra - "Elektronisch" -
Stockwerk, Graz - <a
href="http://vnm.mur.at/STIO"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#EB4102;font-weight:
normal;text-decoration: underline;"><a class="moz-txt-link-freetext" href="http://vnm.mur.at/STIO">http://vnm.mur.at/STIO</a></a>,
<a href="http://stockwerkjazz.mur.at/"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#EB4102;font-weight:
normal;text-decoration: underline;">http://stockwerkjazz.mur.at/</a></p>
</td>
</tr>
</tbody>
</table>
<!-- // END BODY --> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;" valign="top"
align="center">
<!-- BEGIN FOOTER // -->
<table id="templateFooter"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace: 0pt;mso-table-rspace:
0pt;background-color: #F4F4F4;border-top: 1px
solid #FFFFFF;border-collapse: collapse
!important;" width="100%" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="footerContent"
mc:edit="footer_content00"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust:
100%;mso-table-lspace:
0pt;mso-table-rspace: 0pt;color:
#808080;font-family: 'Courier New',
Courier, monospace;font-size:
12px;line-height: 150%;padding-top:
14px;padding-right: 14px;padding-bottom:
7px;padding-left: 14px;text-align: left;"
valign="top">
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><img
src="cid:part12.07080401.08020104@mur.at"
style="max-width:
141px;-ms-interpolation-mode:
bicubic;border: 0;height:
auto;line-height: 100%;outline:
none;text-decoration: none;"
id="bodyImage" mc:label="body_image"
mc:edit="body_image" mc:allowtext=""></p>
<p style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;margin:
0;margin-bottom: 7px;"><span
style="font-size:16px;">Gernot Tutner</span><br>
<a href="http://tutner.mur.at"
style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;color:
#606060;font-weight:
normal;text-decoration: underline;">http://tutner.mur.at</a><br>
Leitnergasse 21, 8010 Graz<br>
fon: +43-676-9229959<br>
</p>
</td>
</tr>
</tbody>
</table>
<!-- // END FOOTER --> </td>
</tr>
</tbody>
</table>
<!-- // END TEMPLATE --> </td>
</tr>
</tbody>
</table>
</center>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>COME WITH US</title>
<style type="text/css">
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
/*#bodyCell{padding:20px;}*/ /*MC*/
#templateContainer{width:600px;}
/* ========== Page Styles ========== */
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
body, #bodyTable{
/*@editable*/ /*background-color:#DEE0E2;*/ /*MC*/
background-color:#ffffff;
}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
#bodyCell{
/*@editable*/ /*border-top:4px solid #BBBBBB;*/ /*MC*/
}
/**
* @tab Page
* @section email border
* @tip Set the border for your email.
*/
#templateContainer{
/*@editable*/ /*border:1px solid #BBBBBB;*/ /*MC*/
}
/* tutner */
p {
margin: 0;
margin-bottom: 7px;
}
/**
* @tab Page
* @section heading 1
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
* @style heading 1
*/
h1{
/*@editable*/ color:#000000 !important;
display:block;
/*@editable*/ font-family:'Courier New', Courier, monospace;
/*@editable*/ font-size:26px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 2
* @tip Set the styling for all second-level headings in your emails.
* @style heading 2
*/
h2{
/*@editable*/ color:#000000 !important;
display:block;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:20px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 3
* @tip Set the styling for all third-level headings in your emails.
* @style heading 3
*/
h3{
/*@editable*/ color:#000000 !important;
display:block;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:16px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 4
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
* @style heading 4
*/
h4{
/*@editable*/ color:#000000 !important;
display:block;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:14px;
/*@editable*/ font-style:italic;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:100%;
/*@editable*/ letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/* ========== Header Styles ========== */
/**
* @tab Header
* @section preheader style
* @tip Set the background color and bottom border for your email's preheader area.
* @theme header
*/
#templatePreheader{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-bottom:1px solid #CCCCCC;
}
/**
* @tab Header
* @section preheader text
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
*/
.preheaderContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:125%;
/*@editable*/ text-align:left;
}
/**
* @tab Header
* @section preheader link
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
*/
.preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/**
* @tab Header
* @section header style
* @tip Set the background color and borders for your email's header area.
* @theme header
*/
#templateHeader{
/*@editable*/ /*background-color:#F4F4F4;*/ /*MC*/
background-color:#ffffff;
/*@editable*/ /*border-top:1px solid #FFFFFF;*/ /*MC*/
/*@editable*/ /*border-bottom:1px solid #CCCCCC;*/ /*MC*/
}
/**
* @tab Header
* @section header text
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
.headerContent{
/*@editable*/ color:#505050;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:20px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ padding-top:0;
/*@editable*/ padding-right:0;
/*@editable*/ padding-bottom:0;
/*@editable*/ padding-left:0;
/*@editable*/ text-align:left;
/*@editable*/ vertical-align:middle;
}
/**
* @tab Header
* @section header link
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#EB4102;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
#headerImage{
height:auto;
max-width:600px;
}
/* ========== Feature Styles (tutner) ========== */
#templateFeature{
background-color:#cccccc;
}
.featureContent{
/*@editable*/ color:#000000;
/*@editable*/ font-family:'Courier New', Courier, monospace;;
/*@editable*/ font-size:14px;
/*@editable*/ /*font-weight:bold;*/
/*@editable*/ line-height:100%;
/*@editable*/ padding-top:5px;
/*@editable*/ padding-right:2px;
/*@editable*/ padding-bottom:5px;
/*@editable*/ padding-left:2px;
/*@editable*/ text-align:center;
/*@editable*/ vertical-align:middle;
}
.featureContent a:link, .featureContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#EB4102;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/* ========== Body Styles ========== */
/**
* @tab Body
* @section body style
* @tip Set the background color and borders for your email's body area.
*/
#templateBody{
/*@editable*/ /*background-color:#F4F4F4;*/ /*MC*/
background-color:#ffffff;
/*@editable*/ border-top:1px solid #FFFFFF;
/*@editable*/ /*border-bottom:1px solid #CCCCCC;*/ /*MC*/
}
/**
* @tab Body
* @section body text
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
* @theme main
*/
.bodyContent{
/*@editable*/ color:#000000;
/*@editable*/ font-family:'Courier New', Courier, monospace;
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:0;
/*@editable*/ text-align:left;
border-bottom:1px solid #dddddd; /* tutner */
}
/**
* @tab Body
* @section body link
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
.bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#EB4102;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.bodyContent img{
display:inline;
height:auto;
max-width:560px;
}
/* ========== Footer Styles ========== */
/**
* @tab Footer
* @section footer style
* @tip Set the background color and borders for your email's footer area.
* @theme footer
*/
#templateFooter{
/*@editable*/ background-color:#F4F4F4;
/*@editable*/ border-top:1px solid #FFFFFF;
}
/**
* @tab Footer
* @section footer text
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
* @theme footer
*/
.footerContent{
/*@editable*/ color:#808080;
/*@editable*/ font-family:'Courier New', Courier, monospace;
/*@editable*/ font-size:12px;
/*@editable*/ line-height:150%;
padding-top:14px;
padding-right:14px;
padding-bottom:7px;
padding-left:14px;
/*@editable*/ text-align:left;
}
/**
* @tab Footer
* @section footer link
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
/*@editable*/ color:#606060;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
@media only screen and (max-width: 480px){
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
#bodyCell{padding:10px !important;}
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
/* ======== Page Styles ======== */
/**
* @tab Mobile Styles
* @section template width
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
*/
#templateContainer{
max-width:600px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 1
* @tip Make the first-level headings larger in size for better readability on small screens.
*/
h1{
/*@editable*/ font-size:24px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 2
* @tip Make the second-level headings larger in size for better readability on small screens.
*/
h2{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 3
* @tip Make the third-level headings larger in size for better readability on small screens.
*/
h3{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:100% !important;
}
/**
* @tab Mobile Styles
* @section heading 4
* @tip Make the fourth-level headings larger in size for better readability on small screens.
*/
h4{
/*@editable*/ font-size:16px !important;
/*@editable*/ line-height:100% !important;
}
/* ======== Header Styles ======== */
#templatePreheader{display:none !important;} /* Hide the template preheader to save space */
/**
* @tab Mobile Styles
* @section header image
* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
#headerImage{
height:auto !important;
/*@editable*/ max-width:600px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section header text
* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.headerContent{
/*@editable*/ font-size:20px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Body Styles ======== */
/**
* @tab Mobile Styles
* @section body image
* @tip Make the main body image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
*/
#bodyImage{
height:auto !important;
/*@editable*/ max-width:560px !important;
/*@editable*/ width:100% !important;
}
/**
* @tab Mobile Styles
* @section body text
* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
.bodyContent{
/*@editable*/ font-size:18px !important;
/*@editable*/ line-height:125% !important;
}
/* ======== Footer Styles ======== */
/**
* @tab Mobile Styles
* @section footer text
* @tip Make the body content text larger in size for better readability on small screens.
*/
.footerContent{
/*@editable*/ font-size:14px !important;
/*@editable*/ line-height:115% !important;
}
.footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
}
</style>
</body>
</html>