/* incase an inverted custom gradient isn't specified */
.fancy-button-reset-base-class, #workshops #content #workshop_list .register a.button, #workshops #content #workshop_list .register button, #register_confirmation #content .buttons a.button {
  font-family: "Lucida Grande", Lucida, Arial, sans-serif;
  background: url('http://bobbiegoodrich.s3.amazonaws.com/images/button_bg.png') repeat-x bottom left;
  margin: 0;
  width: auto;
  overflow: visible;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  border-style: solid;
  font-weight: bold; }
  .fancy-button-reset-base-class::-moz-focus-inner, #workshops #content #workshop_list .register a.button::-moz-focus-inner, #workshops #content #workshop_list .register button::-moz-focus-inner, #register_confirmation #content .buttons a.button::-moz-focus-inner {
    border: none;
    padding: 0; }
  .fancy-button-reset-base-class:focus, #workshops #content #workshop_list .register a.button:focus, #workshops #content #workshop_list .register button:focus, #register_confirmation #content .buttons a.button:focus {
    outline: none; }

body {
  color: white;
  font: normal 1em Verdana, "Lucida Grande", Lucida, sans-serif;
  background: url('http://bobbiegoodrich.s3.amazonaws.com/images/background_pattern.jpg') repeat center; }

h1, h2, h3, h4, h5 {
  color: #936b4e;
  font-family: Georgia, "Times New Roman", Times, serif; }

p {
  padding-bottom: 12px;
  line-height: 1.5;
  font-size: 0.9em; }

h1 {
  font-size: 2.5em; }

h2 {
  font-size: 2.1em; }

h3 {
  font-style: italic;
  padding-bottom: 12px;
  font-size: 1.7em; }

h4 {
  font-size: 1.3em;
  padding-bottom: 6px;
  color: #ff811c; }

h5 {
  font-size: 1em;
  padding-bottom: 6px;
  font-style: italic; }

strong {
  color: #b99571; }

a {
  text-decoration: none;
  color: #ff9396; }
  a:visited {
    text-decoration: none;
    color: #ff9396; }

p a:hover {
  color: #ff9396;
  border-bottom: 1px dotted #ff9396; }

#container {
  width: 960px;
  margin: 0 auto; }

.right {
  float: right;
  padding-left: 12px;
  padding-bottom: 12px; }

.left {
  float: left;
  padding-right: 12px;
  padding-bottom: 12px; }

div#about, div#contact, div#workshops, div#press, div#register, div#register_confirmation, div#register_pay_later, div#register_pay_now {
  position: relative;
  width: 881px;
  float: left;
  background: url('http://bobbiegoodrich.s3.amazonaws.com/images/about_background.jpg') repeat-y center top;
  padding-top: 6px;
  padding-bottom: 8px; }

#workshops #content, #about #content, #contact #content, #press #content, #register #content, #register_confirmation #content, #register_pay_later #content, #register_pay_now #content {
  float: left;
  width: 857px;
  padding-right: 12px;
  padding-left: 12px;
  padding-bottom: 12px; }

div.grey_back {
  position: absolute;
  top: 42px;
  left: 0;
  background-color: #555555;
  opacity: 0.9;
  border: 3px solid #5b5b5b;
  z-index: 1;
  min-height: 630px;
  width: 851px;
  margin-left: 12px; }

#content div.top_trans h3 {
  padding-bottom: 0.8em; }

#about .top_trans, #contact .top_trans, #workshops .top_trans, #press .top_trans, #register .top_trans, #register_confirmation .top_trans, #register_pay_now .top_trans, #register_pay_later .top_trans {
  position: relative;
  z-index: 2;
  min-height: 662px;
  padding-right: 16px;
  padding-left: 16px; }

#workshops .column_left, #press .column_left {
  width: 390px;
  float: left; }

#workshops .column_right, #press .column_right {
  float: right;
  width: 390px; }

#workshops p {
  line-height: 1.3; }

p.address {
  margin-left: 12px;
  padding-bottom: 0px;
  font-style: italic; }

.small {
  font-size: 0.9em; }

.caption {
  font-size: 0.6em; }

#workshops div.more_info {
  padding: 12px 12px 6px 12px; }
  #workshops div.more_info a {
    display: block;
    width: 100%;
    height: 100%;
    color: white;
    font: 1.2em Georgia, "Times New Roman", Times, serif; }

#workshops #content div#workshop_list a {
  color: #666666;
  text-decoration: underline; }
#workshops #content div#workshop_list h4 {
  font-size: 0.9em;
  color: #804000;
  padding-bottom: 0px; }
#workshops #content div#workshop_list ul {
  margin-left: 0px;
  list-style: none; }
  #workshops #content div#workshop_list ul li {
    margin-left: 0px;
    margin-bottom: 16px;
    background-color: #bbbbbb;
    padding: 6px 12px 6px 12px;
    clear: both;
    overflow: hidden; }
#workshops #content div#workshop_list div.description {
  float: left;
  width: 648px; }
  #workshops #content div#workshop_list div.description h4 {
    font-size: 1.2em; }
  #workshops #content div#workshop_list div.description .cost {
    font-size: 0.8em;
    color: #eeeeee;
    font-style: italic; }
#workshops #content div#workshop_list div.more_info {
  background-color: #999999;
  border: 3px solid #999999;
  text-align: center;
  float: right;
  width: auto;
  img-float: none; }
  #workshops #content div#workshop_list div.more_info a {
    text-decoration: none; }
  #workshops #content div#workshop_list div.more_info:hover {
    background-color: #dddddd;
    border: 3px solid #cccccc; }
  #workshops #content div#workshop_list div.more_info:active {
    position: relative;
    top: 1px; }

#workshops #content .upcoming {
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 16px;
  background-color: #191919;
  width: 96%; }
  #workshops #content .upcoming ul {
    list-style: circle;
    font-size: 0.7em; }

#contact ul {
  list-style: circle;
  font-size: 0.7em; }

#workshops ul li, #contact ul li {
  margin-left: 32px;
  margin-bottom: 4px; }

#press .image {
  margin-top: 330px;
  text-align: center; }

#box_top {
  width: 960px;
  height: 73px;
  background: url('http://bobbiegoodrich.s3.amazonaws.com/images/box_top-trans.png') no-repeat 0 top; }

#index #box_top {
  background: none; }

#box_middle {
  width: 960px;
  min-height: 662px;
  clear: left;
  overflow: hidden; }

#index #box_middle {
  text-align: center;
  margin-top: 20%; }

#box_left {
  float: left;
  width: 40px;
  min-height: 662px;
  background: url('http://bobbiegoodrich.s3.amazonaws.com/images/box_left-trans.png') repeat-y 0 top;
  padding-bottom: 2000px;
  margin-bottom: -2000px; }

#box_content {
  float: left;
  background-color: black;
  width: 881px;
  min-height: 662px; }

#box_right {
  float: right;
  min-height: 662px;
  width: 39px;
  background: url('http://bobbiegoodrich.s3.amazonaws.com/images/box_right-trans.png') repeat-y 0 top;
  padding-bottom: 2000px;
  margin-bottom: -2000px; }

#box_bottom {
  width: 960px;
  height: 211px;
  background: url('http://bobbiegoodrich.s3.amazonaws.com/images/box_bottom-trans.png') no-repeat 0 top; }

#menu ul.sf-menu {
  margin-left: 19px;
  color: #d5cba7;
  font: 1em Papyrus, "Book Antiqua";
  margin-top: 19px; }
#menu ul li a {
  text-decoration: none;
  color: #d5cba7; }

#display_image {
  width: 880px;
  height: 558px;
  text-align: center; }

#display_image_title {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  background-color: #0b0b0b;
  color: #4c4c4c;
  font: italic 0.7em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  letter-spacing: 0.2em; }

#scroller ul, #scroller li {
  display: inline; }

ul#content {
  float: left;
  width: 800px; }

#prev_button button.prev {
  float: left; }

.flash {
  margin-bottom: 8px;
  padding: 12px;
  opacity: 0.8;
  font-size: 0.8em; }
  .flash.error {
    background-color: #ff6666;
    border: 2px solid #8f393a;
    color: white;
    font-weight: bold; }
  .flash.notice {
    background-color: #afffac;
    color: #007f0f;
    border: 2px solid #007f0f; }

form li {
  margin-bottom: 12px;
  font-size: 1.4em; }
form label {
  padding-top: 5px;
  font-weight: bold;
  font-size: 0.8em; }

#register #content form {
  margin-left: 60px;
  width: 600px; }

#content form li {
  clear: both;
  padding-top: 6px;
  padding-bottom: 9px;
  overflow: hidden;
  width: 100%; }
  #content form li.right {
    width: 46%;
    clear: none;
    float: right; }
  #content form li.left {
    width: 46%;
    clear: left;
    float: left; }
  #content form li span {
    float: left;
    margin-right: 0.3em;
    padding-bottom: 0.3em; }
    #content form li span label {
      clear: both;
      color: #bbbbbb;
      width: 100%;
      font-weight: normal;
      font-size: 0.5em; }
  #content form li span.full {
    width: 99%; }
  #content form li span.left {
    width: 46%;
    float: left; }
  #content form li span.right {
    width: 46%;
    float: right;
    margin-right: 0; }
  #content form li span.full input, #content form li span.left input, #content form li span.right input {
    width: 100%; }
  #content form li span.full select, #content form li span.left select, #content form li span.right select {
    width: 100%; }
#content form label {
  display: block; }

input, select, textarea {
  font-size: 0.7em; }

.workshop_details, .registrant {
  margin-bottom: 2em;
  margin-left: 2em; }
  .workshop_details p, .registrant p {
    font-size: 1.1em;
    padding-bottom: 0px; }
  .workshop_details p.small, .registrant p.small {
    font-size: 0.8em; }
  .workshop_details h4, .registrant h4 {
    text-shadow: black 1px 1px 1px;
    font-size: 1.6em;
    color: #d1baa9; }

#workshops #content #workshop_list .register {
  float: right; }
  #workshops #content #workshop_list .register a {
    text-decoration: none;
    color: white; }
  #workshops #content #workshop_list .register a.button, #workshops #content #workshop_list .register button {
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    -o-border-radius: 22px;
    -ms-border-radius: 22px;
    -khtml-border-radius: 22px;
    border-radius: 22px;
    font-size: 16px;
    line-height: 1.2em;
    padding: 0.3em 1em;
    border-width: 1px;
    padding: 8px 18px;
    border-width: 1px;
    background-color: #c06421;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #d7c2b3), color-stop(10%, #b79277), color-stop(50%, #896348), color-stop(50%, #7f5c43), color-stop(100%, #a07455));
    background-image: -moz-linear-gradient(top, #d7c2b3 0%, #b79277 10%, #896348 50%, #7f5c43 50%, #a07455 100%);
    background-image: linear-gradient(top, #d7c2b3 0%, #b79277 10%, #896348 50%, #7f5c43 50%, #a07455 100%);
    border-color: #614733;
    text-shadow: #532b0e 0px 1px 1px;
    -moz-box-shadow: rgba(255, 255, 255, 0.44) 0 0 0.1em 1px inset;
    -webkit-box-shadow: rgba(255, 255, 255, 0.44) 0 0 0.1em 1px inset;
    -o-box-shadow: rgba(255, 255, 255, 0.44) 0 0 0.1em 1px inset;
    box-shadow: rgba(255, 255, 255, 0.44) 0 0 0.1em 1px inset;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    background-clip: padding-box; }
    #workshops #content #workshop_list .register a.button, #workshops #content #workshop_list .register a.button:visited, #workshops #content #workshop_list .register button, #workshops #content #workshop_list .register button:visited {
      color: white; }
    #workshops #content #workshop_list .register a.button:hover, #workshops #content #workshop_list .register a.button:focus, #workshops #content #workshop_list .register button:hover, #workshops #content #workshop_list .register button:focus {
      background-color: #b35d1f;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #d1baa9), color-stop(10%, #b18a6d), color-stop(50%, #7f5c43), color-stop(50%, #75553e), color-stop(100%, #966d50));
      background-image: -moz-linear-gradient(top, #d1baa9 0%, #b18a6d 10%, #7f5c43 50%, #75553e 50%, #966d50 100%);
      background-image: linear-gradient(top, #d1baa9 0%, #b18a6d 10%, #7f5c43 50%, #75553e 50%, #966d50 100%);
      border-color: #57402e;
      text-shadow: #46250c 0px 1px 1px; }
      #workshops #content #workshop_list .register a.button:hover, #workshops #content #workshop_list .register a.button:hover:visited, #workshops #content #workshop_list .register a.button:focus, #workshops #content #workshop_list .register a.button:focus:visited, #workshops #content #workshop_list .register button:hover, #workshops #content #workshop_list .register button:hover:visited, #workshops #content #workshop_list .register button:focus, #workshops #content #workshop_list .register button:focus:visited {
        color: white; }
    #workshops #content #workshop_list .register a.button:active, #workshops #content #workshop_list .register button:active {
      background-color: #a6561c;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #7f5b43), color-stop(30%, #866046), color-stop(50%, #78573f), color-stop(50%, #6e4f3a), color-stop(100%, #9a6f51));
      background-image: -moz-linear-gradient(top, #7f5b43 0%, #866046 30%, #78573f 50%, #6e4f3a 50%, #9a6f51 100%);
      background-image: linear-gradient(top, #7f5b43 0%, #866046 30%, #78573f 50%, #6e4f3a 50%, #9a6f51 100%);
      border-color: #4d3829;
      text-shadow: #391d0a 0px -1px -1px;
      -moz-box-shadow: #614733 0 0.08em 0.1em 1px inset;
      -webkit-box-shadow: #614733 0 0.08em 0.1em 1px inset;
      -o-box-shadow: #614733 0 0.08em 0.1em 1px inset;
      box-shadow: #614733 0 0.08em 0.1em 1px inset; }
      #workshops #content #workshop_list .register a.button:active, #workshops #content #workshop_list .register a.button:active:visited, #workshops #content #workshop_list .register button:active, #workshops #content #workshop_list .register button:active:visited {
        color: white; }

#register_confirmation #content .confirm-group {
  border-bottom: 1px solid white;
  margin-bottom: 6px; }
#register_confirmation #content .buttons div {
  width: 60%;
  margin: 0 auto; }
#register_confirmation #content .buttons.left {
  float: left; }
#register_confirmation #content .buttons.right {
  float: right; }
#register_confirmation #content .buttons a {
  color: white; }
#register_confirmation #content .buttons a.button {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  font-size: 18px;
  line-height: 1.2em;
  padding: 0.3em 1em;
  border-width: 1px;
  padding: 12px 28px;
  border-width: 1px; }
  #register_confirmation #content .buttons a.button.yellow {
    color: red;
    background-color: #d9a100;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #f0c035), color-stop(100%, #ae840d));
    background-image: -moz-linear-gradient(top, #f0c035 0%, #ae840d 100%);
    background-image: linear-gradient(top, #f0c035 0%, #ae840d 100%);
    border-color: #83640a;
    text-shadow: #5a4200 0px 1px 1px;
    -moz-box-shadow: rgba(255, 255, 255, 0.43) 0 0 0.1em 1px inset;
    -webkit-box-shadow: rgba(255, 255, 255, 0.43) 0 0 0.1em 1px inset;
    -o-box-shadow: rgba(255, 255, 255, 0.43) 0 0 0.1em 1px inset;
    box-shadow: rgba(255, 255, 255, 0.43) 0 0 0.1em 1px inset;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    background-clip: padding-box; }
    #register_confirmation #content .buttons a.button.yellow, #register_confirmation #content .buttons a.button.yellow:visited {
      color: white; }
    #register_confirmation #content .buttons a.button.yellow:hover, #register_confirmation #content .buttons a.button.yellow:focus {
      background-color: #ca9600;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #efbb28), color-stop(100%, #a0790c));
      background-image: -moz-linear-gradient(top, #efbb28 0%, #a0790c 100%);
      background-image: linear-gradient(top, #efbb28 0%, #a0790c 100%);
      border-color: #755909;
      text-shadow: #4a3700 0px 1px 1px; }
      #register_confirmation #content .buttons a.button.yellow:hover, #register_confirmation #content .buttons a.button.yellow:hover:visited, #register_confirmation #content .buttons a.button.yellow:focus, #register_confirmation #content .buttons a.button.yellow:focus:visited {
        color: white; }
    #register_confirmation #content .buttons a.button.yellow:active {
      background-color: #bb8a00;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #aa800d), color-stop(40%, #b88b0e), color-stop(85%, #b88b0e), color-stop(100%, #d9a410));
      background-image: -moz-linear-gradient(top, #aa800d 0%, #b88b0e 40%, #b88b0e 85%, #d9a410 100%);
      background-image: linear-gradient(top, #aa800d 0%, #b88b0e 40%, #b88b0e 85%, #d9a410 100%);
      border-color: #674e08;
      text-shadow: #3b2c00 0px -1px -1px;
      -moz-box-shadow: #83640a 0 0.08em 0.1em 1px inset;
      -webkit-box-shadow: #83640a 0 0.08em 0.1em 1px inset;
      -o-box-shadow: #83640a 0 0.08em 0.1em 1px inset;
      box-shadow: #83640a 0 0.08em 0.1em 1px inset; }
      #register_confirmation #content .buttons a.button.yellow:active, #register_confirmation #content .buttons a.button.yellow:active:visited {
        color: white; }
  #register_confirmation #content .buttons a.button.green {
    background-color: #109028;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #47a659), color-stop(100%, #275b31));
    background-image: -moz-linear-gradient(top, #47a659 0%, #275b31 100%);
    background-image: linear-gradient(top, #47a659 0%, #275b31 100%);
    border-color: #193a1f;
    text-shadow: #031d08 0px 1px 1px;
    -moz-box-shadow: rgba(255, 255, 255, 0.31) 0 0 0.1em 1px inset;
    -webkit-box-shadow: rgba(255, 255, 255, 0.31) 0 0 0.1em 1px inset;
    -o-box-shadow: rgba(255, 255, 255, 0.31) 0 0 0.1em 1px inset;
    box-shadow: rgba(255, 255, 255, 0.31) 0 0 0.1em 1px inset;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    background-clip: padding-box; }
    #register_confirmation #content .buttons a.button.green, #register_confirmation #content .buttons a.button.green:visited {
      color: white; }
    #register_confirmation #content .buttons a.button.green:hover, #register_confirmation #content .buttons a.button.green:focus {
      background-color: #0e8224;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #429b53), color-stop(100%, #22502b));
      background-image: -moz-linear-gradient(top, #429b53 0%, #22502b 100%);
      background-image: linear-gradient(top, #429b53 0%, #22502b 100%);
      border-color: #142f19;
      text-shadow: #020f04 0px 1px 1px; }
      #register_confirmation #content .buttons a.button.green:hover, #register_confirmation #content .buttons a.button.green:hover:visited, #register_confirmation #content .buttons a.button.green:focus, #register_confirmation #content .buttons a.button.green:focus:visited {
        color: white; }
    #register_confirmation #content .buttons a.button.green:active {
      background-color: #0d7521;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #26582e), color-stop(40%, #2a6334), color-stop(85%, #2a6334), color-stop(100%, #357c41));
      background-image: -moz-linear-gradient(top, #26582e 0%, #2a6334 40%, #2a6334 85%, #357c41 100%);
      background-image: linear-gradient(top, #26582e 0%, #2a6334 40%, #2a6334 85%, #357c41 100%);
      border-color: #102514;
      text-shadow: #000201 0px -1px -1px;
      -moz-box-shadow: #193a1f 0 0.08em 0.1em 1px inset;
      -webkit-box-shadow: #193a1f 0 0.08em 0.1em 1px inset;
      -o-box-shadow: #193a1f 0 0.08em 0.1em 1px inset;
      box-shadow: #193a1f 0 0.08em 0.1em 1px inset; }
      #register_confirmation #content .buttons a.button.green:active, #register_confirmation #content .buttons a.button.green:active:visited {
        color: white; }
#register_confirmation #content .buttons p {
  font-size: 0.6em; }

div.paypal-logo {
  float: right;
  position: relative;
  bottom: 60px; }

div#error_page {
  width: 80%;
  margin: 48px auto 0;
  padding: 26px;
  background-color: #397f11;
  border: 3px solid #517e37; }
  div#error_page h3 {
    font-style: italic;
    color: #ffcc6c; }
  div#error_page p {
    font-size: 1em;
    font-style: italic; }

.clearfix {
  display: block; }
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.med_radius {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px; }

.small_radius {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }

.spacer_40 {
  height: 40px; }

.spacer_20 {
  height: 20px; }

.hidden {
  position: absolute;
  top: -10000px; }

.center {
  text-align: center; }

.big-bottom {
  margin-bottom: 3em; }

.small {
  font-size: 0.8em; }

.big {
  font-size: 1.2em; }

#vip {
  height: 0.1em;
  visibility: hidden; }

.red {
  color: red; }

