/*
  SCREEN.CSS
  This is where styles for on-screen media are declaired.
  
  --------------------------------------------------------------------------------------------------------------------------
  FILE INFO
  Last updated:     2012/01/09
  Last updated by:  Matt Wilcox

  --------------------------------------------------------------------------------------------------------------------------
  STYLEGUIDE
  Tabs are set to 2 spaces.

  Rules obey the following anatomy:

    selector {
      POSITIONING LINE [position,top,left]
      BOX MODEL LINE [display,margin,border,padding,width, ETC]
      TYPOGRAPHY LINE [font,text-indent,font-style, ETC]
      PREFIXED PROPERTIES [-moz-,-webkit-, ETC] }

  This file is divided into the following sections:

    =global_reset         |  Brings all browsers into line 
    =vendor_enhancements  |  Fix various issues and/or enable enhancements
    =typography           |  How type looks and behaves
    =base_rules           |  Styling of raw elments
    =modules              |  Discrete components of a page [sub-divided]
    =layout               |  How modules are laid out on given pages [sub-divided]

  Units of measurement should always be:

    % or no unit for any layout - you do not know where your module is going on a page, so you don't know its absolute size.
    unitless for line-heights
    rems for type - with em fallbacks

    See http://csswizardry.com/2011/12/measuring-and-sizing-uis-2011-style/ for details.

  ----------------------------------------------------------------------------------------------------------------------- */
  
/*
  =global_reset ---------------------------------------------------------------------------------------------------------
  NOTE:       Based on Eric Meyers CSS Reset 2.0
  REFERENCE:  http://meyerweb.com/eric/tools/css/reset/
  ----------------------------------------------------------------------------------------------------------------------- */
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0; padding: 0; border: 0;
    font-size: 100%; font: inherit; vertical-align: baseline; }
  
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, 
  footer, header, hgroup, menu, nav, section {
    display: block; }
  ol, ul {
    list-style: none; }
  blockquote, q {
    quotes: none; }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: ''; content: none; }
  table {
    border-collapse: collapse; border-spacing: 0; }

/*
  =vendor_enhancements --------------------------------------------------------------------------------------------------
  NOTE: Fix various browser issues, and switch some vendor specific nicities on/off
  ----------------------------------------------------------------------------------------------------------------------- */
  html {
    -webkit-text-size-adjust : 100%;
    -ms-text-size-adjust : 100%;
    text-rendering: optimizeLegibility; /* using kerning and ligatures http://www.aestheticallyloyal.com/public/optimize-legibility/ */ }

  /* fix webkit to stop it rendering text too thickly in cases where there is light text on dark backgrounds
     http://orderedlist.com/our-writing/blog/articles/webkit-font-smoothing/ */
  #site_info,
  #content h1,
  .buttons,
  #countdown { -webkit-font-smoothing: antialiased; }

  a:link { 
    -webkit-tap-highlight-color : #999; }
  ::-webkit-selection,
  ::-moz-selection,
  ::selection { 
    background : #999; color : #fff; text-shadow : none; }
   
  /* kill input=search default styling on webkit
  input[type=search] {
    -webkit-appearance : none; }
  input[type="search"]::-webkit-search-decoration, 
  input[type="search"]::-webkit-search-cancel-button {
    display : none; } */

  ::-webkit-input-placeholder,
  input:-moz-placeholder {
    padding : 10px;
    font-size : .875em; line-height : 1.4; }

  input, textarea {
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    -o-box-sizing : border-box;
    -ms-box-sizing : border-box;
    box-sizing : border-box; }
     
/*
  =typography -----------------------------------------------------------------------------------------------------------
  NOTE:       Found that margin-top applied to everything is a pain - it often messes up layout and requires jumping
              through hoops to fix, so I've stopped doing this as a default and now add top margin manually when required.
  REFERENCE:  Based on http://alistapart.com/articles/settingtypeontheweb/
                       http://24ways.org/2006/compose-to-a-vertical-rhythm/
  ----------------------------------------------------------------------------------------------------------------------- */
  
  /* custom fonts */
   
  @font-face {
    font-family: 'MelbourneRegular';
    src: url('../fonts/melbourne-webfont.eot');
    src: url('../fonts/melbourne-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/melbourne-webfont.woff') format('woff'),
         url('../fonts/melbourne-webfont.ttf') format('truetype'),
         url('../fonts/melbourne-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal; font-style: normal;
  }

  @font-face {
    font-family: 'MelbourneBold';
    src: url('../fonts/melbourne-bold-webfont.eot');
    src: url('../fonts/melbourne-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/melbourne-bold-webfont.woff') format('woff'),
         url('../fonts/melbourne-bold-webfont.ttf') format('truetype'),
         url('../fonts/melbourne-bold-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal; font-style: normal;
  }

  @font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/league_gothic-webfont.eot');
    src: url('../fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/league_gothic-webfont.woff') format('woff'),
         url('../fonts/league_gothic-webfont.ttf') format('truetype'),
         url('../fonts/league_gothic-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal; font-style: normal;
  }
/**/
  @font-face {
    font-family: 'RynoSlabRegular';
    src: url('../fonts/ryno_slab-webfont.eot');
    src: url('../fonts/ryno_slab-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ryno_slab-webfont.woff') format('woff'),
         url('../fonts/ryno_slab-webfont.ttf') format('truetype'),
         url('../fonts/ryno_slab-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal; font-style: normal;
  }
   
  html { /* font-size: 20px, line-height: 26px */
    font : 125%/1.3 MelbourneRegular, "Helvetica Neue", Helvetica, Arial, sans-serif; color : #636363; }
     
  h1, h2, h3, h4, h5, h6 {
    font-family : MelbourneBold, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform : uppercase; font-weight : normal; }
  
  h1,
  body.cisignup #content_main > h2:first-child {
    /*font-family : RynoSlabRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size : 2.8em; font-size : 2.8rem; line-height : 1; }
  h2 {
    font-size : 32px; line-height : 32px; }
  h3, h4, h5, h6 {
    margin-bottom : 1em;
    font-size : 20px; line-height : 22px; }
  p, ul {
    margin-bottom : 22px; }
   
/*
  =base_rules -----------------------------------------------------------------------------------------------------------
  NOTE:  This section styles "default" elements, that is, how a <p> or <em> etc look by default, without
         any page or class specific over-rides.
  ----------------------------------------------------------------------------------------------------------------------- */
  
/* =html =body */
  html {
    background : #f6c133 url(../images/2012/html.jpg) 50% 0 no-repeat; }
  body {
    margin : 0 auto; width : 1004px; }

/* =p */
   
/* =a */
  a:link    { color : #009CD7; text-decoration : none; }
  a:visited { color : #009CD7; text-decoration : none; }
  a:hover   { text-decoration : underline; }
  a:focus   { text-decoration : underline; }
  a:active  { text-decoration : underline; }
  /* :target   { background-color : #ff6; } */

/* =ol */
   ol {
     margin-left : 1.6em; margin-bottom : 1em;
     list-style : decimal outside; }

/* =li */
  #content_main ul > li {
    padding-left : 26px; margin-bottom : .5em;
    background : url(../images/2012/bullet.png) 0 3px no-repeat; }

/* =img */
  img { 
    max-width : 100%; }
  #target_hilight {
    position : absolute; }
  a img {
    margin : 0; }
     
/* =div */
  
/* =span */
  label span {
    display : block; }
  label.boolean span {
    display : inline; }

/* =table */
  table { margin-bottom : 1em; }
  tr { border-bottom : 1px dotted #ccc; }
  th { font-weight : bold; }
  th, td { padding : .5em; }

/* strong */
  strong {
    font-weight : bold; }

   
/*
  =modules --------------------------------------------------------------------------------------------------------------
  NOTE:  Modules are discrete sections of data that may be used on any page, e.g., "Latest News"
  ----------------------------------------------------------------------------------------------------------------------- */     

/*
  =website header */
  #site_context  {
    position : absolute; z-index : 5;
    margin-bottom : 0; }
  #site_context .company {
    position : absolute; top : 0; left : 20px;
    display : block; width : 308px; height : 151px; margin : 0;
    font-size : 1rem;
    box-shadow : 0 0 10px rgba(0,0,0,.5); }
  #site_context .company span {
    position : absolute; top : 0; left : 0;
    display : block; width : 100%; height : 100%;
    background : url(../images/2012/logo.png) 0 0 no-repeat; }

  .slides {
    margin : 0; }
  .slides > li {
    position : relative;
    margin-top : 0; }
  .slides > li > img {
    margin-top : 0; }
  .slides .caption {
    position : absolute; top : 100px; right : 65px;
    display : block; display : block; width : 190px; padding : 5px; min-height : 80px;
    background-color : rgba(104,24,79,.9); color : #fff; vertical-align : middle; }
  .slides .caption p {
    margin-bottom : 0; }
  .slides .caption a {
    display : inline-block; min-height : 80px;
    color : #fff; vertical-align : middle; }
  .header_gallery {
    position : relative;
    height : 400px;
    background-color : #fff; overflow : hidden; }
  .header_gallery .decoration {
    position : absolute; bottom : 0; left : 0;
    display : block; width : 994px; height : 163px;
    background : url(../images/2012/gradientoverlay.png) 0 0 repeat-x; z-index : 10;
    box-shadow : 0 5px 5px rgba(0, 0, 0, 0.15); }
  .flex-direction-nav {
     margin : 0; }
  .flex-direction-nav a {
    position : absolute; right : 5px; top : 120px;
    width : 47px; height : 51px;
    font-size : .75rem; z-index : 12; background : url(../images/2012/flex-controls.png) -47px 0 no-repeat; text-indent : -999em;
    box-shadow : rgba(0,0,0,.5) 0 0 10px;
    -moz-transition : all .15s;
    -webkit-transition : all .15s;
    -o-transition : all .15s;
    -ms-transition : all .15s;
    transition : all .15s; }
  .flex-direction-nav a.prev {
    right : 280px;
    background-position : 0 0; }
  .flex-direction-nav a:hover,
  .flex-direction-nav a:focus {
    -moz-transform : scale(1.1);
    -webkit-transform : scale(1.1);
    -o-transform : scale(1.1);
    -ms-transform : scale(1.1);
    transform : scale(1.1); }
  #container:after {
    content: url(/assets/images/2012/drop-wrap.png);
    position : absolute; top : 390px; left : 0; }

/*
  =website footer */
  #site_info {
    position : relative;
    width : 1004px; height : 369px; margin-top : -80px;
    background : url(../images/2012/footer.png) 0 0; }
  #site_info .banner {
    padding : 47px 10px 0 20px;
    font-family : RynoSlabRegular, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform : uppercase; font-weight : normal; color : #fff; font-size : 22px; }
  #site_info .banner img {
    margin : 0 4px 0 4px; }
  #site_info .banner a {
    color : #fff; }
  #site_info .banner iframe {
    position : absolute; right : -4px; top : 50px; }

  #site_info .group_1 > img {
    float : left;
    margin : 20px 50px 0 40px; }
  #site_info .group_1 ul {
    float : left; margin-top : 15px; text-transform : uppercase; }
  #site_info .group_1 a {
    color : #fff; }
  
  div.squirrel {
    float : right;
    margin : 20px 20px 0 0; }

  div.group_2 {
    clear : both;
    padding : 20px 30px 0; }
  div.group_2 li {
    display : inline-block; margin-right : 1em;
    font-size : .75em; }
  div.group_2 a {
    color : #fff; }

  .site-credit {
    position : absolute; right : 20px; bottom : -2px;
    opacity : .2; }

/* more-social-links */
  .more-social-links {
    position : absolute; top : 7px; right: 100px;
    display: block; height: 28px; padding: 5px 5px 0;
    background-color: rgba(0,0,0,.8); }

/* header login */
  #login_header {
    position: absolute; top : 8px; right : 19px;
    display : block; padding : 6px 20px;
    background-color : #fff;
    font : 20px/20px LeagueGothicRegular, MelbourneRegular, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform : uppercase; color : #000;
    -moz-transition : all .25s;
    -webkit-transition : all .25s;
    -o-transition : all .25s;
    -ms-transition : all .25s;
    transition : all .25s; }
  #login_header:hover,
  #login_header:focus {
    background-color : #61002E; color: #fff; }

/*
  =countdown */
  #countdown {
    position : absolute; top : 136px; left : 30px;
    width : 268px; border-bottom : 1px solid #f4b711; padding : 4px 10px;
    background : #61002e; color : #fff; z-index : 20; 
    font : 20px/20px LeagueGothicRegular, MelbourneRegular, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform : uppercase; }
  #countdown .days {
    position : absolute; right : 10px; }

/*
  =generic layout elements */
  #content {
    margin-left : 10px; border : 10px solid #fff; padding-bottom : 80px;
    background : #fff url(../images/2012/bg_stripe.png); }
  #content_main {
    float : left;
    width : 606px; padding-left : 20px; }
  #content_supp {
    position : relative;
    float : right;
    width : 308px; margin : 10px 10px 0 0; }

/* 
  =nav_main */
  #nav_main {
    position : absolute; top : 40px; left : 0;
    display : block; width : 1004px; height : 51px;
    background : #d97c12 url(../images/2012/nav_main.png) -10px 0 no-repeat;
    box-shadow : 0 2px 5px rgba(0,0,0,.15); }
  #nav_main:after {
    content : " ";
    position : absolute; left : -10px; top : 0;
    display : block; width : 10px; height : 61px;
    background : url(../images/2012/nav_main.png) 0 0 no-repeat; }
  #nav_main h2 {
    position : absolute; left : -999em; overflow : hidden; }
  #nav_main ul {
    margin-left : 340px; }
  #nav_main li {
    display : inline; }
  #nav_main li a {
    display : inline-block; height : 51px; padding : 0 10px;
    line-height : 51px; text-transform : uppercase; color : #fff;
    -moz-transition : all .25s;
    -webkit-transition : all .25s;
    -o-transition : all .25s;
    -ms-transition : all .25s;
    transition : all .25s; }
  #nav_main li a:hover,
  #nav_main li a:focus {
    background-color : #61002E; text-decoration : none; }

/*
  =subnav */
  .subnav {
    position: relative;
    padding: 10px; margin-bottom : 1em;
    background-color: #fff; }
  .subnav h2 {
    margin-bottom : .5em;
    font-family: RynoSlabRegular,"Helvetica Neue",Helvetica,Arial,sans-serif; color : #59002A; }
  .subnav h3 {
    margin-bottom : .5em; }
  .subnav ul {
    margin-bottom : 0; }

/*
  =nav buttons */
  ul.buttons {
    position : absolute; top : 390px;
    margin : 0;
    z-index : 30; font : 30px/30px LeagueGothicRegular, MelbourneRegular, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform : uppercase; }
  ul.buttons a {
    position : absolute; bottom : 0; left : 20px;
    display : block; margin : 0; width : 129px; height : 60px; padding : 5px 5px 5px 10px;
    background : #000 url(../images/2012/buttons.jpg) 0 0 no-repeat;
    -moz-transition : all .25s; color : #fff;
    -webkit-transition : all .25s; color : #fff;
    -o-transition : all .25s; color : #fff;
    -ms-transition : all .25s; color : #fff;
    transition : all .25s; color : #fff; }
  
  ul.buttons a:hover,
  ul.buttons a:focus {
    height : 173px;
    box-shadow : 0 -5px 5px rgba(0,0,0,.25); text-decoration : none; }

  ul.buttons .b_2 a { left : 184px; background-position : -144px 0; }
  ul.buttons .b_3 a { left : 348px; background-position : -288px 0; }
  ul.buttons .b_4 a { left : 512px; background-position : -432px 0; }
  ul.buttons .b_5 a { left : 676px; background-position : -576px 0; }
  ul.buttons .b_6 a { left : 841px; background-position : -720px 0; }

/*
  =widget_news */
  .widget_news {
    position : relative;
    padding : 60px 10px 10px;
    background-color : #fff; }
  .widget_news h2 {
    position : absolute; top : -10px; left : -5px;
    width : 147px; height : 62px;
    background : url(../images/2012/latestnews.png) 0 0 no-repeat; text-indent : -999em; }
  .widget_news a {
    color : #e44500; }
  .widget_news .news_item {
    margin-top : 10px; border-top : 1px dashed #ccc; padding-top : 20px; }
  .widget_news img {
    float : left;
    border : 3px solid #fff; margin-right : 1em;
    box-shadow : 3px 3px 5px rgba(0,0,0,.3); }

/*
  =embeded images */
  div.image {
    padding : 10px; max-width : 100%;
    background-color : #fff; }
  div.image.float-right {
    float : right; margin : 26px 0 26px 1em; }
  div.image.float-left {
    float : left; margin : 26px 1em 26px 0; } 
  div.image .caption {
    display : block; }

/*
  meta =*/
  #content_supp .meta {
    position: relative;
    padding: 10px; margin-bottom : 1em;
    background-color: #fff; }
  #content_supp .meta h2 {
    margin-bottom : .5em; }
  #content_supp .meta h3 {
    margin-bottom : .5em; }
  #content_supp .meta ul {
    margin-bottom : 0; }

/* generic components */
  
  /* clearfix for floated items: http://nicolasgallagher.com/micro-clearfix-hack/ */
  #content:before,
  #content:after {
    content:"";
    display:table; }
  #content:after {
    clear:both; }

  #container {
    position : relative; }

  #content h1,
  body.cisignup #content_main > h2:first-child {
    position : relative;
    margin : 10px 0 .5em -40px; width : 610px; padding : 10px 0 0 10px;
    background-color : #59002a; color : #fff; box-shadow : 3px 3px 5px rgba(0,0,0,.25); }
  #content h1:after,
  body.cisignup #content_main > h2:first-child:after {
    content: url(/assets/images/2012/drop-wrap.png);
    position : absolute; bottom : -22px; left : 0; }

/*
  =layout ---------------------------------------------------------------------------------------------------------------
  NOTE:       How modules are laid out on specific pages
  ----------------------------------------------------------------------------------------------------------------------- */

/*
  =home */
  body.home #content_main h2 {
    margin-bottom : .5em; }
  body.home #content_supp a.facebook {
    position : absolute; top : -6px; right : 20px;
    display : block; width: 142px; height: 60px;
    background : url(../images/2012/facebook-again.png) 0 0 no-repeat; text-indent : -999em; z-index : 20; }
  body.home #content_supp a.facebook:hover,
  body.home #content_supp a.facebook:focus {
    background-position : 0 -60px; }

  body.home h2.our-runners {
    display : block; width : 604px; height : 44px; margin-bottom : 1em;
    background : url(../images/2012/our-runners.png) 0 0; text-indent : -999em; }

/*
  =news */
  body.news.archive .news_item h2 {
    position : absolute; top : -10px; left : -5px;
    width : 147px; height : 62px;
    background : url(../images/2012/latestnews.png) 0 0 no-repeat; text-indent : -999em; }
  body.news.archive .news_item a {
    color : #e44500; }
  body.news.archive .news_item {
    margin-top : 10px; border-top : 1px dashed #ccc; padding-top : 20px; }
  body.news.archive .news_item img {
    float : left;
    border : 3px solid #fff; margin-right : 1em;
    box-shadow : 3px 3px 5px rgba(0,0,0,.3); }

  body.news.archive #content_supp .widget.archive {
    position: relative;
    padding: 10px; margin-bottom : 1em;
    background-color: #fff; }
  body.news.archive #content_supp .widget.archive h2 {
    margin-bottom : .5em; }
  body.news.archive #content_supp .widget.archive h3 {
    margin-bottom : .5em; }
  body.news.archive #content_supp .widget.archive ul {
    margin-bottom : 0; }
  body.news.archive #content_supp .widget.archive .year ul {
    margin-left : 1em; }
  body.news.archive #content_supp .widget.archive > ul > li {
    margin-bottom : .25em; border-bottom : 1px dotted #ccc; padding-bottom : .25em; }
  body.news.archive #content_supp .widget.archive > ul > li:last-child {
    margin-bottom : 0; border-bottom : 0; padding-bottom : 0; }

/* 
  =login */
  body.login .boolean {
    display: block; margin: 1em 0;
    clear : both; }

/*
  =signup */
  body.col-1 #content_main {
    float : none;
    width : auto; padding-left : 0; }
  body.col-1 .col_1 {
    padding-left : 20px; }
  body.col-1 #content .col_1 h1 {
    width : 994px; }
  body.col-1 .col_left {
    float: left;
    width: 447px; padding-left : 20px; }
  body.col-1 .col_right {
    float: right;
    width: 467px; padding-left : 20px; }
  body.col-1 #content_main .col_right h2 {
    margin-left : 0px;
    box-shadow : -3px 3px 5px rgba(0,0,0,.25); }
  body.col-1 #content_main .col_right h2:after {
    content: ""; }

/*
  =bodges ---------------------------------------------------------------------------------------------------------------
  NOTE:    Dealing with mark-up outside of my control in the sign-up sections
  ----------------------------------------------------------------------------------------------------------------------- */
  body.col-1 #content_main h2 {
    font-family : MelbourneRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size : 56px; line-height : 1; }
  body.col-1 #content_main h2 {
    position : relative;
    margin : 10px 0 .5em -40px; width : 457px; padding : 10px 0 0 10px;
    background-color : #59002a; color : #fff; box-shadow : 3px 3px 5px rgba(0,0,0,.25); }
  body.col-1 #content_main h2:after {
    content: url(/assets/images/2012/drop-wrap.png);
    position : absolute; bottom : -22px; left : 0; }
  
  body.cisignup form input,
  body.cisignup form select {
    padding : 3px; width : 380px;
    font-size : 16px; line-height : 22px; }
  body.cisignup fieldset > div {
    padding : 10px; margin-bottom : 1em;
    background : #ddd; }
  body.cisignup label > span {
    display : inline-block; width : 200px; }
  
  #validation-errors {
    padding : 20px; border-radius : 20px; margin-bottom : 2em;
    background-color : rgba(234, 92, 46, .5); color : #fff; }
  #validation-errors a {
    color : #fff; }

  body.cisignup fieldset > div.error {
    background-color : rgba(234, 92, 46, .5); color : #fff; }
  body.cisignup fieldset > div.error span.error {
    clear : both;
    display : block; border-top : 1px solid #fff; width : 100%; margin-top : .5em; padding-top : .5em;
    color : #c33; }

  body.cisignup form select#birthday_day,
  body.cisignup form select#birthday_month,
  body.cisignup form select#birthday_year {
    width : 127px; }
  
  div.check-cols {
    display : inline-block; width : 98px; }
  body.cisignup div.check-cols label > span {
    width : 100px; }
  body.cisignup form div.check-cols input {
    width : auto; display : inline-block; }

  body.cisignup .textarea label > span {
    vertical-align : top; }
  body.cisignup #content_main textarea {
    height : 300px; width : 380px; }

  body.cisignup legend {
    display : block; margin-bottom : .5em; padding-top : 1em;
    font-size : 32px; line-height : 32px; }
  body.cisignup form input[type="checkbox"],
  body.cisignup form fieldset.buttons input[type="submit"] {
    width : auto; }

  body.cisignup form fieldset.buttons input[type="submit"] {
    margin-top : 3em; }
  body.cisignup form .pulse3kdate.error {
    position : relative;
    padding-bottom : 2.5em; }
  body.cisignup form .pulse3kdate.error .error {
    position : absolute; bottom : .3em; left : 0; margin : 0 10px; }

  body.cisignup #content_main h2 {
    margin-top : 20px; }