/* ------ NOTES----------------------------------------------------------------

Customizable Screen Styles for your Simple Signup event pages.

--------- CONTENTS ------------------------------------------------------------

1: PAGE BACKGROUND AND WIDTH 
2: TYPOGRAPHY
3: BORDERS
4. SECTIONS AND EXTRA HTML

---------------------------------------------------------------------------- */



/* 1: PAGE BACKGROUND AND WIDTH
============================================================================ */

/* Use this to change the background color and/or image */

body {
  background-color: #fff;
  background-image: none;
  background-repeat: repeat-x;
  background-position-x: left;
  background-position-y: top;
  }

/* Use this to change the width of the page. In pixels or percent. */ 

/*
.wrapper {width: 760px;}
*/

/* Use this to change the background color of the header, content and footer */

#header {background-color: #fff;}

#content {background-color: #fff;}

#footer {background-color: #fff;}


/* 2: TYPOGRAPHY
============================================================================ */

/* Use this to change the color, size and font for the body copy */

body {
  color: #333;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
}

/* Use this to change the color, size, weight, style and font for headings */

h1 {
	color: #DF0174; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold; 
	font-style: normal;
}

h2 {
	color: #DF0174;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
}

h3 {
	color: #DF0174;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px; 
	font-weight: bold;
	font-style: normal;
}
  
/* Use this to change the color of the form labels */

.attendee-form .event-attendee {color: #333;}


/* 3: BORDERS
============================================================================ */

/* Use this to change the color of the borders */
  
.cart, .cart td, .cart th {border-color: #fff;}

.attendee-form td {border-color: #fff;}


/* 4: SECTIONS AND EXTRA HTML
============================================================================ */

#extra-html-left {float: left; width: 47%; clear: left;}
#extra-html-right {float: right; width: 46%; clear: right;}
#extra-html-footer {clear: both; margin-top: 20px;}
.section.left {float: left; width: 47%; clear: left;}
.section.right {float: right; width: 46%; clear: right;}
.section.footer {clear: both; margin-top: 20px; padding: 20px;}
.section img {padding: 10px;}