body {
	padding-top: 10px;
	background: #EBEBEB;
}


h1 {
    color: #1d1d1b;
    font-size: 27px;
}


.row {
	width: 950px;
	// 79.166666666666667 px per column
}

.row .blank {
    background: #F6F6F6;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 15px;
}



.topnav-topper {
	background: #EBEBEB;
}
.topnav-topper .logo {
	padding: 0px;
	padding-left: 10px;
	margin-bottom: -2px;
}


.topnav {
	background: #1d1d1b;
	color: #F6F6F6;
	height: 56px;

	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
.topnav .logo {
	padding: 0px;
	padding-left: 10px;
	margin-top: -18px;
}
.topnav .links {
	text-align: right;
	padding: 0px;
	padding-top: 20px;
    color: #06A0DC;
    font-size: 15px;
}
.topnav .links a {
    color: white;
    font-style: italic;
    font-family: 'Amethysta', serif;
}
.topnav .links a:hover {
    color: #06A0DC;
    font-style: italic;
}
.topnav .ribbon {
    text-align: right;
	padding: 0px;
	margin-right: -5px;
	margin-top: -2px;
}



.footer {
    background: #F6F6F6;
    border: 0px;
    margin-top: -1px;
    padding: 0px;
}
.footer hr {
    border-top: 1px solid #EBEBEB;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 13px;
}
.footer .content {
    padding-bottom: 0px;
}
.footer .content .index {
    font-size: 25px;
    font-weight: bold;
}
.footer .content .links {
    text-align: center;
    padding-top: 7px;
}
.footer .content .social {
    font-size: 25px;
    font-weight: bold;
    text-align: right;
}


.bottom-spacer {
    background: #EBEBEB;
    height: 45px;
}
.bottom-spacer .bottom-spacer-2 {
    margin-top: -1px;
    background: #06A0DC;
    height: 30px;

	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
.bottom-spacer .bottom-spacer-2 .bottom-spacer-3 {
    background: #F6F6F6;
    height: 15px;

	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}

input.input_roundy {
  border: 1px solid #ccc;

  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 4px 7px;
  margin-top: 5px;

  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;

  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input,
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;

  background: #ccc;
}

textarea.input_roundy {
  border: 1px solid #ccc;

  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 4px 7px;
  margin-top: 5px;

  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;

  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input,
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;

  background: #ccc;

  height: 100px;
}

select.input_roundy {
  border: 1px solid #ccc;

  background: #ccc;
}


.input_head {
    padding-left: 3px;
    font-size: 17px;
}
.input_error {
    padding-left: 10px;
    font-size: 15px;
    color: red;
}


.reveal-modal h1.signup {
}
.reveal-modal .input_head {
    padding-bottom: 10px;
    font-size: 15px;
}
.reveal-modal .input_field {
    padding-bottom: 10px;
    font-size: 12px;
}
.reveal-modal .input_radio {
    padding-bottom: 10px;
    font-size: 15px;
}
.reveal-modal .input_radio label {
    display: inline;
    padding-right: 5px;
    padding-left: 3px;
}
.reveal-modal .input_agree {
    padding-bottom: 10px;
}
.reveal-modal .input_submit {
    padding-bottom: 10px;
}
.reveal-modal .input_submit a {
    background: #06A0DC;
}
.reveal-modal .input_bottomlink {
    padding-top: 10px;
}


.error {
    color: red;
}