Urban Music Fest - mailchimp

by freedawirl

HTML

<center>
  <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
    <tr>
      <td align="center" valign="top">
        <!-- // Begin Template Preheader \\ -->
        <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
          <tr>
            <td valign="top" class="preheaderContent">

              <!-- // Begin Module: Standard Preheader \\ -->
              <table border="0" cellpadding="10" cellspacing="0" width="100%">
                <tr>
                  <td valign="top">
                    <div mc:edit="std_preheader_content">
                     For more than a decade, The Urban Music Festival has provided a fun filled weekend full of great entertainment and community participation - all are welcomed to join in the fun!
                    </div>
                  </td>
                  <td valign="top" width="180">
                    <div mc:edit="std_preheader_links">
                      <!-- *|IFNOT:ARCHIVE_PAGE|* -->Is this email not displaying correctly?
                      <br><a href="*|ARCHIVE|*" target="_blank">View it in your browser</a>.
                      <!-- *|END:IF|* -->
                    </div>
                  </td>
                </tr>
              </table>
              <!-- // End Module: Standard Preheader \\ -->

            </td>
          </tr>
        </table>
        <!-- // End Template Preheader \\ -->
        <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
          <tr>
            <td align="center" valign="top">
              <!-- // Begin Template Header \\ -->
              <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
                <tr>
                  <td class="headerContent">

                    <!-- // Begin Module: Standard Header Image \\ -->
                    <img...

CSS

#outlook a {
		  padding: 0;
		}
		
		body {
		  width: 100% !important;
		}
		
		body {
		  -webkit-text-size-adjust: none;
		}
		
		body {
		  margin: 0;
		  padding: 0;
		}
		
		img {
		  border: none;
		  font-size: 14px;
		  font-weight: bold;
		  height: auto;
		  line-height: 100%;
		  outline: none;
		  text-decoration: none;
		  text-transform: capitalize;
		}
		
		#backgroundTable {
		  height: 100% !important;
		  margin: 0;
		  padding: 0;
		  width: 100% !important;
		}
		/*
	@tab Page
	@section background color
	@tip Set the background color for your email. You may want to choose one that matches your company's branding.
	@theme page
	*/
		
		body,
		.backgroundTable {
		  /*@editable*/
		  background-color: #FAFAFA;
		}
		/*
	@tab Page
	@section email border
	@tip Set the border for your email.
	*/
		
		#templateContainer {
		  /*@editable*/
		  border: 1px solid #DDDDDD;
		}
		/*
	@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.
	@theme heading1
	*/
		
		h1,
		.h1 {
		  /*@editable*/
		  color: #202020;
		  display: block;
		  /*@editable*/
		  font-family: Arial;
		  /*@editable*/
		  font-size: 34px;
		  /*@editable*/
		  font-weight: bold;
		  /*@editable*/
		  line-height: 100%;
		  margin-bottom: 10px;
		  /*@editable*/
		  text-align: left;
		}
		/*
	@tab Page
	@section heading 2
	@tip Set the styling for all second-level headings in your emails.
	@theme heading2
	*/
		
		h2,
		.h2 {
		  /*@editable*/
		  color: #202020;
		  display: block;
		  /*@editable*/
		  font-family: Arial;
		  /*@editable*/
		  font-size: 30px;
		  /*@editable*/
		  font-weight: bold;
		  /*@editable*/
		  line-height: 100%;
		  margin-bottom: 10px;
		  /*@editable*/
		  text-align: left;
		}
		/*
	@tab Page
	@section heading 3
	@tip Set the styling for all third-level headings in your emails.
	@theme heading3
	*/
		
		h3,
		.h3 {
		  /*@editable*/
		  color: #202020;
		 ...