/* ------ 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: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold; 
	font-style: normal;
  }

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

h3 {
	color: #000;
	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;
  margin-top: 20px;
  }
#extra-html-right {
  float: right;
  width: 46%;
  clear: right;
  margin-top: 20px;
  }
#extra-html-footer {clear: both; margin-top: 20px;}

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

.section-contents {text-align: center;}

.captioned-img {float: left;}
.captioned-img img {float: left; padding: 0 20px 20px 0;}
.captioned-img img.right {float: right; padding: 0 0 20px 20px;}
.captioned-img .caption {float: none;}
