/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.0
build: 2026
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

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


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/

form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *




 */


@font-face {
  font-family: 'Museo Slab';
  src: url("/fonts/museo_slab_500.eot");
  src: local("Museo Slab"), url("/fonts/museo_slab_500.woff") format("woff"), url("/fonts/museo_slab_500.ttf") format("truetype"), url("/fonts/museo_slab_500.svg#webfont") format("svg"); }

@font-face {
  font-family: 'Museo Sans';
  src: url("/fonts/museosans_500.eot");
  src: local("Museo Sans"), url("/fonts/museosans_500.woff") format("woff"), url("/fonts/museosans_500.ttf") format("truetype"), url("/fonts/museosans_500.svg#webfont") format("svg"); }

@font-face {
  font-family: 'Aller Display';
  src: url("/fonts/allerdisplay.eot");
  src: local("Aller Display"), url("/fonts/allerdisplay.woff") format("woff"), url("/fonts/allerdisplay.ttf") format("truetype"), url("/fonts/allerdisplay.svg#webfont") format("svg"); }

@font-face {
  font-family: 'Aller';
  src: url("/fonts/aller_rg.eot");
  src: local("Aller"), url("/fonts/aller_rg.woff") format("woff"), url("/fonts/aller_rg.ttf") format("truetype"), url("/fonts/aller_rg.svg#webfont") format("svg"); }

@font-face {
  font-family: 'Aller Italic';
  src: url("/fonts/aller_it.eot");
  src: local("Aller Italic"), url("/fonts/aller_it.woff") format("woff"), url("/fonts/aller_it.ttf") format("truetype"), url("/fonts/aller_it.svg#webfont") format("svg"); }

@font-face {
  font-family: 'Aller Bold Italic';
  src: url("/fonts/aller_bdit.eot");
  src: local("Aller Bold Italic"), url("/fonts/aller_bdit.woff") format("woff"), url("/fonts/aller_bdit.ttf") format("truetype"), url("/fonts/aller_bdit.svg#webfont") format("svg"); }

@font-face {
  font-family: 'Aller Bold';
  src: url("/fonts/aller_bd.eot");
  src: local("Aller Bold"), url("/fonts/aller_bd.woff") format("woff"), url("/fonts/aller_bd.ttf") format("truetype"), url("/fonts/aller_bd.svg#webfont") format("svg"); }

html, body, div, p, h1, h2, h3, dl, dd, dt {
  margin: 0;
  padding: 0;
  font-weight: normal; }

html {
  background-color: #a2c6ff;
  color: #091e23; }

body {
  width: 810px;
  margin: 0 auto;
  font: 14px/21px "Aller", "Myriad Pro", sans-serif;
  padding: 20px 0 40px 0; }

.section#content {
  overflow: hidden; }

h2 {
  margin-top: 30px;
  font: 24px "Aller", "Myriad Pro", sans-serif; }

p {
  margin: 10px 0; }

strong {
  font-weight: bold; }

#header {
  margin-left: -15px; }
  #header h1 {
    font: 110px/1 "Aller Display", "Myriad Pro", sans-serif;
    text-transform: lowercase; }
    #header h1 a {
      text-decoration: none;
      color: #091e23; }
  #header p {
    margin: 0 0 30px 15px;
    text-transform: lowercase;
    font: 21px "Aller Bold Italic", sans-serif; }

h2, h3, #header p {
  color: white;
  text-shadow: #091e23 1px 1px 0px; }

.section.main {
  float: left;
  width: 480px; }
  .section.main p.summary {
    margin-bottom: 20px;
    font: 21px/31px "Aller Bold", sans-serif; }
  .section.main p.warning {
    font-weight: bold; }
  .section.main ul {
    padding-left: 1em; }
    .section.main ul li {
      padding: .1em 1em;
      list-style: square;
      color: #4C7385; }
      .section.main ul li span {
        color: #091E23; }
  .section.main p a {
    color: #4C7385;
    text-decoration: none;
    border-bottom: 2px solid #4C7385; }
    .section.main p a:hover {
      color: #608fa4; }
    .section.main p a:active {
      color: #395765; }

.section.main p img {
  border: 10px solid #e2eefe;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 4px 4px 0; }

img.left {
  float: left;
  margin: 0 20px 20px 0; }

img.right {
  float: right;
  margin: 0 0 20px 20px; }

img.full {
  display: block;
  margin: 20px 0; }

p.under {
  clear: left; }

#aside {
  float: right;
  width: 280px;
  margin-left: 40px;
  font-size: 13px; }

aside h2 {
  margin-top: 40px;
  font-size: 18px; }

aside p {
  padding-right: 20px;
  color: #4c7385; }

#aside .register {
  background-color: #e2eefe;
  text-align: center;
  padding: 20px;
  margin: 10px 10px 40px 0;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 4px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 4px 4px 0;
  font-family: "Museo Slab", serif; }
  #aside .register a {
    display: block;
    background-color: #576645;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 0;
    border-radius: 5px;
    font-size: 18px;
    line-height: 35px;
    text-decoration: none;
    color: #abb3a2;
    border-radius: .7em;
    -moz-border-radius: .7em;
    -webkit-border-radius: .7em; }
  #aside .register a.wait {
    background: none;
    display: block;
    color: #091e23;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 14px;
    line-height: 45px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0; }
  #aside .register a:hover {
    background-color: #657453; }
  #aside .register a.wait:hover {
    font-weight: bold;
    background: none; }
  #aside .register h2, #aside .register aside .register h3 {
    text-shadow: none; }
  #aside .register h2, #aside .register dt {
    color: #a6c6ff; }
  #aside .register h2 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 0; }
  #aside .register h3, #aside .register span {
    display: block;
    font: 24px/36px "Aller Bold Italic";
    color: #091e23;
    text-shadow: none; }
  #aside .register span {
    margin-bottom: 4%; }
  #aside .register dl {
    font-size: 13px;
    margin: 10px 0 15px 0;
    overflow: hidden; }
  #aside .register dt {
    float: left;
    text-align: right;
    padding: 4px 5% 0 0;
    width: 30%;
    line-height: 15px;
    text-transform: uppercase; }
  #aside .register dd {
    float: left;
    padding-top: 4px;
    text-align: left;
    width: 65%;
    font: 13px/15px "Museo Sans",sans-serif; }

#aside .follow ul {
  margin: 1em 0;
  padding: 0;
  overflow: auto; }
  #aside .follow ul li {
    display: block;
    float: left;
    margin: 3px 10px 3px 0;
    padding: 0;
    width: 46%;
    height: 25px;
    background-color: #bed7ff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
    #aside .follow ul li:nth-child(even) {
      margin-right: 0; }
    #aside .follow ul li:hover {
      background-color: #cde0ff; }
    #aside .follow ul li a {
      display: block;
      height: 100%;
      text-indent: -9999em;
      background-image: url(/images/follow.png); }
    #aside .follow ul li.flickr a {
      background-position: 50% 4px; }
    #aside .follow ul li.vimeo a {
      background-position: 50% -25px; }
    #aside .follow ul li.twitter a {
      background-position: 50% -55px; }
    #aside .follow ul li.google a {
      background-position: 50% -87px; }
    #aside .follow ul li.facebook a {
      background-image: url(/images/facebook.png);
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: center; }
#aside .past-events ul {
  margin-top: 10px; }
  #aside .past-events ul li {
    font: 13px/20px "Aller Bold", sans-serif;
    color: #4C7385;
    text-shadow: none; }
#aside .past-events p {
  margin-top: 0; }

#aside .mailing-list .btn {
  display: block;
  background-color: #576645;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 0;
  border-radius: 5px;
  font-size: 18px;
  line-height: 35px;
  text-decoration: none;
  color: #abb3a2;
  border-radius: .7em;
  -moz-border-radius: .7em;
  -webkit-border-radius: .7em; }
#aside .mailing-list .btn:hover {
  background-color: #657453; }

form.formtastic fieldset.inputs ol li {
  width: 100%; }

input[type="text"],
input[type="email"],
input[type="tel"],
form.formtastic fieldset.inputs input[type="text"],
form.formtastic fieldset.inputs input[type="email"],
form.formtastic fieldset.inputs input[type="tel"] {
  margin-bottom: 10px;
  padding: 4px;
  width: 90%;
  border: 2px solid #7e9bc8;
  font-size: 13px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  form.formtastic fieldset.inputs input[type="text"]:focus,
  form.formtastic fieldset.inputs input[type="email"]:focus,
  form.formtastic fieldset.inputs input[type="tel"]:focus {
    border: 2px solid #091e23; }

input[type="submit"],
form.formtastic fieldset.buttons input[type="submit"] {
  padding: 6px 10px;
  background: #091e23;
  color: #e2eefe;
  font: 13px "Museo Slab", serif;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  input[type="submit"]:hover,
  form.formtastic fieldset.buttons input[type="submit"]:hover {
    background: #13414c; }

iframe {
  display: block;
  margin: 10px 0; }

.patience {
  display: none;
  background-color: white;
  padding: 10px 20px;
  font-size: 12px;
  position: absolute;
  border-radius: .5em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 4px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 4px 4px 0; }

.wait {
  display: block; }

.sponsors ul {
  margin-top: 10px; }
.sponsors h3 {
  display: block;
  font: 24px/36px "Aller Bold";
  color: #091e23;
  text-shadow: none;
  text-align: center; }
.sponsors img {
  width: 270px;
  border: 5px solid #e2eefe;
  background-color: white; }

.emissions {
  display: none; }
/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

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


form.formtastic fieldset.inputs ol li {
  margin: 0;
  display: block;
}

form.formtastic fieldset.inputs ol li {
  margin: 1em 0;
}
form.formtastic fieldset.inputs ol li.hidden {
  margin: 0;
}

form.formtastic fieldset ol li label {
  float: none;
  width: 100%;
  font-weight: bold;
}

form.formtastic fieldset ol li label:after {
  content: ':';
}

form.formtastic fieldset ol li p.inline-hints {
  margin-left: 0;
  margin-top: -5px;
  color: #4C7385;
}

form.formtastic fieldset.inputs ol li input {
  width: 20em;
}

#attendee_phone {
  width: 10em;
}

form.formtastic fieldset.buttons {
  padding-left: 0;
}

form.formtastic fieldset.inputs ol li p.inline-errors {
  margin-left: 0;
  text-transform: capitalize;
}